:root {
--template: "Theme TDK BASE v99";
--tdk-color-black: #000;
--tdk-color-black-80: #000c;
--tdk-color-black-75: #000000bf;
--tdk-color-black-60: #0009;
--tdk-color-black-50: #00000080;
--tdk-color-black-40: #0006;
--tdk-color-black-30: #0000004d;
--tdk-color-black-25: #00000040;
--tdk-color-black-20: #0003;
--tdk-color-black-10: #0000001a;
--tdk-color-black-5: #0000000d;
--tdk-color-white: #fff;
--tdk-color-white-80: #fffc;
--tdk-color-white-75: #ffffffbf;
--tdk-color-white-60: #fff9;
--tdk-color-white-50: #ffffff80;
--tdk-color-white-40: #fff6;
--tdk-color-white-30: #ffffff4d;
--tdk-color-white-25: #ffffff40;
--tdk-color-white-20: #fff3;
--tdk-color-white-10: #ffffff1a;
--tdk-color-white-5: #ffffff0d;
--tdk-color-jet: #333;
--tdk-color-gray: #848484;
--tdk-color-gray-97: #888;
--tdk-color-gray-80: #9d9d9d;
--tdk-color-gray-75: #a3a3a3;
--tdk-color-gray-60: #b5b5b5;
--tdk-color-gray-50: #c2c2c2;
--tdk-color-gray-40: #cecece;
--tdk-color-gray-30: #dadada;
--tdk-color-gray-25: #e0e0e0;
--tdk-color-gray-20: #e6e6e6;
--tdk-color-gray-10: #f3f3f3;
--tdk-color-gray-5: #f9f9f9;
--tdk-color-gray-dark: #59595a;
--tdk-color-gray-lighter: #efefef;
--tdk-color-gray-light: #e0e0e0;
--tdk-color-gray-v1: #5f5f5f;
--tdk-color-gray-v2: #4c4c4c;
--tdk-color-gray-v3: #555;
--tdk-color-gray-v4: #262626;
--tdk-color-gray-v5: #777;
--tdk-color-gray-v6: #e6e6e6;
--tdk-color-gray-v7: #eee;
--tdk-color-gray-v8: #ccc;
--tdk-color-gray-v9: #adadad;
--tdk-color-gray-v10: #ddd;
--tdk-color-gray-v11: #f3f3f3;
--tdk-color-gray-darker: #4f4f4f;
--tdk-color-blue: #0046ad;
--tdk-color-blue-80: #336bbd;
--tdk-color-blue-75: #4074c2;
--tdk-color-blue-60: #6690ce;
--tdk-color-blue-50: #80a3d6;
--tdk-color-blue-40: #99b5de;
--tdk-color-blue-30: #b3c8e6;
--tdk-color-blue-25: #bfd1eb;
--tdk-color-blue-20: #ccdaef;
--tdk-color-blue-10: #e6edf7;
--tdk-color-blue-5: #f2f6fb;
--tdk-color-blue-main: #0087ff;
--tdk-color-blue-dark: #003191;
--tdk-color-blue-vivid: #1132ff;
--tdk-color-blue-nav1: #336bbd;
--tdk-color-blue-nav2: #4d7ec6;
--tdk-color-blue-other: #039;
--tdk-color-blue-other-v1: #a1b4cf;
--tdk-color-blue-other-v2: #356eff;
--tdk-color-blue-other-v3: #337ab7;
--tdk-color-blue-other-v4: #23527c;
--tdk-color-blue-other-v5: #286090;
--tdk-color-blue-other-v6: #2e6da4;
--tdk-color-blue-other-v7: #204d74;
--tdk-color-green: #38d189;
--tdk-color-green-80: #60daa1;
--tdk-color-green-75: #6adda7;
--tdk-color-green-60: #88e3b8;
--tdk-color-green-50: #9ce8c4;
--tdk-color-green-40: #afedd0;
--tdk-color-green-30: #c3f1dc;
--tdk-color-green-25: #cdf4e2;
--tdk-color-green-20: #d7f6e7;
--tdk-color-green-10: #ebfaf3;
--tdk-color-green-5: #f5fdf9;
--tdk-color-green-main: #26de71;
--tdk-color-green-dark: #337a73;
--tdk-color-purple: #c97bf4;
--tdk-color-purple-80: #d495f6;
--tdk-color-purple-75: #d79cf7;
--tdk-color-purple-60: #dfb0f8;
--tdk-color-purple-50: #e4bdfa;
--tdk-color-purple-40: #e9cafb;
--tdk-color-purple-30: #efd7fc;
--tdk-color-purple-25: #f2defc;
--tdk-color-purple-20: #f4e5fd;
--tdk-color-purple-10: #faf2fe;
--tdk-color-purple-5: #fcf8fe;
--tdk-color-purple-main: #c919f4;
--tdk-color-purple-dark: #6f0096;
--tdk-color-orange: #ff932a;
--tdk-color-orange-80: #ffa955;
--tdk-color-orange-75: #ffae5f;
--tdk-color-orange-60: #ffbe7f;
--tdk-color-orange-50: #ffc995;
--tdk-color-orange-40: #ffd4aa;
--tdk-color-orange-30: #ffdfbf;
--tdk-color-orange-25: #ffe4ca;
--tdk-color-orange-20: #ffe9d4;
--tdk-color-orange-10: #fff4ea;
--tdk-color-orange-5: #fffaf4;
--tdk-color-orange-dark: #b14d21;
--tdk-color-red: #d94c4c;
--tdk-color-red-80: #e17070;
--tdk-color-red-75: #e37979;
--tdk-color-red-60: #e89494;
--tdk-color-red-50: #eca6a6;
--tdk-color-red-40: #f0b7b7;
--tdk-color-red-30: #f4c9c9;
--tdk-color-red-25: #f6d2d2;
--tdk-color-red-20: #f7dbdb;
--tdk-color-red-10: #fbeded;
--tdk-color-red-5: #fdf6f6;
--tdk-color-red-dark: #8b0643;
--tdk-color-gold: #e6b84c;
--tdk-color-gold-80: #ebc670;
--tdk-color-gold-75: #ecca79;
--tdk-color-gold-60: #f0d494;
--tdk-color-gold-50: #f3dca6;
--tdk-color-gold-40: #f5e3b7;
--tdk-color-gold-30: #f8eac9;
--tdk-color-gold-25: #f9edd2;
--tdk-color-gold-20: #faf1db;
--tdk-color-gold-10: #fdf8ed;
--tdk-color-gold-5: #fefbf6;
--tdk-color-gold-dark: #987243;
--tdk-gradient-blue: linear-gradient(90deg, #0046ad 0%, #1132ff 15%, #095cff 40%, #0087ff);
--tdk-gradient-blue-light: linear-gradient(90deg, #0046ad55 0%, #1132ff55 15%, #095cff55 40%, #0087ff55);
--tdk-gradient-purple: linear-gradient(90deg, #0046ad 0%, #1132ff 15%, #6c26fa 40%, #c919f4);
--tdk-gradient-purple-light: linear-gradient(90deg, #0046ad55 0%, #1132ff55 15%, #6c26fa55 40%, #c919f455);
--tdk-gradient-green: linear-gradient(90deg, #0046ad 0%, #1132ff 15%, #0087ff 40%, #17bcaa 60%, #26de71);
--tdk-gradient-green-light: linear-gradient(90deg, #0046ad55 0%, #1132ff55 15%, #0087ff55 40%, #17bcaa55 60%, #26de7155);
--card-border-color: #00000020;
--linklist-border-color: var(--tdk-color-gray-30);
--navbar-flyout-link-color: var(--tdk-color-white);
--navbar-flyout-devider-color: var(--tdk-color-gray-50);
--navbar-flyout-link-hover-background: transparent;
--tabbed-selectable-color: var(--tdk-color-blue-dark);
--tabbed-selectable-background: var(--tdk-color-gray-5);
--tabbed-selected-color: var(--tdk-color-gray-darker);
--tabbed-selected-background: var(--tdk-color-white);
--tabbed-border-color: #00000020;
--tdk-shadow-base: 0 5px 5px #0000001a;
--tdk-shadow-blue: 0 0 10px #cce7ff;
--tdk-shadow-teaser-carousel-indicator: 0px 0px 10px #00000054;
--shadow-soft: 0 4px 8px #0000001a;
--tdk-base-radius: 4px;
--radius-base: 6px;
--radius-sm: 4px;
--radius-lg: 8px;
--radius-card: 8px;
--radius-big: 16px;
--footer-sitemap-column-entry-border: 1px solid var(--tdk-color-gray-40);
--font-family-sans-serif: "Noto Sans", sans-serif;
--font-family-material-icons: "Material Icons";
--navbar-main-navigation-link-font-size: 1.3rem;
--navbar-meta-font-size: 1.1rem;
--breadcrumbs-font-size: 1.1rem;
--teaser-headline-font-size: 1.8rem;
--teaser-category-font-size: 1.4rem;
--teaser-text-font-size: 1.3rem;
--copyright-font-size: 1rem;
--copyright-font-size-xs: .9rem;
--footer-navigation-link-font-size: 1.2rem;
--footer-sitemap-column-headline-link-font-size: 1.3rem;
--footer-sitemap-column-entry-link-font-size: 1.2rem;
--footer-sitemap-column-entry-arrow-font-size: 1.4em;
--footer-sitemap-md-column-headline-link-font-size: 1.3rem;
--navigationbuttons-width: 65px;
--navbar-main-navigation-width: 100%;
--meta-navigation-mobile-ul-min-width: 49.6rem;
--meta-navigation-mobile-ul-max-width: 60rem;
--meta-navigation-mobile-md-ul-min-width: inherit;
--meta-navigation-mobile-md-ul-max-width: 28rem;
--nav-flyout-width: 28rem;
--nav-flyout-item-split-trigger-width: 3rem;
--nav-flyout-split-trigger-width: 4.6rem;
--breadcrumbs-li-text-max-width-lg: 40rem;
--breadcrumbs-li-text-max-width-md: 26rem;
--language-switch-mobile-item-width: 25%;
--language-switch-mobile-max-width: 60rem;
--socialshare-size: 1.5em;
--footer-navigation-md-min-width: 59rem;
--footer-navigation-xs-min-width: 33rem;
--footer-navigation-xs-max-width: 100%;
--footer-sitemap-column-width: 16.6667%;
--footer-sitemap-column-link-width: 100%;
--header-md-height: 5rem;
--header-md-height-with-anchornavigation: 8.6rem;
--header-height: 9.5rem;
--header-height-with-anchornavigation: 13.05rem;
--meta-navigation-mobile-height: 5rem;
--navbar-main-mobile-trigger-height: auto;
--anchor-navigation-header-height: 3.6rem;
--breadcrumb-height: 32px;
--language-switch-mobile-height: 5rem;
--header-z-index: 100;
--content-dimmer-top: 50px;
--content-dimmer-z-index: 1051;
--content-dimmer-full-z-index: 1061;
--copyright-margin-top-lg: 6rem;
--footer-sitemap-column-entry-arrow-top: 4px;
--footer-sitemap-column-entry-arrow-right: 2px;
--footer-sitemap-xs-column-entry-arrow-right: 15px;
--footer-sitemap-md-column-entry-arrow-top: 8px;
--footer-sitemap-md-column-entry-arrow-right: 30px;
--footer-navigation-xs-li-margin-bottom: 1.5rem;
--tdk-base-padding: 2rem;
--header-padding: 0;
--header-md-padding: 0;
--navbar-main-navigation-link-padding: .75rem 1rem;
--navbar-meta-nav-link-padding: 0 1.25rem;
--nav-flyout-level-2-link-padding: .25rem 3.5rem .25rem 2.5rem;
--nav-flyout-link-padding: .25rem 3.5rem .25rem 1.5rem;
--nav-flyout-item-split-padding: .25rem 1.5rem .25rem 1.5rem;
--socialshare-base-padding: .3em;
--copyright-padding-md: 1.2rem 2.2rem;
--footer-navigation-padding-top: 1rem;
--footer-navigation-link-padding-right: 2.4rem;
--footer-navigation-md-link-padding: 0 1.5rem;
--footer-sitemap-column-padding: 0 15px;
--footer-sitemap-column-link-padding: 8px 7px;
--footer-sitemap-column-headline-link-padding: 8px 0;
--footer-sitemap-column-entry-link-padding: 8px 20px 8px 7px;
--footer-sitemap-md-column-headline-link-padding: 11px 40px 11px 30px;
--footer-sitemap-xs-column-headline-link-padding: 11px 40px 11px 15px;
--navbar-meta-margin-top: 1.1rem;
--breadcrumbs-margin-top: .5rem;
--breadcrumbs-margin-bottom: .5rem;
--breadcrumbs-li-margin-right: .5rem;
--footer-navigation-margin-top: 6rem;
--footer-navigation-md-margin-top: 2rem;
--image-wrapper-margin: 2px;
--navbar-main-navigation-li-margin: 0 .75rem;
--navbar-main-navigation-li-margin-first: 0 .75rem 0 0;
--socialshare-external-margin: .2em 0;
--colsize: calc((100% + var(--gutter))/12);
--gutter: 3rem;
--grid-gutter-width: 3rem;
--gap-05: .5rem;
--gap-10: 1rem;
--gap-15: 1.5rem;
--gap-20: 2rem;
--gap-30: 3rem;
--gap-40: 4rem;
--gap-50: 5rem;
--gap-70: 7rem;
--small-gap: var(--gap-10);
--medium-gap: var(--gap-15);
--large-gap: var(--gap-20);
--double-gap: var(--gap-30);
--triple-gap: var(--gap-50);
}
*, :after, :before {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: #0000;
font-family: sans-serif;
line-height: 1.15;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
color: #212529;
text-align: left;
background-color: #fff;
margin: 0;
font-family: "\"Noto Sans\"", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title], abbr[title] {
cursor: help;
border-bottom: 0;
text-decoration: underline dotted;
}
address {
font-style: normal;
line-height: inherit;
}
address, dl, ol, ul {
margin-bottom: 1rem;
}
dl, ol, ul {
margin-top: 0;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
-webkit-text-decoration-skip: objects;
color: #0046ad;
background-color: #0000;
text-decoration: none;
}
a:hover {
color: #002761;
text-decoration: underline;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em;
}
pre {
-ms-overflow-style: scrollbar;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
caption-side: bottom;
color: #6c757d;
text-align: left;
padding-top: .75rem;
padding-bottom: .75rem;
}
th {
text-align: inherit;
}
label {
margin-bottom: .5rem;
display: inline-block;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
[type="reset"], [type="submit"], button, html [type="button"] {
appearance: button;
}
[type="button"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="reset"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] {
appearance: listbox;
}
textarea {
resize: vertical;
overflow: auto;
}
fieldset {
border: 0;
min-width: 0;
margin: 0;
padding: 0;
}
legend {
color: inherit;
font-size: 1.5rem;
line-height: inherit;
white-space: normal;
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
padding: 0;
display: block;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button {
height: auto;
}
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
appearance: none;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
output {
display: inline-block;
}
summary {
cursor: pointer;
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@media print {
*, :after, :before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
blockquote, pre {
page-break-inside: avoid;
border: 1px solid #adb5bd;
}
thead {
display: table-header-group;
}
img, tr {
page-break-inside: avoid;
}
h2, h3, p {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
.container, body {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6 !important;
}
.table-dark {
color: inherit;
}
.table .thead-dark th, .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #dadada;
}
.table .thead-dark th {
color: inherit;
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: inherit;
margin-bottom: .5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
}
.h1, h1 {
font-size: 2.5rem;
}
.h2, h2 {
font-size: 2rem;
}
.h3, h3 {
font-size: 1.75rem;
}
.h4, h4 {
font-size: 1.5rem;
}
.h5, h5 {
font-size: 1.25rem;
}
.h6, h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
}
.display-1, .display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3, .display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
hr {
border: 0;
border-top: 1px solid #0000001a;
margin-top: 1rem;
margin-bottom: 1rem;
}
.small, small {
font-size: 80%;
font-weight: 400;
}
.mark, mark {
background-color: #fcf8e3;
padding: .2em;
}
.list-inline, .list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: .5rem;
}
.initialism {
text-transform: uppercase;
font-size: 90%;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
color: #6c757d;
font-size: 80%;
display: block;
}
.blockquote-footer:before {
content: "— ";
}
.img-fluid, .img-thumbnail {
max-width: 100%;
height: auto;
}
.img-thumbnail {
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: .25rem;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: .5rem;
line-height: 1;
}
.figure-caption {
color: #6c757d;
font-size: 90%;
}
code {
color: #e83e8c;
word-break: break-word;
font-size: 87.5%;
}
a > code {
color: inherit;
}
kbd {
color: #fff;
background-color: #212529;
border-radius: 3px;
padding: .2rem .4rem;
font-size: 87.5%;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
color: #212529;
font-size: 87.5%;
display: block;
}
pre code {
color: inherit;
font-size: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
:root {
--gutter: 3rem;
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.container {
width: 100%;
padding: calc(var(--gutter) / 2);
margin-inline: auto;
}
@media (width > 576px) {
.container {
max-width: 540px;
}
}
@media (width > 768px) {
.container {
max-width: 720px;
}
}
@media (width > 992px) {
.container {
max-width: 960px;
}
}
@media (width > 1200px) {
.container {
max-width: 1140px;
}
}
@media (width > 1400px) {
.container {
max-width: 1360px;
}
}
.container-fluid {
width: 100%;
padding: calc(var(--gutter) / 2);
margin-inline: auto;
}
.row {
gap: var(--gutter);
flex-wrap: wrap;
display: flex;
}
.no-gutters {
--gutter: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
width: auto;
min-height: 1px;
}
.col, .col-sm, .col-md, .col-lg, .col-xl {
flex: 1 0 0;
max-width: 100%;
}
.col-auto, .col-sm-auto, .col-md-auto, .col-lg-auto, .col-xl-auto {
flex-grow: 0;
flex-basis: auto;
width: auto;
max-width: none;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
max-width: var(--col-width);
flex-grow: 0;
flex-shrink: 0;
flex-basis: var(--col-width);
}
.col-1 {
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-2 {
--col-n: 2;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-3 {
--col-n: 3;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-4 {
--col-n: 4;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-5 {
--col-n: 5;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-6 {
--col-n: 6;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-7 {
--col-n: 7;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-8 {
--col-n: 8;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-9 {
--col-n: 9;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-10 {
--col-n: 10;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-11 {
--col-n: 11;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-12 {
--col-n: 12;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
@media (width > 576px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
max-width: var(--col-width);
flex-grow: 0;
flex-shrink: 0;
flex-basis: var(--col-width);
}
.col-sm-1 {
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-2 {
--col-n: 2;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-3 {
--col-n: 3;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-4 {
--col-n: 4;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-5 {
--col-n: 5;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-6 {
--col-n: 6;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-7 {
--col-n: 7;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-8 {
--col-n: 8;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-9 {
--col-n: 9;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-10 {
--col-n: 10;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-11 {
--col-n: 11;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-sm-12 {
--col-n: 12;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
}
@media (width > 768px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
max-width: var(--col-width);
flex-grow: 0;
flex-shrink: 0;
flex-basis: var(--col-width);
}
.col-md-1 {
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-2 {
--col-n: 2;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-3 {
--col-n: 3;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-4 {
--col-n: 4;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-5 {
--col-n: 5;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-6 {
--col-n: 6;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-7 {
--col-n: 7;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-8 {
--col-n: 8;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-9 {
--col-n: 9;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-10 {
--col-n: 10;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-11 {
--col-n: 11;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-md-12 {
--col-n: 12;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
}
@media (width > 992px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
max-width: var(--col-width);
flex-grow: 0;
flex-shrink: 0;
flex-basis: var(--col-width);
}
.col-lg-1 {
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-2 {
--col-n: 2;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-3 {
--col-n: 3;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-4 {
--col-n: 4;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-5 {
--col-n: 5;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-6 {
--col-n: 6;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-7 {
--col-n: 7;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-8 {
--col-n: 8;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-9 {
--col-n: 9;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-10 {
--col-n: 10;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-11 {
--col-n: 11;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-lg-12 {
--col-n: 12;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
}
@media (width > 1200px) {
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
max-width: var(--col-width);
flex-grow: 0;
flex-shrink: 0;
flex-basis: var(--col-width);
}
.col-xl-1 {
--col-n: 1;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-2 {
--col-n: 2;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-3 {
--col-n: 3;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-4 {
--col-n: 4;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-5 {
--col-n: 5;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-6 {
--col-n: 6;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-7 {
--col-n: 7;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-8 {
--col-n: 8;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-9 {
--col-n: 9;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-10 {
--col-n: 10;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-11 {
--col-n: 11;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
.col-xl-12 {
--col-n: 12;
--col-width: calc((100% + var(--gutter)) / 12 * var(--col-n) - var(--gutter));
}
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
@media (width > 576px) {
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
}
@media (width > 768px) {
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
}
@media (width > 992px) {
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
}
@media (width > 1200px) {
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
}
.offset {
--offset-n: 1;
--col-offset: calc((100% + var(--gutter)) / 12 / var(--col-n) - var(--gutter));
margin-left: var(--col-offset);
}
.offset-2 {
--offset-n: 2;
}
.offset-3 {
--offset-n: 3;
}
.offset-4 {
--offset-n: 4;
}
.offset-5 {
--offset-n: 5;
}
.offset-6 {
--offset-n: 6;
}
.offset-7 {
--offset-n: 7;
}
.offset-8 {
--offset-n: 8;
}
.offset-9 {
--offset-n: 9;
}
.offset-10 {
--offset-n: 10;
}
.offset-11 {
--offset-n: 11;
}
@media (width > 576px) {
.offset-sm-2 {
--offset-n: 2;
}
.offset-sm-3 {
--offset-n: 3;
}
.offset-sm-4 {
--offset-n: 4;
}
.offset-sm-5 {
--offset-n: 5;
}
.offset-sm-6 {
--offset-n: 6;
}
.offset-sm-7 {
--offset-n: 7;
}
.offset-sm-8 {
--offset-n: 8;
}
.offset-sm-9 {
--offset-n: 9;
}
.offset-sm-10 {
--offset-n: 10;
}
.offset-sm-11 {
--offset-n: 11;
}
}
@media (width > 768px) {
.offset-md-2 {
--offset-n: 2;
}
.offset-md-3 {
--offset-n: 3;
}
.offset-md-4 {
--offset-n: 4;
}
.offset-md-5 {
--offset-n: 5;
}
.offset-md-6 {
--offset-n: 6;
}
.offset-md-7 {
--offset-n: 7;
}
.offset-md-8 {
--offset-n: 8;
}
.offset-md-9 {
--offset-n: 9;
}
.offset-md-10 {
--offset-n: 10;
}
.offset-md-11 {
--offset-n: 11;
}
}
@media (width > 992px) {
.offset-lg-2 {
--offset-n: 2;
}
.offset-lg-3 {
--offset-n: 3;
}
.offset-lg-4 {
--offset-n: 4;
}
.offset-lg-5 {
--offset-n: 5;
}
.offset-lg-6 {
--offset-n: 6;
}
.offset-lg-7 {
--offset-n: 7;
}
.offset-lg-8 {
--offset-n: 8;
}
.offset-lg-9 {
--offset-n: 9;
}
.offset-lg-10 {
--offset-n: 10;
}
.offset-lg-11 {
--offset-n: 11;
}
}
@media (width > 1200px) {
.offset-xl-2 {
--offset-n: 2;
}
.offset-xl-3 {
--offset-n: 3;
}
.offset-xl-4 {
--offset-n: 4;
}
.offset-xl-5 {
--offset-n: 5;
}
.offset-xl-6 {
--offset-n: 6;
}
.offset-xl-7 {
--offset-n: 7;
}
.offset-xl-8 {
--offset-n: 8;
}
.offset-xl-9 {
--offset-n: 9;
}
.offset-xl-10 {
--offset-n: 10;
}
.offset-xl-11 {
--offset-n: 11;
}
}
.table {
background-color: #0000;
max-width: 100%;
margin-bottom: 1rem;
}
.table td, .table th {
vertical-align: top;
border-top: 1px solid #dadada;
padding: .75rem;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dadada;
}
.table tbody + tbody {
border-top: 2px solid #dadada;
}
.table .table {
background-color: #fff;
}
.table-sm td, .table-sm th {
padding: .3rem;
}
.table-bordered, .table-bordered td, .table-bordered th {
border: 1px solid #dadada;
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px;
}
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f4fbff;
}
.table-hover tbody tr:hover {
background-color: #00000013;
}
.table-primary, .table-primary > td, .table-primary > th {
background-color: #b8cbe8;
}
.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #a5bde2;
}
.table-secondary, .table-secondary > td, .table-secondary > th {
background-color: #ddd;
}
.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color: #d0d0d0;
}
.table-success, .table-success > td, .table-success > th {
background-color: #c7f2de;
}
.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #b2edd2;
}
.table-info, .table-info > td, .table-info > th {
background-color: #f8ebcd;
}
.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #f5e2b7;
}
.table-warning, .table-warning > td, .table-warning > th {
background-color: #ffe1c3;
}
.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #ffd4aa;
}
.table-danger, .table-danger > td, .table-danger > th {
background-color: #f4cdcd;
}
.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #efb8b8;
}
.table-light, .table-light > td, .table-light > th {
background-color: #fbfbfb;
}
.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #eee;
}
.table-dark, .table-dark > td, .table-dark > th {
background-color: #cecece;
}
.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #c1c1c1;
}
.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color: #00000013;
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dadada;
}
.table-dark {
color: #fff;
background-color: #212529;
}
.table-dark td, .table-dark th, .table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: #ffffff0d;
}
.table-dark.table-hover tbody tr:hover {
background-color: #ffffff13;
}
@media (width <= 575.98px) {
.table-responsive-sm {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (width <= 767.98px) {
.table-responsive-md {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (width <= 991.98px) {
.table-responsive-lg {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (width <= 1199.98px) {
.table-responsive-xl {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
width: 100%;
display: block;
overflow-x: auto;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 4px;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
display: block;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: #0000;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #2e82ff;
outline: 0;
box-shadow: 0 0 0 .2rem #0046ad40;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
opacity: 1;
background-color: #e9ecef;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file, .form-control-range {
width: 100%;
display: block;
}
.col-form-label {
font-size: inherit;
margin-bottom: 0;
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5;
}
.form-control-plaintext {
color: #212529;
background-color: #0000;
border: 1px solid #0000;
border-width: 1px 0;
width: 100%;
margin-bottom: 0;
padding-top: .375rem;
padding-bottom: .375rem;
line-height: 1.5;
display: block;
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
padding-left: 0;
padding-right: 0;
}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
border-radius: 3px;
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
}
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
border-radius: 6px;
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
}
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.875rem + 2px);
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
margin-top: .25rem;
display: block;
}
.form-row {
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
display: flex;
}
.form-row > .col, .form-row > [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.form-check {
padding-left: 1.25rem;
display: block;
position: relative;
}
.form-check-input {
margin-top: .3rem;
margin-left: -1.25rem;
position: absolute;
}
.form-check-input:disabled ~ .form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
align-items: center;
margin-right: .75rem;
padding-left: 0;
display: inline-flex;
}
.form-check-inline .form-check-input {
margin-top: 0;
margin-left: 0;
margin-right: .3125rem;
position: static;
}
.valid-feedback {
color: #38d189;
width: 100%;
margin-top: .25rem;
font-size: 80%;
display: none;
}
.valid-tooltip {
color: #fff;
z-index: 5;
background-color: #38d189cc;
border-radius: .2rem;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
font-size: .875rem;
line-height: 1;
display: none;
position: absolute;
top: 100%;
}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
border-color: #38d189;
}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
border-color: #38d189;
box-shadow: 0 0 0 .2rem #38d18940;
}
.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip {
display: block;
}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
color: #38d189;
}
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
display: block;
}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
color: #38d189;
}
.custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
background-color: #a0e9c6;
}
.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
display: block;
}
.custom-control-input.is-valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before {
background-color: #61dba2;
}
.custom-control-input.is-valid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label:before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #38d18940;
}
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
border-color: #38d189;
}
.custom-file-input.is-valid ~ .custom-file-label:before, .was-validated .custom-file-input:valid ~ .custom-file-label:before {
border-color: inherit;
}
.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
display: block;
}
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 .2rem #38d18940;
}
.invalid-feedback {
color: #d94c4c;
width: 100%;
margin-top: .25rem;
font-size: 80%;
display: none;
}
.invalid-tooltip {
color: #fff;
z-index: 5;
background-color: #d94c4ccc;
border-radius: .2rem;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
font-size: .875rem;
line-height: 1;
display: none;
position: absolute;
top: 100%;
}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
border-color: #d94c4c;
}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
border-color: #d94c4c;
box-shadow: 0 0 0 .2rem #d94c4c40;
}
.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip {
display: block;
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
color: #d94c4c;
}
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
color: #d94c4c;
}
.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label:before {
background-color: #e27676;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label:before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label:before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #d94c4c40;
}
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
border-color: #d94c4c;
}
.custom-file-input.is-invalid ~ .custom-file-label:before, .was-validated .custom-file-input:invalid ~ .custom-file-label:before {
border-color: inherit;
}
.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
display: block;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 .2rem #d94c4c40;
}
.form-inline {
flex-flow: wrap;
align-items: center;
display: flex;
}
.form-inline .form-check {
width: 100%;
}
@media (width >= 576px) {
.form-inline label {
justify-content: center;
}
.form-inline .form-group, .form-inline label {
align-items: center;
margin-bottom: 0;
display: flex;
}
.form-inline .form-group {
flex-flow: wrap;
flex: none;
}
.form-inline .form-control {
vertical-align: middle;
width: auto;
display: inline-block;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .custom-select, .form-inline .input-group {
width: auto;
}
.form-inline .form-check {
justify-content: center;
align-items: center;
width: auto;
padding-left: 0;
display: flex;
}
.form-inline .form-check-input {
margin-top: 0;
margin-left: 0;
margin-right: .25rem;
position: relative;
}
.form-inline .custom-control {
justify-content: center;
align-items: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.fade {
transition: opacity .15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
transition: height .35s;
position: relative;
overflow: hidden;
}
@media screen and (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropdown, .dropleft, .dropright, .dropup {
position: relative;
}
.dropdown-toggle:after {
content: "";
vertical-align: .255em;
border: .3em solid #0000;
border-top-color: currentColor;
border-bottom: 0;
width: 0;
height: 0;
margin-left: .255em;
display: inline-block;
}
.dropdown-toggle:empty:after {
margin-left: 0;
}
.dropdown-menu {
color: #212529;
float: left;
text-align: left;
z-index: 1000;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #00000026;
border-radius: 4px;
min-width: 10rem;
margin: .125rem 0 0;
padding: .5rem 0;
font-size: 1rem;
list-style: none;
display: none;
position: absolute;
top: 100%;
left: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropup .dropdown-menu {
margin-top: 0;
margin-bottom: .125rem;
top: auto;
bottom: 100%;
}
.dropup .dropdown-toggle:after {
content: "";
vertical-align: .255em;
border: .3em solid #0000;
border-top: 0;
border-bottom-color: currentColor;
width: 0;
height: 0;
margin-left: .255em;
display: inline-block;
}
.dropup .dropdown-toggle:empty:after {
margin-left: 0;
}
.dropright .dropdown-menu {
margin-top: 0;
margin-left: .125rem;
top: 0;
left: 100%;
right: auto;
}
.dropright .dropdown-toggle:after {
content: "";
vertical-align: .255em;
border: .3em solid #0000;
border-left-color: currentColor;
border-right: 0;
width: 0;
height: 0;
margin-left: .255em;
display: inline-block;
}
.dropright .dropdown-toggle:empty:after {
margin-left: 0;
}
.dropright .dropdown-toggle:after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
margin-top: 0;
margin-right: .125rem;
top: 0;
left: auto;
right: 100%;
}
.dropleft .dropdown-toggle:after {
content: "";
vertical-align: .255em;
width: 0;
height: 0;
margin-left: .255em;
display: none;
}
.dropleft .dropdown-toggle:before {
content: "";
vertical-align: .255em;
border-top: .3em solid #0000;
border-bottom: .3em solid #0000;
border-right: .3em solid;
width: 0;
height: 0;
margin-right: .255em;
display: inline-block;
}
.dropleft .dropdown-toggle:empty:after {
margin-left: 0;
}
.dropleft .dropdown-toggle:before {
vertical-align: 0;
}
.dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] {
bottom: auto;
right: auto;
}
.dropdown-divider {
border-top: 1px solid #e9ecef;
height: 0;
margin: .5rem 0;
overflow: hidden;
}
.dropdown-item {
clear: both;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: #0000;
border: 0;
width: 100%;
padding: .25rem 1.5rem;
font-weight: 400;
display: block;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
background-color: #f8f9fa;
text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
background-color: #0046ad;
text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: #0000;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
color: #6c757d;
white-space: nowrap;
margin-bottom: 0;
padding: .5rem 1.5rem;
font-size: .875rem;
display: block;
}
.dropdown-item-text {
color: #212529;
padding: .25rem 1.5rem;
display: block;
}
.btn-group, .btn-group-vertical {
vertical-align: middle;
display: inline-flex;
position: relative;
}
.btn-group-vertical > .btn, .btn-group > .btn {
flex: 0 auto;
position: relative;
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
z-index: 1;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
flex-wrap: wrap;
justify-content: flex-start;
display: flex;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-left: .5625rem;
padding-right: .5625rem;
}
.dropdown-toggle-split:after, .dropright .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
padding-left: .375rem;
padding-right: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
padding-left: .75rem;
padding-right: .75rem;
}
.btn-group-vertical {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.btn-group-vertical .btn, .btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] {
pointer-events: none;
clip: rect(0, 0, 0, 0);
position: absolute;
}
.input-group {
flex-wrap: wrap;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
flex: auto;
width: 1%;
margin-bottom: 0;
position: relative;
}
.input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
z-index: 3;
}
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
margin-left: -1px;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file {
align-items: center;
display: flex;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label:after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-append, .input-group-prepend {
display: flex;
}
.input-group-append .btn, .input-group-prepend .btn {
z-index: 2;
position: relative;
}
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 4px;
align-items: center;
margin-bottom: 0;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
display: flex;
}
.input-group-text input[type="checkbox"], .input-group-text input[type="radio"] {
margin-top: 0;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control {
min-height: 1.5rem;
padding-left: 1.5rem;
display: block;
position: relative;
}
.custom-control-inline {
margin-right: 1rem;
display: inline-flex;
}
.custom-control-input {
opacity: 0;
z-index: -1;
position: absolute;
}
.custom-control-input:checked ~ .custom-control-label:before {
color: #fff;
background-color: #0046ad;
}
.custom-control-input:focus ~ .custom-control-label:before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #0046ad40;
}
.custom-control-input:active ~ .custom-control-label:before {
color: #fff;
background-color: #61a1ff;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label:before {
background-color: #e9ecef;
}
.custom-control-label {
margin-bottom: 0;
position: relative;
}
.custom-control-label:before {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
background-color: #dee2e6;
}
.custom-control-label:after, .custom-control-label:before {
content: "";
width: 1rem;
height: 1rem;
display: block;
position: absolute;
top: .25rem;
left: -1.5rem;
}
.custom-control-label:after {
background-position: 50%;
background-repeat: no-repeat;
background-size: 50% 50%;
}
.custom-checkbox .custom-control-label:before {
border-radius: 4px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
background-color: #0046ad;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label:before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
background-color: #0046ad80;
}
.custom-radio .custom-control-label:before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
background-color: #0046ad;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label:before {
background-color: #0046ad80;
}
.custom-select {
appearance: none;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center / 8px 10px no-repeat;
border: 1px solid #ced4da;
border-radius: 4px;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
line-height: 1.5;
display: inline-block;
}
.custom-select:focus {
border-color: #2e82ff;
outline: 0;
box-shadow: inset 0 1px 2px #00000013, 0 0 5px #2e82ff80;
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
background-image: none;
height: auto;
padding-right: .75rem;
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef;
}
.custom-select::-ms-expand {
opacity: 0;
}
.custom-select-sm {
height: calc(1.8125rem + 2px);
font-size: 75%;
}
.custom-select-lg, .custom-select-sm {
padding-top: .375rem;
padding-bottom: .375rem;
}
.custom-select-lg {
height: calc(2.875rem + 2px);
font-size: 125%;
}
.custom-file {
margin-bottom: 0;
display: inline-block;
}
.custom-file, .custom-file-input {
width: 100%;
height: calc(2.25rem + 2px);
position: relative;
}
.custom-file-input {
opacity: 0;
z-index: 2;
margin: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #2e82ff;
box-shadow: 0 0 0 .2rem #0046ad40;
}
.custom-file-input:focus ~ .custom-file-label:after {
border-color: #2e82ff;
}
.custom-file-input:lang(en) ~ .custom-file-label:after {
content: "Browse";
}
.custom-file-label {
z-index: 1;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 4px;
height: calc(2.25rem + 2px);
left: 0;
}
.custom-file-label, .custom-file-label:after {
color: #495057;
padding: .375rem .75rem;
line-height: 1.5;
position: absolute;
top: 0;
right: 0;
}
.custom-file-label:after {
content: "Browse";
z-index: 3;
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 4px 4px 0;
height: 2.25rem;
display: block;
bottom: 0;
}
.custom-range {
appearance: none;
background-color: #0000;
width: 100%;
padding-left: 0;
}
.custom-range:focus {
outline: none;
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
appearance: none;
background-color: #0046ad;
border: 0;
border-radius: 1rem;
width: 1rem;
height: 1rem;
margin-top: -.25rem;
}
.custom-range::-webkit-slider-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #0046ad40;
}
.custom-range::-webkit-slider-thumb:active {
background-color: #61a1ff;
}
.custom-range::-webkit-slider-runnable-track {
color: #0000;
cursor: pointer;
background-color: #dee2e6;
border-color: #0000;
border-radius: 1rem;
width: 100%;
height: .5rem;
}
.custom-range::-moz-range-thumb {
appearance: none;
background-color: #0046ad;
border: 0;
border-radius: 1rem;
width: 1rem;
height: 1rem;
}
.custom-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #0046ad40;
}
.custom-range::-moz-range-thumb:active {
background-color: #61a1ff;
}
.custom-range::-moz-range-track {
color: #0000;
cursor: pointer;
background-color: #dee2e6;
border-color: #0000;
border-radius: 1rem;
width: 100%;
height: .5rem;
}
.custom-range::-ms-thumb {
appearance: none;
background-color: #0046ad;
border: 0;
border-radius: 1rem;
width: 1rem;
height: 1rem;
}
.custom-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #0046ad40;
}
.custom-range::-ms-thumb:active {
background-color: #61a1ff;
}
.custom-range::-ms-track {
color: #0000;
cursor: pointer;
background-color: #0000;
border-width: .5rem;
border-color: #0000;
width: 100%;
height: .5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
}
.nav {
flex-wrap: wrap;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.nav-link {
padding: .5rem 1rem;
display: block;
}
.nav-link:focus, .nav-link:hover {
text-decoration: none;
}
.nav-link.disabled {
color: #6c757d;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid #0000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: #0000;
border-color: #0000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px;
}
.nav-pills .nav-link {
border-radius: 4px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #0046ad;
}
.nav-fill .nav-item {
text-align: center;
flex: auto;
}
.nav-justified .nav-item {
text-align: center;
flex-grow: 1;
flex-basis: 0;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
padding: .5rem 1rem;
position: relative;
}
.navbar, .navbar > .container, .navbar > .container-fluid {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand {
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
margin-right: 1rem;
padding-top: .3125rem;
padding-bottom: .3125rem;
display: inline-block;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none;
}
.navbar-nav {
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: flex;
}
.navbar-nav .nav-link {
padding-left: 0;
padding-right: 0;
}
.navbar-nav .dropdown-menu {
float: none;
position: static;
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem;
display: inline-block;
}
.navbar-collapse {
flex-grow: 1;
flex-basis: 100%;
align-items: center;
}
.navbar-toggler {
background-color: #0000;
border: 1px solid #0000;
border-radius: 4px;
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon {
content: "";
vertical-align: middle;
background: 50% / 100% 100% no-repeat;
width: 1.5em;
height: 1.5em;
display: inline-block;
}
@media (width <= 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
@media (width >= 576px) {
.navbar-expand-sm {
flex-flow: row;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
flex-basis: auto;
display: flex !important;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (width <= 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
@media (width >= 768px) {
.navbar-expand-md {
flex-flow: row;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
flex-basis: auto;
display: flex !important;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (width <= 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
@media (width >= 992px) {
.navbar-expand-lg {
flex-flow: row;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
flex-basis: auto;
display: flex !important;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (width <= 1199.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
padding-left: 0;
padding-right: 0;
}
}
@media (width >= 1200px) {
.navbar-expand-xl {
flex-flow: row;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
flex-basis: auto;
display: flex !important;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row;
justify-content: flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
padding-left: 0;
padding-right: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
flex-basis: auto;
display: flex !important;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #000000e6;
}
.navbar-light .navbar-nav .nav-link {
color: #00000080;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #000000b3;
}
.navbar-light .navbar-nav .nav-link.disabled {
color: #0000004d;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color: #000000e6;
}
.navbar-light .navbar-toggler {
color: #00000080;
border-color: #0000001a;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: #00000080;
}
.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: #000000e6;
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: #ffffff80;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #ffffffbf;
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: #ffffff40;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: #ffffff80;
border-color: #ffffff1a;
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
color: #ffffff80;
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color: #fff;
}
.card {
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #00000020;
border-radius: 4px;
flex-direction: column;
min-width: 0;
display: flex;
position: relative;
}
.card > hr {
margin-left: 0;
margin-right: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.card-body {
flex: auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: .75rem;
}
.card-subtitle {
margin-top: -.375rem;
}
.card-subtitle, .card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
background-color: #00000008;
border-bottom: 1px solid #00000020;
margin-bottom: 0;
padding: .75rem 1.25rem;
}
.card-header:first-child {
border-radius: calc(4 - 1px) calc(4 - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
background-color: #00000008;
border-top: 1px solid #00000020;
padding: .75rem 1.25rem;
}
.card-footer:last-child {
border-radius: 0 0 calc(4 - 1px) calc(4 - 1px);
}
.card-header-tabs {
border-bottom: 0;
margin-bottom: -.75rem;
}
.card-header-pills, .card-header-tabs {
margin-left: -.625rem;
margin-right: -.625rem;
}
.card-img-overlay {
padding: 1.25rem;
position: absolute;
inset: 0;
}
.card-img {
border-radius: calc(4 - 1px);
width: 100%;
}
.card-img-top {
border-top-left-radius: calc(4 - 1px);
border-top-right-radius: calc(4 - 1px);
width: 100%;
}
.card-img-bottom {
border-bottom-right-radius: calc(4 - 1px);
border-bottom-left-radius: calc(4 - 1px);
width: 100%;
}
.card-deck {
flex-direction: column;
display: flex;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (width >= 576px) {
.card-deck {
flex-flow: wrap;
margin-left: -15px;
margin-right: -15px;
}
.card-deck .card {
flex-direction: column;
flex: 1 0;
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
display: flex;
}
}
.card-group {
flex-direction: column;
display: flex;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (width >= 576px) {
.card-group {
flex-flow: wrap;
}
.card-group > .card {
flex: 1 0;
margin-bottom: 0;
}
.card-group > .card + .card {
border-left: 0;
margin-left: 0;
}
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
border-bottom-left-radius: 0;
}
.card-group > .card:only-child {
border-radius: 4px;
}
.card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: .75rem;
}
@media (width >= 576px) {
.card-columns {
column-count: 3;
orphans: 1;
widows: 1;
column-gap: 1.25rem;
}
.card-columns .card {
width: 100%;
display: inline-block;
}
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.breadcrumb {
background-color: #e9ecef;
border-radius: 4px;
flex-wrap: wrap;
margin-bottom: 1rem;
padding: .75rem 1rem;
list-style: none;
display: flex;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item:before {
color: #6c757d;
content: "/";
padding-right: .5rem;
display: inline-block;
}
.breadcrumb-item + .breadcrumb-item:hover:before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #6c757d;
}
.pagination {
border-radius: 4px;
padding-left: 0;
list-style: none;
display: flex;
}
.page-link {
color: #0046ad;
background-color: #fff;
border: 1px solid #dee2e6;
margin-left: -1px;
padding: .5rem .75rem;
line-height: 1.25;
display: block;
position: relative;
}
.page-link:hover {
color: #002761;
z-index: 2;
background-color: #e9ecef;
border-color: #dee2e6;
text-decoration: none;
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 .2rem #0046ad40;
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
.page-item:first-child .page-link {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-left: 0;
}
.page-item:last-child .page-link {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.page-item.active .page-link {
color: #fff;
z-index: 1;
background-color: #0046ad;
border-color: #0046ad;
}
.page-item.disabled .page-link {
color: #6c757d;
cursor: auto;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.badge {
text-align: center;
vertical-align: baseline;
white-space: nowrap;
border-radius: 4px;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
display: inline-block;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-pill {
border-radius: 10rem;
padding-left: .6em;
padding-right: .6em;
}
.badge-primary {
color: #fff;
background-color: #0046ad;
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
color: #fff;
background-color: #00317a;
text-decoration: none;
}
.badge-secondary {
color: #fff;
background-color: #848484;
}
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
color: #fff;
background-color: #6b6a6a;
text-decoration: none;
}
.badge-success {
color: #212529;
background-color: #38d189;
}
.badge-success[href]:focus, .badge-success[href]:hover {
color: #212529;
background-color: #28ae6f;
text-decoration: none;
}
.badge-info {
color: #212529;
background-color: #e6b84c;
}
.badge-info[href]:focus, .badge-info[href]:hover {
color: #212529;
background-color: #e0a61f;
text-decoration: none;
}
.badge-warning {
color: #212529;
background-color: #ff932a;
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
color: #212529;
background-color: #f67900;
text-decoration: none;
}
.badge-danger {
color: #fff;
background-color: #d94c4c;
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
color: #fff;
background-color: #c82a2a;
text-decoration: none;
}
.badge-light {
color: #212529;
background-color: #efefef;
}
.badge-light[href]:focus, .badge-light[href]:hover {
color: #212529;
background-color: #d6d5d5;
text-decoration: none;
}
.badge-dark {
color: #fff;
background-color: #4f4f4f;
}
.badge-dark[href]:focus, .badge-dark[href]:hover {
color: #fff;
background-color: #363535;
text-decoration: none;
}
.jumbotron {
background-color: #e9ecef;
border-radius: 6px;
margin-bottom: 2rem;
padding: 2rem 1rem;
}
@media (width >= 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.alert {
border: 1px solid #0000;
border-radius: 4px;
margin-bottom: 1rem;
padding: .75rem 1.25rem;
position: relative;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
.alert-dismissible {
padding-right: 4rem;
}
.alert-dismissible .close {
color: inherit;
padding: .75rem 1.25rem;
position: absolute;
top: 0;
right: 0;
}
.alert-primary {
color: #00245a;
background-color: #ccdaef;
border-color: #b8cbe8;
}
.alert-primary hr {
border-top-color: #a5bde2;
}
.alert-primary .alert-link {
color: #001027;
}
.alert-secondary {
color: #454545;
background-color: #e6e6e6;
border-color: #ddd;
}
.alert-secondary hr {
border-top-color: #d0d0d0;
}
.alert-secondary .alert-link {
color: #2c2b2b;
}
.alert-success {
color: #1d6d47;
background-color: #d7f6e7;
border-color: #c7f2de;
}
.alert-success hr {
border-top-color: #b2edd2;
}
.alert-success .alert-link {
color: #12452d;
}
.alert-info {
color: #786028;
background-color: #faf1db;
border-color: #f8ebcd;
}
.alert-info hr {
border-top-color: #f5e2b7;
}
.alert-info .alert-link {
color: #52411b;
}
.alert-warning {
color: #854c16;
background-color: #ffe9d4;
border-color: #ffe1c3;
}
.alert-warning hr {
border-top-color: #ffd4aa;
}
.alert-warning .alert-link {
color: #59330f;
}
.alert-danger {
color: #712828;
background-color: #f7dbdb;
border-color: #f4cdcd;
}
.alert-danger hr {
border-top-color: #efb8b8;
}
.alert-danger .alert-link {
color: #4b1b1b;
}
.alert-light {
color: #7c7c7c;
background-color: #fcfcfc;
border-color: #fbfbfb;
}
.alert-light hr {
border-top-color: #eee;
}
.alert-light .alert-link {
color: #636262;
}
.alert-dark {
color: #292929;
background-color: #dcdcdc;
border-color: #cecece;
}
.alert-dark hr {
border-top-color: #c1c1c1;
}
.alert-dark .alert-link {
color: #100f0f;
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.progress {
background-color: #e9ecef;
border-radius: 4px;
height: 1rem;
font-size: .75rem;
display: flex;
overflow: hidden;
}
.progress-bar {
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0046ad;
flex-direction: column;
justify-content: center;
transition: width .6s;
display: flex;
}
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0 50%, #ffffff26 0 75%, #0000 0, #0000);
background-size: 1rem 1rem;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
.media {
align-items: flex-start;
display: flex;
}
.media-body {
flex: 1;
}
.list-group {
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.list-group-item-action {
color: #495057;
text-align: inherit;
width: 100%;
}
.list-group-item-action:focus, .list-group-item-action:hover {
color: #495057;
background-color: #f8f9fa;
text-decoration: none;
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef;
}
.list-group-item {
background-color: #fff;
border: 1px solid #00000020;
margin-bottom: -1px;
padding: .75rem 1.25rem;
display: block;
position: relative;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-bottom: 0;
}
.list-group-item:focus, .list-group-item:hover {
z-index: 1;
text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff;
}
.list-group-item.active {
color: #fff;
z-index: 2;
background-color: #0046ad;
border-color: #0046ad;
}
.list-group-flush .list-group-item {
border-left: 0;
border-right: 0;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-primary {
color: #00245a;
background-color: #b8cbe8;
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #00245a;
background-color: #a5bde2;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #00245a;
border-color: #00245a;
}
.list-group-item-secondary {
color: #454545;
background-color: #ddd;
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #454545;
background-color: #d0d0d0;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #454545;
border-color: #454545;
}
.list-group-item-success {
color: #1d6d47;
background-color: #c7f2de;
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #1d6d47;
background-color: #b2edd2;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #1d6d47;
border-color: #1d6d47;
}
.list-group-item-info {
color: #786028;
background-color: #f8ebcd;
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #786028;
background-color: #f5e2b7;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #786028;
border-color: #786028;
}
.list-group-item-warning {
color: #854c16;
background-color: #ffe1c3;
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #854c16;
background-color: #ffd4aa;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #854c16;
border-color: #854c16;
}
.list-group-item-danger {
color: #712828;
background-color: #f4cdcd;
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #712828;
background-color: #efb8b8;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #712828;
border-color: #712828;
}
.list-group-item-light {
color: #7c7c7c;
background-color: #fbfbfb;
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #7c7c7c;
background-color: #eee;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #7c7c7c;
border-color: #7c7c7c;
}
.list-group-item-dark {
color: #292929;
background-color: #cecece;
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #292929;
background-color: #c1c1c1;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #292929;
border-color: #292929;
}
.close {
color: #000;
float: right;
opacity: .5;
text-shadow: 0 1px #fff;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
}
.close:focus, .close:hover {
color: #000;
opacity: .75;
text-decoration: none;
}
.close:not(:disabled):not(.disabled) {
cursor: pointer;
}
button.close {
-webkit-appearance: none;
background-color: #0000;
border: 0;
padding: 0;
}
.modal, .modal-open {
overflow: hidden;
}
.modal {
z-index: 1050;
outline: 0;
display: none;
position: fixed;
inset: 0;
}
.modal-open .modal {
overflow: hidden auto;
}
.modal-dialog {
pointer-events: none;
width: auto;
margin: .5rem;
position: relative;
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translateY(-25%);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: translate(0);
}
.modal-dialog-centered {
align-items: center;
min-height: calc(100% - 1rem);
display: flex;
}
.modal-content {
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #0003;
border-radius: 6px;
outline: 0;
flex-direction: column;
width: 100%;
display: flex;
position: relative;
}
.modal-backdrop {
z-index: 1040;
background-color: #000;
position: fixed;
inset: 0;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: .5;
}
.modal-header {
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
justify-content: space-between;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.modal-header .close {
margin: -1rem -1rem -1rem auto;
padding: 1rem;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
flex: auto;
padding: 1rem;
position: relative;
}
.modal-footer {
border-top: 1px solid #e9ecef;
justify-content: flex-end;
align-items: center;
padding: 1rem;
display: flex;
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
width: 50px;
height: 50px;
position: absolute;
top: -9999px;
overflow: scroll;
}
@media (width >= 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (width >= 992px) {
.modal-lg {
max-width: 800px;
}
}
.tooltip {
word-wrap: break-word;
letter-spacing: normal;
line-break: auto;
opacity: 0;
text-align: left;
text-align: start;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
z-index: 1070;
margin: 0;
font-family: "\"Noto Sans\"", sans-serif;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
display: block;
position: absolute;
}
.tooltip .arrow {
width: .8rem;
height: .4rem;
display: block;
position: absolute;
}
.tooltip .arrow:before {
content: "";
border-style: solid;
border-color: #0000;
position: absolute;
}
.bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top {
padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow {
bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow:before, .bs-tooltip-top .arrow:before {
border-width: .4rem .4rem 0;
border-top-color: #000;
top: 0;
}
.bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right {
padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow {
width: .4rem;
height: .8rem;
left: 0;
}
.bs-tooltip-auto[x-placement^="right"] .arrow:before, .bs-tooltip-right .arrow:before {
border-width: .4rem .4rem .4rem 0;
border-right-color: #000;
right: 0;
}
.bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom {
padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow {
top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow:before, .bs-tooltip-bottom .arrow:before {
border-width: 0 .4rem .4rem;
border-bottom-color: #000;
bottom: 0;
}
.bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left {
padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow {
width: .4rem;
height: .8rem;
right: 0;
}
.bs-tooltip-auto[x-placement^="left"] .arrow:before, .bs-tooltip-left .arrow:before {
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000;
left: 0;
}
.tooltip-inner {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
max-width: 200px;
padding: .25rem .5rem;
}
.popover {
word-wrap: break-word;
letter-spacing: normal;
line-break: auto;
text-align: left;
text-align: start;
max-width: 276px;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
z-index: 1060;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #0003;
border-radius: 6px;
font-family: "\"Noto Sans\"", sans-serif;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
top: 0;
left: 0;
}
.popover, .popover .arrow {
display: block;
position: absolute;
}
.popover .arrow {
width: 1rem;
height: .5rem;
margin: 0 6px;
}
.popover .arrow:after, .popover .arrow:before {
content: "";
border-style: solid;
border-color: #0000;
display: block;
position: absolute;
}
.bs-popover-auto[x-placement^="top"], .bs-popover-top {
margin-bottom: .5rem;
}
.bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-top .arrow {
bottom: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^="top"] .arrow:after, .bs-popover-auto[x-placement^="top"] .arrow:before, .bs-popover-top .arrow:after, .bs-popover-top .arrow:before {
border-width: .5rem .5rem 0;
}
.bs-popover-auto[x-placement^="top"] .arrow:before, .bs-popover-top .arrow:before {
border-top-color: #00000040;
bottom: 0;
}
.bs-popover-auto[x-placement^="top"] .arrow:after, .bs-popover-top .arrow:after {
border-top-color: #fff;
bottom: 1px;
}
.bs-popover-auto[x-placement^="right"], .bs-popover-right {
margin-left: .5rem;
}
.bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-right .arrow {
width: .5rem;
height: 1rem;
margin: 6px 0;
left: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^="right"] .arrow:after, .bs-popover-auto[x-placement^="right"] .arrow:before, .bs-popover-right .arrow:after, .bs-popover-right .arrow:before {
border-width: .5rem .5rem .5rem 0;
}
.bs-popover-auto[x-placement^="right"] .arrow:before, .bs-popover-right .arrow:before {
border-right-color: #00000040;
left: 0;
}
.bs-popover-auto[x-placement^="right"] .arrow:after, .bs-popover-right .arrow:after {
border-right-color: #fff;
left: 1px;
}
.bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom {
margin-top: .5rem;
}
.bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-bottom .arrow {
top: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^="bottom"] .arrow:after, .bs-popover-auto[x-placement^="bottom"] .arrow:before, .bs-popover-bottom .arrow:after, .bs-popover-bottom .arrow:before {
border-width: 0 .5rem .5rem;
}
.bs-popover-auto[x-placement^="bottom"] .arrow:before, .bs-popover-bottom .arrow:before {
border-bottom-color: #00000040;
top: 0;
}
.bs-popover-auto[x-placement^="bottom"] .arrow:after, .bs-popover-bottom .arrow:after {
border-bottom-color: #fff;
top: 1px;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header:before, .bs-popover-bottom .popover-header:before {
content: "";
border-bottom: 1px solid #f7f7f7;
width: 1rem;
margin-left: -.5rem;
display: block;
position: absolute;
top: 0;
left: 50%;
}
.bs-popover-auto[x-placement^="left"], .bs-popover-left {
margin-right: .5rem;
}
.bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-left .arrow {
width: .5rem;
height: 1rem;
margin: 6px 0;
right: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^="left"] .arrow:after, .bs-popover-auto[x-placement^="left"] .arrow:before, .bs-popover-left .arrow:after, .bs-popover-left .arrow:before {
border-width: .5rem 0 .5rem .5rem;
}
.bs-popover-auto[x-placement^="left"] .arrow:before, .bs-popover-left .arrow:before {
border-left-color: #00000040;
right: 0;
}
.bs-popover-auto[x-placement^="left"] .arrow:after, .bs-popover-left .arrow:after {
border-left-color: #fff;
right: 1px;
}
.popover-header {
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(6 - 1px);
border-top-right-radius: calc(6 - 1px);
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
}
.popover-header:empty {
display: none;
}
.popover-body {
color: #212529;
padding: .5rem .75rem;
}
.carousel {
position: relative;
}
.carousel-inner {
width: 100%;
position: relative;
overflow: hidden;
}
.carousel-item {
backface-visibility: hidden;
perspective: 1000px;
align-items: center;
width: 100%;
transition: transform .6s;
display: none;
position: relative;
}
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block;
}
.carousel-item-next, .carousel-item-prev {
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
transform: translateZ(0);
}
}
.active.carousel-item-right, .carousel-item-next {
transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
.active.carousel-item-right, .carousel-item-next {
transform: translate3d(100%, 0, 0);
}
}
.active.carousel-item-left, .carousel-item-prev {
transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
.active.carousel-item-left, .carousel-item-prev {
transform: translate3d(-100%, 0, 0);
}
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transition-duration: .6s;
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
transform: translateZ(0);
}
}
.carousel-control-next, .carousel-control-prev {
color: #fff;
opacity: .5;
text-align: center;
justify-content: center;
align-items: center;
width: 15%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #fff;
opacity: .9;
outline: 0;
text-decoration: none;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
background: 50% / 100% 100% no-repeat;
width: 20px;
height: 20px;
display: inline-block;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
z-index: 15;
justify-content: center;
margin-left: 15%;
margin-right: 15%;
padding-left: 0;
list-style: none;
display: flex;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.carousel-indicators li {
cursor: pointer;
text-indent: -999px;
background-color: #ffffff80;
flex: 0 auto;
width: 30px;
height: 3px;
margin-left: 3px;
margin-right: 3px;
position: relative;
}
.carousel-indicators li:before {
top: -10px;
}
.carousel-indicators li:after, .carousel-indicators li:before {
content: "";
width: 100%;
height: 10px;
display: inline-block;
position: absolute;
left: 0;
}
.carousel-indicators li:after {
bottom: -10px;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
color: #fff;
text-align: center;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
position: absolute;
bottom: 20px;
left: 15%;
right: 15%;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #0046ad !important;
}
.bg-primary:is(a):focus, .bg-primary:is(a):hover, .bg-primary:is(button):focus, .bg-primary:is(button):hover {
background-color: #00317a !important;
}
.bg-secondary {
background-color: #848484 !important;
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color: #6b6a6a !important;
}
.bg-success {
background-color: #38d189 !important;
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color: #28ae6f !important;
}
.bg-info {
background-color: #e6b84c !important;
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color: #e0a61f !important;
}
.bg-warning {
background-color: #ff932a !important;
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color: #f67900 !important;
}
.bg-danger {
background-color: #d94c4c !important;
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color: #c82a2a !important;
}
.bg-light {
background-color: #efefef !important;
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color: #d6d5d5 !important;
}
.bg-dark {
background-color: #4f4f4f !important;
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
background-color: #363535 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: #0000 !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #0046ad !important;
}
.border-secondary {
border-color: #848484 !important;
}
.border-success {
border-color: #38d189 !important;
}
.border-info {
border-color: #e6b84c !important;
}
.border-warning {
border-color: #ff932a !important;
}
.border-danger {
border-color: #d94c4c !important;
}
.border-light {
border-color: #efefef !important;
}
.border-dark {
border-color: #4f4f4f !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 4px !important;
}
.rounded-top {
border-top-left-radius: 4px !important;
}
.rounded-right, .rounded-top {
border-top-right-radius: 4px !important;
}
.rounded-bottom, .rounded-right {
border-bottom-right-radius: 4px !important;
}
.rounded-bottom, .rounded-left {
border-bottom-left-radius: 4px !important;
}
.rounded-left {
border-top-left-radius: 4px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix:after {
clear: both;
content: "";
display: block;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (width >= 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (width >= 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (width >= 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (width >= 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
width: 100%;
padding: 0;
display: block;
position: relative;
overflow: hidden;
}
.embed-responsive:before {
content: "";
display: block;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.embed-responsive-21by9:before {
padding-top: 42.8571%;
}
.embed-responsive-16by9:before {
padding-top: 56.25%;
}
.embed-responsive-4by3:before {
padding-top: 75%;
}
.embed-responsive-1by1:before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (width >= 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (width >= 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (width >= 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (width >= 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (width >= 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (width >= 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (width >= 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (width >= 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-bottom, .fixed-top {
z-index: 1030;
position: fixed;
inset-inline: 0;
}
.fixed-top {
top: 0;
}
.fixed-bottom {
bottom: 0;
}
@supports (position: sticky) {
.sticky-top {
z-index: 1020;
position: sticky;
top: 0;
}
}
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
width: 1px;
height: 1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
white-space: normal;
width: auto;
height: auto;
position: static;
overflow: visible;
}
.shadow-sm {
box-shadow: 0 .125rem .25rem #00000013 !important;
}
.shadow {
box-shadow: 0 .5rem 1rem #00000026 !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem #0000002d !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: .25rem !important;
}
.mt-1, .my-1 {
margin-top: .25rem !important;
}
.mr-1, .mx-1 {
margin-right: .25rem !important;
}
.mb-1, .my-1 {
margin-bottom: .25rem !important;
}
.ml-1, .mx-1 {
margin-left: .25rem !important;
}
.m-2 {
margin: .5rem !important;
}
.mt-2, .my-2 {
margin-top: .5rem !important;
}
.mr-2, .mx-2 {
margin-right: .5rem !important;
}
.mb-2, .my-2 {
margin-bottom: .5rem !important;
}
.ml-2, .mx-2 {
margin-left: .5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5, .my-5 {
margin-top: 3rem !important;
}
.mr-5, .mx-5 {
margin-right: 3rem !important;
}
.mb-5, .my-5 {
margin-bottom: 3rem !important;
}
.ml-5, .mx-5 {
margin-left: 3rem !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: .25rem !important;
}
.pt-1, .py-1 {
padding-top: .25rem !important;
}
.pr-1, .px-1 {
padding-right: .25rem !important;
}
.pb-1, .py-1 {
padding-bottom: .25rem !important;
}
.pl-1, .px-1 {
padding-left: .25rem !important;
}
.p-2 {
padding: .5rem !important;
}
.pt-2, .py-2 {
padding-top: .5rem !important;
}
.pr-2, .px-2 {
padding-right: .5rem !important;
}
.pb-2, .py-2 {
padding-bottom: .5rem !important;
}
.pl-2, .px-2 {
padding-left: .5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5, .py-5 {
padding-top: 3rem !important;
}
.pr-5, .px-5 {
padding-right: 3rem !important;
}
.pb-5, .py-5 {
padding-bottom: 3rem !important;
}
.pl-5, .px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
@media (width >= 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0, .mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: .25rem !important;
}
.mt-sm-1, .my-sm-1 {
margin-top: .25rem !important;
}
.mr-sm-1, .mx-sm-1 {
margin-right: .25rem !important;
}
.mb-sm-1, .my-sm-1 {
margin-bottom: .25rem !important;
}
.ml-sm-1, .mx-sm-1 {
margin-left: .25rem !important;
}
.m-sm-2 {
margin: .5rem !important;
}
.mt-sm-2, .my-sm-2 {
margin-top: .5rem !important;
}
.mr-sm-2, .mx-sm-2 {
margin-right: .5rem !important;
}
.mb-sm-2, .my-sm-2 {
margin-bottom: .5rem !important;
}
.ml-sm-2, .mx-sm-2 {
margin-left: .5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3, .my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3, .mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3, .mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4, .mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4, .mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5, .mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5, .mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0, .px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: .25rem !important;
}
.pt-sm-1, .py-sm-1 {
padding-top: .25rem !important;
}
.pr-sm-1, .px-sm-1 {
padding-right: .25rem !important;
}
.pb-sm-1, .py-sm-1 {
padding-bottom: .25rem !important;
}
.pl-sm-1, .px-sm-1 {
padding-left: .25rem !important;
}
.p-sm-2 {
padding: .5rem !important;
}
.pt-sm-2, .py-sm-2 {
padding-top: .5rem !important;
}
.pr-sm-2, .px-sm-2 {
padding-right: .5rem !important;
}
.pb-sm-2, .py-sm-2 {
padding-bottom: .5rem !important;
}
.pl-sm-2, .px-sm-2 {
padding-left: .5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3, .py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3, .px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3, .px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4, .px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4, .px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5, .px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5, .px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto, .mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto, .mx-sm-auto {
margin-left: auto !important;
}
}
@media (width >= 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0, .my-md-0 {
margin-top: 0 !important;
}
.mr-md-0, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0, .mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: .25rem !important;
}
.mt-md-1, .my-md-1 {
margin-top: .25rem !important;
}
.mr-md-1, .mx-md-1 {
margin-right: .25rem !important;
}
.mb-md-1, .my-md-1 {
margin-bottom: .25rem !important;
}
.ml-md-1, .mx-md-1 {
margin-left: .25rem !important;
}
.m-md-2 {
margin: .5rem !important;
}
.mt-md-2, .my-md-2 {
margin-top: .5rem !important;
}
.mr-md-2, .mx-md-2 {
margin-right: .5rem !important;
}
.mb-md-2, .my-md-2 {
margin-bottom: .5rem !important;
}
.ml-md-2, .mx-md-2 {
margin-left: .5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3, .my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3, .mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3, .mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4, .my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4, .mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4, .mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5, .mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5, .mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0, .py-md-0 {
padding-top: 0 !important;
}
.pr-md-0, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0, .px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: .25rem !important;
}
.pt-md-1, .py-md-1 {
padding-top: .25rem !important;
}
.pr-md-1, .px-md-1 {
padding-right: .25rem !important;
}
.pb-md-1, .py-md-1 {
padding-bottom: .25rem !important;
}
.pl-md-1, .px-md-1 {
padding-left: .25rem !important;
}
.p-md-2 {
padding: .5rem !important;
}
.pt-md-2, .py-md-2 {
padding-top: .5rem !important;
}
.pr-md-2, .px-md-2 {
padding-right: .5rem !important;
}
.pb-md-2, .py-md-2 {
padding-bottom: .5rem !important;
}
.pl-md-2, .px-md-2 {
padding-left: .5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3, .py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3, .px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3, .px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4, .py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4, .px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4, .px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5, .px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5, .px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto, .my-md-auto {
margin-top: auto !important;
}
.mr-md-auto, .mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto, .mx-md-auto {
margin-left: auto !important;
}
}
@media (width >= 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0, .mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: .25rem !important;
}
.mt-lg-1, .my-lg-1 {
margin-top: .25rem !important;
}
.mr-lg-1, .mx-lg-1 {
margin-right: .25rem !important;
}
.mb-lg-1, .my-lg-1 {
margin-bottom: .25rem !important;
}
.ml-lg-1, .mx-lg-1 {
margin-left: .25rem !important;
}
.m-lg-2 {
margin: .5rem !important;
}
.mt-lg-2, .my-lg-2 {
margin-top: .5rem !important;
}
.mr-lg-2, .mx-lg-2 {
margin-right: .5rem !important;
}
.mb-lg-2, .my-lg-2 {
margin-bottom: .5rem !important;
}
.ml-lg-2, .mx-lg-2 {
margin-left: .5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3, .my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3, .mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3, .mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4, .mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4, .mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5, .mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5, .mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0, .px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: .25rem !important;
}
.pt-lg-1, .py-lg-1 {
padding-top: .25rem !important;
}
.pr-lg-1, .px-lg-1 {
padding-right: .25rem !important;
}
.pb-lg-1, .py-lg-1 {
padding-bottom: .25rem !important;
}
.pl-lg-1, .px-lg-1 {
padding-left: .25rem !important;
}
.p-lg-2 {
padding: .5rem !important;
}
.pt-lg-2, .py-lg-2 {
padding-top: .5rem !important;
}
.pr-lg-2, .px-lg-2 {
padding-right: .5rem !important;
}
.pb-lg-2, .py-lg-2 {
padding-bottom: .5rem !important;
}
.pl-lg-2, .px-lg-2 {
padding-left: .5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3, .py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3, .px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3, .px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4, .px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4, .px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5, .px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5, .px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto, .mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto !important;
}
}
@media (width >= 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0, .mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: .25rem !important;
}
.mt-xl-1, .my-xl-1 {
margin-top: .25rem !important;
}
.mr-xl-1, .mx-xl-1 {
margin-right: .25rem !important;
}
.mb-xl-1, .my-xl-1 {
margin-bottom: .25rem !important;
}
.ml-xl-1, .mx-xl-1 {
margin-left: .25rem !important;
}
.m-xl-2 {
margin: .5rem !important;
}
.mt-xl-2, .my-xl-2 {
margin-top: .5rem !important;
}
.mr-xl-2, .mx-xl-2 {
margin-right: .5rem !important;
}
.mb-xl-2, .my-xl-2 {
margin-bottom: .5rem !important;
}
.ml-xl-2, .mx-xl-2 {
margin-left: .5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3, .my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3, .mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3, .mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4, .mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4, .mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5, .mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5, .mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0, .px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: .25rem !important;
}
.pt-xl-1, .py-xl-1 {
padding-top: .25rem !important;
}
.pr-xl-1, .px-xl-1 {
padding-right: .25rem !important;
}
.pb-xl-1, .py-xl-1 {
padding-bottom: .25rem !important;
}
.pl-xl-1, .px-xl-1 {
padding-left: .25rem !important;
}
.p-xl-2 {
padding: .5rem !important;
}
.pt-xl-2, .py-xl-2 {
padding-top: .5rem !important;
}
.pr-xl-2, .px-xl-2 {
padding-right: .5rem !important;
}
.pb-xl-2, .py-xl-2 {
padding-bottom: .5rem !important;
}
.pl-xl-2, .px-xl-2 {
padding-left: .5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3, .py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3, .px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3, .px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4, .px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4, .px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5, .px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5, .px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (width >= 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (width >= 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (width >= 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (width >= 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #0046ad !important;
}
a.text-primary:focus, a.text-primary:hover {
color: #00317a !important;
}
.text-secondary {
color: #848484 !important;
}
a.text-secondary:focus, a.text-secondary:hover {
color: #6b6a6a !important;
}
.text-success {
color: #38d189 !important;
}
a.text-success:focus, a.text-success:hover {
color: #28ae6f !important;
}
.text-info {
color: #e6b84c !important;
}
a.text-info:focus, a.text-info:hover {
color: #e0a61f !important;
}
.text-warning {
color: #ff932a !important;
}
a.text-warning:focus, a.text-warning:hover {
color: #f67900 !important;
}
.text-danger {
color: #d94c4c !important;
}
a.text-danger:focus, a.text-danger:hover {
color: #c82a2a !important;
}
.text-light {
color: #efefef !important;
}
a.text-light:focus, a.text-light:hover {
color: #d6d5d5 !important;
}
.text-dark {
color: #4f4f4f !important;
}
a.text-dark:focus, a.text-dark:hover {
color: #363535 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: #00000080 !important;
}
.text-white-50 {
color: #ffffff80 !important;
}
.text-hide {
color: #0000;
font: 0/0 a;
text-shadow: none;
background-color: #0000;
border: 0;
}
.hidden, .hidden-xs-up {
display: none !important;
}
@media (width <= 576px) {
.hidden-xs-down {
display: none !important;
}
}
@media (width > 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (width <= 768px) {
.hidden-sm-down {
display: none !important;
}
}
@media (width > 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (width <= 992px) {
.hidden-md-down {
display: none !important;
}
}
@media (width > 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (width <= 1200px) {
.hidden-lg-down {
display: none !important;
}
}
@media (width > 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
@media print {
.hidden-print {
display: none !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
white-space: nowrap;
width: 100% !important;
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.material-icons {
word-wrap: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga";
letter-spacing: normal;
text-rendering: optimizelegibility;
text-transform: none;
white-space: nowrap;
direction: ltr;
font-family: Material Icons;
font-size: 2.4rem;
font-style: normal;
font-weight: 400;
line-height: 1;
display: inline-block;
}
.icon-blue {
color: var(--tdk-color-blue-dark);
}
.icon-excel, .icon-green {
color: var(--tdk-color-green);
}
.icon-pdf, .icon-red {
color: var(--tdk-color-red);
}
.icon-jet, .icon-word {
color: var(--tdk-color-blue);
}
.icon-grey, .icon-zip {
color: var(--tdk-color-gray-v1);
}
.icon-grey-30, .icon-magnify-plus {
color: var(--tdk-color-gray-30);
}
.icon-orange, .icon-powerpoint {
color: var(--tdk-color-orange);
}
.p-0 {
padding: 0;
}
.p-l-0 {
padding-left: 0;
}
.p-r-0 {
padding-right: 0;
}
.m-t-0 {
margin-top: 0 !important;
}
.m-t-1 {
margin-top: 1rem;
}
.m-b-0 {
margin-bottom: 0 !important;
}
.m-b-1 {
margin-bottom: 1rem !important;
}
.m-b-15 {
margin-bottom: 1.5rem;
}
.m-b-30 {
margin-bottom: 3rem;
}
.mn-lr-15 {
margin: 0 -1.5rem;
}
.widthproz0 {
width: 0;
}
.widthproz5 {
width: 5%;
}
.widthproz10 {
width: 10%;
}
.widthproz15 {
width: 15%;
}
.widthproz20 {
width: 20%;
}
.widthproz25 {
width: 25%;
}
.widthproz30 {
width: 30%;
}
.widthproz35 {
width: 35%;
}
.widthproz40 {
width: 40%;
}
.widthproz45 {
width: 45%;
}
.widthproz50 {
width: 50%;
}
.widthproz55 {
width: 55%;
}
.widthproz60 {
width: 60%;
}
.widthproz65 {
width: 65%;
}
.widthproz70 {
width: 70%;
}
.widthproz75 {
width: 75%;
}
.widthproz80 {
width: 80%;
}
.widthproz85 {
width: 85%;
}
.widthproz90 {
width: 90%;
}
.widthproz95 {
width: 95%;
}
.widthproz100 {
width: 100%;
}
.contentclass-break--page-break-before {
page-break-before: always;
}
.contentclass-break--page-break-after {
page-break-after: always;
}
.content-dimmer {
background: var(--tdk-color-black-other);
height: calc(100vh - var(--content-dimmer-top));
top: var(--content-dimmer-top);
width: 100vw;
z-index: var(--content-dimmer-z-index);
display: none;
position: fixed;
}
.content-dimmer.full {
height: 100vh;
z-index: var(--content-dimmer-full-z-index);
top: 0;
}
@media print {
.content-dimmer {
display: none !important;
}
}
html {
font-size: 10px;
overflow-x: hidden;
}
@media screen {
html.no-scroll {
overflow: hidden;
}
}
body {
color: var(--tdk-color-black);
padding-top: 5rem;
font: 1.3rem / 1.8 Arial, Helvetica Neue, Helvetica, sans-serif;
}
@media screen and (width <= 992px) {
body {
overflow-x: hidden;
}
}
@media screen and (width > 992px) {
body {
padding-top: 9.5rem;
}
}
body.has-anchor-navigation-header {
padding-top: 8.6rem;
}
@media screen and (width > 992px) and (width <= 1570px) {
body.has-anchor-navigation-header {
padding-top: 13.1rem;
}
}
@media screen {
body.no-scroll {
overflow: hidden;
}
}
.content-frame {
padding: 0;
}
@media (width > 576px) {
.content-frame {
padding-inline: 1.5rem;
}
}
.content-frame > .container {
padding: 0;
}
@media (width > 1200px) {
.content-frame > .container {
max-width: 1200px !important;
}
}
@media print {
.content-frame div[class*="col-"].content {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (width <= 992px) {
.container {
width: 100%;
max-width: 100%;
}
}
@media print {
.row {
display: block;
}
.row:after {
content: "";
clear: both;
display: block;
}
.row div[class*="col-"] {
float: left;
}
}
.row.no-margin {
margin-inline: 0;
}
.clearfix {
clear: both;
}
hr {
border-color: var(--tdk-color-gray-10);
margin: 2rem 0;
}
.hr-gap {
margin: 7vmin !important;
}
.hr-classy {
width: max(200px, 50%);
margin: clamp(2rem, 5vmin, 7rem) auto !important;
}
.hr-classy.gap {
margin: clamp(4rem, 10vmin, 15rem) !important;
}
.width-80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
article {
margin-bottom: 3rem;
}
article .date {
text-align: right;
vertical-align: top;
width: 100%;
font-size: 1.6rem;
line-height: 2.1rem;
display: inline-block;
}
@media print {
article .date {
font-size: 2.3rem;
line-height: 1.2;
}
}
article .float-left:not(.image-richtext-float-wrapper) {
margin-bottom: 20px;
margin-right: 30px;
}
.breadcrumbs {
margin-bottom: var(--breadcrumbs-margin-bottom);
margin-top: var(--breadcrumbs-margin-top);
padding-left: 3rem;
}
.breadcrumbs li {
float: left;
font-size: var(--breadcrumbs-font-size);
margin-right: var(--breadcrumbs-li-margin-right);
line-height: 2.2rem;
display: block;
}
.breadcrumbs li .breadcrumb-item:hover {
color: var(--tdk-color-blue);
text-decoration: none;
}
.breadcrumbs li .breadcrumb-item:hover .breadcrumb-text {
text-decoration: underline;
}
.breadcrumbs li .breadcrumb-item .breadcrumb-text {
max-width: var(--breadcrumbs-li-text-max-width-lg);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.breadcrumbs li .breadcrumb-item:not(a):hover {
color: inherit;
}
.breadcrumbs li .breadcrumb-item:not(a):hover .breadcrumb-text {
text-decoration: none;
}
.breadcrumbs li:not(:last-child) .breadcrumb-item:after {
color: var(--tdk-color-gray-60);
content: "";
cursor: default;
vertical-align: text-bottom;
width: 1.6rem;
height: 1.6rem;
margin-top: .1rem;
font-family: Material Icons;
font-size: 1.6rem;
display: inline-block;
right: -.3rem;
}
@media (width <= 991.98px) {
.breadcrumbs {
padding-left: 3rem;
}
}
@media (width >= 768px) and (width <= 991.98px) {
.breadcrumbs li .breadcrumb-item .breadcrumb-text {
max-width: var(--breadcrumbs-li-text-max-width-md);
}
.breadcrumbs li:not(:last-child) .breadcrumb-item {
padding-right: 11px;
}
.breadcrumbs li:not(:last-child) .breadcrumb-item:after {
display: none;
}
}
@media (width <= 767.98px) {
.breadcrumbs li {
padding-right: 11px;
display: none;
}
.breadcrumbs li:last-child, .breadcrumbs li:nth-last-child(2) {
display: inline-block;
}
.breadcrumbs li:last-child .breadcrumb-item:after, .breadcrumbs li:nth-last-child(2) .breadcrumb-item:after {
display: none;
}
.breadcrumbs li:nth-last-child(3) {
display: inline-block;
}
.breadcrumbs li:nth-last-child(3) .breadcrumb-item {
width: 2.1rem;
height: 2.5rem;
display: block;
}
.breadcrumbs li:nth-last-child(3) .breadcrumb-item .breadcrumb-text {
display: none;
}
.breadcrumbs li:nth-last-child(3) .breadcrumb-item:after {
color: var(--tdk-color-blue);
content: "";
cursor: pointer;
}
}
@media (width <= 575.98px) {
.breadcrumbs li, .breadcrumbs li:nth-last-child(3) {
display: none;
}
.breadcrumbs li:last-child, .breadcrumbs li:nth-last-child(2) {
display: inline-block;
}
.breadcrumbs li:nth-last-child(2) .breadcrumb-item {
width: 2.1rem;
height: 2.5rem;
display: block;
}
.breadcrumbs li:nth-last-child(2) .breadcrumb-item .breadcrumb-text {
display: none;
}
.breadcrumbs li:nth-last-child(2) .breadcrumb-item:after {
color: var(--tdk-color-blue);
content: "";
cursor: pointer;
display: block;
}
}
@media print {
.breadcrumbs {
border-bottom: 2pt solid var(--tdk-color-black);
margin-left: 3rem;
margin-right: 3rem;
padding: 0 0 .5rem;
}
.breadcrumbs .breadcrumb-item {
color: var(--tdk-color-black) !important;
}
.breadcrumbs .breadcrumb-text {
font-size: 1.7rem;
font-weight: 700;
text-decoration: none !important;
}
.breadcrumbs li {
display: none !important;
}
.breadcrumbs li:last-of-type {
display: block !important;
}
}
.breakout {
background: #efefef;
width: 100vw;
margin: 4rem -50vw;
padding: 4rem 2rem;
position: relative;
left: 50%;
right: 50%;
}
.breakout > * {
margin-inline: auto;
}
@media (width >= 576px) {
.breakout > * {
max-width: 540px;
}
}
@media (width >= 768px) {
.breakout > * {
max-width: 720px;
}
}
@media (width >= 992px) {
.breakout > * {
max-width: 960px;
}
}
@media (width >= 1200px) {
.breakout > * {
max-width: 1140px;
}
}
@media (width >= 1400px) {
.breakout > * {
max-width: 1370px;
}
}
.breakout > h2 {
margin-bottom: 2rem;
}
.breakout > .tabbed-content section {
background: #fff;
margin-top: 1px;
}
.breakout > .textfragment {
max-width: 510px;
}
@media (width >= 768px) {
.breakout > .textfragment {
max-width: 690px;
}
}
@media (width >= 992px) {
.breakout > .textfragment {
max-width: 930px;
}
}
@media (width >= 1200px) {
.breakout > .textfragment {
max-width: 1110px;
}
}
.breakout-margin {
margin-block: clamp(4rem, 12vmin, 15rem);
padding-top: clamp(2rem, 8vmin, 8rem);
}
.breakout-margin-negative {
margin-top: clamp(-12rem, -12vmin, -15rem);
margin-bottom: clamp(-4rem, -12vmin, -15rem);
padding-top: clamp(2rem, 8vmin, 8rem);
}
.breakout-margin-none {
margin-block: 0;
}
.breakout-blue-light {
background: #f2f6fb;
}
.breakout-blue-light .teaser-standard {
background: #e6edf7;
}
.breakout-green-light {
background: #daeee9;
}
.breakout-black {
color: #ccc;
background: #000;
}
.breakout-black * {
color: inherit;
}
.breakout-grey-dark {
background: #cfcfcf;
}
.breakout-grey-light {
background-color: #f7f7f7;
}
.breakout-grey-light .image-richtext-container, .breakout-grey-light .image-richtext-container:not(:hover) [data-ui-modal-trigger="image"]:after {
background: #fff;
}
.breakout-white {
background-color: #fff;
}
.breakout-gradient-blue-light {
background: linear-gradient(180deg, #d6e3e6 0%, var(--tdk-color-white) 40%, #eef6f2 100%);
}
.breakout-footer {
margin-bottom: 0;
}
.breakout-footer.tdk {
background: #e6edf7;
}
.breakout-footer.tdk .teaser-standard {
display: flex;
}
.breakout-footer.tdk .teaser-standard:hover {
background-color: #f7f7f7;
}
.breakout-footer.tdk > .elementlist > div:only-child .image-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .image-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .image-column {
flex: 0 0 25%;
max-width: 25%;
}
.breakout-footer.tdk > .elementlist > div:only-child .text-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .text-column, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .text-column {
flex: 0 0 75%;
max-width: 75%;
}
.breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) .image-column img, .breakout-footer.tdk > .elementlist > div:first-child:nth-last-child(2) ~ div .image-column img {
object-fit: cover;
aspect-ratio: 4 / 3;
height: 100%;
}
.breakout-fluid {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.breakout-fluid > h2 {
margin-bottom: 2rem;
}
.breakout-fluid > .inner {
padding-left: 15px;
padding-right: 15px;
}
.breakout-fluid > .elementlist {
align-items: center;
gap: 2rem;
width: 100vw;
max-width: none;
padding: 0;
}
.breakout-image {
background: #efefef;
width: 100vw;
max-height: 400px;
margin: 4rem -50vw;
padding: 0;
display: flex;
position: relative;
left: 50%;
right: 50%;
overflow: hidden;
}
.breakout-image > * {
flex: 1;
align-self: center;
}
.breakout-image-slim {
width: 120%;
max-height: 300px;
margin: 4rem -60%;
}
.breakout-image-bg {
text-align: center;
align-items: center;
min-height: 40vmin;
display: flex;
overflow: hidden;
}
.breakout-image-bg > .textfragment:first-child div {
position: static;
}
.breakout-image-bg > .textfragment:first-child .image-wrapper {
opacity: .4;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.breakout-image-bg > .textfragment:first-child .image-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
}
.breakout-image-bg > .elementlist {
flex: 1;
}
.breakout-image-bg h2 {
text-align: center;
font-size: 3rem;
}
@media (width >= 1200px) {
.breakout-overlap + div {
background-color: #fffe;
margin: -24rem -3rem 0;
padding: 3rem;
position: relative;
}
}
.breakout-image-collection {
background: #444;
width: 100vw;
margin: clamp(4rem, 10vh, 8rem) -50vw;
padding: 0;
position: relative;
left: 50%;
right: 50%;
overflow: hidden;
}
@media (width >= 576px) {
.breakout-image-collection {
height: clamp(200px, 20vh, 400px);
}
}
.breakout-image-collection > div.textfragment:first-child {
opacity: .5;
position: absolute;
inset: 0;
}
.breakout-image-collection > div.textfragment:first-child div {
height: 100%;
}
.breakout-image-collection > div.textfragment:first-child img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
@media (width >= 576px) {
.breakout-image-collection > div.textfragment:first-child img {
height: clamp(200px, 20vh, 400px);
}
}
.breakout-image-collection > .elementlist {
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
display: flex;
}
@media (width >= 576px) {
.breakout-image-collection > .elementlist {
flex-wrap: nowrap;
max-width: 540px;
}
}
@media (width >= 768px) {
.breakout-image-collection > .elementlist {
max-width: 720px;
}
}
@media (width <= 991.98px) {
.breakout-image-collection > .elementlist {
max-width: 100%;
}
}
@media (width >= 992px) {
.breakout-image-collection > .elementlist {
max-width: 960px;
}
}
@media (width >= 1200px) {
.breakout-image-collection > .elementlist {
max-width: 1140px;
}
}
.breakout-image-collection > .elementlist > div {
text-align: center;
flex: 1;
padding: 1rem;
}
.breakout-image-collection > .elementlist .textfragment {
color: #fff;
margin: 0;
}
.breakout-image-collection > .elementlist .textfragment p {
font-size: 1.8rem;
}
.breakout-image-collection > .elementlist .textfragment h3, .breakout-image-collection > .elementlist .textfragment .text-size-2 {
font-size: 7rem;
font-weight: bold;
}
.breakout-image-fade {
z-index: 1029;
padding: 0;
}
.breakout-image-fade .cycle-slide {
max-width: unset;
inset: 0;
}
.btn {
--btn-c-txt: #fff;
--btn-c-background: #0046ad;
--btn-c-border: #0046ad;
text-align: center;
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
gap: var(--gap-10);
min-height: 5.1rem;
padding: 0 40px;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5;
transition: all .2s ease-in-out;
display: inline-block;
color: var(--btn-c-txt) !important;
background-color: var(--btn-c-background) !important;
border: 1.5px solid var(--btn-c-border) !important;
border-radius: var(--radius-base) !important;
display: inline-flex !important;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
text-decoration: none;
background-color: color-mix(in srgb, var(--btn-c-background) 80%, white) !important;
}
.btn.focus, .btn:focus {
outline: 0;
text-decoration: none;
box-shadow: 0 0 0 .2rem #0046ad40;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn-outline {
--btn-c-txt: #0046ad;
--btn-c-border: #0046ad;
background-color: #fff8 !important;
}
.btn-outline:focus, .btn-outline:hover {
--btn-c-txt: var(--tdk-color-white);
background-color: var(--tdk-color-blue) !important;
}
.btn + .btn {
margin-left: 1.5rem;
}
.btn.disabled, .btn:disabled, a.btn.disabled, fieldset:disabled a.btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
}
.btn-cta {
background-image: var(--tdk-gradient-blue);
--btn-c-background: transparent;
border: 0 !important;
}
.btn-cta:hover {
opacity: .8;
}
.btn-cta.focus, .btn-cta:focus, .btn-cta:not(:disabled):not(.disabled).active:focus, .btn-cta:not(:disabled):not(.disabled):active:focus, .show > .btn-cta.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #0046ad80;
}
.btn-outline-cta {
--btn-c-txt: #0046ad;
background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(90deg, #0046ad 0%, #1132ff 15%, #095cff 40%, #0087ff) border-box !important;
}
.btn-outline-cta:hover {
opacity: 1;
--btn-c-txt: #fff;
background: var(--tdk-gradient-blue) border-box !important;
border: 0 !important;
}
.btn-outline-cta:before {
background-color: #0000;
background-image: var(--tdk-gradient-blue) border-box !important;
}
.btn-outline-cta.focus, .btn-outline-cta:focus, .btn-outline-cta:not(:disabled):not(.disabled).active:focus, .btn-outline-cta:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-cta.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #0046ad80;
}
.btn-outline-primary {
--btn-c-txt: #0046ad;
background-color: #0000 !important;
}
.btn-outline-primary:hover {
--btn-c-txt: #fff;
--btn-c-border: #0046ad;
opacity: 1;
background-color: #0046ad !important;
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #0046ad80;
}
.btn-secondary {
--btn-c-txt: #fff;
--btn-c-background: var(--tdk-color-gray-v1);
--btn-c-border: #848484;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #85858580;
}
.btn-outline-secondary {
--btn-c-txt: #848484;
--btn-c-border: #848484;
background-color: #0000 !important;
}
.btn-outline-secondary:hover {
--btn-c-txt: #fff;
background-color: #848484 !important;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #85858580;
}
.btn-light {
--btn-c-txt: #000;
--btn-c-background: #fff;
--btn-c-border: #fff;
}
.btn-light:hover {
background-color: color-mix(in srgb, var(--btn-c-background) 80%, transparent) !important;
}
.btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #f0f0f080;
}
.btn-outline-light {
--btn-c-txt: #fff;
--btn-c-border: #fff;
background-color: #0000 !important;
}
.btn-outline-light:hover {
--btn-c-txt: #000;
opacity: 1;
background-color: #fff !important;
}
.btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #f0f0f080;
}
.btn-dark {
--btn-c-txt: #fff;
--btn-c-background: #000;
--btn-c-border: #000;
}
.btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #4f4f4f80;
}
.btn-outline-dark {
--btn-c-txt: #000;
--btn-c-border: #000;
background-color: #0000 !important;
}
.btn-outline-dark:hover {
--btn-c-txt: #fff;
opacity: 1;
background-color: #000 !important;
}
.btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #4f4f4f80;
}
.btn-success {
--btn-c-txt: #212529;
--btn-c-background: #38d189;
--btn-c-border: #38d189;
}
.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #38d18980;
}
.btn-outline-success {
--btn-c-txt: #38d189;
--btn-c-border: #38d189;
background-color: #0000 !important;
}
.btn-outline-success:hover {
--btn-c-txt: #212529;
background-color: #38d189 !important;
}
.btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #38d18980;
}
.btn-info {
--btn-c-txt: #212529;
--btn-c-background: #e6b84c;
--btn-c-border: #e6b84c;
}
.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #e6b84c80;
}
.btn-outline-info {
--btn-c-txt: #e6b84c;
--btn-c-border: #e6b84c;
background-color: #0000 !important;
}
.btn-outline-info:hover {
--btn-c-txt: #212529;
background-color: #e6b84c !important;
}
.btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #e6b84c80;
}
.btn-warning {
--btn-c-txt: #212529;
--btn-c-background: #ff932a;
--btn-c-border: #ff932a;
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #ff932a80;
}
.btn-outline-warning {
--btn-c-txt: #ff932a;
--btn-c-border: #ff932a;
background-color: #0000 !important;
}
.btn-outline-warning:hover {
--btn-c-txt: #212529;
background-color: #ff932a !important;
}
.btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #ff932a80;
}
.btn-danger {
--btn-c-txt: #fff;
--btn-c-background: #d94c4c;
--btn-c-border: #d94c4c;
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #d94c4c80;
}
.btn-outline-danger {
--btn-c-txt: #d94c4c;
--btn-c-border: #d94c4c;
background-color: #0000 !important;
}
.btn-outline-danger:hover {
--btn-c-txt: #fff;
background-color: #d94c4c !important;
}
.btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem #d94c4c80;
}
.btn-link, .btn-text-link {
--btn-c-txt: #0046ad;
--btn-c-border: transparent;
background-color: #0000 !important;
}
.btn-link:hover, .btn-text-link:hover {
--btn-c-txt: #002761;
background-color: #0000 !important;
}
.btn-link.focus, .btn-link:focus, .btn-link:hover, .btn-text-link.focus, .btn-text-link:focus, .btn-text-link:hover {
box-shadow: none;
text-decoration: underline !important;
}
.btn-link.disabled, .btn-link:disabled, .btn-text-link.disabled, .btn-text-link:disabled {
--btn-c-txt: #6c757d;
}
.btn-zoom {
width: 3rem;
height: 3rem;
color: var(--tdk-color-blue);
background: var(--tdk-color-gray-5);
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
.btn-zoom i {
padding: .3rem;
}
.btn-zoom:focus, .btn-zoom:hover {
background: var(--tdk-color-blue);
color: var(--tdk-color-white);
cursor: pointer;
}
.btn:before {
content: "";
background-color: currentColor;
display: block;
}
.btn:not(:has(.material-icons), .btn-icon-download, .btn-icon-mail, .btn-icon-phone, [target="_blank"], [href^="mailto:"], [href^="tel:"], [href^="/download"], [href*="/contact/revokedata"], [href*="/globalcontact?"], [href*="/contact-form-human-resources/"], [href*="/kontaktformular-human-resources/"]):before {
aspect-ratio: 1 / 2;
clip-path: polygon(0 0, 100% 50%, 0 100%);
height: 16px !important;
}
.btn-icon-download:before, .btn-icon-mail:before, .btn-icon-phone:before, .btn[target="_blank"]:before, .btn[href^="tel:"]:before, .btn[href^="mailto:"]:before, .btn[href^="/download"]:before, .btn[href*="/contact/revokedata"]:before, .btn[href*="/globalcontact?"]:before, .btn[href*="/contact-form-human-resources/"]:before, .btn[href*="/kontaktformular-human-resources/"]:before, .btn:has(.material-icons):before {
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
}
.btn[target="_blank"]:before {
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,");
width: 13px !important;
}
.btn-group-lg > .btn[target="_blank"]:before, .btn-lg[target="_blank"]:before, .btn-large[target="_blank"]:before {
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,");
width: 19px !important;
}
.btn-icon-download:before, .btn[href^="/download"]:before, .btn:has(.m-icon-file_download):before {
mask-image: url("data:image/svg+xml,");
width: 11px !important;
height: 12px !important;
}
.btn-group-sm > .btn-icon-download:before, .btn-group-sm > .btn[href^="/download"]:before, .btn-group-sm > .btn:has(.m-icon-file_download):before, .btn-sm.btn-icon-download:before, .btn-sm.btn[href^="/download"]:before, .btn-sm.btn:has(.m-icon-file_download):before, .btn-small.btn-icon-download:before, .btn-small.btn[href^="/download"]:before, .btn-small.btn:has(.m-icon-file_download):before {
width: 16px !important;
height: 17px !important;
}
.btn-group-lg > .btn-icon-download:before, .btn-group-lg > .btn[href^="/download"]:before, .btn-group-lg > .btn:has(.m-icon-file_download):before, .btn-lg.btn-icon-download:before, .btn-lg.btn[href^="/download"]:before, .btn-lg.btn:has(.m-icon-file_download):before, .btn-large.btn-icon-download:before, .btn-large.btn[href^="/download"]:before, .btn-large.btn:has(.m-icon-file_download):before {
mask-image: url("data:image/svg+xml,");
width: 16px !important;
height: 17px !important;
}
.btn-icon-mail:before, .btn[href^="mailto:"]:before, .btn[href*="/contact/revokedata"]:before, .btn[href*="/globalcontact?"]:before, .btn[href*="/contact-form-human-resources/"]:before, .btn[href*="/kontaktformular-human-resources/"]:before {
mask-image: url("data:image/svg+xml,");
width: 17px !important;
height: 12px !important;
}
.btn-group-sm > .btn-icon-mail:before, .btn-group-sm > .btn[href^="mailto:"]:before, .btn-group-sm > .btn[href*="/contact/revokedata"]:before, .btn-group-sm > .btn[href*="/globalcontact?"]:before, .btn-group-sm > .btn[href*="/contact-form-human-resources/"]:before, .btn-group-sm > .btn[href*="/kontaktformular-human-resources/"]:before, .btn-sm.btn-icon-mail:before, .btn-sm.btn[href^="mailto:"]:before, .btn-sm > .btn[href*="/contact/revokedata"]:before, .btn-sm > .btn[href*="/globalcontact?"]:before, .btn-sm > .btn[href*="/contact-form-human-resources/"]:before, .btn-sm > .btn[href*="/kontaktformular-human-resources/"]:before, .btn-small.btn-icon-mail:before, .btn-small.btn[href^="mailto:"]:before, .btn-small > .btn[href*="/contact/revokedata"]:before, .btn-small > .btn[href*="/globalcontact?"]:before, .btn-small > .btn[href*="/contact-form-human-resources/"]:before, .btn-small > .btn[href*="/kontaktformular-human-resources/"]:before {
width: 12px !important;
height: 10px !important;
}
.btn-group-lg > .btn-icon-mail:before, .btn-group-lg > .btn[href^="mailto:"]:before, .btn-group-lg > .btn[href*="/contact/revokedata"]:before, .btn-group-lg > .btn[href*="/globalcontact?"]:before, .btn-group-lg > .btn[href*="/contact-form-human-resources/"]:before, .btn-group-lg > .btn[href*="/kontaktformular-human-resources/"]:before, .btn-lg.btn-icon-mail:before, .btn-lg.btn[href^="mailto:"]:before, .btn-lg > .btn[href*="/contact/revokedata"]:before, .btn-lg > .btn[href*="/globalcontact?"]:before, .btn-lg > .btn[href*="/contact-form-human-resources/"]:before, .btn-lg > .btn[href*="/kontaktformular-human-resources/"]:before, .btn-large.btn-icon-mail:before, .btn-large.btn[href^="mailto:"]:before, .btn-large > .btn[href*="/contact/revokedata"]:before, .btn-large > .btn[href*="/globalcontact?"]:before, .btn-large > .btn[href*="/contact-form-human-resources/"]:before, .btn-large > .btn[href*="/kontaktformular-human-resources/"]:before {
mask-image: url("data:image/svg+xml,");
width: 23px !important;
height: 18px !important;
}
.btn-icon-phone:before, .btn[href^="tel:"]:before {
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,");
height: 19px !important;
}
.btn-group-sm > .btn-icon-phone:before, .btn-group-sm > .btn[href^="tel:"]:before, .btn-sm.btn-icon-phone:before, .btn-sm.btn[href^="tel:"]:before, .btn-small.btn-icon-phone:before, .btn-small.btn[href^="tel:"]:before {
height: 14px !important;
}
.btn-group-lg > .btn-icon-phone:before, .btn-group-lg > .btn[href^="tel:"]:before, .btn-lg.btn-icon-phone:before, .btn-lg.btn[href^="tel:"]:before, .btn-large.btn-icon-phone:before, .btn-large.btn[href^="tel:"]:before {
mask-image: url("data:image/svg+xml,");
height: 25px !important;
}
.btn-icon-plus:before {
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,");
height: 19px !important;
}
.btn-group-sm > .btn-icon-plus:before, .btn-sm.btn-icon-plus:before, .btn-small.btn-icon-plus:before {
height: 14px !important;
}
.btn-group-lg > .btn-icon-plus:before, .btn-lg.btn-icon-plus:before, .btn-large.btn-icon-plus:before {
mask-image: url("data:image/svg+xml,");
height: 25px !important;
}
.btn-icon-minus:before {
aspect-ratio: 1;
mask-image: url("data:image/svg+xml,");
height: 19px !important;
}
.btn-group-sm > .btn-icon-minus:before, .btn-sm.btn-icon-minus:before, .btn-small.btn-icon-minus:before {
height: 14px !important;
}
.btn-group-lg > .btn-icon-minus:before, .btn-lg.btn-icon-minus:before, .btn-large.btn-icon-minus:before {
mask-image: url("data:image/svg+xml,");
height: 25px !important;
}
.btn i {
display: none;
}
.btn-group-sm > .btn, .btn-sm, .btn-small {
border-width: 1.2px;
min-height: 3.7rem;
padding-inline: 2rem;
font-size: 1.1rem;
border-radius: var(--radius-sm) !important;
}
.btn-group-lg > .btn, .btn-lg, .btn-large {
border-width: 1.8px;
min-height: 6.7rem;
padding-inline: 6rem;
font-size: 1.8rem;
border-radius: var(--radius-lg) !important;
}
.btn-block {
width: 100%;
display: block;
}
.btn-block + .btn-block {
margin-top: .5rem;
}
.full-width {
text-align: center;
width: 100%;
}
input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block {
width: 100%;
}
.custom-control {
min-height: 2rem;
padding-left: 2rem;
}
.custom-control-indicator {
width: 1.4rem;
height: 1.4rem;
}
@media (width > 576px) {
.down {
position: absolute;
bottom: 0;
left: 1.7rem;
}
}
.custom-cols > .elementlist {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.custom-cols > .elementlist > div {
flex-grow: 1;
}
.custom-cols > .elementlist > div .elementlist {
display: block;
}
.custom-cols > .elementlist .col-200 {
flex-grow: 2;
}
.custom-cols > .elementlist .col-300 {
flex-grow: 3;
}
.custom-cols.cols-2-sm > .elementlist {
flex-wrap: nowrap;
}
.custom-cols.cols-2-sm > .elementlist > div {
--col-width: calc((100% + var(--gutter)) / 2 - var(--gutter));
}
@media (width >= 768px) {
.custom-cols.cols-2 > .elementlist, .custom-cols.cols-3 > .elementlist, .custom-cols.cols-4 > .elementlist, .custom-cols.cols-5 > .elementlist {
flex-wrap: wrap;
}
.custom-cols.cols-2 > .elementlist > div, .custom-cols.cols-3 > .elementlist > div, .custom-cols.cols-4 > .elementlist > div, .custom-cols.cols-5 > .elementlist > div {
flex-shrink: 1;
}
.custom-cols.cols-2 .elementlist > div {
--col-width: calc((100% + var(--gutter)) / 2 - var(--gutter));
}
.custom-cols.cols-3 .elementlist > div {
--col-width: calc((100% + var(--gutter)) / 3 - var(--gutter));
}
.custom-cols.cols-4 .elementlist > div {
--col-width: calc((100% + var(--gutter)) / 4 - var(--gutter));
}
.custom-cols.cols-5 .elementlist > div {
--col-width: calc((100% + var(--gutter)) / 5 - var(--gutter));
}
}
.custom-cols-centered-vertical > .elementlist {
align-items: center;
}
.custom-cols-flex > .elementlist > div {
flex: auto !important;
}
@media (width >= 768px) {
.custom-cols-margin-bottom > .elementlist > div {
margin-bottom: 3rem;
}
.custom-cols-reordered > .elementlist > div:nth-child(2) {
order: -1;
}
}
.custom-cols-lines-reordered .textfragment {
flex-direction: column;
display: flex;
}
.custom-cols-lines-reordered .textfragment > div:nth-child(2) {
order: -1;
}
@media (width >= 992px) {
.custom-cols-title-left {
grid-column-gap: 5%;
grid-template-columns: 20% 75%;
display: grid;
}
.custom-cols-title-left > .textfragment {
grid-column: 1 / 2;
}
.custom-cols-title-left > .elementlist {
grid-column: 2 / 3;
width: 100%;
}
}
@media (width >= 576px) {
.custom-cols-alternating > .elementlist {
align-items: center;
}
.custom-cols-alternating > .elementlist iframe {
background: #eee;
}
.custom-cols-alternating > .elementlist > div:nth-child(2n) .flexcolumns > .elementlist > div:first-child {
order: 99;
}
.custom-cols-alternating-big > .elementlist {
--offset: calc((100vw - 100%) / 2 * -1 - 1.5rem);
align-items: center;
gap: 5rem;
}
.custom-cols-alternating-big > .elementlist > div:nth-child(odd) .flexcolumns > .elementlist {
margin-left: var(--offset);
}
.custom-cols-alternating-big > .elementlist > div:nth-child(2n) .flexcolumns > .elementlist {
margin-right: var(--offset);
}
.custom-cols-alternating-big .flexcolumns > .elementlist > div:first-child {
flex: 2;
}
}
@media (width >= 768px) {
.custom-cols-grid > .elementlist {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
display: grid;
}
}
.custom-cols-images .image-wrapper {
aspect-ratio: 4 / 3;
}
.custom-cols-images img {
position: absolute;
top: 50%;
translate: 0 -50%;
}
.custom-cols .teaser {
height: 100%;
}
.custom-cols .teaser > .image-column, .custom-cols .teaser > .text-column {
flex: none;
max-width: none;
}
.custom-cols .teaser > .image-column {
padding: 0;
}
.custom-cols .teaser .teaser-text {
max-width: 100%;
}
.contact-block {
margin-inline: -3rem;
}
.contact-block > div {
padding-inline: 3rem;
}
.contact-block .cb {
padding-bottom: 2rem;
padding-left: 7rem;
position: relative;
}
.contact-block .cb:not(:last-child), .contact-block .large {
border-bottom: 1px solid var(--tdk-color-gray-lighter);
margin-bottom: 3rem;
}
@media (width >= 992px) {
.contact-block .contact-block > div:not(:last-child) {
border-right: 1px solid var(--tdk-color-gray-lighter);
}
.contact-block .contact-block .large {
border-bottom: none;
margin-bottom: 0;
padding-top: 28rem;
padding-left: 0;
}
}
.contact-block .cb:before {
content: "";
background: 50% / contain no-repeat;
width: 48px;
height: 48px;
position: absolute;
top: 0;
left: 0;
}
@media (width >= 992px) {
.contact-block .cb.large:before {
width: 100%;
height: 24rem;
right: 0;
}
}
.contact-block .cb-social:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwWiIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0yMSAyMWgtNHYtNi43NWEyLjI1IDIuMjUgMCAwIDAtMi4yNS0xLjk0QTEuNzkgMS43OSAwIDAgMCAxMyAxNC4xNFYyMUg5VjloNHYyYTQuNTkgNC41OSAwIDAgMSAzLjUtMS43NiA0LjUxIDQuNTEgMCAwIDEgNC41IDQuNTFWMjFNNyAyMUgzVjloNHYxMk01IDNhMiAyIDAgMSAxLTIgMiAyIDIgMCAwIDEgMi0yWiIgc3R5bGU9ImZpbGw6IzAwNDZhZCIvPjwvc3ZnPg==");
}
html[lang="zh"] .contact-block .cb-social:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwWiIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik05LjUgNEM1LjM2IDQgMiA2LjY5IDIgMTBhNS41OSA1LjU5IDAgMCAwIDIuNzggNC42Nkw0IDE3bDIuNS0xLjVhOC43MyA4LjczIDAgMCAwIDIuOTEuNUE1LjA4IDUuMDggMCAwIDEgOSAxNGMwLTMuMzEgMy4xMy02IDctNmEyLjYyIDIuNjIgMCAwIDEgLjU2IDBjLTEtMi4zNC0zLjc4LTQtNy4wNi00bS0zIDIuNWExIDEgMCAxIDEtMSAxIDEgMSAwIDAgMSAxLTFtNSAwYTEgMSAwIDEgMS0xIDEgMSAxIDAgMCAxIDEtMU0xNiA5Yy0zLjMxIDAtNiAyLjI0LTYgNXMyLjY5IDUgNiA1YTYuODIgNi44MiAwIDAgMCAxLjkxLS4yNUwyMCAyMGwtLjYyLTEuODdBNC44OCA0Ljg4IDAgMCAwIDIyIDE0YzAtMi43Ni0yLjY5LTUtNi01bS0yIDIuNWExIDEgMCAxIDEtMSAxIDEgMSAwIDAgMSAxLTFtNCAwYTEgMSAwIDEgMS0xIDEgMSAxIDAgMCAxIDEtMVoiIHN0eWxlPSJmaWxsOiMwMDQ2YWQiLz48L3N2Zz4=");
}
.contact-block .cb-inquiry:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTQxLjE1IDI0Ljc2YTEuMDcgMS4wNyAwIDAgMSAuNzYuMzRsMi41NiAyLjU2YTEuMDYgMS4wNiAwIDAgMSAwIDEuNTRsLTIgMi00LjEtNC4xIDItMmExLjExIDEuMTEgMCAwIDEgLjc4LS4zNG0tMy45NCAzLjUgNC4xIDQuMUwyOS4xOSA0NC41aC00LjEydi00LjEybDEyLjE0LTEyLjEyTTIxLjA3IDM4LjVsLTQgNGgtOGE0IDQgMCAwIDEtNC00di0yOGE0IDQgMCAwIDEgNC00aDguMzZhNiA2IDAgMCAxIDExLjI4IDBoOC4zNmE0IDQgMCAwIDEgNCA0djhsLTQgNHYtMTJoLTR2NGgtMjB2LTRoLTR2MjhoMTJtMi0zMmEyIDIgMCAxIDAgMiAyIDIgMiAwIDAgMC0yLTJaIiBzdHlsZT0iZmlsbDojMDA0NmFkIi8+PC9zdmc+");
}
.contact-block .cb-fairs:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xMS41IDZjMS4xIDAgMiAuOSAyIDJ2MS44YzIuMS0uOSA1LTEuOCA4LTEuOCA2IDAgNiA0IDEwIDQgNiAwIDgtNCA4LTR2MTZzLTIgNC04IDQtNi00LTEwLTRjLTYgMC04IDQtOCA0djE0aC00VjhjMC0xLjEuOS0yIDItMm0yIDguNVYyM3M0LTMgOC0zIDYgNCAxMCA0IDQtMiA0LTJ2LTdzLTIgMS00IDFjLTQgMC02LTQtMTAtNHMtOCAyLjUtOCAyLjV6IiBzdHlsZT0iZmlsbDojMDA0NmFkIi8+PC9zdmc+");
}
.contact-block .cb-sites:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTAgMGg0OHY0OEgwWiIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0yNCA0YTE0IDE0IDAgMCAwLTE0IDE0YzAgMTAuNSAxNCAyNiAxNCAyNnMxNC0xNS41IDE0LTI2QTE0IDE0IDAgMCAwIDI0IDRabTAgMTlhNSA1IDAgMSAxIDUtNSA1IDUgMCAwIDEtNSA1WiIgc3R5bGU9ImZpbGw6IzAwNDZhZCIvPjwvc3ZnPg==");
}
@media (width >= 992px) {
.contact-block .cb-sites:before {
background-image: url("data:,");
}
}
footer {
background: var(--tdk-color-white);
width: 100vw;
max-width: 220rem;
margin: 0 auto;
padding: 0 !important;
}
footer > .container {
max-width: unset;
padding-inline: 0 !important;
}
footer > .container > div {
width: 100%;
margin-inline: auto;
padding-inline: 0 !important;
}
@media (width >= 576px) {
footer > .container > div {
max-width: 540px;
}
}
@media (width >= 768px) {
footer > .container > div {
max-width: 720px;
}
}
@media (width >= 992px) {
footer > .container > div {
max-width: 960px;
}
}
@media (width >= 1200px) {
footer > .container > div {
max-width: 1200px;
}
}
#footer-social-icons {
background: var(--tdk-gradient-blue);
padding-block: 4rem;
}
@media (width >= 768px) {
#footer-social-icons {
padding-block: 10rem;
}
}
#footer-social-icons svg path {
fill: var(--tdk-color-white);
}
#footer-social-icons .social-icons {
justify-content: center;
gap: 2rem;
display: flex;
}
#footer-social-icons .social-icons li {
float: unset;
margin: 0;
}
#footer-social-icons .social-icons .hr-top-employer {
display: none;
}
#footer-sitemap {
border-top: 1px solid var(--tdk-color-gray-light);
margin: 0;
padding-block: 6rem;
}
#footer-sitemap > div {
flex-wrap: wrap;
gap: 4rem 2rem;
margin-block: 0;
display: flex;
}
#footer-sitemap > div:after {
display: none;
}
#footer-sitemap .logo {
flex: 1 0 100%;
}
#footer-sitemap .logo svg {
width: 235px;
height: 26px;
}
#footer-sitemap .logo svg path {
fill: var(--tdk-color-blue-corp);
}
#footer-sitemap .sitemap-column {
float: unset;
border: none;
flex: none;
width: auto;
padding: 0;
}
@media (width >= 562px) {
#footer-sitemap .sitemap-column {
--gap: 2rem;
--col-size: calc((100% + var(--gap))/6 - var(--gap));
flex: 1 0 var(--col-size);
width: var(--col-size);
}
}
#footer-sitemap .sitemap-column a {
color: var(--tdk-color-black);
padding: 2px 0;
font-size: 1.1rem;
line-height: 1.7em;
text-decoration: none;
}
#footer-sitemap .sitemap-column a:hover {
background: none;
text-decoration: underline;
}
#footer-sitemap .sitemap-column a:after {
display: none;
}
#footer-sitemap .sitemap-column .sitemap-entry, #footer-sitemap .sitemap-column .sitemap-headline {
border: none;
}
@media (width < 768px) {
#footer-sitemap .sitemap-column ul {
display: none;
}
}
#footer-legal {
color: var(--tdk-color-black);
background-color: var(--tdk-color-gray-light);
font-size: 1.1rem;
padding-top: 0 !important;
padding-inline: 0 !important;
}
@media (width < 768px) {
#footer-legal {
display: block;
}
}
@media (width >= 768px) {
#footer-legal {
left: unset;
translate: unset;
width: 100vw;
max-width: unset;
margin: 0 auto;
padding: 2rem 1.5rem;
position: relative;
}
}
body:has(.page-top.show) #footer-legal {
padding-bottom: 8rem !important;
}
#footer-legal * {
font-size: inherit;
color: inherit;
}
#footer-legal > div > div {
padding: 0;
}
#footer-legal .footer-navigation {
min-width: unset;
transform: unset;
flex-wrap: wrap;
gap: 1rem 2rem;
margin: 0;
padding: 0;
display: flex;
}
@media (width < 768px) {
#footer-legal .footer-navigation {
width: 100vw;
max-width: unset;
text-align: center;
background-color: var(--tdk-color-white);
border-top: 1px solid var(--tdk-color-gray-light);
justify-content: center;
margin-top: 0;
padding-block: 2rem;
padding-inline: 1.5rem;
position: relative;
left: 50%;
transform: translateX(-50%);
}
}
#footer-legal .footer-navigation li {
float: none;
flex: none;
}
@media (width < 768px) {
#footer-legal .footer-navigation li {
margin: 0;
}
}
#footer-legal .footer-navigation a {
padding: 0;
}
@media (width < 768px) {
#footer-legal .footer-navigation a {
padding: 0 .5rem;
font-weight: 700;
}
#footer-legal .copyright {
text-align: center;
background-color: var(--tdk-color-gray-light);
margin: 0 -1.5rem;
padding-block: 1rem;
}
}
@media (width >= 768px) {
#footer-legal .copyright {
background: none;
margin: 0;
padding: 0;
}
#footer-legal > div > div:has(.footer-navigation) {
flex: 1 0 66%;
}
#footer-legal > div > div:has(.copyright) {
flex: 33%;
}
}
.footer-sitemap .sitemap-column {
float: left;
width: var(--footer-sitemap-column-width);
padding: var(--footer-sitemap-column-padding);
}
@media (width < 992px) {
.footer-sitemap .sitemap-column {
float: none;
width: 100%;
margin-bottom: 0;
padding: 0;
}
}
.footer-sitemap .sitemap-column a {
width: var(--footer-sitemap-column-link-width);
color: var(--tdk-color-white);
padding: var(--footer-sitemap-column-link-padding);
display: block;
}
@media (width < 992px) {
.footer-sitemap .sitemap-column ul {
display: none;
}
}
.footer-sitemap .sitemap-column .sitemap-headline {
position: relative;
}
@media (width < 992px) {
.footer-sitemap .sitemap-column .sitemap-headline {
border-top: var(--footer-sitemap-column-entry-border);
position: relative;
}
}
.footer-sitemap .sitemap-column .sitemap-headline a {
font-size: var(--footer-sitemap-column-headline-link-font-size);
padding: var(--footer-sitemap-column-headline-link-padding);
font-weight: 700;
}
@media (width < 576px) {
.footer-sitemap .sitemap-column .sitemap-headline a {
padding: var(--footer-sitemap-xs-column-headline-link-padding);
}
}
.footer-sitemap .sitemap-column .sitemap-headline a:hover {
text-decoration: underline;
}
@media (width < 576px) {
.footer-sitemap .sitemap-column .sitemap-headline a:after {
right: var(--footer-sitemap-xs-column-entry-arrow-right);
}
}
.footer-sitemap .sitemap-column .sitemap-entry {
border-top: var(--footer-sitemap-column-entry-border);
position: relative;
}
.footer-sitemap .sitemap-column .sitemap-entry:last-child {
border-bottom: var(--footer-sitemap-column-entry-border);
}
.footer-sitemap .sitemap-column .sitemap-entry a {
font-size: var(--footer-sitemap-column-entry-link-font-size);
padding: var(--footer-sitemap-column-entry-link-padding);
}
@media (width < 992px) {
.footer-sitemap .sitemap-column .sitemap-entry a {
width: 100%;
color: var(--tdk-color-white);
font-size: var(--footer-sitemap-md-column-headline-link-font-size);
padding: var(--footer-sitemap-md-column-headline-link-padding);
display: block;
}
}
.footer-sitemap .sitemap-column .sitemap-entry a:hover {
background-color: var(--tdk-color-gray-v1);
text-decoration: none;
}
@media (width < 992px) {
.footer-sitemap .sitemap-column .sitemap-entry a:hover {
background: var(--tdk-color-gray-v1);
text-decoration: none;
}
}
.footer-sitemap .sitemap-column .sitemap-entry a:after {
content: "";
cursor: default;
top: var(--footer-sitemap-column-entry-arrow-top);
right: var(--footer-sitemap-column-entry-arrow-right);
font-family: Material Icons;
font-size: var(--footer-sitemap-column-entry-arrow-font-size);
color: var(--tdk-color-white);
display: block;
position: absolute;
}
@media (width < 992px) {
.footer-sitemap .sitemap-column .sitemap-entry a:after {
content: "";
cursor: default;
top: var(--footer-sitemap-md-column-entry-arrow-top);
right: var(--footer-sitemap-md-column-entry-arrow-right);
color: var(--tdk-color-white);
font-family: Material Icons;
font-size: 16px;
display: block;
position: absolute;
}
.footer-sitemap .sitemap-column:last-child {
border-bottom: var(--footer-sitemap-column-entry-border);
}
}
@media print {
.footer-sitemap {
display: none;
}
}
.footer-navigation {
padding-top: var(--footer-navigation-padding-top);
margin-top: var(--footer-navigation-margin-top);
margin-bottom: var(--footer-navigation-margin-top);
}
@media (width < 992px) {
.footer-navigation {
min-width: var(--footer-navigation-md-min-width);
margin-top: var(--footer-navigation-md-margin-top);
margin-bottom: 1rem;
margin-left: 50%;
display: inline-block;
transform: translateX(-50%);
}
}
@media (width < 576px) {
.footer-navigation {
min-width: var(--footer-navigation-xs-min-width);
max-width: var(--footer-navigation-xs-max-width);
text-align: center;
margin-bottom: 0;
}
}
.footer-navigation li {
float: left;
}
@media (width < 576px) {
.footer-navigation li {
float: none;
margin-bottom: var(--footer-navigation-xs-li-margin-bottom);
display: inline-block;
}
}
.footer-navigation li a {
font-size: var(--footer-navigation-link-font-size);
color: var(--tdk-color-white);
padding-right: var(--footer-navigation-link-padding-right);
}
@media (width < 992px) {
.footer-navigation li a {
padding: var(--footer-navigation-md-link-padding);
}
}
.footer-navigation li:last-child a {
padding-right: 0;
}
@media (width < 992px) {
.footer-navigation li:last-child a {
padding: var(--footer-navigation-md-link-padding);
}
}
@media print {
.footer-navigation {
display: none;
}
}
.page-top {
cursor: pointer;
z-index: 1030;
color: var(--tdk-color-white);
background: var(--tdk-color-black-60);
opacity: 0;
border: 0;
padding: .7rem 1.2rem;
font-size: 1.2rem;
transition: opacity .5s linear;
position: fixed;
bottom: 3.5rem;
right: 2rem;
}
@media (width <= 992px) {
.page-top {
padding: .8rem;
}
}
@media print {
.page-top {
display: none;
}
}
.page-top.show {
opacity: 1;
}
@media (width <= 992px) {
.page-top .button-text {
display: none;
}
}
.page-top i {
vertical-align: middle;
display: none;
}
@media (width <= 992px) {
.page-top i {
display: inline-block;
}
}
.form-group .form-control {
background-color: var(--tdk-color-white);
border: 1px solid var(--tdk-color-gray-30);
color: var(--tdk-color-gray-v1);
padding: .5rem 1rem;
font-size: 1.4rem;
line-height: 1.8rem;
}
.form-group .form-control::placeholder {
color: var(--tdk-color-gray-60);
}
.form-group .form-control:focus {
-webkit-appearance: none;
border-color: var(--tdk-color-blue);
box-shadow: none;
outline: none;
}
.form-group .form-control:disabled, .form-group .form-control[readonly] {
background-color: var(--tdk-color-gray-10);
}
.form-group .form-control.form-control-sm, .form-group .input-group-sm > .form-control, .form-group .input-group-sm > .input-group-append > .form-control.btn, .form-group .input-group-sm > .input-group-append > .form-control.input-group-text, .form-group .input-group-sm > .input-group-prepend > .form-control.btn, .form-group .input-group-sm > .input-group-prepend > .form-control.input-group-text {
font-size: 1.2rem;
}
.form-group .form-control.form-control-lg, .form-group .input-group-lg > .form-control, .form-group .input-group-lg > .input-group-append > .form-control.btn, .form-group .input-group-lg > .input-group-append > .form-control.input-group-text, .form-group .input-group-lg > .input-group-prepend > .form-control.btn, .form-group .input-group-lg > .input-group-prepend > .form-control.input-group-text {
font-size: 1.6rem;
}
.form-group .text-muted {
color: var(--tdk-color-gray-v1);
font-size: 1.1rem;
}
select.form-control:not([size]):not([multiple]) {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
text-overflow: ellipsis;
white-space: nowrap;
background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNWY1ZjVmIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTAgNSA1IDUtNXoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");
background-position: 100%;
background-repeat: no-repeat;
height: auto;
max-height: 30px;
padding: .5rem 2rem .5rem 1rem;
overflow: hidden;
}
select option.headline {
background: var(--tdk-color-blue-10);
}
.ie select.form-control:not([size]):not([multiple]) {
padding: .7rem 2.25rem .4rem 1rem;
font-size: 1.3rem;
}
.ie select.form-control:not([size]):not([multiple])::-ms-expand {
display: none;
}
.ie .form-group .form-control {
padding: .6rem 1rem;
}
select option {
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
overflow: hidden;
}
.custom-control-label {
min-height: 2rem;
}
.custom-control-label:after, .custom-control-label:before {
width: 1.6rem;
height: 1.6rem;
top: .2rem;
left: -2rem;
}
.form-text, .invalid-feedback {
font-size: 1.1rem;
}
fieldset {
margin-bottom: 2rem;
}
.custom-file, .custom-file-control, .custom-file-control:before, .custom-file-input {
height: 3rem;
}
.input-group {
align-content: baseline;
align-items: unset;
}
.input-group label {
text-overflow: ellipsis;
width: 100%;
display: block;
}
.input-group .form-control {
height: 3rem;
font-size: 1.4rem;
line-height: 1.8rem;
}
.input-group .btn {
margin: 0;
}
@media (width <= 767.98px) {
.input-group label {
margin-bottom: .5rem;
}
}
.form-grey {
background: var(--tdk-color-gray-5);
padding: 1.5rem;
}
.custom-control-input.is-invalid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
color: var(--tdk-color-black);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im02LjU2NC43NS0zLjU5IDMuNjEyLTEuNTM4LTEuNTVMMCA0LjI2bDIuOTc0IDIuOTlMOCAyLjE5M3oiLz48L3N2Zz4=");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0IDQiPjxwYXRoIHN0cm9rZT0iI2ZmZiIgZD0iTTAgMmg0Ii8+PC9zdmc+");
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IC00IDggOCI+PGNpcmNsZSByPSIzIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback {
margin-left: -1.75rem;
display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .custom-control-label:before {
background-color: var(--tdk-color-red-60);
}
.custom-control-input.is-valid:checked ~ .custom-control-label:before, .custom-control-input.is-valid ~ .custom-control-label:before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label:before, .was-validated .custom-control-input:valid ~ .custom-control-label:before {
background-color: var(--tdk-color-green-60);
}
.is-invalid input[type="email"] {
border-color: var(--tdk-color-red);
}
.is-invalid .invalid-feedback {
display: block;
}
.autocomplete {
position: relative;
}
.autocomplete .results {
background: var(--tdk-color-white);
border: 1px solid var(--tdk-color-gray-30);
box-shadow: var(--tdk-shadow-base);
z-index: 100;
border-top: 0;
width: 100%;
max-height: 120px;
display: none;
position: absolute;
overflow: hidden auto;
}
.autocomplete .results li {
padding: .25rem 1rem;
}
.autocomplete .results li:hover {
background: var(--tdk-color-blue);
color: var(--tdk-color-white);
cursor: pointer;
}
.anchor-navigation-header {
background: var(--tdk-color-white);
margin: 0 -15px;
display: none;
position: relative;
}
.elementlist {
margin-bottom: 0;
}
@media (width > 576px) {
.elementlist .col-12:not([class="col-sm-12"]):not(.teaser-wrapper) > .teaser:not(.teaser-s):not(.teaser-l), .elementlist .col-sm-12:not([class="col-sm-12"]):not(.teaser-wrapper) > .teaser:not(.teaser-s):not(.teaser-l) {
height: calc(100% - 3rem);
}
}
.elementlist.compact :not(.col-sm-12):not(.col-12):not(.teaser-wrapper) > .teaser {
height: calc(100% - 1rem);
}
@media (width > 576px) {
.elementlist.compact .col-12 > .teaser + div:not(.teaser-sideinfo), .elementlist.compact .col-sm-12 > .teaser + div:not(.teaser-sideinfo) {
height: calc(100% - 1rem);
}
}
.elementlist.zero {
margin-bottom: 3rem;
}
.elementlist.zero > div > * {
margin-bottom: 0;
}
.elementlist.zero :not(.col-sm-12):not(.col-12):not(.teaser-wrapper) .teaser {
height: 100%;
}
@media (width > 576px) {
.elementlist.zero .col-12 .teaser, .elementlist.zero .col-sm-12 .teaser {
height: 100%;
}
}
.elementlist :not(.col-sm-12):not(.col-12):not(.teaser-wrapper) > .teaser + div:not(.navigation-elementlist) {
height: calc(100% - 3rem);
}
@media screen and (width <= 1570px) {
.anchor-navigation-header {
display: block;
}
}
.anchor-navigation-header-wrapper {
height: var(--anchor-navigation-header-height);
margin: 0 15px;
position: relative;
overflow: hidden;
}
.anchor-navigation-header .swipe-control {
background: var(--tdk-color-white);
opacity: 0;
pointer-events: none;
z-index: 1;
width: 50px;
transition: opacity .25s ease-in-out;
position: absolute;
top: 0;
bottom: 0;
}
.anchor-navigation-header .swipe-control.prev {
background: linear-gradient(90deg, rgba(var(--tdk-color-white), 1) 50%, rgba(var(--tdk-color-white), 0) 100%);
text-align: left;
left: 15px;
}
.anchor-navigation-header .swipe-control.next {
background: linear-gradient(90deg, rgba(var(--tdk-color-white), 0) 0, rgba(var(--tdk-color-white), 1) 50%);
text-align: right;
right: 15px;
}
.anchor-navigation-header .swipe-control button {
color: var(--tdk-color-gray-60);
height: var(--anchor-navigation-header-height);
background: none;
border: none;
border-radius: 0;
padding: 0;
display: inline-block;
}
.anchor-navigation-header .swipe-control button:hover {
background: var(--tdk-color-blue-10);
color: var(--tdk-color-blue);
cursor: pointer;
}
.anchor-navigation-header .swipe-control button .icon {
font-size: 2.4rem;
line-height: var(--anchor-navigation-header-height);
}
.anchor-navigation-header.swipe-left-enabled .swipe-control.prev, .anchor-navigation-header.swipe-right-enabled .swipe-control.next {
opacity: 1;
}
.anchor-navigation-header.swipe-left-enabled .swipe-control.prev button, .anchor-navigation-header.swipe-right-enabled .swipe-control.next button {
pointer-events: auto;
}
.anchor-navigation-header.is-swiping .swipe-control button {
pointer-events: none !important;
}
.anchor-navigation-header .linklist-anchors {
white-space: nowrap;
display: inline-block;
position: relative;
}
.anchor-navigation-header .link-item {
margin: 0;
padding: 0;
display: inline-block;
}
.anchor-navigation-header .link-item ~ .link-item {
border-left: 1px solid var(--tdk-color-gray-30);
}
.anchor-navigation-header .link-item > a {
display: block;
position: relative;
box-shadow: 0 5px 5px #0000001a;
}
.anchor-navigation-header .link-item > a .link-text {
padding: .65rem 1rem;
display: inline-block;
}
.anchor-navigation-header .link-item > a:focus {
outline: none;
}
.anchor-navigation-header .link-item > a:focus:after {
border-bottom: 2px solid var(--tdk-color-blue);
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.anchor-navigation-contentarea {
display: none;
}
@media screen and (width >= 1571px) {
.anchor-navigation-contentarea {
width: 200px;
display: block;
position: absolute;
top: 0;
bottom: 0;
}
.anchor-navigation-contentarea.left {
right: calc(100% + 15px);
}
.anchor-navigation-contentarea.right {
left: calc(100% + 15px);
}
}
.anchor-navigation-contentarea-wrapper {
position: sticky;
top: 120px;
}
.anchor-navigation-contentarea .linklist-anchors {
padding-bottom: 3rem;
}
.anchor-navigation-contentarea .linklist-anchors .link-item {
position: relative;
}
.anchor-navigation-contentarea .linklist-anchors .link-item ~ .link-item:before {
border-top: 1px solid var(--tdk-color-gray-30);
content: "";
position: absolute;
top: -5px;
left: 0;
right: 0;
}
.anchor-navigation-contentarea .linklist-anchors .link-item > a {
display: inline-block;
}
html {
scroll-behavior: smooth;
}
.anker:not(.anchor-navigation-header a) {
scroll-margin-top: 100px;
}
@media screen and (width >= 992px) and (width <= 1570px) {
.anker:not(.anchor-navigation-header a) {
scroll-margin-top: 150px;
}
}
body {
font-family: var(--font-family-sans-serif);
font-optical-sizing: auto;
font-variation-settings: "wdth" 100;
font-style: normal;
font-weight: 400;
}
header {
background: var(--tdk-gradient-blue);
box-shadow: var(--tdk-shadow-base);
color: var(--tdk-color-white);
height: var(--header-height);
padding: var(--header-padding);
z-index: var(--header-z-index);
position: relative;
}
:root {
--header-md-height: 5rem;
}
@media (width > 768px) {
:root {
--header-md-height: 6rem;
}
}
header {
height: var(--header-md-height);
padding-inline: 0;
}
@media (width > 576px) {
header {
padding: var(--header-md-padding);
}
}
@media print {
header {
background: none;
height: auto !important;
}
}
body.TEG-careers header {
background-image: var(--tdk-gradient-purple);
}
@media (width <= 1570px) {
body.has-anchor-navigation-header header {
height: var(--header-height-with-anchornavigation);
}
}
@media (width <= 992px) {
body.has-anchor-navigation-header header {
height: var(--header-md-height-with-anchornavigation);
}
header.fixed-top {
z-index: 1060;
}
}
@media print {
header.fixed-top {
position: static;
}
}
header > .container {
padding-block: 0 !important;
}
@media (width > 1200px) {
header > .container {
max-width: 1140px;
}
}
header > .container > div:first-child {
justify-content: space-between;
align-items: center;
display: flex;
min-height: var(--header-md-height) !important;
}
header > .container > div:first-child .navbar-brand {
align-items: stretch;
gap: 1.5rem;
display: flex;
min-height: 17px !important;
}
@media (width > 992px) {
header > .container > div:first-child .navbar-brand {
min-height: 25px !important;
}
}
header > .container > div:first-child .navbar-brand svg {
flex: 0 0 156px;
width: 156px !important;
height: auto !important;
}
@media (width > 992px) {
header > .container > div:first-child .navbar-brand svg {
flex-basis: 227px;
width: 227px !important;
}
}
header > .container > div:first-child .navbar-brand:hover img, header > .container > div:first-child .navbar-brand:hover svg {
opacity: unset;
}
header > .container > div:first-child .navbar-brand > span {
white-space: normal;
color: var(--tdk-color-white);
border-left: 1px solid var(--tdk-color-tdk-blue-other-v2);
padding-left: 1.5rem;
font-size: 1.1rem;
font-weight: 700;
line-height: 1;
}
@media (width <= 992px) {
header > .container > div:first-child .navbar-brand > span {
align-content: flex-start;
}
}
@media (width > 992px) {
header > .container > div:first-child .navbar-brand > span {
font-size: 1.3rem;
}
}
@media (width > 340px) and (width <= 385px) {
header > .container > div:first-child .navbar-brand > span span {
display: none;
}
}
@media print {
header > .container > div:first-child .navbar-brand > span {
display: none;
}
}
header > .container > div:first-child nav.meta {
font-size: var(--navbar-meta-font-size);
position: relative;
}
@media (width <= 992px) {
header > .container > div:first-child nav.meta {
display: none;
}
}
@media print {
header > .container > div:first-child nav.meta {
display: none;
}
}
header > .container > div:first-child nav.meta ul.nav li .nav-link {
font-size: inherit;
color: var(--tdk-color-white);
padding: var(--navbar-meta-nav-link-padding);
}
header > .container > div:first-child nav.meta ul.nav li .nav-link:hover {
color: var(--tdk-color-blue-30);
text-decoration: none;
}
header > .container > div:first-child nav.meta ul.nav li .nav-link.worldwide svg {
content: "";
fill: currentColor;
vertical-align: middle;
width: 3.9rem;
height: 1.5rem;
margin-left: .5rem;
display: inline-block;
}
header > .container > div:first-child nav.meta ul.nav li:last-child .nav-link {
padding-right: 0;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-toggle:after {
display: none;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-toggle .nav-link-text {
float: left;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-toggle i {
padding-top: .3rem;
font-size: 1.4rem;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu {
background: var(--tdk-color-blue-corp);
box-shadow: var(--tdk-shadow-base);
border: 0;
width: 12rem;
padding: 0;
left: unset !important;
right: -7.9rem !important;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu:before {
border-bottom: 10px solid var(--tdk-color-blue-corp);
content: "";
z-index: 1001;
border-left: 10px solid #0000;
border-right: 10px solid #0000;
width: 0;
height: 0;
display: block;
position: absolute;
top: -1rem;
left: 1.1rem;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li {
border-bottom: 1px solid var(--tdk-color-blue-60);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li:last-child {
border-bottom: 0;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li a {
color: var(--tdk-color-white);
width: 100%;
padding: .6rem 1.5rem;
font-size: 1.2rem;
display: block;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li a.inactive {
cursor: not-allowed;
color: var(--tdk-color-blue-40);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li a:hover {
background: var(--tdk-color-blue);
text-decoration: none;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown .dropdown-menu .list-group li a:hover.inactive {
background: var(--tdk-color-blue-dark);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu {
box-shadow: var(--tdk-shadow-base);
width: 38rem;
padding: 1.8rem .3rem;
top: .4rem;
left: .3rem !important;
right: unset !important;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group {
flex-grow: 1;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group .form-control {
border: 1px solid var(--tdk-color-white);
color: var(--tdk-color-white);
background-color: #0000;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group .form-control::placeholder {
color: var(--tdk-color-white-other-v1);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group .form-control .btn {
background-color: var(--tdk-color-white);
border-color: var(--tdk-color-white);
color: var(--tdk-color-blue-corp);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group input {
border: 1px solid var(--tdk-color-white);
background: none;
width: 100%;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .form-group input::placeholder {
color: var(--tdk-color-white-other-v1);
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-menu .btn-search {
background-color: var(--tdk-color-white);
border-color: var(--tdk-color-white);
color: var(--tdk-color-blue-corp);
margin: 0;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-toggle.search {
margin-top: -.5rem;
}
header > .container > div:first-child nav.meta ul.nav li.dropdown.search .dropdown-toggle.search i {
margin-top: .2rem;
padding-top: 0;
font-size: 2.4rem;
}
header .navbar-main-navigation {
width: var(--navbar-main-navigation-width);
margin-top: 1.2rem;
padding: 0;
}
header .navbar-main-navigation .level-1 {
margin: 0;
}
header .navbar-main-navigation .level-1 > .nav-item {
float: left;
}
header .navbar-main-navigation .level-1 > .nav-item:not(:first-child) {
margin: var(--navbar-main-navigation-li-margin);
}
header .navbar-main-navigation .level-1 > .nav-item:first-child {
margin: var(--navbar-main-navigation-li-margin-first);
}
header .navbar-main-navigation .level-1 > .nav-item > .nav-link {
color: var(--tdk-color-white);
font-size: var(--navbar-main-navigation-link-font-size);
padding: var(--navbar-main-navigation-link-padding);
background: none;
line-height: 1.8rem;
}
header .navbar-main-navigation .level-1 > .nav-item .nav-flyout {
visibility: hidden;
}
header .navbar-main-navigation .level-1 > .nav-item.open .nav-flyout {
visibility: visible;
}
header .navbar-main-navigation .level-1 > .nav-item.open ul, header .navbar-main-navigation .level-1 > .nav-item.open > .nav-link {
background-color: var(--tdk-color-blue-corp);
}
header .navbar-main-navigation .level-1 > .nav-item:hover > .nav-link:not(a) {
background-color: var(--tdk-color-blue-corp);
cursor: pointer;
}
header .navbar-main-navigation .level-1 > .nav-item:hover > a.nav-link {
color: var(--tdk-color-blue-30);
}
@media (width <= 992px) {
header .navbar-main-navigation {
display: none;
}
}
@media print {
header .navbar-main-navigation {
display: none;
}
}
header .navbar-main-navigation.mobile {
float: unset;
visibility: visible;
align-self: flex-start;
width: auto;
min-height: 5rem;
margin-top: 0;
display: flex;
}
@media (width > 992px) {
header .navbar-main-navigation.mobile {
visibility: hidden;
display: none;
}
}
@media print {
header .navbar-main-navigation.mobile {
display: none;
}
}
header .navbar-main-navigation.mobile .level-1 > .nav-item {
float: right;
margin: 0 1.5rem 0 0;
}
@media (width <= 576px) {
header .navbar-main-navigation.mobile .level-1 > .nav-item {
margin-right: 1.5rem;
}
}
header .navbar-main-navigation.mobile .level-1 > .nav-item > .nav-link.mobile-trigger {
height: var(--navbar-main-mobile-trigger-height);
background: none;
margin: 0;
padding: 0;
}
@media (width <= 576px) {
header .navbar-main-navigation.mobile .level-1 > .nav-item > .nav-link.mobile-trigger {
margin-right: 0;
}
}
header .navbar-main-navigation.mobile .level-1 > .nav-item > .nav-link.mobile-trigger i.close-icon {
display: none;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item > .nav-link.mobile-trigger i.menu-icon {
display: block;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item .nav-flyout {
display: none;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item.open .nav-flyout {
visibility: visible;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item.open > .nav-link.mobile-trigger {
background: none;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item.open > .nav-link.mobile-trigger i.close-icon {
display: block;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item.open > .nav-link.mobile-trigger i.menu-icon {
display: none;
}
header .navbar-main-navigation.mobile .level-1 > .nav-item.open:hover > .nav-link:not(a) {
background: none;
}
header .navbar-main-navigation .nav-flyout :focus {
outline: 0;
}
header .navbar-main-navigation .open .nav-flyout {
overflow-y: hidden;
}
header .navbar-main-navigation .open .nav-flyout.overflow {
overflow-y: visible;
}
header .navbar-main-navigation .open .nav-flyout .mCustomScrollBox {
max-height: calc(100vh - var(--header-height) - 13px) !important;
}
header .navbar-main-navigation .nav-flyout {
background-color: var(--tdk-color-blue-corp);
box-shadow: var(--tdk-shadow-base);
max-height: calc(100vh - 10.5rem);
width: var(--nav-flyout-width);
z-index: 2;
position: absolute;
}
header .navbar-main-navigation .nav-flyout .level-1 li > ul {
display: none;
}
header .navbar-main-navigation .nav-flyout .level-1 li.open .nav-flyout {
max-height: calc(100vh - 10.5rem);
}
header .navbar-main-navigation .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons {
background: var(--tdk-color-blue-nav2);
}
header .navbar-main-navigation .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons i.icon-down {
display: none;
}
header .navbar-main-navigation .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons i.icon-up {
display: block;
}
header .navbar-main-navigation .nav-flyout .level-1 li.open > ul {
background: var(--tdk-color-blue-nav2);
}
header .navbar-main-navigation .nav-flyout .level-1 li.open > ul > li.flyout-item {
border-top: 1px dashed var(--tdk-color-blue-nav2);
}
header .navbar-main-navigation .nav-flyout .level-1 li.open > ul .flyout-link {
padding: var(--nav-flyout-level-2-link-padding);
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item {
border-top: 1px solid var(--tdk-color-blue-nav2);
flex-flow: wrap;
justify-content: space-around;
align-items: stretch;
min-height: 2.8rem;
display: flex;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item > ul {
width: 100%;
}
header .navbar-main-navigation .nav-flyout .level-1 li .flyout-link {
color: var(--navbar-flyout-link-color);
padding: var(--nav-flyout-link-padding);
width: 100%;
font-size: 1.3rem;
display: inline-block;
position: relative;
}
header .navbar-main-navigation .nav-flyout .level-1 li .flyout-link > i {
font-size: 2.1rem;
position: absolute;
top: .4rem;
right: .5rem;
}
header .navbar-main-navigation .nav-flyout .level-1 li .flyout-link:hover {
text-decoration: none;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > a {
color: var(--navbar-flyout-link-color);
padding: var(--nav-flyout-item-split-padding);
width: calc(100% - var(--nav-flyout-item-split-trigger-width));
padding-right: 0;
font-size: 1.3rem;
display: inline-block;
position: relative;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > a:hover {
background: var(--tdk-color-blue-nav2);
text-decoration: none;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > .flyout-icons {
border-left: 1px solid var(--tdk-color-blue-nav2);
float: right;
width: var(--nav-flyout-item-split-trigger-width);
position: relative;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > .flyout-icons:hover {
background: var(--tdk-color-blue-nav2);
cursor: pointer;
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > .flyout-icons i {
font-size: 2.1rem;
display: block;
position: absolute;
top: 1.4rem;
left: calc(50% - 1px);
transform: translate(-50%, -50%);
}
header .navbar-main-navigation .nav-flyout .level-1 li.flyout-item-split > .flyout-icons i.icon-up {
display: none;
}
header .navbar-main-navigation .open .mobile .nav-flyout {
max-height: calc(100vh - var(--header-md-height));
overflow-y: hidden;
}
header .navbar-main-navigation .open .mobile .nav-flyout.overflow {
overflow-y: visible;
}
header .navbar-main-navigation .open .mobile .nav-flyout .mCustomScrollBox {
max-height: calc(100vh - var(--header-md-height)) !important;
}
header .mobile .nav-flyout {
background: var(--tdk-color-blue-corp);
width: 100vw;
margin-right: 0;
position: absolute;
top: 5rem;
right: 0;
overflow-x: hidden;
}
@media (width <= 576px) {
header .mobile .nav-flyout {
right: 0;
}
}
header .mobile .nav-flyout span.company {
padding: 1.5rem 1.5rem 0;
line-height: 1;
display: none;
}
@media (width <= 340px) {
header .mobile .nav-flyout span.company {
display: none;
}
}
header .mobile .nav-flyout .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: var(--navbar-flyout-devider-color);
}
header .mobile .nav-flyout.open {
overflow-y: auto;
}
header .mobile .nav-flyout .level-1 > .nav-item {
margin-right: 1.5rem;
}
header .mobile .nav-flyout .level-1 li > ul {
background: var(--tdk-color-blue-nav1);
width: 100%;
display: none;
}
header .mobile .nav-flyout .level-1 li > ul.level-2 .flyout-link {
padding: 1.1rem 4.6rem 1.1rem 5rem;
}
header .mobile .nav-flyout .level-1 li > ul.level-2 .flyout-item-split > a {
padding: 1.1rem 1.5rem 1.1rem 5rem;
}
header .mobile .nav-flyout .level-1 li > ul.level-3 {
background: var(--tdk-color-blue-corp);
}
header .mobile .nav-flyout .level-1 li > ul.level-3 .flyout-link {
padding: 1.1rem 4.6rem 1.1rem 7.5rem;
}
header .mobile .nav-flyout .level-1 li > ul.level-3 .flyout-item-split > a {
padding: 1.1rem 1.5rem 1.1rem 7.5rem;
}
header .mobile .nav-flyout .level-1 li > ul > li.flyout-item {
border-color: var(--tdk-color-blue-nav2);
}
header .mobile .nav-flyout .level-1 li > ul .flyout-link {
padding: 1.1rem 3.5rem 1.1rem 1.5rem;
}
header .mobile .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons {
background: var(--tdk-color-blue-nav1);
}
header .mobile .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons i.icon-down {
display: none;
}
header .mobile .nav-flyout .level-1 li.open.flyout-item-split > .flyout-icons i.icon-up {
display: block;
}
header .mobile .nav-flyout .level-1 li.flyout-item {
border-color: var(--tdk-color-blue-nav2);
flex-flow: wrap;
justify-content: space-around;
align-items: stretch;
min-height: 3.7rem;
display: flex;
}
header .mobile .nav-flyout .level-1 li.meta-navigation {
border: none;
border-top: 1px solid var(--navbar-flyout-devider-color);
height: var(--meta-navigation-mobile-height);
display: flex;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul {
height: var(--meta-navigation-mobile-height);
max-width: var(--meta-navigation-mobile-ul-max-width);
min-width: var(--meta-navigation-mobile-ul-min-width);
visibility: visible;
justify-content: center;
width: auto;
margin-left: 50%;
display: inline-flex;
transform: translateX(-50%);
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a {
color: var(--tdk-color-white);
text-align: center;
width: 100%;
min-width: 5rem;
min-height: 5rem;
padding: 1rem 1.2rem;
font-size: 1.3rem;
display: inline-block;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.inactive {
color: #4c4c4c;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.inactive:hover {
cursor: not-allowed;
background: none;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a:hover {
background: var(--tdk-color-black);
text-decoration: none;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.worldwide {
padding: 1.2rem;
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.worldwide span {
margin-top: .2rem;
display: inline-block;
}
@media (width <= 768px) {
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.worldwide span {
display: none;
}
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.worldwide svg {
fill: currentColor;
content: "";
vertical-align: middle;
width: 3.9rem;
height: 1.5rem;
margin-top: -.3rem;
margin-left: .5rem;
display: inline-block;
}
@media (width <= 768px) {
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a.worldwide svg {
margin-top: .2rem;
margin-left: 0;
}
}
header .mobile .nav-flyout .level-1 li.meta-navigation > ul li a i {
margin-top: .3rem;
display: block;
}
header .mobile .nav-flyout .level-1 li.language-item {
border-color: var(--tdk-color-blue-nav2);
border-top: 1px solid var(--navbar-flyout-devider-color);
}
header .mobile .nav-flyout .level-1 li.language-item > ul {
height: var(--language-switch-mobile-height);
max-width: var(--language-switch-mobile-max-width);
visibility: visible;
width: 100%;
margin-left: 50%;
display: block;
transform: translateX(-50%);
}
@media (width <= 992px) {
header .mobile .nav-flyout .level-1 li.language-item > ul {
max-width: 40rem;
}
}
header .mobile .nav-flyout .level-1 li.language-item > ul li {
float: left;
width: var(--language-switch-mobile-item-width);
}
header .mobile .nav-flyout .level-1 li.language-item > ul li a {
color: var(--tdk-color-white);
text-align: center;
width: 100%;
padding: 1.4rem 0;
font-size: 1.3rem;
display: inline-block;
}
header .mobile .nav-flyout .level-1 li.language-item > ul li a.inactive {
color: var(--tdk-color-gray-v2);
}
header .mobile .nav-flyout .level-1 li.language-item > ul li a.inactive:hover {
cursor: not-allowed;
background: none;
}
header .mobile .nav-flyout .level-1 li.language-item > ul li a:hover {
background: var(--tdk-color-black);
text-decoration: none;
}
header .mobile .nav-flyout .level-1 li.language-item ul li a {
font-size: 1.1rem;
}
header .mobile .nav-flyout .level-1 li.language-item ul li a.inactive {
color: #ffffff4c;
}
header .mobile .nav-flyout .level-1 li.search-item {
width: 100%;
min-height: 5.8rem;
padding: 2rem 1.5rem;
display: block;
}
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper {
margin-left: 50%;
transform: translateX(-50%);
}
@media (width <= 768px) {
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper {
padding: 0;
}
}
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper .btn {
background-color: var(--tdk-color-blue-nav1);
border-radius: 5px;
margin-bottom: 0;
margin-left: 1rem;
margin-right: 0;
font-weight: 700;
}
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper .form-group {
flex-grow: 1;
margin-bottom: 0;
position: relative;
}
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper .form-group .input-search {
border: 1px solid var(--tdk-color-white);
color: var(--tdk-color-white);
background: none;
width: 100%;
min-height: 3rem;
padding: .4rem .8rem;
font-size: 1.2rem;
}
header .mobile .nav-flyout .level-1 li.search-item .search-wrapper .form-group .input-search::placeholder {
color: var(--tdk-color-white-other-v1);
}
header .mobile .nav-flyout .level-1 li.search-item i {
position: absolute;
top: 1.8rem;
right: 1rem;
}
header .mobile .nav-flyout .level-1 li .flyout-link {
color: var(--navbar-flyout-link-color);
width: 100%;
padding: 1.1rem 3.5rem 1.1rem 1.5rem;
font-size: 1.6rem;
display: inline-block;
position: relative;
}
header .mobile .nav-flyout .level-1 li .flyout-link > i {
font-size: 2.1rem;
position: absolute;
top: 1.6rem;
right: 1.3rem;
}
header .mobile .nav-flyout .level-1 li .flyout-link:hover {
background: var(--navbar-flyout-link-hover-background);
text-decoration: none;
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > a {
color: var(--navbar-flyout-link-color);
width: calc(100% - var(--nav-flyout-split-trigger-width));
padding: 1.1rem 0 1.1rem 1.5rem;
font-size: 1.6rem;
display: inline-block;
position: relative;
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > a:hover {
background: var(--navbar-flyout-link-hover-background);
text-decoration: none;
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > .flyout-icons {
background: var(--tdk-color-blue-nav1);
border-left: 1px solid var(--tdk-color-blue-nav2);
float: right;
width: var(--nav-flyout-split-trigger-width);
position: relative;
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > .flyout-icons:hover {
background: var(--tdk-color-blue-nav1);
cursor: pointer;
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > .flyout-icons i {
font-size: 2.1rem;
display: block;
position: absolute;
top: 2.5rem;
left: 50%;
transform: translate(-50%, -50%);
}
header .mobile .nav-flyout .level-1 li .flyout-link.flyout-item-split > .flyout-icons i.icon-up {
display: none;
}
@media (width <= 340px) {
body.mobile-flyout-is-open .nav-flyout span.company {
display: block;
}
}
.TEG-custom-sdv .navbar-main-navigation {
height: 0 !important;
display: none !important;
}
.navigation-elementlist {
margin-top: -3rem;
margin-bottom: 3rem;
}
.navigation-elementlist.open .navigation-elementlist-trigger i.icon-open {
display: none;
}
.navigation-elementlist.open .navigation-elementlist-trigger i.icon-close {
display: block;
}
.navigation-elementlist.empty .navigation-elementlist-trigger, .navigation-elementlist.empty.open .navigation-elementlist-trigger {
border: none;
}
.navigation-elementlist.empty .navigation-elementlist-trigger:hover, .navigation-elementlist.empty.open .navigation-elementlist-trigger:hover {
background: var(--tdk-color-gray-5);
cursor: default;
}
.navigation-elementlist.empty .navigation-elementlist-trigger i, .navigation-elementlist.empty.open .navigation-elementlist-trigger i {
display: none;
}
.navigation-elementlist .level-1 {
margin: 0;
display: none;
}
.navigation-elementlist .level-1 .link-item {
border-top: 1px solid var(--tdk-color-gray-30);
margin: 0;
}
.navigation-elementlist .level-1 .link-item > span {
background: var(--tdk-color-gray-5);
text-align: center;
padding: .7rem 1rem;
font-size: 1.3rem;
line-height: 1.6rem;
display: block;
}
.navigation-elementlist .level-1 .link-item .arrow-link {
background: var(--tdk-color-gray-10);
color: var(--tdk-color-blue);
}
.navigation-elementlist .level-1 .link-item .arrow-link:hover {
background: var(--tdk-color-blue-60);
}
.navigation-elementlist .level-1 .link-item .arrow-link:hover .link-text {
background: var(--tdk-color-blue-10);
color: inherit;
}
.navigation-elementlist .level-1 .link-item .arrow-link:hover i {
color: var(--tdk-color-white);
}
.navigation-elementlist .level-1 .link-item .arrow-link .link-text {
background: var(--tdk-color-gray-5);
padding-left: 10px;
}
.navigation-elementlist .level-1 .link-item .arrow-link i {
color: var(--tdk-color-gray-60);
}
.navigation-elementlist .level-1 .link-item-trigger {
flex-wrap: wrap;
display: flex;
}
.navigation-elementlist .level-1 .link-item-trigger .split-link {
background: var(--tdk-color-gray-5);
color: var(--tdk-color-blue);
float: left;
width: calc(100% - 2.7rem);
height: 100%;
padding: .7rem 1rem;
line-height: 1.6rem;
display: inline-block;
}
.navigation-elementlist .level-1 .link-item-trigger .split-link:hover {
background: var(--tdk-color-blue-10);
text-decoration: none;
}
.navigation-elementlist .level-1 .link-item-trigger .split-icons {
background: var(--tdk-color-gray-10);
color: var(--tdk-color-gray-60);
width: 2.7rem;
position: relative;
}
.navigation-elementlist .level-1 .link-item-trigger .split-icons:focus, .navigation-elementlist .level-1 .link-item-trigger .split-icons:hover {
appearance: none;
background: var(--tdk-color-blue-60);
color: var(--tdk-color-white);
cursor: pointer;
outline: 0;
}
.navigation-elementlist .level-1 .link-item-trigger .split-icons .icon-up {
display: none;
}
.navigation-elementlist .level-1 .link-item-trigger .split-icons i {
font-size: 2rem;
position: absolute;
top: .5rem;
right: .4rem;
}
.navigation-elementlist .level-1 .link-item-trigger.open .split-icons .icon-down {
display: none;
}
.navigation-elementlist .level-1 .link-item-trigger.open .split-icons .icon-up {
display: block;
}
.navigation-elementlist .level-1 .level-2 {
width: 100%;
display: none;
}
.navigation-elementlist .level-1 .level-2 .arrow-link .link-text {
background: var(--tdk-color-gray-5);
padding-left: 2rem;
}
.navigation-elementlist .navigation-elementlist-trigger {
background: var(--tdk-color-gray-5);
border-top: 1px solid var(--tdk-color-gray-30);
color: var(--tdk-color-blue);
text-align: center;
height: 3rem;
}
.navigation-elementlist .navigation-elementlist-trigger i {
margin-top: 2px;
}
.navigation-elementlist .navigation-elementlist-trigger i.icon-close {
display: none;
}
.navigation-elementlist .navigation-elementlist-trigger:hover {
background: var(--tdk-color-gray-10);
cursor: pointer;
}
.navigtion-elementlist-buttons {
margin-bottom: 1.5rem;
}
.navigtion-elementlist-buttons .btn-collapse {
display: none;
}
.navigtion-elementlist-buttons.active .btn-collapse {
display: inline-block;
}
.navigtion-elementlist-buttons.active .btn-expand {
display: none;
}
.compact .navigation-elementlist {
margin-top: -1rem;
margin-bottom: 1rem;
}
.zero .navigation-elementlist {
margin-top: 0;
margin-bottom: 0;
}
.ie .navigation-elementlist {
margin-top: -3.7rem;
}
.ie .zero .navigation-elementlist {
margin-top: -7px;
}
.ie .compact .navigation-elementlist {
margin-top: -1.7rem;
}
@media print {
.navigation-elementlist .navigation-elementlist-trigger, .navigation-elementlist-buttons, .navigtion-elementlist-buttons {
display: none;
}
.navigation-elementlist .level-1 {
display: block;
}
}
.slider {
margin-bottom: 3rem;
}
.slider .card ~ .card {
margin-top: 1rem;
}
.slider .card .no-border {
border: none;
}
.slider .card .no-border .card-header {
border: 1px solid var(--card-border-color);
}
.slider .card .no-border .card-body {
padding: 1rem 0 0;
}
.slider .card-header {
background: var(--tdk-color-gray-10);
border: none;
padding: 0;
}
.slider .card-header .slider-button {
color: var(--tdk-color-blue);
text-align: left;
background: none;
border: 0;
width: 100%;
padding: .6rem 1rem .6rem 3rem;
font-size: 1.3rem;
line-height: 1.5rem;
position: relative;
}
@media (width >= 768px) {
.slider .card-header .slider-button {
font-size: 1.5rem;
line-height: 1.7rem;
}
}
.slider .card-header .slider-button span {
position: relative;
top: 0;
left: 0;
}
.slider .card-header .slider-button:focus, .slider .card-header .slider-button:hover {
appearance: none;
cursor: pointer;
outline: 0;
}
.slider .card-header .slider-button:before {
content: "";
cursor: default;
font-family: Material Icons;
font-size: 2.1rem;
position: absolute;
top: .65rem;
left: .5rem;
}
.slider .card-header .slider-button.collapsed:before {
content: "";
}
.slider .card-header:hover {
background: var(--tdk-color-gray-5);
cursor: pointer;
text-decoration: none;
}
.slider .card-body {
padding: 1.5rem 2rem;
}
.slider .card-body .teaser {
margin-bottom: 1rem;
}
.slider .card-body .textfragment > .row {
margin-left: -25px;
margin-right: -25px;
}
@media print {
.slider .collapse {
display: block !important;
}
}
@media (width >= 992px) {
.slider.matrix .card {
border: none;
margin: 0;
}
.slider.matrix .card-header {
display: none !important;
}
.slider.matrix .card-body {
padding: 0;
}
.slider.matrix .collapse.show:not(.slider) .card-body {
border-top: none;
}
}
.tabbed-content {
margin-bottom: 3rem;
}
.tabbed-content .tabs {
display: block;
}
.tabbed-content .tabs ul {
background: var(--tabbed-selectable-background);
border: 1px solid var(--tabbed-border-color);
flex-wrap: nowrap;
width: 100%;
margin: 0;
display: flex;
}
.tabbed-content .tabs .tab-item {
border-right: 1px solid var(--tabbed-border-color);
flex-grow: 1;
flex-basis: 0;
display: inline-block;
}
.tabbed-content .tabs .tab-item:last-child {
border-right: 0;
}
.tabbed-content .tabs .tab-item a {
text-align: center;
align-items: center;
height: 100%;
min-height: 5.5rem;
padding: 0 1.5rem;
line-height: 2rem;
display: flex;
}
@media (width >= 768px) {
.tabbed-content .tabs .tab-item a {
font-size: 1.5rem;
}
}
.tabbed-content .tabs .tab-item a:focus, .tabbed-content .tabs .tab-item a:hover {
background: var(--tdk-color-white);
color: var(--tdk-color-blue);
text-decoration: none;
}
.tabbed-content .tabs .tab-item a.active {
background: var(--tdk-color-white);
color: var(--tdk-color-gray-v1);
}
.tabbed-content .tabs .tab-item a.active:focus, .tabbed-content .tabs .tab-item a.active:hover {
color: var(--tdk-color-gray-v1);
}
.tabbed-content .tabs .tab-item a span {
text-align: center;
width: 100%;
display: inline-block;
}
.tabbed-content section .item-content {
border-top: 0;
}
.item {
visibility: hidden;
}
@media (width >= 768px) {
.item[data-track-tab-id="datasheet_tab"] .content-body, .item[data-track-tab-id="information_tab"] .content-body, .item[data-track-tab-id="products_tab"] .content-body, .item[data-track-tab-id="search_tab"] .content-body {
padding: 0;
}
}
.item.active {
visibility: visible;
}
@media (width >= 768px) {
.item.active .item-content {
display: block !important;
}
}
.item .item-content {
margin-top: -1px;
}
@media (width >= 768px) {
.item .item-content {
display: none !important;
}
.item .content-body {
padding: 1rem 0 0;
}
}
.item .content-body .content-body {
padding: 0 !important;
}
@media (width >= 768px) {
.with-border.sec1 .tabbed-content .item:first-of-type.active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.sec1 .tabbed-content .item:first-of-type .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec2 .tabbed-content .item:nth-of-type(2).active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.sec2 .tabbed-content .item:nth-of-type(2) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec3 .tabbed-content .item:nth-of-type(3).active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.sec3 .tabbed-content .item:nth-of-type(3) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec4 .tabbed-content .item:nth-of-type(4).active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.sec4 .tabbed-content .item:nth-of-type(4) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec5 .tabbed-content .item:nth-of-type(5).active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.sec5 .tabbed-content .item:nth-of-type(5) .content-body {
padding: 1.5rem 2rem;
}
.with-border.all .tabbed-content .item.active {
border: 1px solid var(--tabbed-border-color);
border-top: none;
margin-top: -1px;
}
.with-border.all .tabbed-content .item .content-body {
padding: 1.5rem 2rem;
}
}
@media (width <= 767.98px) and (width <= 767.98px) {
.tabbed-content .tabs {
display: none;
}
.tabbed-content .item {
visibility: visible;
min-height: 2em;
margin-bottom: 1rem;
position: relative;
}
.tabbed-content .item:hover:before {
background: var(--tdk-color-gray-5);
}
.tabbed-content .item:before {
background: var(--tdk-color-gray-10);
color: var(--tabbed-selectable-color);
content: attr(data-title);
cursor: pointer;
width: 100%;
padding: 5px 10px 5px 30px;
font-size: 13px;
line-height: 16px;
display: block;
}
.tabbed-content .item:after {
color: var(--tabbed-selectable-color);
content: "";
cursor: default;
font-family: Material Icons;
font-size: 2.1rem;
position: absolute;
top: -.45rem;
left: .75rem;
}
.tabbed-content .item .content-body {
padding: 1rem 0 0;
}
.tabbed-content .item .content-body .textfragment > .row {
margin-left: -21px;
margin-right: -21px;
}
.tabbed-content .item.active:after {
content: "";
}
.tabbed-content .item.active .content-body {
border-top: 1px solid var(--tabbed-border-color);
}
.tabbed-content .item.active .content-body .content-body {
border-top: none;
}
.tabbed-content .item:not(.active) {
border: 1px solid var(--tabbed-border-color);
}
.tabbed-content .item[data-track-tab-id="datasheet_tab"] .content-body, .tabbed-content .item[data-track-tab-id="information_tab"] .content-body, .tabbed-content .item[data-track-tab-id="products_tab"] .content-body, .tabbed-content .item[data-track-tab-id="search_tab"] .content-body {
padding: 0;
}
.with-border.sec1 .tabbed-content .item:first-of-type .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec1 .tabbed-content .item:first-of-type.active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
.with-border.sec2 .tabbed-content .item:nth-of-type(2) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec2 .tabbed-content .item:nth-of-type(2).active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
.with-border.sec3 .tabbed-content .item:nth-of-type(3) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec3 .tabbed-content .item:nth-of-type(3).active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
.with-border.sec4 .tabbed-content .item:nth-of-type(4) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec4 .tabbed-content .item:nth-of-type(4).active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
.with-border.sec5 .tabbed-content .item:nth-of-type(5) .content-body {
padding: 1.5rem 2rem;
}
.with-border.sec5 .tabbed-content .item:nth-of-type(5).active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
.with-border.all .tabbed-content .item .content-body {
padding: 1.5rem 2rem;
}
.with-border.all .tabbed-content .item.active {
border: 1px solid var(--tabbed-border-color);
margin-top: -1px;
}
}
.list-navigation-tree {
column-count: 3;
column-gap: 0;
margin: -1px -1.5rem 0;
}
.list-navigation-tree li {
border-top: 1px solid green;
}
.list-navigation-tree li a {
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
display: block;
position: relative;
}
.list-navigation-tree li a:after {
content: "";
cursor: default;
width: 2rem;
height: 2rem;
font-family: Material Icons;
font-size: 1.8rem;
display: inline-block;
position: absolute;
top: 1.1rem;
right: 0;
}
.image-zoom img {
width: 100%;
max-width: 100%;
transition: all .5s;
}
.image-zoom:hover img {
transform: scale(1.05);
}
img {
visibility: visible;
}
img.loading, img[src=""] {
visibility: hidden;
}
img.loading:after, img[src=""]:after {
color: var(--tdk-color-black);
content: " ";
visibility: visible;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0wIDEwaDR2MTBIMHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik04IDEwaDR2MTBIOHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0xNiAxMGg0djEwaC00eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjAuMjsgMTsgLjIiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjEwOyAyMDsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgNTsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48L3N2Zz4=") no-repeat;
width: 20px;
height: 30px;
margin: 0 auto;
display: block;
}
img:after {
display: none;
}
img.full-width {
width: 100%;
}
.image-wrapper {
position: relative;
overflow: hidden;
}
.image-wrapper img {
z-index: 2;
}
.image-wrapper .copyright {
color: var(--tdk-color-white);
z-index: 3;
background: #0003;
width: 100%;
margin: 0;
padding: 0 5px;
position: absolute;
bottom: 0;
}
[data-ui-modal-trigger="image"]:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--tdk-color-blue);
content: "";
text-align: center;
z-index: 100;
background: none;
width: 3rem;
height: 3rem;
font-family: Material Icons;
font-size: 2rem;
line-height: 2.8rem;
display: block;
position: absolute;
top: 0;
right: 0;
}
[data-ui-modal-trigger="image"]:focus, [data-ui-modal-trigger="image"]:hover {
cursor: pointer;
}
[data-ui-modal-trigger="image"]:focus:after, [data-ui-modal-trigger="image"]:hover:after {
background: var(--tdk-color-blue);
color: var(--tdk-color-white);
}
.chrome [data-ui-modal-trigger="image"]:after, .ie [data-ui-modal-trigger="image"]:after {
line-height: 30px;
}
.floated-image.float-left, .floated-image.float-right {
margin-bottom: 20px;
padding: 0;
}
.floated-image.float-right {
margin-left: 25px;
margin-right: -15px;
padding-left: 5px;
padding-right: 15px;
}
.floated-image.float-left {
margin-left: -15px;
margin-right: 25px;
padding-left: 15px;
padding-right: 5px;
}
@media screen and (width <= 575.98px) {
.floated-image.float-left, .floated-image.float-right {
clear: both;
margin-left: 0;
margin-right: 0;
padding: 0;
float: none !important;
}
}
@media print {
[data-ui-modal-trigger="image"]:after {
display: none;
}
.floated-image .image-wrapper {
height: auto !important;
}
}
.imagemap {
margin-bottom: 1rem;
position: relative;
}
.imagemap canvas {
visibility: hidden;
width: 100%;
}
.imagemap svg {
width: 100%;
}
@supports not (-ms-high-contrast: none) {
.imagemap svg {
height: auto;
}
}
.imagemap canvas ~ svg {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.imagemap canvas ~ svg, .imagemap canvas ~ svg rect {
fill: none;
opacity: 1;
pointer-events: all;
}
.imagemap:hover canvas ~ svg a rect {
fill: #b3c7e64d;
}
.imagemap:hover canvas ~ svg a:hover rect:hover {
stroke: var(--tdk-color-blue-other);
fill: #b3c7e699;
}
.imagemap .map-area.svg {
display: none;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
.imagemap .map-area.html {
display: none;
}
.imagemap .map-area.svg {
display: block;
}
}
.imagemap .map-area.transparent:hover rect {
stroke: rgba(var(--tdk-color-white), .5);
}
.imagemap .map-area.html a {
--colorBGTransp: #b3c7e64d;
--colorBGDark: var(--tdk-color-blue);
--colorBGDarkHover: var(--tdk-color-blue-other);
--colorBorderDark: var(--colorBGDark);
--colorBorderDarkHover: var(--colorBGDarkHover);
--colorBGLight: var(--tdk-color-blue-30);
--colorBGLightHover: var(--tdk-color-tdk-blue-other-v1);
--colorBorderLight: var(--colorBGLight);
--colorBorderLightHover: var(--colorBGLightHover);
--colorFontDark: #fff;
--colorFontDarkHover: #fff;
--colorFontLight: var(--colorBGDarkHover);
--colorFontLightHover: var(--colorBGDarkHover);
background: rgba(var(--tdk-color-white), .5);
text-align: center;
border: 1px solid #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: .375rem .75rem;
font-size: 1.1em;
line-height: 1.5;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
display: flex;
}
.imagemap .map-area.html a:hover {
background-color: var(--tdk-color-blue);
color: var(--tdk-color-white);
text-decoration: none;
}
.imagemap .map-area.dark a {
background-color: var(--colorBGDark);
border-color: var(--colorBorderDark);
color: var(--colorFontDark);
}
.imagemap .map-area.dark a:hover {
background-color: var(--colorBGDarkHover);
border-color: var(--colorBorderDarkHover);
color: var(--colorFontDarkHover);
}
.imagemap .map-area.dark-on-light a {
background-color: var(--colorBGTransp);
border-color: var(--colorBorderDark);
color: var(--colorFontLight);
}
.imagemap .map-area.dark-on-light a:hover {
background-color: var(--colorBGDarkHover);
border-color: var(--colorBorderDarkHover);
color: var(--colorFontDarkHover);
}
.imagemap .map-area.light a {
background-color: var(--colorBGLight);
border-color: var(--colorBorderLight);
color: var(--colorFontLight);
}
.imagemap .map-area.light a:hover {
background-color: var(--colorBGLightHover);
border-color: var(--colorBorderLightHover);
color: var(--colorFontLightHover);
}
.imagemap .map-area.light-on-dark a {
background-color: var(--colorBGTransp);
border-color: var(--colorBorderLight);
color: var(--colorBorderLight);
}
.imagemap .map-area.light-on-dark a:hover {
background-color: var(--colorBGLightHover);
border-color: var(--colorBorderLightHover);
color: var(--colorFontLight);
}
.imagemap .map-area.svg rect {
fill: var(--tdk-color-white);
opacity: .5;
}
.imagemap .map-area.svg text {
dominant-baseline: central;
text-anchor: middle;
fill: var(--tdk-color-blue);
font-size: 18px;
}
.imagemap .map-area.svg:hover {
text-decoration: none;
}
.imagemap .map-area.svg:hover rect {
fill: var(--tdk-color-blue);
opacity: 1;
}
.imagemap .map-area.svg:hover text {
fill: var(--tdk-color-white);
}
.imagemap.matrix .imagemap-linkarea {
display: none;
}
@media (width >= 992px) {
.imagemap.matrix .imagemap-linkarea {
display: block;
}
}
.image-richtext-float-wrapper {
padding: 0;
}
.image-richtext-float-wrapper.float-left, .image-richtext-float-wrapper.float-none {
margin-right: 1rem;
padding-right: 2rem;
}
.image-richtext-float-wrapper.float-right {
margin-left: 1rem;
padding-left: 2rem;
}
.image-richtext-container {
background: var(--tdk-color-blue-5);
margin-bottom: 3rem;
}
.image-richtext-container figure .counter {
float: left;
font-weight: 700;
line-height: inherit;
padding-right: 5px;
}
.image-richtext-container figure p {
line-height: inherit;
margin: 0;
}
.image-richtext-container .image-container {
max-height: 350px;
}
.image-richtext-container .image-container img {
width: auto;
max-width: 100%;
max-height: 350px;
margin: 0 auto;
display: block;
}
.image-richtext-container .image-container .image-wrapper {
overflow: visible;
}
.image-richtext-container.column-1 {
clear: both;
float: none;
padding: 2rem 2rem 0;
}
.image-richtext-container.column-1 figure {
padding: 1.5rem 0;
}
.image-richtext-container.column-2 {
padding: 2rem 2rem 0;
}
.image-richtext-container.column-2 figure {
padding: 1.5rem 0;
}
.image-richtext-container [data-ui-modal-trigger="image"]:after {
background: var(--tdk-color-blue-5);
top: -2rem;
right: -2rem;
}
.image-richtext-container [data-ui-modal-trigger="image"]:focus:after, .image-richtext-container [data-ui-modal-trigger="image"]:hover:after {
background: var(--tdk-color-blue);
}
.image-richtext-container.floated {
padding: 1rem 1rem 0;
}
.image-richtext-container.floated .image-container img {
max-width: 100%;
max-height: 250px;
}
.image-richtext-container.floated .image-container .image-wrapper {
overflow: visible;
}
.image-richtext-container.floated figure {
padding: 1rem 0;
}
.image-richtext-container.floated figure.empty {
padding: 1rem 0 0;
}
.image-richtext-container.floated [data-ui-modal-trigger="image"]:after {
top: -1rem;
right: -1rem;
}
.image-richtext-container figure {
margin: 0;
font-style: italic;
}
@media (width >= 1200px) {
.image-richtext-container.column-1, .image-richtext-container.column-2 {
padding: 3rem 3rem 0;
}
.image-richtext-container [data-ui-modal-trigger="image"]:after {
top: -3rem;
right: -3rem;
}
}
@media (width <= 767.98px) {
.image-richtext-container.column-2 .image-wrapper {
padding: 2rem 2rem 0;
}
.image-richtext-container.column-2 .image-wrapper .copyright {
width: calc(100% - 4rem);
}
.image-richtext-container.column-2 figure {
padding-left: 1rem;
padding-right: 1rem;
}
.image-richtext-container.column-2 {
padding: 0;
}
.image-richtext-container.column-2 figure {
padding: 1.5rem 2rem;
}
.image-richtext-container.column-2 [data-ui-modal-trigger="image"]:after {
top: 0;
right: 0;
}
}
@media (width <= 575.98px) {
.image-richtext-float-wrapper {
padding: 0;
}
.image-richtext-float-wrapper.float-left, .image-richtext-float-wrapper.float-none {
margin-right: 0;
padding-right: 0;
}
.image-richtext-float-wrapper.float-right {
margin-left: 0;
padding-left: 0;
}
.image-richtext-container {
margin-bottom: 2rem;
}
.image-richtext-container.column-1 {
padding: 0;
}
.image-richtext-container.column-1 .image-wrapper {
padding: 1rem 1rem 0;
}
.image-richtext-container.column-1 .image-wrapper .copyright {
width: calc(100% - 2rem);
}
.image-richtext-container.column-1 .image-container img {
max-height: 270px;
}
.image-richtext-container.column-1 figure {
padding: 1rem;
}
.image-richtext-container.column-2 .image-wrapper {
padding: 1rem 1rem 0;
}
.image-richtext-container.column-2 .image-wrapper .copyright {
width: calc(100% - 2rem);
}
.image-richtext-container.column-2 figure {
padding: 1rem;
}
.image-richtext-container .image-container {
padding: 0;
}
.image-richtext-container [data-ui-modal-trigger="image"]:after {
top: 0;
right: 0;
}
.image-richtext-container.floated {
padding: 1rem;
}
.image-richtext-container.floated figure {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
}
@media print {
.image-richtext-container {
border: 1pt solid var(--tdk-color-blue-20);
}
}
.group .group-header {
width: calc(100% - var(--grid-gutter-width));
max-width: calc(100% - var(--grid-gutter-width));
background: var(--tdk-color-blue-20);
margin: 0 var(--grid-gutter-width)/2 1rem;
padding: 13px 8px;
font-size: 1.6rem;
line-height: 2.1rem;
}
.mobile-content-accordion .card {
border: none;
}
.mobile-content-accordion .card-header {
margin: 0;
display: none;
}
@media (width < 992px) {
.mobile-content-accordion .card-header {
display: inline-block;
}
}
.mobile-content-accordion .card-body {
padding: 0;
}
@media (width >= 992px) {
.mobile-content-accordion .collapse {
display: inline-block;
}
}
.linklist {
background: var(--tdk-color-blue-10);
flex-flow: column;
margin: -1px 0 3rem;
display: flex;
}
.linklist h3 {
background: var(--tdk-color-blue-20);
text-align: center;
width: 100%;
margin-bottom: 0;
padding: 1.5rem;
display: block;
}
.linklist ul {
margin: 0;
padding: 15px 0;
}
.linklist ul .linklist-item {
margin: -.1rem 0 0;
}
.linklist ul .linklist-item a {
width: 100%;
height: 100%;
color: var(--tdk-color-blue);
border-top: 1px solid var(--tdk-color-gray-30);
border-bottom: 1px solid var(--tdk-color-gray-30);
margin: 0 1.5rem 0 0;
padding: 1rem 2rem 1rem 1rem;
font-size: 1.6rem;
line-height: 2.4rem;
display: block;
position: relative;
}
.linklist ul .linklist-item a:hover {
color: var(--tdk-color-blue);
background: var(--tdk-color-blue-20);
text-decoration: none;
}
.linklist ul .linklist-item a:after {
content: "";
cursor: default;
width: 2rem;
height: 2rem;
font-family: Material Icons;
font-size: 2.1rem;
display: inline-block;
position: absolute;
top: 1rem;
right: 0;
}
.linklist-grey {
row-gap: 1rem;
margin-bottom: 3rem;
}
.linklist-productsearch {
background: var(--tdk-color-gray-5);
min-height: 50px;
margin-bottom: 3rem;
padding: 1.5rem;
}
.linklist-productsearch hr {
display: none;
}
@media (width < 576px) {
.linklist-productsearch hr {
display: block;
}
}
.linklist .quicklinks {
margin-bottom: 3rem;
}
.linklist .quicklinks .quicklinks-headline {
color: var(--tdk-color-black);
font-size: 2.2rem;
}
.linklist .quicklinks .quicklinks-item {
margin-bottom: 1rem;
}
.linklist .link-item > a.arrow-link {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.linklist .link-item > a.arrow-link:hover {
text-decoration: none;
}
.linklist .link-item > a.arrow-link .link-text {
width: calc(100% - 2.75rem);
height: 100%;
padding: .7rem 1rem;
font-size: 1.3rem;
line-height: 1.6rem;
display: inline-block;
}
.linklist .link-item > a.arrow-link i {
font-size: 2.1rem;
position: absolute;
top: .6rem;
right: .3rem;
}
.linklist .link-item > a.arrow-link.anker i {
font-size: 1.8rem;
right: .4rem;
}
.linklist.grey {
color: var(--tdk-color-blue);
background: var(--tdk-color-gray-5);
}
.linklist.grey:hover {
background: var(--tdk-color-blue-60);
}
.linklist.grey:hover .link-text {
color: var(--tdk-color-white);
background: var(--tdk-color-blue-dark);
}
.linklist.grey:hover i {
color: var(--tdk-color-white);
}
.linklist.grey .link-text {
background: var(--tdk-color-gray-10);
}
.link-item > a.arrow-link .grey i {
color: var(--tdk-color-gray-60);
}
.link-item > a.arrow-link .blue {
background: var(--tdk-color-blue-5);
color: var(--tdk-color-blue);
}
.link-item > a.arrow-link .blue:hover {
background: var(--tdk-color-blue-60);
}
.link-item > a.arrow-link .blue:hover i {
color: var(--tdk-color-blue);
}
.link-item > a.arrow-link .blue .link-text {
color: var(--tdk-color-white);
background: var(--tdk-color-blue-dark);
background: var(--tdk-color-blue-10);
}
.arrow-link {
line-height: 1.8rem;
display: inline-block;
position: relative;
}
.arrow-link i {
position: inherit;
display: inherit;
font-size: 1.4em;
line-height: inherit;
vertical-align: top;
margin-left: -.5rem;
}
.arrow-link:hover {
color: var(--tdk-color-blue-dark);
text-decoration: none;
}
.arrow-link:hover i {
color: inherit;
}
.legal-link {
color: var(--tdk-color-white);
margin-left: 3rem;
display: inline-block;
}
.legal-link:hover {
color: var(--tdk-color-white);
text-decoration: underline;
}
.legal-link img {
float: left;
margin-right: .5rem;
}
.navigation-linklist {
border: 1px solid var(--linklist-border-color);
width: 100%;
}
.navigation-linklist .navigation-linklist-item {
border-bottom: 1px solid var(--linklist-border-color);
width: 100%;
padding: 8px 15px;
display: block;
}
.navigation-linklist .navigation-linklist-item:last-child {
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
}
ul.row {
margin-bottom: 0;
}
ul > li {
margin: 0;
padding: 0;
list-style: none;
}
.copyright-wrapper {
width: -moz-fit-content;
height: auto;
width: -ms-fit-content;
width: -o-fit-content;
width: fit-content;
margin: 0 auto;
position: relative;
}
.teaser .copyright-wrapper {
width: 100%;
}
.copyright {
color: var(--tdk-color-white);
font-size: var(--copyright-font-size);
margin-bottom: var(--copyright-margin-top-lg);
margin-top: var(--copyright-margin-top-lg);
text-align: right;
display: block;
}
@media (width < 992px) {
.copyright {
background: var(--tdk-color-gray-v1);
font-size: var(--copyright-font-size);
padding: var(--copyright-padding-md);
margin: 0 -3rem;
line-height: 1.3rem;
}
}
@media (width < 576px) {
.copyright {
font-size: var(--copyright-font-size-xs);
}
}
.copyright.legal-links {
margin-top: 5.25rem;
}
@media (width < 992px) {
.copyright.legal-links {
margin-top: 0;
line-height: 1.8rem;
}
}
@media print {
footer .row:last-of-type {
display: block;
}
footer .row:last-of-type div {
display: block;
width: auto !important;
}
.copyright {
display: none;
}
}
.pagination-wrapper {
margin-bottom: 3rem;
}
@media (width <= 575.98px) {
.pagination-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
}
.pagination-wrapper .pagination {
border: 1px solid var(--tdk-color-gray-30);
display: inline-flex;
}
@media (width <= 575.98px) {
.pagination-wrapper .pagination {
float: none !important;
}
}
.pagination-wrapper .pagination .pager {
color: var(--tdk-color-blue);
text-align: center;
min-width: 66px;
height: 30px;
padding: 4px 10px;
display: inline-block;
}
.pagination-wrapper .pagination .btn {
border: 0;
width: auto;
height: 100%;
margin: 0;
}
@media (width > 576px) {
.pagination-wrapper .pagination .btn {
width: 50px;
height: 100%;
}
}
.pagination-wrapper .pagination .btn:hover {
background: var(--tdk-color-gray-10);
color: var(--tdk-color-blue);
}
.pagination-wrapper .pagination .btn:focus {
box-shadow: none;
}
.pagination-wrapper .pagination .btn.disabled {
cursor: not-allowed;
color: var(--tdk-color-gray-30);
background: var(--tdk-color-white);
border: 0;
}
.pagination-wrapper .pagination .btn.disabled i {
top: 0;
}
.pagination-wrapper .pagination .btn i {
font-size: 2.1rem;
line-height: 2.1rem;
top: 0;
}
.pagination-wrapper .pagination li {
border-right: 1px solid var(--tdk-color-gray-30);
}
.pagination-wrapper .pagination li:last-child {
border-right: 0;
}
:root {
--sidebar-trigger-dimension: 4rem;
--socialshare-trigger-dimension: 4rem;
}
.sidebar-close-btn, .sidebar-close-wrapper, .sidebar-switch {
visibility: hidden;
height: 0;
}
@media (width >= 992px) {
.sidebar {
z-index: 1029 !important;
}
.sidebar .sidebar-container {
position: sticky;
top: 120px;
}
.sidebar .sidebar-container.sticky:after, .sidebar .sidebar-container.sticky:before {
content: "";
display: table;
}
.sidebar .mCustomScrollbar {
margin-right: 0;
}
}
@media screen and (width <= 1570px) {
body.has-anchor-navigation-header .sidebar .sidebar-container {
top: 160px;
}
}
@media (width <= 991.98px) {
.sidebar {
z-index: 1050;
width: 44rem;
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.sidebar .sidebar-container {
max-height: 100vh;
min-height: var(--sidebar-trigger-dimension);
overflow-y: hidden;
}
.sidebar .sidebar-container, .sidebar .sidebar-container .sidebar-switch {
width: var(--sidebar-trigger-dimension);
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.sidebar .sidebar-container .sidebar-switch {
background: var(--tdk-color-black-60);
float: right;
height: var(--sidebar-trigger-dimension);
visibility: visible;
display: block;
overflow: hidden;
}
.sidebar .sidebar-container .sidebar-switch i {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xMi41IDE3SDIxdi0yaC04LjV2MnpNMyAyMWgxOHYtMkgzdjJ6bTkuNS0xMkgyMVY3aC04LjV2MnptMCA0SDIxdi0yaC04LjV2MnptLTMuNyA0LjctNS4zLTUuMyA1LjMtNS4zTDEwIDguM2wtNCA0IDQgNC0xLjIgMS40eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgc3R5bGU9ImZpbGw6bm9uZSIvPjwvc3ZnPg==");
width: 2.4rem;
height: 2.8rem;
margin-top: 50%;
margin-left: auto;
margin-right: auto;
display: block;
transform: translateY(-50%);
}
.sidebar .sidebar-container .sidebar-switch:hover {
cursor: pointer;
}
.sidebar .sidebar-container .sidebar-content {
background: var(--tdk-color-white);
box-shadow: var(--tdk-shadow-base);
float: left;
max-height: 100vh;
width: calc(100% - var(--sidebar-trigger-dimension));
display: none;
}
.sidebar .sidebar-container.open {
width: 33rem;
overflow: auto;
}
.sidebar .sidebar-container.open .sidebar-switch i {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xMi41IDE3SDIxdi0yaC04LjV2MnpNMyAyMWgxOHYtMkgzdjJ6bTkuNS0xMkgyMVY3aC04LjV2MnptMCA0SDIxdi0yaC04LjV2MnptLTkgMy4zIDQtNC00LTQgMS4yLTEuMiA1LjMgNS4zLTUuMyA1LjMtMS4yLTEuNHoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIHN0eWxlPSJmaWxsOm5vbmUiLz48L3N2Zz4=");
}
.sidebar .sidebar-container.open .mCSB_dragger_bar {
background-color: var(--tdk-color-gray-v1);
}
.sidebar .sidebar-container.open .sidebar-content {
max-height: 87vh;
padding: 3rem 1.2rem 1.2rem;
display: block;
}
.sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper {
z-index: 1200;
background: #fff;
width: calc(100% - 6rem);
height: auto;
position: fixed;
top: .5rem;
}
.sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper .sidebar-close-btn {
cursor: pointer;
float: right;
visibility: visible;
width: 2.4rem;
height: 2.4rem;
display: block;
}
.ie .sidebar .sidebar-container.open .sidebar-content {
padding-top: 0;
}
.ie .sidebar .sidebar-container.open .sidebar-content .mCSB_container {
padding-top: 3rem;
}
.ie .sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper {
width: 220px;
position: absolute;
top: .25rem;
right: 0;
}
.ie .sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper .sidebar-close-btn {
background: var(--tdk-color-white);
width: 266px;
}
.ie .sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper .sidebar-close-btn i {
float: right;
}
.android.chrome .sidebar .sidebar-content, .android.firefox .sidebar .sidebar-content {
max-height: 85vh;
}
}
@media (width <= 575.98px) {
.sidebar {
width: 100vw;
}
.sidebar .sidebar-container.open {
width: calc(100% - 3rem);
max-width: 290px;
right: 1.5rem;
}
.sidebar .sidebar-container.open .sidebar-switch {
display: none;
}
.sidebar .sidebar-container.open .sidebar-content {
width: 100%;
}
.sidebar .sidebar-container.open .sidebar-content .sidebar-close-wrapper {
width: calc(100% - 2rem);
}
}
@media print {
.sidebar {
display: none;
}
}
.socialshare {
z-index: 1050;
width: 44rem;
margin-top: 50px;
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media (width <= 575.98px) {
.socialshare {
width: 100vw;
}
}
@media print {
.socialshare {
display: none;
}
}
.socialshare-close-btn, .socialshare-close-wrapper, .socialshare-switch {
visibility: hidden;
height: 0;
}
.socialshare-container {
max-height: 100vh;
min-height: var(--socialshare-trigger-dimension);
width: auto;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.socialshare-container-switch {
background: var(--tdk-color-black-60);
float: right;
height: var(--socialshare-trigger-dimension);
visibility: visible;
width: var(--socialshare-trigger-dimension);
z-index: 1600;
display: block;
position: absolute;
top: 50%;
right: 0;
overflow: hidden;
transform: translateY(-50%);
}
.socialshare-container-switch i {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yNCAyMS40YzIuMSAwIDMuOSAxLjggMy45IDMuOXMtMS44IDMuOS0zLjkgMy45LTMuOS0xLjgtMy45LTMuOWMwLS4zIDAtLjYuMS0uOWwtOS40LTUuNUMxMCAxOS42IDkuMSAyMCA4IDIwYy0yLjIgMC00LTEuOC00LTRzMS44LTQgNC00YzEuMSAwIDIgLjQgMi44IDEuMWw5LjQtNS40Yy0uMS0uNC0uMi0uNy0uMi0xIDAtMi4yIDEuOC00IDQtNHM0IDEuOCA0IDQtMS44IDQtNCA0Yy0xLjEgMC0yLS40LTIuOC0xLjFsLTkuNCA1LjVjLjEuMy4xLjYuMS45IDAgLjMtLjEuNi0uMS45bDkuNSA1LjVjLjgtLjYgMS43LTEgMi43LTF6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+");
width: 2.4rem;
height: 2.5rem;
margin-top: 50%;
margin-left: auto;
margin-right: auto;
display: block;
transform: translateY(-50%);
}
.socialshare-container-switch:hover {
cursor: pointer;
}
.socialshare-container-content {
background: var(--tdk-color-black-60);
float: right;
opacity: 0;
display: block;
position: relative;
right: 39px;
}
.socialshare-container-content .jssocials-shares {
align-items: center;
height: 4rem;
padding: 0 1em;
display: flex;
}
.socialshare-container-content .jssocials-shares:before {
border-width: medium medium 5px;
border-color: #0000;
border-bottom-style: solid;
border-left: 8px solid var(--tdk-color-black-60);
content: " ";
opacity: 0;
pointer-events: none;
z-index: 1500;
border-top: 5px solid #0000;
border-right: 0 solid #0000;
width: 0;
height: 0;
margin-top: -5px;
position: absolute;
top: 50%;
left: 100%;
}
.socialshare-container-content .jssocials-shares .jssocials-share {
display: inline-block;
}
.socialshare-container-content .jssocials-shares .jssocials-share:last-child {
margin-right: 0;
}
.socialshare-container-content .jssocials-shares .jssocials-share-logo {
font-size: var(--socialshare-size)*1.5;
width: 1em;
}
.socialshare-container-content .jssocials-shares img.jssocials-share-logo {
width: auto;
height: 1em;
}
.socialshare-container-content .jssocials-shares .jssocials-share-link {
text-align: center;
line-height: 1;
text-decoration: none;
display: inline-block;
}
.socialshare-container-content .jssocials-shares .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
height: 1em;
}
.socialshare-container.open {
width: auto;
}
.socialshare-container.open .socialshare-switch i {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yNS4zIDkuMSAxOCAxNi40bDcuMyA3LjMtMS44IDEuOC03LjMtNy4zLTcuMyA3LjNMNyAyMy43bDcuMy03LjNMNyA5LjFsMS44LTEuOCA3LjMgNy4zIDcuMy03LjMgMS45IDEuOHoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=");
}
.socialshare-container.open .socialshare-content {
display: block;
position: relative;
right: 49px;
}
@media (width <= 575.98px) {
.socialshare-container.open .socialshare-content {
width: 100%;
}
}
.socialshare-container.open .socialshare-content .socialshare-close-wrapper {
z-index: 1200;
background: #fff;
width: calc(100% - 6rem);
height: auto;
position: fixed;
top: .5rem;
}
@media (width <= 575.98px) {
.socialshare-container.open .socialshare-content .socialshare-close-wrapper {
width: calc(100% - 2rem);
}
}
.socialshare-container.open .socialshare-content .socialshare-close-wrapper .socialshare-close-btn {
cursor: pointer;
float: right;
visibility: visible;
width: 2.4rem;
height: 2.4rem;
display: block;
}
.socialshare-container.open .socialshare-content .jssocials-shares {
display: flex;
}
.socialshare-container.open .socialshare-content .jssocials-shares:before {
opacity: 1;
}
.socialshare-container .transform {
width: 0;
transition: all .5s;
}
.socialshare-container .transform-active {
background-color: var(--tdk-color-black-60);
opacity: 1;
width: 100%;
overflow: visible;
}
.android.chrome .socialshare .socialshare-content, .android.firefox .socialshare .socialshare-content {
max-height: 85vh;
}
.stage-image {
background-position: 50%;
background-size: cover;
margin-bottom: 3rem;
}
.stage-image .stage-image-content {
min-height: 400px;
position: relative;
}
.stage-image .stage-image-headline {
font-size: 6.5rem;
line-height: 7.8rem;
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.ie .stage-image .stage-image-content {
align-items: center;
display: flex;
}
.ie .stage-image .stage-image-headline {
top: inherit;
transform: inherit;
}
.stage-image-content {
justify-content: center;
align-items: center;
display: flex;
}
_:-ms-lang(x) {
justify-content: center;
align-items: center;
display: flex;
}
_:-webkit-full-screen {
justify-content: center;
align-items: center;
display: flex;
}
@media (width <= 991.98px) {
.stage-image .stage-image-content {
padding: 0 3rem;
}
.stage-image > .container {
background: #ffffff80;
}
}
@media (width <= 767.98px) {
.stage-image .stage-image-content {
min-height: 300px;
}
.stage-image .stage-image-headline {
font-size: 5rem;
line-height: 6.3rem;
}
}
@media (width <= 575.98px) {
.stage-image > .container {
background: #ffffffb3;
}
.stage-image .stage-image-content {
min-height: 200px;
}
.stage-image .stage-image-headline {
text-align: center;
width: 100%;
font-size: 3.5rem;
line-height: 4.8rem;
}
}
[data-ui-advanced-table-responsive]:not(.footable) tr td:first-child, [data-ui-advanced-table-responsive]:not(.footable) tr th:first-child {
display: none;
}
.footable.table {
width: 100%;
max-width: 100%;
margin-bottom: 3rem;
}
.footable.table, .footable.table * {
box-sizing: border-box;
}
.footable.table th {
text-align: left;
}
.footable.table > caption + thead > tr:first-child > td, .footable.table > caption + thead > tr:first-child > th, .footable.table > colgroup + thead > tr:first-child > td, .footable.table > colgroup + thead > tr:first-child > th, .footable.table > thead:first-child > tr:first-child > td, .footable.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.footable.table > thead > tr > th {
vertical-align: top;
}
.footable.table > thead > tr > td {
vertical-align: middle;
}
.footable.table > tbody > tr > td:first-child {
min-width: 95px;
}
.footable.table > tfoot > tr > th {
vertical-align: top;
}
.footable.table > tfoot > tr > td {
vertical-align: middle;
}
.footable.table > tbody > tr > td:first-child, .footable.table > thead > tr > th:first-child {
width: 45px;
min-width: 45px;
max-width: 45px;
display: none !important;
}
.footable.table > tbody > tr > td:first-child .footable-toggle, .footable.table > thead > tr > th:first-child .footable-toggle {
float: none;
width: 24px;
margin: 0 auto;
display: block;
}
.footable.table.breakpoint > tbody > tr > td:first-child, .footable.table.breakpoint > thead > tr > th:first-child {
display: table-cell !important;
}
table.footable {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table.footable > tbody > tr.footable-empty > td {
text-align: center;
vertical-align: middle;
font-size: 30px;
display: table-cell;
}
table.footable > tbody > tr.footable-empty > th {
display: table-cell;
}
table.footable > tbody > tr > td, table.footable > tbody > tr > th {
display: none;
}
table.footable > tbody > tr > td.footable-sortable, table.footable > tbody > tr > th.footable-sortable {
cursor: pointer;
}
table.footable > tbody > tr.footable-detail-row > td, table.footable > tbody > tr.footable-detail-row > th {
display: table-cell;
}
table.footable > thead > tr.footable-filtering > th {
text-align: right;
border-bottom-width: 1px;
font-weight: 400;
}
table.footable > thead > tr.footable-filtering > th div.form-group {
margin-top: 5px;
margin-bottom: 0;
}
table.footable > thead > tr.footable-filtering > th div.input-group {
width: 100%;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
margin: 0;
display: block;
position: relative;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
padding-left: 20px;
display: block;
}
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
margin-left: -20px;
position: absolute;
}
table.footable > thead > tr > td.footable-sortable, table.footable > thead > tr > th.footable-sortable {
cursor: pointer;
}
table.footable > thead > tr > th.footable-sortable:hover {
background: var(--tdk-color-blue-10);
}
table.footable > tfoot > tr > td.footable-sortable, table.footable > tfoot > tr > th.footable-sortable {
cursor: pointer;
}
table.footable-details {
border-collapse: collapse;
border-spacing: 0;
width: calc(100% - 34px);
min-width: calc(100% - 34px);
margin-bottom: 0;
margin-left: 34px;
position: relative;
}
table.footable-details > tbody > tr > th:first-child {
width: 40%;
min-width: 100px;
}
table.footable-details > tbody > tr > td:nth-child(2) {
word-break: normal;
}
table.footable-details > tbody > tr:first-child > td, table.footable-details > tbody > tr:first-child > th, table.footable-details > tfoot > tr:first-child > td, table.footable-details > tfoot > tr:first-child > th, table.footable-details > thead > tr:first-child > td, table.footable-details > thead > tr:first-child > th {
border-top-width: 0;
}
table.footable-details > tbody > tr > td, table.footable-details > tbody > tr > th, table.footable-details > tfood > tr > td, table.footable-details > tfood > tr > th, table.footable-details > thead > tr > td, table.footable-details > thead > tr > th {
border: 0 !important;
border-bottom: 1px solid var(--tdk-color-gray-30) !important;
}
table.footable-details > tbody > tr:last-child > td, table.footable-details > tbody > tr:last-child > th, table.footable-details > tfood > tr:last-child > td, table.footable-details > tfood > tr:last-child > th, table.footable-details > thead > tr:last-child > td, table.footable-details > thead > tr:last-child > th {
border: 0 !important;
}
table.footable-hide-fouc {
display: none;
}
table > tbody > tr > td > span.footable-toggle {
opacity: .3;
margin-right: 8px;
}
table > tbody > tr > td > span.footable-toggle:before {
display: inherit;
margin-top: 4px;
}
table > tbody > tr > td > span.footable-toggle.last-column {
float: right;
margin-left: 8px;
}
.fooicon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: left;
font-family: var(--font-family-material-icons);
font-size: inherit;
text-rendering: auto;
font-size: 24px;
line-height: 16px;
transform: translate(0);
}
.fooicon:after, .fooicon:before {
box-sizing: border-box;
}
.fooicon-loader:before {
content: "";
}
.fooicon-plus:before {
content: "";
}
.fooicon-minus:before {
content: "";
}
.fooicon-search:before {
content: "";
}
.fooicon-remove:before {
content: "";
}
.fooicon-sort {
font-size: 24px;
}
.fooicon-sort:before {
content: "";
}
.fooicon-sort-asc {
font-size: 24px;
}
.fooicon-sort-asc:before {
content: "";
}
.fooicon-sort-desc {
font-size: 24px;
}
.fooicon-sort-desc:before {
content: "";
}
.footable-filtering-external.footable-filtering-right, table.footable.footable-filtering-right > thead > tr.footable-filtering > th {
text-align: right;
}
.footable-filtering-external.footable-filtering-left, table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
text-align: left;
}
.footable-filtering-external.footable-filtering-center, table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
text-align: center;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox {
margin: 0;
display: block;
position: relative;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox > label {
padding-left: 20px;
display: block;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
margin-left: -20px;
position: absolute;
}
td.footable-sortable > span:not(.fooicon) {
float: left;
word-break: normal;
max-width: calc(100% - 40px);
display: block;
}
td.footable-sortable > .fooicon {
float: right;
width: 24px;
margin-top: 4px;
margin-left: 16px;
display: block;
}
.cm-page-preview th.footable-sortable, .modal-body th.footable-sortable {
z-index: 2;
}
th.footable-sortable {
position: relative;
padding-right: 30px !important;
}
th.footable-sortable > span:not(.fooicon) {
float: left;
word-break: normal;
max-width: calc(100% - 40px);
display: block;
}
th.footable-sortable > span.fooicon {
color: var(--tdk-color-blue-60);
float: right;
width: 24px;
display: block;
position: absolute;
top: 11px;
right: 10px;
}
th.footable-sortable.footable-asc, th.footable-sortable.footable-desc {
background: var(--tdk-color-blue-10);
font-weight: 700;
}
th.footable-sortable.footable-asc > span.fooicon, th.footable-sortable.footable-desc > span.fooicon {
color: var(--tdk-color-blue-dark);
font-weight: 400;
}
.edge th.footable-sortable, .ie11 th.footable-sortable {
z-index: 0;
background: none;
}
.edge thead, .ie11 thead {
background: var(--tdk-color-blue-5);
}
td.footable-sortable.footable-asc > span.fooicon, td.footable-sortable.footable-desc > span.fooicon, th.footable-sortable.footable-asc > span.fooicon, th.footable-sortable.footable-desc > span.fooicon {
opacity: 1;
}
table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon, table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon, table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon, table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon, table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
opacity: 0;
visibility: hidden;
}
@media (width >= 768px) {
.footable .form-inline .form-group {
vertical-align: middle;
margin-bottom: 0;
display: inline-block;
}
.footable .form-inline .form-control {
vertical-align: middle;
width: auto;
display: inline-block;
}
.footable .form-inline .input-group {
vertical-align: middle;
display: inline-table;
}
.footable .form-inline .input-group .form-control, .footable .form-inline .input-group .input-group-addon, .footable .form-inline .input-group .input-group-btn {
width: auto;
}
.footable .form-inline .input-group > .form-control {
width: 100%;
}
table.footable > thead > tr.footable-filtering > th div.input-group {
width: auto;
}
table.footable > thead > tr.footable-filtering > th div.form-group {
margin-top: 0;
margin-left: 2px;
margin-right: 2px;
}
}
.table td.no-border, .table th.no-border, .table-responsive td.no-border, .table-responsive th.no-border {
border: none !important;
}
.table {
border-collapse: collapse;
border-spacing: 0;
box-sizing: border-box;
max-width: auto;
width: 100%;
min-width: 100%;
margin: 0 0 1rem;
}
.table .sub-header {
background: var(--tdk-color-gray-5);
}
.table .table-info {
color: var(--tdk-color-blue);
background: none;
}
.table caption {
background: var(--tdk-color-blue-20);
border: 1px solid var(--tdk-color-gray-30);
caption-side: top;
color: var(--tdk-color-black);
border-bottom: 0;
padding: 10px;
font-size: 15px;
line-height: 18px;
}
.table.table-top tbody td {
vertical-align: top;
}
.table:not(.no-border-2-table):not(.no-border-1-table) tbody td, .table:not(.no-border-2-table):not(.no-border-1-table) tbody th, .table:not(.no-border-2-table):not(.no-border-1-table) thead td, .table:not(.no-border-2-table):not(.no-border-1-table) thead th {
border: 1px solid var(--tdk-color-gray-30) !important;
}
.table tbody td, .table tbody th, .table thead td, .table thead th {
vertical-align: middle;
padding: 8px 10px;
line-height: 1.8rem;
}
.table tbody td.checkbox-column, .table tbody th.checkbox-column, .table thead td.checkbox-column, .table thead th.checkbox-column {
min-width: 90px;
}
.table tbody td .custom-control, .table tbody th .custom-control, .table thead td .custom-control, .table thead th .custom-control {
margin-top: 2px;
}
.table tbody td .table-icon, .table tbody th .table-icon, .table thead td .table-icon, .table thead th .table-icon {
color: initial;
height: 24px;
text-decoration: none;
display: inline-block;
}
.table tbody td .table-icon i, .table tbody th .table-icon i, .table thead td .table-icon i, .table thead th .table-icon i {
display: inherit;
}
.table tbody td .table-icon.new i, .table tbody th .table-icon.new i, .table thead td .table-icon.new i, .table thead th .table-icon.new i {
float: left;
}
.table tbody td .table-icon.new img, .table tbody th .table-icon.new img, .table thead td .table-icon.new img, .table thead th .table-icon.new img {
width: 2.4rem;
height: 2.4rem;
}
.table tbody td:first-child, .table tbody th:first-child, .table thead td:first-child, .table thead th:first-child {
min-width: 95px;
}
.table tbody td .btn:only-child, .table tbody th .btn:only-child, .table thead td .btn:only-child, .table thead th .btn:only-child {
margin-bottom: 0;
margin-right: 0;
}
.table tbody td, .table thead td {
font-size: 1.5rem;
line-height: 1.8rem;
}
.table thead th {
background: var(--tdk-color-blue-5);
vertical-align: top;
padding-top: .8rem;
padding-bottom: .8rem;
font-size: 1.5rem;
font-weight: 400;
}
.table.table-striped tbody tr:nth-of-type(odd) {
background: var(--tdk-color-gray-5);
}
.table.footable {
visibility: hidden;
display: inline-block;
}
.table.footable tbody {
position: absolute;
left: -10000px;
}
.table.footable:after {
color: var(--tdk-color-black);
content: " ";
visibility: visible;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0wIDEwaDR2MTBIMHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik04IDEwaDR2MTBIOHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0xNiAxMGg0djEwaC00eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjAuMjsgMTsgLjIiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjEwOyAyMDsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgNTsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48L3N2Zz4=") no-repeat;
width: 20px;
height: 30px;
margin: 0 auto;
display: block;
}
.table.footable.loaded {
visibility: visible;
display: table !important;
}
.table.footable.loaded tbody {
position: inherit;
left: 0;
}
.table.footable.loaded:after {
display: none;
}
.table-responsive {
margin-bottom: 3rem;
}
.richtext .table-responsive {
margin-bottom: 0;
}
.table-responsive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: var(--tdk-color-gray-60);
height: 6px;
}
.table-responsive.breakout {
width: 90vw;
margin-left: 50%;
position: relative;
transform: translateX(-45vw);
}
.footable-loader .fooicon.fooicon-loader {
width: 100%;
height: 30px;
margin-top: 35px;
margin-bottom: 3rem;
display: inline-block;
}
.footable-loader .fooicon.fooicon-loader:before {
color: var(--tdk-color-black);
content: " ";
visibility: visible;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDI0IDMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0wIDEwaDR2MTBIMHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMHMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik04IDEwaDR2MTBIOHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIwLjI7IDE7IC4yIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgMjA7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHZhbHVlcz0iMTA7IDU7IDEwIiBiZWdpbj0iMC4zNXMiIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZmlsbD0iIzMzNWNhZCIgb3BhY2l0eT0iLjIiIGQ9Ik0xNiAxMGg0djEwaC00eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjAuMjsgMTsgLjIiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIgYXR0cmlidXRlVHlwZT0iWE1MIiB2YWx1ZXM9IjEwOyAyMDsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdmFsdWVzPSIxMDsgNTsgMTAiIGJlZ2luPSIwLjc1cyIgZHVyPSIxLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48L3N2Zz4=") no-repeat;
width: 20px;
height: 30px;
margin: 0 auto;
display: block;
}
@media (width <= 991.98px) {
.table-responsive table {
min-width: 640px;
}
}
@media (width <= 767.98px) {
table tbody td, table tbody th, table thead td, table thead th {
padding: 8px 5px;
}
.table-responsive table.footable {
min-width: 100%;
}
.table-responsive table.footable table {
width: 100%;
min-width: auto;
max-width: 540px;
}
.table-responsive table.footable table tr td, .table-responsive table.footable table tr th {
width: 50%;
min-width: auto;
}
}
@media (width >= 576px) and (width <= 767.98px) {
table tbody td, table tbody th, table thead td, table thead th {
padding: 8px;
}
.table-responsive table.footable {
min-width: 320px;
}
.table-responsive table.footable table {
width: 100%;
min-width: auto;
max-width: 768px;
}
}
@media (width <= 575.98px) {
.table-responsive table.footable table {
max-width: 235px;
}
table tbody td, table tbody th, table thead td, table thead th {
padding: 8px 5px;
}
}
@media (width >= 768px) and (width <= 991.98px) {
.table-responsive table.footable {
min-width: 576px;
}
}
@media (width >= 992px) and (width <= 1199.98px) {
.table-responsive table.footable {
min-width: 690px;
}
}
@media (width >= 1200px) {
.table-responsive table.footable {
min-width: 825px;
}
}
@media print {
.table-responsive {
overflow: initial !important;
}
}
table.matrix {
width: 100%;
}
table.matrix th {
background: var(--tdk-color-gray-5) !important;
}
table.matrix thead th .product-image-caption {
text-align: center;
padding: 25px 5px 15px;
font-size: 1.6rem;
line-height: 2.1rem;
display: block;
}
table.matrix thead th.table-filter-controls {
vertical-align: bottom;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
table.matrix thead th:not(.table-filter-controls) {
vertical-align: top;
padding: 0 !important;
}
table.matrix tbody td, table.matrix tbody th {
vertical-align: top;
}
table.matrix tfoot td {
text-align: center;
padding: 10px 0;
}
table.matrix tfoot td .btn {
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
table.matrix .table-filter-controls .controls-label {
margin: 0;
font-size: 1.6rem;
font-weight: 700;
line-height: 2.1rem;
}
.stage-area {
margin: 0 -15px 3rem;
}
.stage-area, .stage-area .carousel {
position: relative;
}
.stage-area .carousel.show-animation .carousel-item:before {
content: " ";
background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3RhZ2UtYW5pIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCA2MDAiPjxzdHlsZT5Aa2V5ZnJhbWVzIGZhZGUxezAlLHRve29wYWNpdHk6MX0zMyV7b3BhY2l0eTouMDh9NTAle29wYWNpdHk6LjR9ODAle29wYWNpdHk6LjJ9fUBrZXlmcmFtZXMgZmFkZTJ7MCUsdG97b3BhY2l0eToxfTUwJXtvcGFjaXR5Oi4wOH19LnB1bHNlLGd7dHJhbnNmb3JtLW9yaWdpbjo1MHB4IDUwcHh9LnB1bHNle29wYWNpdHk6MTt0cmFuc2Zvcm06c2NhbGUoMSk7YW5pbWF0aW9uOmZhZGUxIDhzIGVhc2UgaW5maW5pdGV9LnB1bHNlLnAye2FuaW1hdGlvbjpmYWRlMiAxMHMgZWFzZSBpbmZpbml0ZX0ucHVsc2UuZDF7YW5pbWF0aW9uLWRlbGF5OjJzfS5wdWxzZS5kMnthbmltYXRpb24tZGVsYXk6NHN9LnN0cm9rZXtzdHJva2U6dXJsKCNncmFkaWVudDEpO2ZpbGw6bm9uZTtzdHJva2Utd2lkdGg6M30uZmlsbHtmaWxsOnVybCgjZ3JhZGllbnQxKX08L3N0eWxlPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4xIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0icmhvbWIiIGQ9Ik0yMCAwaDgwTDgwIDg1SDBMMjAgMHoiLz48L2RlZnM+PHVzZSBjbGFzcz0icHVsc2Ugc3Ryb2tlIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC44IDAgMCAuOCAyMTAgNTUpIi8+PHVzZSBjbGFzcz0icHVsc2UgcDIgZDIgZmlsbCIgeGxpbms6aHJlZj0iI3Job21iIiB0cmFuc2Zvcm09Im1hdHJpeCguNyAwIDAgLjcgMjQwIC0yMykiLz48dXNlIGNsYXNzPSJwdWxzZSBkMiBzdHJva2UiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjkgMCAwIC45IDMxMiA3KSIvPjx1c2UgY2xhc3M9InB1bHNlIGZpbGwiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAwIC0xMDIpIi8+PHVzZSBjbGFzcz0icHVsc2Ugc3Ryb2tlIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC43IDAgMCAuNyA0MDAgLTM1KSIvPjx1c2UgY2xhc3M9InB1bHNlIGQxIGZpbGwiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjYgMCAwIC42IDQ2MCAtMTUpIi8+PHVzZSBjbGFzcz0icHVsc2Ugc3Ryb2tlIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC43IDAgMCAuNyA1MDUgLTU0KSIvPjx1c2UgY2xhc3M9InB1bHNlIGQyIHN0cm9rZSIgeGxpbms6aHJlZj0iI3Job21iIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjEgMCAwIDEuMSAxMTQwIDU2MCkiLz48dXNlIGNsYXNzPSJwdWxzZSBwMiBzdHJva2UiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcgMCAwIC43IDEyNDUgNTE1KSIvPjx1c2UgY2xhc3M9InB1bHNlIGQxIGZpbGwiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMzMCA1NDEpIi8+PHVzZSBjbGFzcz0icHVsc2Ugc3Ryb2tlIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC44IDAgMCAuOCAxMzkwIDQ5MCkiLz48dXNlIGNsYXNzPSJwdWxzZSBwMiBzdHJva2UiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcgMCAwIC43IDE0NjUgNTM1KSIvPjx1c2UgY2xhc3M9InB1bHNlIHAyIGZpbGwiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjkgMCAwIC45IDE1MTUgNTEwKSIvPjx1c2UgY2xhc3M9InB1bHNlIHN0cm9rZSIgeGxpbms6aHJlZj0iI3Job21iIiB0cmFuc2Zvcm09Im1hdHJpeCguOSAwIDAgLjkgMTU4MCA0NTYpIi8+PHVzZSBjbGFzcz0icHVsc2UgZDEgc3Ryb2tlIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC43IDAgMCAuNyAxNTg1IDU0OSkiLz48dXNlIGNsYXNzPSJwdWxzZSBkMSBmaWxsIiB4bGluazpocmVmPSIjcmhvbWIiIHRyYW5zZm9ybT0ibWF0cml4KC44IDAgMCAuOCAxNjc1IDUwNSkiLz48dXNlIGNsYXNzPSJwdWxzZSBwMiBkMiBzdHJva2UiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjYgMCAwIC42IDE3MDAgNDI1KSIvPjx1c2UgY2xhc3M9InB1bHNlIHAyIGZpbGwiIHhsaW5rOmhyZWY9IiNyaG9tYiIgdHJhbnNmb3JtPSJtYXRyaXgoLjYgMCAwIC42IDE3MzUgNDAwKSIvPjwvc3ZnPg==") 0 0 / cover no-repeat;
width: 1600px;
height: 500px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.stage-area .carousel .carousel-item {
background-position: 50%;
background-size: cover;
}
.stage-area .carousel .container {
z-index: 1;
min-height: 100%;
margin-left: 50%;
position: relative;
top: 0;
transform: translateX(-50%);
}
.stage-area .carousel .container .slide-content {
align-items: center;
height: auto;
min-height: 500px;
padding: 0;
display: flex;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser {
color: var(--tdk-color-blue-dark);
flex-direction: row-reverse;
width: 100%;
min-height: 300px;
display: flex;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser:hover {
color: var(--tdk-color-blue-dark);
text-decoration: none;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser.bright, .stage-area .carousel .container .slide-content .teaser-carousel-teaser.bright:hover {
color: var(--tdk-color-white);
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h2 {
margin-top: 0;
font-size: 38px;
line-height: 46px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h4 {
font-size: 20px;
line-height: 21px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser span {
display: inline !important;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser span.text-size-2 {
font-size: 1.2em;
line-height: 1.3em;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser span.text-size-1 {
font-size: 1.1em;
line-height: 1.2em;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser span.text-size--1 {
font-size: .9em;
line-height: 1em;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser span.text-size--2 {
font-size: .8em;
line-height: .9em;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .left {
width: 100% !important;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .left .teaser-text, .stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-image {
width: 50%;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-image img {
width: 100%;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-text-wrapper {
width: 50%;
min-height: 400px;
padding-top: 40px;
display: flex;
}
.stage-area .carousel .carousel-control-next, .stage-area .carousel .carousel-control-prev {
opacity: 1;
z-index: 2;
min-width: 50px;
height: 100%;
}
.stage-area .carousel .carousel-control-next i, .stage-area .carousel .carousel-control-prev i {
color: var(--tdk-color-white);
text-shadow: var(--tdk-shadow-teaser-carousel-indicator);
font-size: 48px;
}
.stage-area .carousel .carousel-indicators li {
background: var(--tdk-color-white);
box-shadow: var(--tdk-shadow-teaser-carousel-indicator);
cursor: pointer;
width: 40px;
}
.stage-area .carousel .carousel-indicators li.active {
background: var(--tdk-color-blue);
}
.stage-area .carousel-item {
opacity: 0;
transition: opacity .6s !important;
}
.stage-area .carousel-item-next.carousel-item-left, .stage-area .carousel-item-prev.carousel-item-right {
transform: none;
}
@supports (transform-style: preserve-3d) {
.stage-area .carousel-item-next.carousel-item-left, .stage-area .carousel-item-prev.carousel-item-right {
transform: none;
}
}
.stage-area .active.carousel-item-right, .stage-area .carousel-item-next {
transform: none;
}
@supports (transform-style: preserve-3d) {
.stage-area .active.carousel-item-right, .stage-area .carousel-item-next {
transform: none;
}
}
.stage-area .active.carousel-item-left, .stage-area .carousel-item-prev {
transform: none;
}
@supports (transform-style: preserve-3d) {
.stage-area .active.carousel-item-left, .stage-area .carousel-item-prev {
transform: none;
}
}
.stage-area .carousel-inner .active.carousel-item-left, .stage-area .carousel-inner .active.carousel-item-right, .stage-area .carousel-inner .carousel-item {
opacity: 0;
}
.stage-area .carousel-inner .active, .stage-area .carousel-inner .carousel-item-next.carousel-item-left, .stage-area .carousel-inner .carousel-item-prev.carousel-item-right {
opacity: 1;
}
@media (width <= 991.98px) {
.stage-area .carousel.show-animation .carousel-item:before {
display: none;
}
.stage-area .carousel .container * {
display: block !important;
}
.stage-area .carousel .container .slide-content {
padding-top: 40px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser {
flex-flow: wrap;
justify-content: flex-end;
height: auto;
display: flex !important;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-image {
justify-content: center;
width: 100%;
display: flex !important;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-image .image-wrapper {
width: 100%;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-image .image-wrapper img {
width: auto;
max-width: 80%;
margin: 0 auto;
display: block;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-text-wrapper {
text-align: center;
align-self: flex-end;
width: 100%;
min-height: auto;
margin-bottom: 20px;
padding: 0;
position: absolute;
bottom: 0;
left: 0;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .left {
flex-direction: column;
justify-content: flex-end;
width: 100% !important;
display: flex !important;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .left .teaser-text {
width: 100%;
height: auto;
display: inline-block !important;
}
}
@media (width >= 576px) and (width <= 767.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-text-wrapper {
padding: 0 30px;
}
}
@media (width <= 575.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .teaser-text-wrapper {
padding: 20px 40px;
}
}
@media (width >= 992px) and (width <= 1199.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h2 {
font-size: 32px;
line-height: 38px;
}
}
@media (width >= 768px) and (width <= 991.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h2 {
padding: 1px;
font-size: 28px;
line-height: 34px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h4 {
font-size: 18px;
line-height: 21px;
}
}
@media (width >= 576px) and (width <= 767.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h2 {
font-size: 25px;
line-height: 28px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h4 {
font-size: 16px;
line-height: 21px;
}
}
@media (width <= 575.98px) {
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h2 {
font-size: 22px;
line-height: 26px;
}
.stage-area .carousel .container .slide-content .teaser-carousel-teaser .richtext h4 {
font-size: 13px;
line-height: 21px;
}
}
.teaser {
background: var(--tdk-color-gray-5);
flex-wrap: wrap;
width: 100%;
margin-bottom: 3rem;
display: inline-block;
}
.teaser .image-wrapper {
margin: var(--image-wrapper-margin);
width: calc(100% - var(--image-wrapper-margin) - var(--image-wrapper-margin));
display: block;
}
.teaser .richtext p {
margin: 0;
}
.teaser.teaser-dark {
background: var(--tdk-color-gray-10);
}
.teaser.teaser-transparent {
background: none;
}
.teaser.elementlist-navigation-empty {
height: calc(100% - 3rem);
display: block;
}
a.teaser {
transition: background .5s linear;
}
a.teaser:hover {
background: var(--tdk-color-blue-10);
color: var(--tdk-color-blue-dark);
text-decoration: none;
}
div.teaser.teaser-s .teaser-meta {
color: var(--tdk-color-black);
}
div.teaser.teaser-s:hover {
background: var(--tdk-color-gray-5);
}
.teaser.teaser-s {
text-decoration: none;
}
.teaser.teaser-s:hover .image-wrapper img {
opacity: .7;
}
.teaser.teaser-s .image-wrapper {
overflow: hidden;
}
.teaser.teaser-s .image-wrapper img {
width: 100%;
}
.teaser.teaser-s .teaser-meta {
color: var(--tdk-color-blue-dark);
padding: 0 1.5rem;
}
.teaser.teaser-s .teaser-meta .teaser-title {
text-align: center;
justify-content: space-around;
align-items: center;
min-height: 8rem;
margin-bottom: 0;
padding: 1rem 0;
display: flex;
position: relative;
}
.teaser.teaser-s .teaser-meta .teaser-title span {
width: 100%;
display: block;
}
.teaser.teaser-s .teaser-meta .teaser-more {
font-size: var(--teaser-text-font-size);
text-align: center;
line-height: 3rem;
}
.ie .teaser.teaser-s .teaser-meta .teaser-title {
height: 8rem;
}
.teaser.teaser-m .image-wrapper {
overflow: hidden;
}
.teaser.teaser-m .image-wrapper img {
width: 100%;
}
.teaser.teaser-m:hover {
text-decoration: none;
}
.teaser.teaser-m:hover .image-wrapper img {
opacity: .7;
}
.teaser.teaser-m .teaser-meta {
color: var(--tdk-color-blue-dark);
}
.teaser.teaser-m .teaser-meta .teaser-subtitle {
font-size: var(--teaser-category-font-size);
margin-bottom: 0;
padding: 1.5rem 1.5rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-title {
font-size: var(--teaser-headline-font-size);
margin-bottom: 0;
padding: 1rem 1.5rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-text {
font-size: var(--teaser-text-font-size);
max-width: 100%;
padding: 1rem 1.5rem 0;
display: inline-block;
}
.teaser.teaser-m .teaser-meta .teaser-more {
font-size: var(--teaser-text-font-size);
padding: 1rem 1.5rem 2rem;
}
@media (width <= 991.98px) {
.teaser.teaser-m .teaser-meta .teaser-subtitle {
padding: 1.3rem 1rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-title {
padding: 1rem 1rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-text {
padding: 1.5rem 1rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-more {
padding: 1rem 1rem 2rem;
}
.teaser.teaser-m .teaser-meta .teaser-more > span {
padding-right: 1.6rem;
}
}
@media (width <= 767.98px) {
.teaser.teaser-m .teaser-meta .teaser-subtitle {
padding: 1.5rem 1.5rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-text, .teaser.teaser-m .teaser-meta .teaser-title {
padding: 1rem 1.5rem 0;
}
.teaser.teaser-m .teaser-meta .teaser-more {
padding: 1rem 1.5rem 2rem;
}
.teaser.teaser-m .teaser-meta .teaser-more > span {
padding-right: 1.6rem;
}
}
.teaser.teaser-l {
margin: 0 0 3rem;
text-decoration: none;
display: flex;
}
.teaser.teaser-l.even .image-column {
order: 0;
}
.teaser.teaser-l.odd .image-column {
order: 1;
}
.teaser.teaser-l .image-column, .teaser.teaser-l .text-column {
flex: 0 0 50%;
max-width: 50%;
}
.teaser.teaser-l .image-wrapper {
overflow: hidden;
}
.teaser.teaser-l .text-column {
color: var(--tdk-color-blue-dark);
justify-content: space-around;
align-items: center;
padding: 1.5rem 3rem;
display: flex;
overflow: hidden;
}
.teaser.teaser-l .text-column .teaser-title {
margin-bottom: 1rem;
font-size: 3.5rem;
line-height: 4.2rem;
}
.teaser.teaser-l .text-column .teaser-text {
font-size: 1.6rem;
line-height: 2.2rem;
}
@media (width >= 768px) and (width <= 991.98px) {
.teaser.teaser-l .teaser-text {
display: none;
}
.teaser.teaser-l .text-column .teaser-title {
font-size: 3rem;
line-height: 3.6rem;
}
}
@media (width <= 767.98px) {
.teaser.teaser-l {
display: block;
}
.teaser.teaser-l .teaser-text {
display: none;
}
.teaser.teaser-l .image-column, .teaser.teaser-l .text-column {
flex: 0 0 100%;
max-width: 100%;
}
.teaser.teaser-l .text-column {
padding: 0 3rem 1rem;
}
.teaser.teaser-l .text-column .teaser-meta {
flex-direction: column;
flex-grow: 100;
display: flex;
}
.teaser.teaser-l .text-column .teaser-meta .teaser-title {
text-align: center;
justify-content: space-around;
align-items: center;
min-height: 12rem;
padding: 0;
font-size: 2.8rem;
line-height: 3.4rem;
display: flex;
position: relative;
}
.teaser.teaser-l .text-column .teaser-meta .teaser-title span {
width: 100%;
display: block;
}
.teaser.teaser-l .text-column .teaser-meta .arrow-link {
text-align: center;
width: 100%;
}
}
@media (width <= 575.98px) {
.teaser.teaser-l .teaser-text {
display: none;
}
.teaser.teaser-l .text-column .teaser-meta {
flex-flow: wrap;
}
.teaser.teaser-l .text-column .teaser-meta .teaser-title {
width: 100%;
min-height: 8rem;
font-size: 2.2rem;
line-height: 2.6rem;
}
}
.leagalTeaser {
margin-top: 2.4rem;
}
.leagalTeaser:last-of-type {
margin-bottom: 2.4rem;
}
.teaser-standard {
display: flex;
}
.teaser-standard .teaser-meta {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.teaser-standard .teaser-meta .date {
text-align: right;
vertical-align: top;
width: 100%;
font-size: 1.4rem;
line-height: 1.8rem;
display: inline-block;
}
.teaser-standard .teaser-meta .teaser-text {
width: 100%;
max-width: 100%;
padding-bottom: 1rem;
display: inline-block;
}
@media (width <= 575.98px) {
.teaser-standard .teaser-meta .date {
text-align: left;
}
.teaser-standard:not(.teaser-standard-text-only) .teaser-meta .teaser-text {
display: none;
}
.teaser-standard:not(.teaser-standard-text-only) .image-column {
padding: 0;
}
}
.teaser-standard.teaser-publication .image-wrapper img {
max-width: 100%;
}
@media (width <= 575.98px) {
.teaser-standard.teaser-publication .image-column {
display: none;
}
}
.teaser.teaser-button.teaser-button-small .image-column {
padding: 0;
}
.teaser.teaser-button .teaser-meta .meta-title {
margin-bottom: 1rem;
font-style: italic;
display: block;
}
.teaser.teaser-button .button-wrapper {
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.teaser.teaser-button .button-wrapper .btn:last-child {
margin-bottom: 0;
}
@media (width <= 767.98px) {
.teaser-button.teaser-standard .teaser-meta .teaser-text {
display: block;
}
}
@media (width <= 575.98px) {
.teaser-button.teaser-standard:not(.teaser-event) .teaser-meta .teaser-text {
display: none !important;
}
}
.teaserwall {
margin: 0 0 3rem;
}
.teaserwall div[class^="col"] {
padding: 0;
}
.teaserwall div.row {
margin: 0;
}
.teaserwall .wall-teaser {
height: 100%;
display: block;
overflow: hidden;
}
.teaserwall .wall-teaser img {
width: 100%;
min-width: 100%;
max-width: none;
min-height: 100%;
}
.teaserwall .wall-teaser .wall-teaser-headline {
color: var(--tdk-color-white);
text-align: center;
text-shadow: var(--tdk-shadow-teaser-carousel-indicator);
z-index: 100;
width: 100%;
padding: 1.5rem;
position: absolute;
top: 50%;
overflow: hidden;
transform: translateY(-50%);
}
@media (width >= 1200px) {
.teaserwall .wall-teaser .wall-teaser-headline {
font-size: 2.8rem;
}
.teaserwall .wall-teaser.small .wall-teaser-headline {
font-size: 2.2rem;
}
}
@media (width >= 992px) and (width <= 1199.98px) {
.teaserwall .wall-teaser .wall-teaser-headline {
font-size: 2.5rem;
}
.teaserwall .wall-teaser.small .wall-teaser-headline {
font-size: 1.9rem;
}
}
@media (width >= 768px) and (width <= 991.98px) {
.teaserwall .wall-teaser .wall-teaser-headline {
font-size: 2.5rem;
}
.teaserwall .wall-teaser.small .wall-teaser-headline {
font-size: 1.9rem;
}
}
@media (width >= 576px) and (width <= 767.98px) {
.teaserwall .wall-teaser .wall-teaser-headline {
font-size: 2.8rem;
}
.teaserwall .wall-teaser.small .wall-teaser-headline {
font-size: 2.2rem;
}
}
@media (width <= 575.98px) {
.teaserwall .wall-teaser .wall-teaser-headline, .teaserwall .wall-teaser.small .wall-teaser-headline {
font-size: 2.5rem;
}
}
.teaser-sideinfo-wrapper {
margin: 0 0 3rem;
}
.teaser-sideinfo-wrapper .teaser-wrapper .teaser {
width: calc(100% + 3rem);
height: 100%;
margin-bottom: 0;
margin-left: -1.5rem;
}
.teaser-sideinfo-wrapper .teaser-wrapper .teaser:not(.teaser-publication) .teaser-text {
display: block !important;
}
.teaser-sideinfo-wrapper .teaser-sideinfo {
background: var(--tdk-color-gray-5);
padding: 15px;
}
.teaser-sideinfo-wrapper .teaser-sideinfo .btn {
margin-bottom: 1rem;
}
.teaser-sideinfo-wrapper .teaser-sideinfo {
border-top: 2px solid var(--tdk-color-white);
}
@media (width >= 1200px) {
.teaser-sideinfo-wrapper .teaser-sideinfo {
border-left: 2px solid var(--tdk-color-white);
border-top: 0;
}
}
@media (width <= 575.98px) {
.teaser-sideinfo-wrapper .teaser-sideinfo {
display: none;
}
}
.teaser-more-info .trigger-line {
padding: 0 1.5rem;
}
.teaser-more-info .trigger-line .more-info-button {
margin-bottom: 1.5rem;
}
.teaser-more-info .trigger-line .more-info-button.collapsed .add {
display: inline-block;
}
.teaser-more-info .trigger-line .more-info-button.collapsed .remove, .teaser-more-info .trigger-line .more-info-button:not(.collapsed) .add {
display: none;
}
.teaser-more-info .trigger-line .more-info-button:not(.collapsed) .remove {
display: inline-block;
}
.teaser-more-info .collapse > *, .teaser-more-info .collapsing > * {
border-top: 1px solid var(--tdk-color-white);
margin: 0;
}
.teaser.teaser-dsgvo {
margin-left: -1.5rem;
margin-right: -1.5rem;
display: flex;
}
.teaser-footer {
background: var(--tdk-color-white);
min-height: 12rem;
margin-top: 3rem;
display: flex;
}
.teaser-footer .image-wrapper {
float: left;
justify-content: center;
align-items: center;
display: flex;
}
.teaser-footer .image-wrapper img {
width: 100%;
height: auto;
}
.teaser-footer .teaser-text {
color: var(--tdk-color-yet);
justify-content: center;
align-items: center;
padding: 1rem;
font-size: 1.2rem;
line-height: 1.8rem;
display: flex;
}
a.teaser-footer:hover {
opacity: .7;
text-decoration: none;
}
.teaser.teaser-hraddress .teaser-text {
padding-bottom: 0;
}
.teaser.teaser-hraddress .contact-button {
margin-top: 1rem;
margin-bottom: 0;
}
@media (width <= 575.98px) {
.teaser.teaser-hraddress .teaser-meta .teaser-text {
max-width: 100%;
display: inline-block;
}
}
.maps {
margin-bottom: 3rem;
}
.maps [data-locale-strings], .maps [data-map-data], .maps [data-template-address-image], .maps [data-template-address], .maps [data-template-filter-elements] {
display: none;
}
.maps .infoWindow {
width: 280px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.maps .infoWindow.infoImage {
width: 380px;
}
.maps .infoWindow .info-row {
flex-wrap: wrap;
display: flex;
}
.maps .infoWindow .info-header {
font-size: 1.8rem;
line-height: 2.2rem;
}
.maps .infoWindow .info-secondary {
margin-bottom: 1.5rem;
}
.maps .infoWindow .imageblock {
padding-left: 0;
padding-right: 1.5rem;
font-size: 1.3rem;
font-style: italic;
line-height: 1.8rem;
}
.maps .infoWindow .imageblock img {
width: 100%;
margin-bottom: 1rem;
}
.maps .infoWindow .infoblock {
padding: 0;
}
.maps .infoWindow .infoblock .company {
color: var(--tdk-color-blue);
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 2.2rem;
}
.maps .infoWindow .infoblock .address, .maps .infoWindow .infoblock .numbers, .maps .infoWindow .infoblock .web {
margin-bottom: 1rem;
font-size: 1.3rem;
line-height: 1.8rem;
}
.maps .infoWindow .infoblock .address span, .maps .infoWindow .infoblock .numbers span, .maps .infoWindow .infoblock .web span {
display: inline-block;
}
.maps .infoWindow .infoblock .web a {
display: block;
}
.maps .infoWindow .infoblock .web a:hover {
text-decoration: none;
}
.maps .infoWindow .infoblock .web a i {
vertical-align: top;
font-size: 1.8rem;
line-height: 1.8rem;
display: inline;
position: relative;
}
.maps .network-maps {
background: var(--tdk-color-gray-5);
clear: both;
padding: 3rem 0;
}
.maps .network-maps > .filter-elements {
margin: 0;
padding: 0 1.5rem;
}
.maps .network-maps > .filter-elements .filter-column {
margin: 0 6rem 1.5rem 0;
}
.maps .network-maps > .filter-elements .form-group {
padding-left: 3.25rem;
}
.maps .network-maps p {
margin-bottom: 0;
font-size: 1.3rem;
line-height: 1.8rem;
}
.maps .network-maps .marker-image {
float: left;
width: 3rem;
height: 3rem;
margin-top: -.7rem;
}
@media only screen and (orientation: landscape) {
.maps [data-map] {
max-height: 70vh;
}
}
@media (width <= 991.98px) {
.maps [data-map] {
max-height: 70vh;
}
}
@media (width <= 767.98px) {
.maps .network-maps > .filter-elements .filter-column {
width: 100%;
margin: 0 0 1.5rem;
}
}
@media (width <= 575.98px) {
.maps .infoWindow.infoImage {
width: 170px;
}
.maps .infoWindow .imageblock {
display: none;
}
.maps .infoWindow .infoblock {
flex: 0 0 100%;
max-width: 100%;
}
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: 400;
line-height: 1.2;
}
h1 {
margin-bottom: 3rem;
font-size: 3rem;
line-height: 3.6rem;
}
@media print {
h1 {
font-size: 4.3rem;
font-weight: 700;
line-height: 1.2;
}
}
h2 {
margin-bottom: 1.5rem;
font-size: 2.2rem;
line-height: 2.6rem;
}
@media print {
h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
}
h3 {
margin-bottom: 1rem;
font-size: 2.4rem;
line-height: 2.2rem;
}
@media print {
h3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
}
h4 {
margin-bottom: 1rem;
font-size: 1.6rem;
line-height: 2.1rem;
}
@media print {
h4 {
font-size: 2.3rem;
font-weight: 700;
line-height: 1.2;
}
}
h5 {
margin-bottom: 1rem;
font-size: 1.4rem;
line-height: 1.8rem;
}
@media print {
h5 {
font-size: 2rem;
line-height: 1.2;
}
}
h6 {
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 700;
}
@media print {
h6 {
font-size: 1.8rem;
line-height: 1.2;
}
}
.display-1, .display-2, .display-3, .display-4 {
margin: 0;
font-weight: 400;
line-height: 1.2;
}
.display-1 {
font-size: 3.5rem;
line-height: 4.2rem;
}
@media (width > 576px) {
.display-1 {
font-size: 5rem;
line-height: 6rem;
}
}
@media (width > 768px) {
.display-1 {
font-size: 6.5rem;
line-height: 7.8rem;
}
}
.display-2 {
font-size: 2.2rem;
line-height: 2.6rem;
}
@media (width > 576px) {
.display-2 {
font-size: 2.8rem;
line-height: 3.4rem;
}
}
@media (width > 768px) {
.display-2 {
font-size: 3rem;
line-height: 3.6rem;
}
}
@media (width > 992px) {
.display-2 {
font-size: 3.5rem;
line-height: 4.2rem;
}
}
p {
margin: 0 0 1rem;
line-height: 1.7;
}
@media (width <= 575.98px) {
table td, table th {
padding: 8px 5px !important;
}
table.no-border-1-table td, table.no-border-1-table th, table.no-border-2-table td, table.no-border-2-table th {
margin: 0 -5px !important;
}
}
@media (width >= 576px) and (width <= 767.98px) {
table td, table th {
padding: 8px !important;
}
table.no-border-1-table, table.no-border-2-table {
margin: 0 -8px !important;
}
}
.textfragment {
color: var(--tdk-color-black);
}
.richtext {
font-weight: 400;
}
.richtext h2 {
margin-top: 0;
margin-bottom: 1.5rem;
}
@media print {
.richtext h2 {
font-size: 2.3rem;
font-weight: 700;
line-height: 1.2;
}
}
.richtext h3 {
font-size: 1.8rem;
line-height: 2.2rem;
}
@media print {
.richtext h3 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
}
.richtext h4 {
font-size: 1.6rem;
line-height: 2.1rem;
}
.richtext h5 {
font-size: 1.4rem;
line-height: 1.8rem;
}
@media print {
.richtext h5 {
font-size: 2rem;
line-height: 1.2;
}
}
.richtext .text-size-2 {
font-size: 1.2em;
line-height: 1.3em;
}
.richtext .text-size-1 {
font-size: 1.1em;
line-height: 1.2em;
}
.richtext .text-size-0 {
font-size: 1.3rem;
line-height: 1.8rem;
}
.richtext .text-size--1 {
font-size: .9em;
line-height: 1.2em;
}
.richtext .text-size--2 {
font-size: .8em;
line-height: 1.2em;
}
.richtext .italic {
font-style: italic;
}
.richtext .bold {
font-weight: 700;
}
.richtext .underline {
text-decoration: underline;
}
.richtext ul {
flex-flow: column;
flex-basis: auto;
margin-bottom: 1rem;
font-size: 1.3rem;
line-height: 1.8rem;
display: flex;
}
@media (width <= 575.98px) {
.richtext ul {
clear: both;
}
}
.richtext ul li {
margin-bottom: .5rem;
padding-left: 1.5rem;
position: relative;
}
.richtext ul li:before {
content: " ";
width: 6px;
height: 6px;
color: var(--tdk-color-gray-50);
background: var(--tdk-color-gray-50);
font-size: 13px;
position: absolute;
top: 5px;
left: 0;
}
.richtext ul.circle > li {
margin-bottom: .5rem;
padding-left: 0;
position: relative;
}
.richtext ul.circle > li:before {
content: "•";
color: var(--tdk-color-black);
font-size: 15px;
position: relative;
top: -1px;
left: 0;
}
.richtext ul.circle > li ul {
padding-left: 1.5rem;
}
.richtext ul ul {
margin: .5rem 0 1rem;
}
.richtext ul ul li {
margin-bottom: .5rem;
padding-left: 1.5rem;
position: relative;
}
.richtext ul ul li:before {
content: " ";
height: 1px;
font-size: 6px;
position: absolute;
top: 8px;
left: 0;
}
.richtext ol {
margin: 1rem 0;
padding-left: 1.5rem;
font-size: 1.3rem;
line-height: 1.8rem;
}
.richtext ol li {
margin-bottom: .5rem;
padding-left: .3rem;
}
.richtext ol li ol {
margin: .5rem 0 1rem;
}
.richtext dl {
counter-reset: i;
font-size: 1.3rem;
line-height: 1.8rem;
}
.richtext dl dd, .richtext dl dt {
margin-bottom: 1rem;
margin-left: 4rem;
position: relative;
}
.richtext dl dt {
counter-reset: j;
font-weight: 700;
}
.richtext dl dt:before {
content: counter(i) ".";
counter-increment: i;
position: absolute;
top: 0;
left: -4rem;
}
.richtext dl dd:before {
content: counter(i) "." counter(j) ".";
counter-increment: j;
position: absolute;
top: 0;
left: -4rem;
}
.richtext .blockquote-text {
padding: .5rem 0 0 4rem;
}
.richtext blockquote {
background-color: var(--tdk-color-gray-5);
border-left: 6px solid var(--tdk-color-blue-30);
padding: .5rem;
font-size: 1.3rem;
font-style: italic;
line-height: 1.8rem;
position: relative;
}
.richtext blockquote:before {
content: "“";
color: var(--tdk-color-gray-60);
margin-left: 1rem;
font-size: 5rem;
font-weight: 400;
position: absolute;
top: 2.5rem;
left: 0;
}
.richtext blockquote p {
padding: .5rem 0 0 4rem;
}
.richtext table {
line-height: 18px;
}
.richtext table td, .richtext table th {
text-align: start;
border: 1px solid var(--tdk-color-gray-30);
padding: 8px 10px;
font-size: 1.5rem;
}
.richtext table th {
background-color: var(--tdk-color-blue-5);
font-weight: 400;
}
.richtext table caption {
color: var(--tdk-color-black);
}
.richtext table.no-border-1-table tr:nth-child(2n) {
background: var(--tdk-color-gray-5);
}
.richtext table.no-border-1-table td, .richtext table.no-border-1-table th, .richtext table.no-border-2-table td, .richtext table.no-border-2-table th {
border: none;
margin: 0 -10px;
}
.richtext table.no-border-2-table th {
color: #000;
background-color: var(--tdk-color-white);
font-weight: 700;
}
.richtext .card-body h2 {
margin-top: 0;
}
.richtext .link-inline {
font-size: inherit;
line-height: inherit;
color: var(--tdk-color-blue-dark);
}
.richtext .link-inline:visited {
color: var(--tdk-color-blue-dark);
}
.richtext .link-inline:active, .richtext .link-inline:hover {
text-decoration: underline;
}
.richtext .arrow-link {
margin-top: 1rem;
display: block;
}
.richtext hr {
border: none;
border-top: 1px solid var(--tdk-color-gray-10);
margin: 2rem 0;
display: block;
}
.richtext hr.break-float {
clear: both;
float: none;
border: none;
margin: 0;
display: block;
}
.richtext pre {
color: var(--tdk-color-gray-v1);
font-family: monospace;
font-size: 1.3rem;
line-height: 1.8rem;
}
.articles-specials-heading {
text-align: center;
margin-bottom: 2.4rem;
font-size: 3rem;
}
.articles-richtext {
font-size: 1.5rem;
line-height: 1.6;
}
.articles-richtext h3, .articles-richtext h4, .articles-richtext h5 {
line-height: 1.2;
}
.articles-richtext h3 {
font-size: 2.4rem;
}
.articles-richtext li, .articles-richtext p {
font-size: inherit;
line-height: inherit;
}
.modal {
z-index: 1082;
max-height: 100vh;
}
.modal .modal-dialog {
width: calc(100% - 1rem);
min-width: calc(100% - 1rem);
}
.modal .modal-content .modal-header {
border-bottom: 0;
padding: 0;
}
.modal .modal-content .modal-body {
max-height: calc(100vh - 9rem);
padding: 0 1.5rem 1.5rem;
overflow: auto;
}
.modal .modal-content .close {
color: var(--tdk-color-black);
opacity: 1;
margin: -.5rem 0 0 auto;
}
.modal .spinner {
display: none;
}
.modal.loading {
opacity: 1;
display: block;
}
.modal.loading .modal-dialog {
visibility: hidden;
transform: translate(0);
}
.modal.loading .spinner {
display: block;
}
[data-ui-modal-trigger]:hover {
cursor: pointer;
}
@media (width >= 1200px) {
.modal-dialog {
width: calc(1140px - 3rem) !important;
min-width: calc(1140px - 3rem) !important;
}
}
@media (width >= 992px) and (width <= 1199.98px) {
.modal-dialog {
width: calc(992px - 3rem) !important;
min-width: calc(992px - 3rem) !important;
}
}
@media (width >= 768px) and (width <= 991.98px) {
.modal-dialog {
width: calc(768px - 3rem) !important;
min-width: calc(768px - 3rem) !important;
}
}
@media (width <= 991.98px) {
.ie .modal-content {
margin-top: 35px;
}
}
.modal-backdrop {
z-index: 1081;
}
@media screen {
body.modal-open {
padding-right: 0 !important;
}
}
@media print {
body.modal-open {
overflow: auto;
}
.modal, .modal-backdrop {
display: none !important;
}
}
.spinner {
text-align: center;
width: 50px;
height: 40px;
margin: auto;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
}
.spinner > div {
background-color: var(--tdk-color-white);
width: 6px;
height: 100%;
animation: 1.2s ease-in-out infinite sk-stretchdelay;
display: inline-block;
}
.spinner .rect2 {
animation-delay: -1.1s;
}
.spinner .rect3 {
animation-delay: -1s;
}
.spinner .rect4 {
animation-delay: -.9s;
}
.spinner .rect5 {
animation-delay: -.8s;
}
@keyframes sk-stretchdelay {
0%, 40%, to {
transform: scaleY(.4);
}
20% {
transform: scaleY(1);
}
}
.loading-dots:after {
content: "";
animation: 1s step-end infinite dots;
display: inline-block;
}
@keyframes dots {
0% {
content: "";
}
25% {
content: " .";
}
50% {
content: " ..";
}
75% {
content: " ...";
}
to {
content: "";
}
}
.modal-ajax:not(.show-image) .carousel img, .modal-ajax:not(.show-image) .carousel img.loading:after, .modal-ajax:not(.show-image) .carousel img[src=""]:after {
visibility: hidden;
}
.image-carousel {
margin: 0 -1.5rem;
}
.image-carousel .carousel-inner {
width: calc(100% - var(--navigationbuttons-width) * 2);
margin: 0 auto;
}
.image-carousel .carousel-inner .carousel-item .image-wrapper img {
width: auto;
max-width: 100%;
height: auto;
max-height: 60vh;
margin-left: auto;
margin-right: auto;
display: block;
}
.image-carousel .carousel-control-next, .image-carousel .carousel-control-prev {
color: var(--tdk-color-yet);
opacity: .7;
height: calc(100% - 100px);
width: var(--navigationbuttons-width);
}
.image-carousel .carousel-control-next:hover, .image-carousel .carousel-control-prev:hover {
cursor: pointer;
opacity: 1;
}
.image-carousel .carousel-control-next:hover i, .image-carousel .carousel-control-prev:hover i {
text-shadow: var(--tdk-shadow-teaser-carousel-indicator);
}
.image-carousel .carousel-control-next i, .image-carousel .carousel-control-prev i {
font-size: 4.8rem;
}
.image-carousel .carousel-caption {
color: var(--tdk-color-black);
text-align: center;
width: 100%;
min-height: 100px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 1.1rem;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.image-carousel .carousel-indicators {
bottom: -5px;
}
.image-carousel .carousel-indicators li {
background: var(--tdk-color-yet);
cursor: pointer;
opacity: .7;
width: 3rem;
height: 4px;
margin: 0 .5rem;
}
.image-carousel .carousel-indicators li.active {
background: var(--tdk-color-blue);
opacity: 1;
}
.image-carousel .carousel-indicators li:hover {
opacity: 1;
}
@media (width <= 575.98px) {
.image-carousel .carousel-inner {
width: calc(100% - 30px);
}
.image-carousel .carousel-control-next, .image-carousel .carousel-control-prev {
display: none;
}
}
.image-zoom .address:hover img {
transform: scale(1);
}
.address .address-title {
color: var(--tdk-color-black);
}
.address .blue, .address .contact-name {
color: var(--tdk-color-blue);
}
.address .address-info, .address .number-info {
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.8rem;
}
.address span {
display: block;
}
.address span .bold {
font-weight: 700;
}
.address .link a {
display: block;
}
.address .link a:hover {
text-decoration: none;
}
.address .link a i {
vertical-align: top;
margin-right: .5rem;
font-size: 1.8rem;
line-height: 2.4rem;
position: relative;
}
.sidebar .address, .sidebar .address .image-wrapper {
margin-bottom: 1.5rem;
}
@media (width <= 575.98px) {
.address .image-wrapper {
margin-bottom: 1.5rem;
}
}
.job-offer {
color: #000;
margin-bottom: 3rem;
line-height: 1.4rem;
}
.job-offer h2 {
margin-top: 2.5rem;
margin-bottom: 1.5rem;
}
.downloads-list {
width: 100%;
}
.downloads-list .info {
padding: 10px 0;
}
.downloads-list ul {
margin-bottom: 1rem;
}
.downloads-list ul:first-child {
border-top: 1px solid var(--tdk-color-gray-30);
}
.downloads-list ul li {
border-bottom: 1px solid var(--tdk-color-gray-30);
padding: 10px;
}
.downloads-list ul li .form-row {
align-items: center;
}
.downloads-list ul li .form-row .checkbox {
height: 16px;
}
.downloads-list ul li .form-row .checkbox .custom-control .custom-control-label {
top: -2px;
}
.downloads-list ul li .text {
width: calc(100% - 90px);
}
.downloads-list ul li .icon {
width: 60px;
height: 24px;
}
.downloads-list ul li .icon .table-icon {
min-height: 20px;
display: inline-block;
}
.downloads-list ul li .icon.new i {
float: left;
}
.downloads-list ul li .icon.new img {
width: 2.4rem;
height: 2.4rem;
}
.downloads-list ul li .icon i.icon-file-pdf-box {
font-size: 18.5px;
font-style: normal;
}
.downloads-list ul li .icon i.icon-file-pdf-box:before {
position: relative;
top: -3px;
}
.downloads-list ul li .icon i img {
height: 25px;
position: absolute;
}
.technical-parameters-search {
width: 100%;
}
.technical-parameters-search .result-counter {
background: var(--tdk-color-blue-20);
border: 1px solid var(--tdk-color-gray-30);
border-bottom: 0;
font-size: 1.5rem;
line-height: 2.2rem;
display: flex;
}
.technical-parameters-search .result-counter .result {
flex-grow: 1;
padding: 1rem;
}
.technical-parameters-search .result-counter .result .result-number {
font-weight: 700;
}
.technical-parameters-search .result-counter .help-link {
border-left: 1px solid var(--tdk-color-gray-30);
align-items: center;
display: flex;
}
.technical-parameters-search .result-counter .help-link .btn {
margin: 0;
}
.technical-parameters-search .form-wrapper {
border: 1px solid var(--tdk-color-gray-30);
margin-bottom: 1.5rem;
}
.technical-parameters-search .form-wrapper .form-header {
background-color: var(--tdk-color-blue-5);
}
.technical-parameters-search .form-wrapper .form-header .first-column {
border-right: 1px solid var(--tdk-color-gray-30);
}
.technical-parameters-search .form-wrapper .form-header .first-column, .technical-parameters-search .form-wrapper .form-header .second-column {
padding: .8rem 1rem;
}
.technical-parameters-search .form-wrapper .form-row {
border-top: 1px solid var(--tdk-color-gray-30);
flex-wrap: wrap;
margin: 0;
padding: .5rem 0;
}
.technical-parameters-search .form-wrapper .form-row .col-12:first-child {
padding-top: 3px;
padding-bottom: 3px;
}
.technical-parameters-search .form-wrapper .form-row .form-group {
margin: 0;
}
.technical-parameters-search .form-wrapper .form-row select[disabled]:not([multiple]) {
color: var(--tdk-color-black);
background: none;
border: 0;
}
iframe {
width: 100%;
}
.snackbar {
background: var(--tdk-color-blue);
box-shadow: var(--tdk-shadow-base);
color: var(--tdk-color-white);
opacity: 0;
visibility: hidden;
z-index: 2000;
max-width: 98%;
padding: 1.5rem;
transition: opacity .5s linear;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.snackbar.show {
opacity: 1;
visibility: visible;
}
.application-guide .image-column img {
float: right;
max-width: 100px;
max-height: 100px;
margin: 0 .5rem .5rem;
}
.application-guide .image-column:after {
clear: both;
float: none;
}
.application-guide .table-responsive {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (width <= 767.98px) {
.application-guide .image-column img {
float: left;
}
}
.info-layer {
margin-top: -1rem;
margin-bottom: 1rem;
}
.info-layer .info-layer-item {
background: var(--tdk-color-white);
color: var(--tdk-color-black);
visibility: hidden;
margin: 0 -1.5rem;
padding: 0 1.5rem;
position: absolute;
}
.info-layer .info-layer-item > .container {
padding: 1.5rem;
}
.info-layer .info-layer-item .btn {
margin: 0;
}
.info-layer .info-layer-item.calculated {
visibility: visible;
position: relative;
}
.info-layer .info-layer-item.calculated:last-child {
margin: 0 -1.5rem 1.5rem;
}
@media (width <= 575.98px) {
.info-layer {
margin-top: -1rem;
margin-bottom: 1rem;
}
.info-layer .info-layer-item .btn {
width: 100%;
margin-top: 1.5rem;
}
}
#cookielayer .modal-header {
padding-top: 1rem;
}
#cookielayer h2 {
padding-left: 1.5rem;
}
#cookielayer h3, #cookielayer h4 {
margin-bottom: 0;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.7;
}
#cookielayer .slider {
margin-bottom: 1.5rem;
}
#cookielayer .form-row:first-of-type {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
#cookielayer[data-hide-essential="true"] [data-essential="true"] {
display: none;
}
#cookielayer .slider .card-header, #cookielayer .slider .card-header h5 {
display: inline-block;
}
#cookielayer .slider .card-header {
background: none;
border: none;
}
#cookielayer .info {
margin-bottom: 1.2rem;
}
#cookielayer .info:last-of-type p a {
margin-right: 1rem;
}
#cookielayer .form-group button {
min-width: 40%;
}
#cookielayer .slider .card-header .slider-button:before {
left: -.5rem;
}
#cookielayer .slider .card-header .slider-button {
padding: .6rem 1rem .6rem 1.5rem;
}
@media (width >= 1200px) {
#cookielayer .modal-dialog {
width: calc(510px - 3rem) !important;
min-width: calc(510px - 3rem) !important;
}
}
@media (width >= 992px) and (width <= 1199.98px) {
#cookielayer .modal-dialog {
width: calc(510px - 3rem) !important;
min-width: calc(510px - 3rem) !important;
}
}
@media (width >= 768px) and (width <= 991.98px) {
#cookielayer .modal-dialog {
width: calc(510px - 3rem) !important;
min-width: calc(510px - 3rem) !important;
}
}
a[data-modal-target="#cookielayer"] {
display: none;
}
.shopcard-item {
background: var(--tdk-color-gray-5);
margin-bottom: 1.5rem;
padding: 1rem 1.5rem 0;
}
.shopcard-item .shopcard-item-header {
color: var(--tdk-color-blue);
margin-bottom: 1rem;
}
.shopcard-item .shopcard-item-total-row {
background: var(--tdk-color-gray-10);
border-top: 1px solid var(--tdk-color-gray-40);
padding-top: .5rem;
padding-bottom: .5rem;
}
.shopcard-item .shopcard-item-total-row .item-total {
font-size: 1.8rem;
}
.shopcard-item .shopcard-item-infos {
margin-bottom: 1rem;
}
.shopcard-item .shopcard-item-infos > span {
font-size: 1.3rem;
line-height: 2.9rem;
display: block;
}
.tooltip.show {
opacity: 1;
}
.tooltip .tooltip-inner {
background: var(--tdk-color-blue);
color: var(--tdk-color-white);
text-align: left;
max-width: 200px;
padding: .5rem;
font-size: 1rem;
}
.tooltip .arrow:before {
border-bottom-color: var(--tdk-color-blue);
}
.hr-search-form hr {
border-color: var(--tdk-color-gray-40);
width: 100%;
display: block;
}
.checkbox-group {
margin-bottom: 2rem;
}
.checkbox-group .group-header {
border-bottom: 1px solid var(--tdk-color-gray-40);
padding-bottom: 2px;
}
.checkbox-group li {
padding: 5px 0 2px;
}
.checkbox-group ul li {
padding-left: 2rem;
}
.button-group.full-width {
margin: 0 -5px;
display: flex;
}
.button-group.full-width .btn {
flex-grow: 1;
margin: 10px 5px;
}
.social-icons li {
float: left;
margin-bottom: 2rem;
margin-right: 2rem;
}
.social-icons li a:hover {
opacity: .7;
}
.social-icons li .social-icon {
width: 35px;
height: 35px;
}
@media print {
.social-icons {
display: none;
}
body, html {
width: 210mm;
height: 297mm;
}
.richtext ul li:before {
content: "";
width: 0;
}
.richtext ul li {
margin-left: 12px;
padding-left: 0;
list-style: outside;
}
.col-sm-1 {
max-width: 8.33333%;
}
.col-sm-2 {
max-width: 16.6667%;
}
.col-sm-3 {
max-width: 25%;
}
.col-sm-4 {
max-width: 33.3333%;
}
.col-sm-5 {
max-width: 41.6667%;
}
.col-sm-6 {
max-width: 50%;
}
.col-sm-7 {
max-width: 58.3333%;
}
.col-sm-8 {
max-width: 66.6667%;
}
.col-sm-9 {
max-width: 75%;
}
.col-sm-10 {
max-width: 83.3333%;
}
.col-sm-11 {
max-width: 91.6667%;
}
.col-sm-12 {
max-width: 100%;
}
}
@page {
size: A4;
margin: 0;
margin-bottom: 22mm;
margin-top: 13mm;
padding: 0;
}
.video {
width: 100%;
height: 0;
position: relative;
}
.video.v1-1 {
padding-top: 100%;
}
.video.v5-4 {
padding-top: 80%;
}
.video.v4-3 {
padding-top: 75%;
}
.video.v3-2 {
padding-top: 66.6666%;
}
.video.v16-9 {
padding-top: 56.25%;
}
.video.v2-1 {
padding-top: 50%;
}
.video.v3-1 {
padding-top: 33.3333%;
}
.video iframe {
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.m-icon-file_pdf_box:before {
content: "file_pdf_box";
}
.m-icon-file_word_box:before {
content: "file_word_box";
}
.m-icon-file_excel_box:before {
content: "file_excel_box";
}
.m-icon-file_powerpoint_box:before {
content: "file_powerpoint_box";
}
.m-icon-file_document_box:before {
content: "file_document_box";
}
.m-icon-file_download:before {
content: "file_download";
}
.m-icon-file_upload:before {
content: "file_upload";
}
.m-icon-zip_box:before {
content: "zip_box";
}
.m-icon-redo_variant:before {
content: "redo_variant";
}
.m-icon-3d_rotation:before {
content: "3d_rotation";
}
.m-icon-accessibility:before {
content: "accessibility";
}
.m-icon-accessible:before {
content: "accessible";
}
.m-icon-account_balance:before {
content: "account_balance";
}
.m-icon-account_balance_wallet:before {
content: "account_balance_wallet";
}
.m-icon-account_box:before {
content: "account_box";
}
.m-icon-account_circle:before {
content: "account_circle";
}
.m-icon-add_shopping_cart:before {
content: "add_shopping_cart";
}
.m-icon-alarm:before {
content: "alarm";
}
.m-icon-alarm::before_add:before {
content: "alarm_add";
}
.m-icon-alarm::before_off:before {
content: "alarm_off";
}
.m-icon-alarm::before_on:before {
content: "alarm_on";
}
.m-icon-all_out:before {
content: "all_out";
}
.m-icon-android:before {
content: "android";
}
.m-icon-announcement:before {
content: "announcement";
}
.m-icon-aspect_ratio:before {
content: "aspect_ratio";
}
.m-icon-assessment:before {
content: "assessment";
}
.m-icon-assignment:before {
content: "assignment";
}
.m-icon-assignment_ind:before {
content: "assignment_ind";
}
.m-icon-assignment_late:before {
content: "assignment_late";
}
.m-icon-assignment_return:before {
content: "assignment_return";
}
.m-icon-assignment_returned:before {
content: "assignment_returned";
}
.m-icon-assignment_turned_in:before {
content: "assignment_turned_in";
}
.m-icon-autorenew:before {
content: "autorenew";
}
.m-icon-backup:before {
content: "backup";
}
.m-icon-book:before {
content: "book";
}
.m-icon-bookmark:before {
content: "bookmark";
}
.m-icon-bookmark_border:before {
content: "bookmark_border";
}
.m-icon-bug_report:before {
content: "bug_report";
}
.m-icon-build:before {
content: "build";
}
.m-icon-cached:before {
content: "cached";
}
.m-icon-camera_enhance:before {
content: "camera_enhance";
}
.m-icon-card_giftcard:before {
content: "card_giftcard";
}
.m-icon-card_membership:before {
content: "card_membership";
}
.m-icon-card_travel:before {
content: "card_travel";
}
.m-icon-change_history:before {
content: "change_history";
}
.m-icon-check_circle:before {
content: "check_circle";
}
.m-icon-chrome_reader_mode:before {
content: "chrome_reader_mode";
}
.m-icon-class:before {
content: "class";
}
.m-icon-code:before {
content: "code";
}
.m-icon-compare_arrows:before {
content: "compare_arrows";
}
.m-icon-copyright:before {
content: "copyright";
}
.m-icon-credit_card:before {
content: "credit_card";
}
.m-icon-dashboard:before {
content: "dashboard";
}
.m-icon-date_range:before {
content: "date_range";
}
.m-icon-delete:before {
content: "delete";
}
.m-icon-delete_forever:before {
content: "delete_forever";
}
.m-icon-description:before {
content: "description";
}
.m-icon-dns:before {
content: "dns";
}
.m-icon-done:before {
content: "done";
}
.m-icon-done_all:before {
content: "done_all";
}
.m-icon-donut_large:before {
content: "donut_large";
}
.m-icon-donut_small:before {
content: "donut_small";
}
.m-icon-eject:before {
content: "eject";
}
.m-icon-euro_symbol:before {
content: "euro_symbol";
}
.m-icon-event:before {
content: "event";
}
.m-icon-event_seat:before {
content: "event_seat";
}
.m-icon-exit_to_app:before {
content: "exit_to_app";
}
.m-icon-explore:before {
content: "explore";
}
.m-icon-extension:before {
content: "extension";
}
.m-icon-face:before {
content: "face";
}
.m-icon-favorite:before {
content: "favorite";
}
.m-icon-favorite_border:before {
content: "favorite_border";
}
.m-icon-feedback:before {
content: "feedback";
}
.m-icon-find_in_page:before {
content: "find_in_page";
}
.m-icon-find_replace:before {
content: "find_replace";
}
.m-icon-fingerprint:before {
content: "fingerprint";
}
.m-icon-flight_land:before {
content: "flight_land";
}
.m-icon-flight_takeoff:before {
content: "flight_takeoff";
}
.m-icon-flip_to_back:before {
content: "flip_to_back";
}
.m-icon-flip_to_front:before {
content: "flip_to_front";
}
.m-icon-g_translate:before {
content: "g_translate";
}
.m-icon-gavel:before {
content: "gavel";
}
.m-icon-get_app:before {
content: "get_app";
}
.m-icon-gif:before {
content: "gif";
}
.m-icon-grade:before {
content: "grade";
}
.m-icon-group_work:before {
content: "group_work";
}
.m-icon-help:before {
content: "help";
}
.m-icon-help_outline:before {
content: "help_outline";
}
.m-icon-highlight_off:before {
content: "highlight_off";
}
.m-icon-history:before {
content: "history";
}
.m-icon-home:before {
content: "home";
}
.m-icon-hourglass_empty:before {
content: "hourglass_empty";
}
.m-icon-hourglass_full:before {
content: "hourglass_full";
}
.m-icon-http:before {
content: "http";
}
.m-icon-https:before {
content: "https";
}
.m-icon-important_devices:before {
content: "important_devices";
}
.m-icon-info:before {
content: "info";
}
.m-icon-info_outline:before {
content: "info_outline";
}
.m-icon-input:before {
content: "input";
}
.m-icon-invert_colors:before {
content: "invert_colors";
}
.m-icon-label:before {
content: "label";
}
.m-icon-label_outline:before {
content: "label_outline";
}
.m-icon-language:before {
content: "language";
}
.m-icon-launch:before {
content: "launch";
}
.m-icon-lightbulb_outline:before {
content: "lightbulb_outline";
}
.m-icon-line_style:before {
content: "line_style";
}
.m-icon-line_weight:before {
content: "line_weight";
}
.m-icon-list:before {
content: "list";
}
.m-icon-lock:before {
content: "lock";
}
.m-icon-lock_open:before {
content: "lock_open";
}
.m-icon-lock_outline:before {
content: "lock_outline";
}
.m-icon-loyalty:before {
content: "loyalty";
}
.m-icon-markunread_mailbox:before {
content: "markunread_mailbox";
}
.m-icon-motorcycle:before {
content: "motorcycle";
}
.m-icon-note_add:before {
content: "note_add";
}
.m-icon-offline_pin:before {
content: "offline_pin";
}
.m-icon-opacity:before {
content: "opacity";
}
.m-icon-open_in_browser:before {
content: "open_in_browser";
}
.m-icon-open_in_new:before {
content: "open_in_new";
}
.m-icon-open_with:before {
content: "open_with";
}
.m-icon-pageview:before {
content: "pageview";
}
.m-icon-pan_tool:before {
content: "pan_tool";
}
.m-icon-payment:before {
content: "payment";
}
.m-icon-perm_camera_mic:before {
content: "perm_camera_mic";
}
.m-icon-perm_contact_calendar:before {
content: "perm_contact_calendar";
}
.m-icon-perm_data_setting:before {
content: "perm_data_setting";
}
.m-icon-perm_device_information:before {
content: "perm_device_information";
}
.m-icon-perm_identity:before {
content: "perm_identity";
}
.m-icon-perm_media:before {
content: "perm_media";
}
.m-icon-perm_phone_msg:before {
content: "perm_phone_msg";
}
.m-icon-perm_scan_wifi:before {
content: "perm_scan_wifi";
}
.m-icon-pets:before {
content: "pets";
}
.m-icon-picture_in_picture:before {
content: "picture_in_picture";
}
.m-icon-picture_in_picture_alt:before {
content: "picture_in_picture_alt";
}
.m-icon-play_for_work:before {
content: "play_for_work";
}
.m-icon-polymer:before {
content: "polymer";
}
.m-icon-power_settings_new:before {
content: "power_settings_new";
}
.m-icon-pregnant_woman:before {
content: "pregnant_woman";
}
.m-icon-print:before {
content: "print";
}
.m-icon-query_builder:before {
content: "query_builder";
}
.m-icon-question_answer:before {
content: "question_answer";
}
.m-icon-receipt:before {
content: "receipt";
}
.m-icon-record_voice_over:before {
content: "record_voice_over";
}
.m-icon-redeem:before {
content: "redeem";
}
.m-icon-remove_shopping_cart:before {
content: "remove_shopping_cart";
}
.m-icon-reorder:before {
content: "reorder";
}
.m-icon-report_problem:before {
content: "report_problem";
}
.m-icon-restore:before {
content: "restore";
}
.m-icon-restore_page:before {
content: "restore_page";
}
.m-icon-room:before {
content: "room";
}
.m-icon-rounded_corner:before {
content: "rounded_corner";
}
.m-icon-rowing:before {
content: "rowing";
}
.m-icon-schedule:before {
content: "schedule";
}
.m-icon-search:before {
content: "search";
}
.m-icon-settings:before {
content: "settings";
}
.m-icon-settings_applications:before {
content: "settings_applications";
}
.m-icon-settings_backup_restore:before {
content: "settings_backup_restore";
}
.m-icon-settings_bluetooth:before {
content: "settings_bluetooth";
}
.m-icon-settings_brightness:before {
content: "settings_brightness";
}
.m-icon-settings_cell:before {
content: "settings_cell";
}
.m-icon-settings_ethernet:before {
content: "settings_ethernet";
}
.m-icon-settings_input_antenna:before {
content: "settings_input_antenna";
}
.m-icon-settings_input_component:before {
content: "settings_input_component";
}
.m-icon-settings_input_composite:before {
content: "settings_input_composite";
}
.m-icon-settings_input_hdmi:before {
content: "settings_input_hdmi";
}
.m-icon-settings_input_svideo:before {
content: "settings_input_svideo";
}
.m-icon-settings_overscan:before {
content: "settings_overscan";
}
.m-icon-settings_phone:before {
content: "settings_phone";
}
.m-icon-settings_power:before {
content: "settings_power";
}
.m-icon-settings_remote:before {
content: "settings_remote";
}
.m-icon-settings_voice:before {
content: "settings_voice";
}
.m-icon-shop:before {
content: "shop";
}
.m-icon-shop_two:before {
content: "shop_two";
}
.m-icon-shopping_basket:before {
content: "shopping_basket";
}
.m-icon-shopping_cart:before {
content: "shopping_cart";
}
.m-icon-speaker_notes:before {
content: "speaker_notes";
}
.m-icon-speaker_notes_off:before {
content: "speaker_notes_off";
}
.m-icon-spellcheck:before {
content: "spellcheck";
}
.m-icon-star_rate:before {
content: "star_rate";
}
.m-icon-stars:before {
content: "stars";
}
.m-icon-store:before {
content: "store";
}
.m-icon-subject:before {
content: "subject";
}
.m-icon-supervisor_account:before {
content: "supervisor_account";
}
.m-icon-swap_horiz:before {
content: "swap_horiz";
}
.m-icon-swap_vert:before {
content: "swap_vert";
}
.m-icon-swap_vertical_circle:before {
content: "swap_vertical_circle";
}
.m-icon-system_update_alt:before {
content: "system_update_alt";
}
.m-icon-tab:before {
content: "tab";
}
.m-icon-tab_unselected:before {
content: "tab_unselected";
}
.m-icon-theaters:before {
content: "theaters";
}
.m-icon-thumb_down:before {
content: "thumb_down";
}
.m-icon-thumb_up:before {
content: "thumb_up";
}
.m-icon-thumbs_up_down:before {
content: "thumbs_up_down";
}
.m-icon-timeline:before {
content: "timeline";
}
.m-icon-toc:before {
content: "toc";
}
.m-icon-today:before {
content: "today";
}
.m-icon-toll:before {
content: "toll";
}
.m-icon-touch_app:before {
content: "touch_app";
}
.m-icon-track_changes:before {
content: "track_changes";
}
.m-icon-translate:before {
content: "translate";
}
.m-icon-trending_down:before {
content: "trending_down";
}
.m-icon-trending_flat:before {
content: "trending_flat";
}
.m-icon-trending_up:before {
content: "trending_up";
}
.m-icon-turned_in:before {
content: "turned_in";
}
.m-icon-turned_in_not:before {
content: "turned_in_not";
}
.m-icon-update:before {
content: "update";
}
.m-icon-verified_user:before {
content: "verified_user";
}
.m-icon-view_agenda:before {
content: "view_agenda";
}
.m-icon-view_array:before {
content: "view_array";
}
.m-icon-view_carousel:before {
content: "view_carousel";
}
.m-icon-view_column:before {
content: "view_column";
}
.m-icon-view_day:before {
content: "view_day";
}
.m-icon-view_headline:before {
content: "view_headline";
}
.m-icon-view_list:before {
content: "view_list";
}
.m-icon-view_module:before {
content: "view_module";
}
.m-icon-view_quilt:before {
content: "view_quilt";
}
.m-icon-view_stream:before {
content: "view_stream";
}
.m-icon-view_week:before {
content: "view_week";
}
.m-icon-visibility:before {
content: "visibility";
}
.m-icon-visibility_off:before {
content: "visibility_off";
}
.m-icon-watch_later:before {
content: "watch_later";
}
.m-icon-work:before {
content: "work";
}
.m-icon-youtube_searched_for:before {
content: "youtube_searched_for";
}
.m-icon-zoom_in:before {
content: "zoom_in";
}
.m-icon-zoom_out:before {
content: "zoom_out";
}
.m-icon-add_alert:before {
content: "add_alert";
}
.m-icon-error:before {
content: "error";
}
.m-icon-error_outline:before {
content: "error_outline";
}
.m-icon-warning:before {
content: "warning";
}
.m-icon-add_to_queue:before {
content: "add_to_queue";
}
.m-icon-airplay:before {
content: "airplay";
}
.m-icon-album:before {
content: "album";
}
.m-icon-art_track:before {
content: "art_track";
}
.m-icon-av_timer:before {
content: "av_timer";
}
.m-icon-branding_watermark:before {
content: "branding_watermark";
}
.m-icon-call_to_action:before {
content: "call_to_action";
}
.m-icon-closed_caption:before {
content: "closed_caption";
}
.m-icon-equalizer:before {
content: "equalizer";
}
.m-icon-explicit:before {
content: "explicit";
}
.m-icon-fast_forward:before {
content: "fast_forward";
}
.m-icon-fast_rewind:before {
content: "fast_rewind";
}
.m-icon-featured_play_list:before {
content: "featured_play_list";
}
.m-icon-featured_video:before {
content: "featured_video";
}
.m-icon-fiber_dvr:before {
content: "fiber_dvr";
}
.m-icon-fiber_manual_record:before {
content: "fiber_manual_record";
}
.m-icon-fiber_new:before {
content: "fiber_new";
}
.m-icon-fiber_pin:before {
content: "fiber_pin";
}
.m-icon-fiber_smart_record:before {
content: "fiber_smart_record";
}
.m-icon-forward_10:before {
content: "forward_10";
}
.m-icon-forward_30:before {
content: "forward_30";
}
.m-icon-forward_5:before {
content: "forward_5";
}
.m-icon-games:before {
content: "games";
}
.m-icon-hd:before {
content: "hd";
}
.m-icon-hearing:before {
content: "hearing";
}
.m-icon-high_quality:before {
content: "high_quality";
}
.m-icon-library_add:before {
content: "library_add";
}
.m-icon-library_books:before {
content: "library_books";
}
.m-icon-library_music:before {
content: "library_music";
}
.m-icon-loop:before {
content: "loop";
}
.m-icon-mic:before {
content: "mic";
}
.m-icon-mic_none:before {
content: "mic_none";
}
.m-icon-mic_off:before {
content: "mic_off";
}
.m-icon-movie:before {
content: "movie";
}
.m-icon-music_video:before {
content: "music_video";
}
.m-icon-new_releases:before {
content: "new_releases";
}
.m-icon-not_interested:before {
content: "not_interested";
}
.m-icon-note:before {
content: "note";
}
.m-icon-pause:before {
content: "pause";
}
.m-icon-pause_circle_filled:before {
content: "pause_circle_filled";
}
.m-icon-pause_circle_outline:before {
content: "pause_circle_outline";
}
.m-icon-play_arrow:before {
content: "play_arrow";
}
.m-icon-play_circle_filled:before {
content: "play_circle_filled";
}
.m-icon-play_circle_outline:before {
content: "play_circle_outline";
}
.m-icon-playlist_add:before {
content: "playlist_add";
}
.m-icon-playlist_add_check:before {
content: "playlist_add_check";
}
.m-icon-playlist_play:before {
content: "playlist_play";
}
.m-icon-queue:before {
content: "queue";
}
.m-icon-queue_music:before {
content: "queue_music";
}
.m-icon-queue_play_next:before {
content: "queue_play_next";
}
.m-icon-radio:before {
content: "radio";
}
.m-icon-recent_actors:before {
content: "recent_actors";
}
.m-icon-remove_from_queue:before {
content: "remove_from_queue";
}
.m-icon-repeat:before {
content: "repeat";
}
.m-icon-repeat_one:before {
content: "repeat_one";
}
.m-icon-replay:before {
content: "replay";
}
.m-icon-replay_10:before {
content: "replay_10";
}
.m-icon-replay_30:before {
content: "replay_30";
}
.m-icon-replay_5:before {
content: "replay_5";
}
.m-icon-shuffle:before {
content: "shuffle";
}
.m-icon-skip_next:before {
content: "skip_next";
}
.m-icon-skip_previous:before {
content: "skip_previous";
}
.m-icon-slow_motion_video:before {
content: "slow_motion_video";
}
.m-icon-snooze:before {
content: "snooze";
}
.m-icon-sort_by_alpha:before {
content: "sort_by_alpha";
}
.m-icon-stop:before {
content: "stop";
}
.m-icon-subscriptions:before {
content: "subscriptions";
}
.m-icon-subtitles:before {
content: "subtitles";
}
.m-icon-surround_sound:before {
content: "surround_sound";
}
.m-icon-video_call:before {
content: "video_call";
}
.m-icon-video_label:before {
content: "video_label";
}
.m-icon-video_library:before {
content: "video_library";
}
.m-icon-videocam:before {
content: "videocam";
}
.m-icon-videocam_off:before {
content: "videocam_off";
}
.m-icon-volume_down:before {
content: "volume_down";
}
.m-icon-volume_mute:before {
content: "volume_mute";
}
.m-icon-volume_off:before {
content: "volume_off";
}
.m-icon-volume_up:before {
content: "volume_up";
}
.m-icon-web:before {
content: "web";
}
.m-icon-web_asset:before {
content: "web_asset";
}
.m-icon-business:before {
content: "business";
}
.m-icon-call:before {
content: "call";
}
.m-icon-call_end:before {
content: "call_end";
}
.m-icon-call_made:before {
content: "call_made";
}
.m-icon-call_merge:before {
content: "call_merge";
}
.m-icon-call_missed:before {
content: "call_missed";
}
.m-icon-call_missed_outgoing:before {
content: "call_missed_outgoing";
}
.m-icon-call_received:before {
content: "call_received";
}
.m-icon-call_split:before {
content: "call_split";
}
.m-icon-chat:before {
content: "chat";
}
.m-icon-chat_bubble:before {
content: "chat_bubble";
}
.m-icon-chat_bubble_outline:before {
content: "chat_bubble_outline";
}
.m-icon-clear_all:before {
content: "clear_all";
}
.m-icon-comment:before {
content: "comment";
}
.m-icon-contact_mail:before {
content: "contact_mail";
}
.m-icon-contact_phone:before {
content: "contact_phone";
}
.m-icon-contacts:before {
content: "contacts";
}
.m-icon-dialer_sip:before {
content: "dialer_sip";
}
.m-icon-dialpad:before {
content: "dialpad";
}
.m-icon-email:before {
content: "email";
}
.m-icon-forum:before {
content: "forum";
}
.m-icon-import_contacts:before {
content: "import_contacts";
}
.m-icon-import_export:before {
content: "import_export";
}
.m-icon-invert_colors_off:before {
content: "invert_colors_off";
}
.m-icon-live_help:before {
content: "live_help";
}
.m-icon-location_off:before {
content: "location_off";
}
.m-icon-location_on:before {
content: "location_on";
}
.m-icon-mail_outline:before {
content: "mail_outline";
}
.m-icon-message:before {
content: "message";
}
.m-icon-no_sim:before {
content: "no_sim";
}
.m-icon-phone:before {
content: "phone";
}
.m-icon-phonelink_erase:before {
content: "phonelink_erase";
}
.m-icon-phonelink_lock:before {
content: "phonelink_lock";
}
.m-icon-phonelink_ring:before {
content: "phonelink_ring";
}
.m-icon-phonelink_setup:before {
content: "phonelink_setup";
}
.m-icon-portable_wifi_off:before {
content: "portable_wifi_off";
}
.m-icon-present_to_all:before {
content: "present_to_all";
}
.m-icon-ring_volume:before {
content: "ring_volume";
}
.m-icon-rss_feed:before {
content: "rss_feed";
}
.m-icon-screen_share:before {
content: "screen_share";
}
.m-icon-speaker_phone:before {
content: "speaker_phone";
}
.m-icon-stay_current_landscape:before {
content: "stay_current_landscape";
}
.m-icon-stay_current_portrait:before {
content: "stay_current_portrait";
}
.m-icon-stay_primary_landscape:before {
content: "stay_primary_landscape";
}
.m-icon-stay_primary_portrait:before {
content: "stay_primary_portrait";
}
.m-icon-stop_screen_share:before {
content: "stop_screen_share";
}
.m-icon-swap_calls:before {
content: "swap_calls";
}
.m-icon-textsms:before {
content: "textsms";
}
.m-icon-voicemail:before {
content: "voicemail";
}
.m-icon-vpn_key:before {
content: "vpn_key";
}
.m-icon-add:before {
content: "add";
}
.m-icon-add_box:before {
content: "add_box";
}
.m-icon-add_circle:before {
content: "add_circle";
}
.m-icon-add_circle_outline:before {
content: "add_circle_outline";
}
.m-icon-archive:before {
content: "archive";
}
.m-icon-backspace:before {
content: "backspace";
}
.m-icon-block:before {
content: "block";
}
.m-icon-clear:before {
content: "clear";
}
.m-icon-content_copy:before {
content: "content_copy";
}
.m-icon-content_cut:before {
content: "content_cut";
}
.m-icon-content_paste:before {
content: "content_paste";
}
.m-icon-create:before {
content: "create";
}
.m-icon-delete_sweep:before {
content: "delete_sweep";
}
.m-icon-drafts:before {
content: "drafts";
}
.m-icon-filter_list:before {
content: "filter_list";
}
.m-icon-flag:before {
content: "flag";
}
.m-icon-font_download:before {
content: "font_download";
}
.m-icon-forward:before {
content: "forward";
}
.m-icon-gesture:before {
content: "gesture";
}
.m-icon-inbox:before {
content: "inbox";
}
.m-icon-link:before {
content: "link";
}
.m-icon-low_priority:before {
content: "low_priority";
}
.m-icon-mail:before {
content: "mail";
}
.m-icon-markunread:before {
content: "markunread";
}
.m-icon-move_to_inbox:before {
content: "move_to_inbox";
}
.m-icon-next_week:before {
content: "next_week";
}
.m-icon-redo:before {
content: "redo";
}
.m-icon-remove:before {
content: "remove";
}
.m-icon-remove_circle:before {
content: "remove_circle";
}
.m-icon-remove_circle_outline:before {
content: "remove_circle_outline";
}
.m-icon-reply:before {
content: "reply";
}
.m-icon-reply_all:before {
content: "reply_all";
}
.m-icon-report:before {
content: "report";
}
.m-icon-save:before {
content: "save";
}
.m-icon-select_all:before {
content: "select_all";
}
.m-icon-send:before {
content: "send";
}
.m-icon-sort:before {
content: "sort";
}
.m-icon-text_format:before {
content: "text_format";
}
.m-icon-unarchive:before {
content: "unarchive";
}
.m-icon-undo:before {
content: "undo";
}
.m-icon-weekend:before {
content: "weekend";
}
.m-icon-access_alarm:before {
content: "access_alarm";
}
.m-icon-access_alarms:before {
content: "access_alarms";
}
.m-icon-access_time:before {
content: "access_time";
}
.m-icon-add_alarm:before {
content: "add_alarm";
}
.m-icon-airplanemode_active:before {
content: "airplanemode_active";
}
.m-icon-airplanemode_inactive:before {
content: "airplanemode_inactive";
}
.m-icon-battery_alert:before {
content: "battery_alert";
}
.m-icon-battery_charging_full:before {
content: "battery_charging_full";
}
.m-icon-battery_full:before {
content: "battery_full";
}
.m-icon-battery_std:before {
content: "battery_std";
}
.m-icon-battery_unknown:before {
content: "battery_unknown";
}
.m-icon-bluetooth:before {
content: "bluetooth";
}
.m-icon-bluetooth_connected:before {
content: "bluetooth_connected";
}
.m-icon-bluetooth_disabled:before {
content: "bluetooth_disabled";
}
.m-icon-bluetooth_searching:before {
content: "bluetooth_searching";
}
.m-icon-brightness_auto:before {
content: "brightness_auto";
}
.m-icon-brightness_high:before {
content: "brightness_high";
}
.m-icon-brightness_low:before {
content: "brightness_low";
}
.m-icon-brightness_medium:before {
content: "brightness_medium";
}
.m-icon-data_usage:before {
content: "data_usage";
}
.m-icon-developer_mode:before {
content: "developer_mode";
}
.m-icon-devices:before {
content: "devices";
}
.m-icon-dvr:before {
content: "dvr";
}
.m-icon-gps_fixed:before {
content: "gps_fixed";
}
.m-icon-gps_not_fixed:before {
content: "gps_not_fixed";
}
.m-icon-gps_off:before {
content: "gps_off";
}
.m-icon-graphic_eq:before {
content: "graphic_eq";
}
.m-icon-location_disabled:before {
content: "location_disabled";
}
.m-icon-location_searching:before {
content: "location_searching";
}
.m-icon-network_cell:before {
content: "network_cell";
}
.m-icon-network_wifi:before {
content: "network_wifi";
}
.m-icon-nfc:before {
content: "nfc";
}
.m-icon-screen_lock_landscape:before {
content: "screen_lock_landscape";
}
.m-icon-screen_lock_portrait:before {
content: "screen_lock_portrait";
}
.m-icon-screen_lock_rotation:before {
content: "screen_lock_rotation";
}
.m-icon-screen_rotation:before {
content: "screen_rotation";
}
.m-icon-sd_storage:before {
content: "sd_storage";
}
.m-icon-settings_system_daydream:before {
content: "settings_system_daydream";
}
.m-icon-signal_cellular_4_bar:before {
content: "signal_cellular_4_bar";
}
.m-icon-signal_cellular_connected_no_internet_4_bar:before {
content: "signal_cellular_connected_no_internet_4_bar";
}
.m-icon-signal_cellular_no_sim:before {
content: "signal_cellular_no_sim";
}
.m-icon-signal_cellular_null:before {
content: "signal_cellular_null";
}
.m-icon-signal_cellular_off:before {
content: "signal_cellular_off";
}
.m-icon-signal_wifi_4_bar:before {
content: "signal_wifi_4_bar";
}
.m-icon-signal_wifi_4_bar_lock:before {
content: "signal_wifi_4_bar_lock";
}
.m-icon-signal_wifi_off:before {
content: "signal_wifi_off";
}
.m-icon-storage:before {
content: "storage";
}
.m-icon-usb:before {
content: "usb";
}
.m-icon-wallpaper:before {
content: "wallpaper";
}
.m-icon-widgets:before {
content: "widgets";
}
.m-icon-wifi_lock:before {
content: "wifi_lock";
}
.m-icon-wifi_tethering:before {
content: "wifi_tethering";
}
.m-icon-attach_file:before {
content: "attach_file";
}
.m-icon-attach_money:before {
content: "attach_money";
}
.m-icon-border_all:before {
content: "border_all";
}
.m-icon-border_bottom:before {
content: "border_bottom";
}
.m-icon-border_clear:before {
content: "border_clear";
}
.m-icon-border_color:before {
content: "border_color";
}
.m-icon-border_horizontal:before {
content: "border_horizontal";
}
.m-icon-border_inner:before {
content: "border_inner";
}
.m-icon-border_left:before {
content: "border_left";
}
.m-icon-border_outer:before {
content: "border_outer";
}
.m-icon-border_right:before {
content: "border_right";
}
.m-icon-border_style:before {
content: "border_style";
}
.m-icon-border_top:before {
content: "border_top";
}
.m-icon-border_vertical:before {
content: "border_vertical";
}
.m-icon-bubble_chart:before {
content: "bubble_chart";
}
.m-icon-drag_handle:before {
content: "drag_handle";
}
.m-icon-format_align_center:before {
content: "format_align_center";
}
.m-icon-format_align_justify:before {
content: "format_align_justify";
}
.m-icon-format_align_left:before {
content: "format_align_left";
}
.m-icon-format_align_right:before {
content: "format_align_right";
}
.m-icon-format_bold:before {
content: "format_bold";
}
.m-icon-format_clear:before {
content: "format_clear";
}
.m-icon-format_color_fill:before {
content: "format_color_fill";
}
.m-icon-format_color_reset:before {
content: "format_color_reset";
}
.m-icon-format_color_text:before {
content: "format_color_text";
}
.m-icon-format_indent_decrease:before {
content: "format_indent_decrease";
}
.m-icon-format_indent_increase:before {
content: "format_indent_increase";
}
.m-icon-format_italic:before {
content: "format_italic";
}
.m-icon-format_line_spacing:before {
content: "format_line_spacing";
}
.m-icon-format_list_bulleted:before {
content: "format_list_bulleted";
}
.m-icon-format_list_numbered:before {
content: "format_list_numbered";
}
.m-icon-format_paint:before {
content: "format_paint";
}
.m-icon-format_quote:before {
content: "format_quote";
}
.m-icon-format_shapes:before {
content: "format_shapes";
}
.m-icon-format_size:before {
content: "format_size";
}
.m-icon-format_strikethrough:before {
content: "format_strikethrough";
}
.m-icon-format_textdirection_l_to_r:before {
content: "format_textdirection_l_to_r";
}
.m-icon-format_textdirection_r_to_l:before {
content: "format_textdirection_r_to_l";
}
.m-icon-format_underlined:before {
content: "format_underlined";
}
.m-icon-functions:before {
content: "functions";
}
.m-icon-highlight:before {
content: "highlight";
}
.m-icon-insert_chart:before {
content: "insert_chart";
}
.m-icon-insert_comment:before {
content: "insert_comment";
}
.m-icon-insert_drive_file:before {
content: "insert_drive_file";
}
.m-icon-insert_emoticon:before {
content: "insert_emoticon";
}
.m-icon-insert_invitation:before {
content: "insert_invitation";
}
.m-icon-insert_link:before {
content: "insert_link";
}
.m-icon-insert_photo:before {
content: "insert_photo";
}
.m-icon-linear_scale:before {
content: "linear_scale";
}
.m-icon-merge_type:before {
content: "merge_type";
}
.m-icon-mode_comment:before {
content: "mode_comment";
}
.m-icon-mode_edit:before {
content: "mode_edit";
}
.m-icon-monetization_on:before {
content: "monetization_on";
}
.m-icon-money_off:before {
content: "money_off";
}
.m-icon-multiline_chart:before {
content: "multiline_chart";
}
.m-icon-pie_chart:before {
content: "pie_chart";
}
.m-icon-pie_chart_outlined:before {
content: "pie_chart_outlined";
}
.m-icon-publish:before {
content: "publish";
}
.m-icon-short_text:before {
content: "short_text";
}
.m-icon-show_chart:before {
content: "show_chart";
}
.m-icon-space_bar:before {
content: "space_bar";
}
.m-icon-strikethrough_s:before {
content: "strikethrough_s";
}
.m-icon-text_fields:before {
content: "text_fields";
}
.m-icon-title:before {
content: "title";
}
.m-icon-vertical_align_bottom:before {
content: "vertical_align_bottom";
}
.m-icon-vertical_align_center:before {
content: "vertical_align_center";
}
.m-icon-vertical_align_top:before {
content: "vertical_align_top";
}
.m-icon-wrap_text:before {
content: "wrap_text";
}
.m-icon-attachment:before {
content: "attachment";
}
.m-icon-cloud:before {
content: "cloud";
}
.m-icon-cloud_circle:before {
content: "cloud_circle";
}
.m-icon-cloud_done:before {
content: "cloud_done";
}
.m-icon-cloud_download:before {
content: "cloud_download";
}
.m-icon-cloud_off:before {
content: "cloud_off";
}
.m-icon-cloud_queue:before {
content: "cloud_queue";
}
.m-icon-cloud_upload:before {
content: "cloud_upload";
}
.m-icon-create_new_folder:before {
content: "create_new_folder";
}
.m-icon-folder:before {
content: "folder";
}
.m-icon-folder_open:before {
content: "folder_open";
}
.m-icon-folder_shared:before {
content: "folder_shared";
}
.m-icon-cast:before {
content: "cast";
}
.m-icon-cast_connected:before {
content: "cast_connected";
}
.m-icon-computer:before {
content: "computer";
}
.m-icon-desktop_mac:before {
content: "desktop_mac";
}
.m-icon-desktop_windows:before {
content: "desktop_windows";
}
.m-icon-developer_board:before {
content: "developer_board";
}
.m-icon-device_hub:before {
content: "device_hub";
}
.m-icon-devices_other:before {
content: "devices_other";
}
.m-icon-dock:before {
content: "dock";
}
.m-icon-gamepad:before {
content: "gamepad";
}
.m-icon-headset:before {
content: "headset";
}
.m-icon-headset_mic:before {
content: "headset_mic";
}
.m-icon-keyboard:before {
content: "keyboard";
}
.m-icon-keyboard_arrow_down:before {
content: "keyboard_arrow_down";
}
.m-icon-keyboard_arrow_left:before {
content: "keyboard_arrow_left";
}
.m-icon-keyboard_arrow_right:before {
content: "keyboard_arrow_right";
}
.m-icon-keyboard_arrow_up:before {
content: "keyboard_arrow_up";
}
.m-icon-keyboard_backspace:before {
content: "keyboard_backspace";
}
.m-icon-keyboard_capslock:before {
content: "keyboard_capslock";
}
.m-icon-keyboard_hide:before {
content: "keyboard_hide";
}
.m-icon-keyboard_return:before {
content: "keyboard_return";
}
.m-icon-keyboard_tab:before {
content: "keyboard_tab";
}
.m-icon-keyboard_voice:before {
content: "keyboard_voice";
}
.m-icon-laptop:before {
content: "laptop";
}
.m-icon-laptop_chromebook:before {
content: "laptop_chromebook";
}
.m-icon-laptop_mac:before {
content: "laptop_mac";
}
.m-icon-laptop_windows:before {
content: "laptop_windows";
}
.m-icon-memory:before {
content: "memory";
}
.m-icon-mouse:before {
content: "mouse";
}
.m-icon-phone_android:before {
content: "phone_android";
}
.m-icon-phone_iphone:before {
content: "phone_iphone";
}
.m-icon-phonelink:before {
content: "phonelink";
}
.m-icon-phonelink_off:before {
content: "phonelink_off";
}
.m-icon-power_input:before {
content: "power_input";
}
.m-icon-router:before {
content: "router";
}
.m-icon-scanner:before {
content: "scanner";
}
.m-icon-security:before {
content: "security";
}
.m-icon-sim_card:before {
content: "sim_card";
}
.m-icon-smartphone:before {
content: "smartphone";
}
.m-icon-speaker:before {
content: "speaker";
}
.m-icon-speaker_group:before {
content: "speaker_group";
}
.m-icon-tablet:before {
content: "tablet";
}
.m-icon-tablet_android:before {
content: "tablet_android";
}
.m-icon-tablet_mac:before {
content: "tablet_mac";
}
.m-icon-toys:before {
content: "toys";
}
.m-icon-tv:before {
content: "tv";
}
.m-icon-videogame_asset:before {
content: "videogame_asset";
}
.m-icon-watch:before {
content: "watch";
}
.m-icon-add_a_photo:before {
content: "add_a_photo";
}
.m-icon-add_to_photos:before {
content: "add_to_photos";
}
.m-icon-adjust:before {
content: "adjust";
}
.m-icon-assistant:before {
content: "assistant";
}
.m-icon-assistant_photo:before {
content: "assistant_photo";
}
.m-icon-audiotrack:before {
content: "audiotrack";
}
.m-icon-blur_circular:before {
content: "blur_circular";
}
.m-icon-blur_linear:before {
content: "blur_linear";
}
.m-icon-blur_off:before {
content: "blur_off";
}
.m-icon-blur_on:before {
content: "blur_on";
}
.m-icon-brightness_1:before {
content: "brightness_1";
}
.m-icon-brightness_2:before {
content: "brightness_2";
}
.m-icon-brightness_3:before {
content: "brightness_3";
}
.m-icon-brightness_4:before {
content: "brightness_4";
}
.m-icon-brightness_5:before {
content: "brightness_5";
}
.m-icon-brightness_6:before {
content: "brightness_6";
}
.m-icon-brightness_7:before {
content: "brightness_7";
}
.m-icon-broken_image:before {
content: "broken_image";
}
.m-icon-brush:before {
content: "brush";
}
.m-icon-burst_mode:before {
content: "burst_mode";
}
.m-icon-camera:before {
content: "camera";
}
.m-icon-camera_alt:before {
content: "camera_alt";
}
.m-icon-camera_front:before {
content: "camera_front";
}
.m-icon-camera_rear:before {
content: "camera_rear";
}
.m-icon-camera_roll:before {
content: "camera_roll";
}
.m-icon-center_focus_strong:before {
content: "center_focus_strong";
}
.m-icon-center_focus_weak:before {
content: "center_focus_weak";
}
.m-icon-collections:before {
content: "collections";
}
.m-icon-collections_bookmark:before {
content: "collections_bookmark";
}
.m-icon-color_lens:before {
content: "color_lens";
}
.m-icon-colorize:before {
content: "colorize";
}
.m-icon-compare:before {
content: "compare";
}
.m-icon-control_point:before {
content: "control_point";
}
.m-icon-control_point_duplicate:before {
content: "control_point_duplicate";
}
.m-icon-crop:before {
content: "crop";
}
.m-icon-crop_16_9:before {
content: "crop_16_9";
}
.m-icon-crop_3_2:before {
content: "crop_3_2";
}
.m-icon-crop_5_4:before {
content: "crop_5_4";
}
.m-icon-crop_7_5:before {
content: "crop_7_5";
}
.m-icon-crop_din:before {
content: "crop_din";
}
.m-icon-crop_free:before {
content: "crop_free";
}
.m-icon-crop_landscape:before {
content: "crop_landscape";
}
.m-icon-crop_original:before {
content: "crop_original";
}
.m-icon-crop_portrait:before {
content: "crop_portrait";
}
.m-icon-crop_rotate:before {
content: "crop_rotate";
}
.m-icon-crop_square:before {
content: "crop_square";
}
.m-icon-dehaze:before {
content: "dehaze";
}
.m-icon-details:before {
content: "details";
}
.m-icon-edit:before {
content: "edit";
}
.m-icon-exposure:before {
content: "exposure";
}
.m-icon-exposure_neg_1:before {
content: "exposure_neg_1";
}
.m-icon-exposure_neg_2:before {
content: "exposure_neg_2";
}
.m-icon-exposure_plus_1:before {
content: "exposure_plus_1";
}
.m-icon-exposure_plus_2:before {
content: "exposure_plus_2";
}
.m-icon-exposure_zero:before {
content: "exposure_zero";
}
.m-icon-filter:before {
content: "filter";
}
.m-icon-filter_1:before {
content: "filter_1";
}
.m-icon-filter_2:before {
content: "filter_2";
}
.m-icon-filter_3:before {
content: "filter_3";
}
.m-icon-filter_4:before {
content: "filter_4";
}
.m-icon-filter_5:before {
content: "filter_5";
}
.m-icon-filter_6:before {
content: "filter_6";
}
.m-icon-filter_7:before {
content: "filter_7";
}
.m-icon-filter_8:before {
content: "filter_8";
}
.m-icon-filter_9:before {
content: "filter_9";
}
.m-icon-filter_9_plus:before {
content: "filter_9_plus";
}
.m-icon-filter_b_and_w:before {
content: "filter_b_and_w";
}
.m-icon-filter_center_focus:before {
content: "filter_center_focus";
}
.m-icon-filter_drama:before {
content: "filter_drama";
}
.m-icon-filter_frames:before {
content: "filter_frames";
}
.m-icon-filter_hdr:before {
content: "filter_hdr";
}
.m-icon-filter_none:before {
content: "filter_none";
}
.m-icon-filter_tilt_shift:before {
content: "filter_tilt_shift";
}
.m-icon-filter_vintage:before {
content: "filter_vintage";
}
.m-icon-flare:before {
content: "flare";
}
.m-icon-flash_auto:before {
content: "flash_auto";
}
.m-icon-flash_off:before {
content: "flash_off";
}
.m-icon-flash_on:before {
content: "flash_on";
}
.m-icon-flip:before {
content: "flip";
}
.m-icon-gradient:before {
content: "gradient";
}
.m-icon-grain:before {
content: "grain";
}
.m-icon-grid_off:before {
content: "grid_off";
}
.m-icon-grid_on:before {
content: "grid_on";
}
.m-icon-hdr_off:before {
content: "hdr_off";
}
.m-icon-hdr_on:before {
content: "hdr_on";
}
.m-icon-hdr_strong:before {
content: "hdr_strong";
}
.m-icon-hdr_weak:before {
content: "hdr_weak";
}
.m-icon-healing:before {
content: "healing";
}
.m-icon-image:before {
content: "image";
}
.m-icon-image_aspect_ratio:before {
content: "image_aspect_ratio";
}
.m-icon-iso:before {
content: "iso";
}
.m-icon-landscape:before {
content: "landscape";
}
.m-icon-leak_add:before {
content: "leak_add";
}
.m-icon-leak_remove:before {
content: "leak_remove";
}
.m-icon-lens:before {
content: "lens";
}
.m-icon-linked_camera:before {
content: "linked_camera";
}
.m-icon-looks:before {
content: "looks";
}
.m-icon-looks_3:before {
content: "looks_3";
}
.m-icon-looks_4:before {
content: "looks_4";
}
.m-icon-looks_5:before {
content: "looks_5";
}
.m-icon-looks_6:before {
content: "looks_6";
}
.m-icon-looks_one:before {
content: "looks_one";
}
.m-icon-looks_two:before {
content: "looks_two";
}
.m-icon-loupe:before {
content: "loupe";
}
.m-icon-monochrome_photos:before {
content: "monochrome_photos";
}
.m-icon-movie_creation:before {
content: "movie_creation";
}
.m-icon-movie_filter:before {
content: "movie_filter";
}
.m-icon-music_note:before {
content: "music_note";
}
.m-icon-nature:before {
content: "nature";
}
.m-icon-nature_people:before {
content: "nature_people";
}
.m-icon-navigate_before:before {
content: "navigate_before";
}
.m-icon-navigate_next:before {
content: "navigate_next";
}
.m-icon-palette:before {
content: "palette";
}
.m-icon-panorama:before {
content: "panorama";
}
.m-icon-panorama_fish_eye:before {
content: "panorama_fish_eye";
}
.m-icon-panorama_horizontal:before {
content: "panorama_horizontal";
}
.m-icon-panorama_vertical:before {
content: "panorama_vertical";
}
.m-icon-panorama_wide_angle:before {
content: "panorama_wide_angle";
}
.m-icon-photo:before {
content: "photo";
}
.m-icon-photo_album:before {
content: "photo_album";
}
.m-icon-photo_camera:before {
content: "photo_camera";
}
.m-icon-photo_filter:before {
content: "photo_filter";
}
.m-icon-photo_library:before {
content: "photo_library";
}
.m-icon-photo_size_select_actual:before {
content: "photo_size_select_actual";
}
.m-icon-photo_size_select_large:before {
content: "photo_size_select_large";
}
.m-icon-photo_size_select_small:before {
content: "photo_size_select_small";
}
.m-icon-picture_as_pdf:before {
content: "picture_as_pdf";
}
.m-icon-portrait:before {
content: "portrait";
}
.m-icon-remove_red_eye:before {
content: "remove_red_eye";
}
.m-icon-rotate_90_degrees_ccw:before {
content: "rotate_90_degrees_ccw";
}
.m-icon-rotate_left:before {
content: "rotate_left";
}
.m-icon-rotate_right:before {
content: "rotate_right";
}
.m-icon-slideshow:before {
content: "slideshow";
}
.m-icon-straighten:before {
content: "straighten";
}
.m-icon-style:before {
content: "style";
}
.m-icon-switch_camera:before {
content: "switch_camera";
}
.m-icon-switch_video:before {
content: "switch_video";
}
.m-icon-tag_faces:before {
content: "tag_faces";
}
.m-icon-texture:before {
content: "texture";
}
.m-icon-timelapse:before {
content: "timelapse";
}
.m-icon-timer:before {
content: "timer";
}
.m-icon-timer_10:before {
content: "timer_10";
}
.m-icon-timer_3:before {
content: "timer_3";
}
.m-icon-timer_off:before {
content: "timer_off";
}
.m-icon-tonality:before {
content: "tonality";
}
.m-icon-transform:before {
content: "transform";
}
.m-icon-tune:before {
content: "tune";
}
.m-icon-view_comfy:before {
content: "view_comfy";
}
.m-icon-view_compact:before {
content: "view_compact";
}
.m-icon-vignette:before {
content: "vignette";
}
.m-icon-wb_auto:before {
content: "wb_auto";
}
.m-icon-wb_cloudy:before {
content: "wb_cloudy";
}
.m-icon-wb_incandescent:before {
content: "wb_incandescent";
}
.m-icon-wb_iridescent:before {
content: "wb_iridescent";
}
.m-icon-wb_sunny:before {
content: "wb_sunny";
}
.m-icon-add_location:before {
content: "add_location";
}
.m-icon-beenhere:before {
content: "beenhere";
}
.m-icon-directions:before {
content: "directions";
}
.m-icon-directions_bike:before {
content: "directions_bike";
}
.m-icon-directions_boat:before {
content: "directions_boat";
}
.m-icon-directions_bus:before {
content: "directions_bus";
}
.m-icon-directions_car:before {
content: "directions_car";
}
.m-icon-directions_railway:before {
content: "directions_railway";
}
.m-icon-directions_run:before {
content: "directions_run";
}
.m-icon-directions_subway:before {
content: "directions_subway";
}
.m-icon-directions_transit:before {
content: "directions_transit";
}
.m-icon-directions_walk:before {
content: "directions_walk";
}
.m-icon-edit_location:before {
content: "edit_location";
}
.m-icon-ev_station:before {
content: "ev_station";
}
.m-icon-flight:before {
content: "flight";
}
.m-icon-hotel:before {
content: "hotel";
}
.m-icon-layers:before {
content: "layers";
}
.m-icon-layers_clear:before {
content: "layers_clear";
}
.m-icon-local_activity:before {
content: "local_activity";
}
.m-icon-local_airport:before {
content: "local_airport";
}
.m-icon-local_atm:before {
content: "local_atm";
}
.m-icon-local_bar:before {
content: "local_bar";
}
.m-icon-local_cafe:before {
content: "local_cafe";
}
.m-icon-local_car_wash:before {
content: "local_car_wash";
}
.m-icon-local_convenience_store:before {
content: "local_convenience_store";
}
.m-icon-local_dining:before {
content: "local_dining";
}
.m-icon-local_drink:before {
content: "local_drink";
}
.m-icon-local_florist:before {
content: "local_florist";
}
.m-icon-local_gas_station:before {
content: "local_gas_station";
}
.m-icon-local_grocery_store:before {
content: "local_grocery_store";
}
.m-icon-local_hospital:before {
content: "local_hospital";
}
.m-icon-local_hotel:before {
content: "local_hotel";
}
.m-icon-local_laundry_service:before {
content: "local_laundry_service";
}
.m-icon-local_library:before {
content: "local_library";
}
.m-icon-local_mall:before {
content: "local_mall";
}
.m-icon-local_movies:before {
content: "local_movies";
}
.m-icon-local_offer:before {
content: "local_offer";
}
.m-icon-local_parking:before {
content: "local_parking";
}
.m-icon-local_pharmacy:before {
content: "local_pharmacy";
}
.m-icon-local_phone:before {
content: "local_phone";
}
.m-icon-local_pizza:before {
content: "local_pizza";
}
.m-icon-local_play:before {
content: "local_play";
}
.m-icon-local_post_office:before {
content: "local_post_office";
}
.m-icon-local_printshop:before {
content: "local_printshop";
}
.m-icon-local_see:before {
content: "local_see";
}
.m-icon-local_shipping:before {
content: "local_shipping";
}
.m-icon-local_taxi:before {
content: "local_taxi";
}
.m-icon-map:before {
content: "map";
}
.m-icon-my_location:before {
content: "my_location";
}
.m-icon-navigation:before {
content: "navigation";
}
.m-icon-near_me:before {
content: "near_me";
}
.m-icon-person_pin:before {
content: "person_pin";
}
.m-icon-person_pin_circle:before {
content: "person_pin_circle";
}
.m-icon-pin_drop:before {
content: "pin_drop";
}
.m-icon-place:before {
content: "place";
}
.m-icon-rate_review:before {
content: "rate_review";
}
.m-icon-restaurant:before {
content: "restaurant";
}
.m-icon-restaurant_menu:before {
content: "restaurant_menu";
}
.m-icon-satellite:before {
content: "satellite";
}
.m-icon-store_mall_directory:before {
content: "store_mall_directory";
}
.m-icon-streetview:before {
content: "streetview";
}
.m-icon-subway:before {
content: "subway";
}
.m-icon-terrain:before {
content: "terrain";
}
.m-icon-traffic:before {
content: "traffic";
}
.m-icon-train:before {
content: "train";
}
.m-icon-tram:before {
content: "tram";
}
.m-icon-transfer_within_a_station:before {
content: "transfer_within_a_station";
}
.m-icon-zoom_out_map:before {
content: "zoom_out_map";
}
.m-icon-apps:before {
content: "apps";
}
.m-icon-arrow_back:before {
content: "arrow_back";
}
.m-icon-arrow_downward:before {
content: "arrow_downward";
}
.m-icon-arrow_drop_down:before {
content: "arrow_drop_down";
}
.m-icon-arrow_drop_down_circle:before {
content: "arrow_drop_down_circle";
}
.m-icon-arrow_drop_up:before {
content: "arrow_drop_up";
}
.m-icon-arrow_forward:before {
content: "arrow_forward";
}
.m-icon-arrow_upward:before {
content: "arrow_upward";
}
.m-icon-cancel:before {
content: "cancel";
}
.m-icon-check:before {
content: "check";
}
.m-icon-chevron_left:before {
content: "chevron_left";
}
.m-icon-chevron_right:before {
content: "chevron_right";
}
.m-icon-close:before {
content: "close";
}
.m-icon-expand_less:before {
content: "expand_less";
}
.m-icon-expand_more:before {
content: "expand_more";
}
.m-icon-first_page:before {
content: "first_page";
}
.m-icon-fullscreen:before {
content: "fullscreen";
}
.m-icon-fullscreen_exit:before {
content: "fullscreen_exit";
}
.m-icon-last_page:before {
content: "last_page";
}
.m-icon-menu:before {
content: "menu";
}
.m-icon-more_horiz:before {
content: "more_horiz";
}
.m-icon-more_vert:before {
content: "more_vert";
}
.m-icon-refresh:before {
content: "refresh";
}
.m-icon-subdirectory_arrow_left:before {
content: "subdirectory_arrow_left";
}
.m-icon-subdirectory_arrow_right:before {
content: "subdirectory_arrow_right";
}
.m-icon-adb:before {
content: "adb";
}
.m-icon-airline_seat_flat:before {
content: "airline_seat_flat";
}
.m-icon-airline_seat_flat_angled:before {
content: "airline_seat_flat_angled";
}
.m-icon-airline_seat_individual_suite:before {
content: "airline_seat_individual_suite";
}
.m-icon-airline_seat_legroom_extra:before {
content: "airline_seat_legroom_extra";
}
.m-icon-airline_seat_legroom_normal:before {
content: "airline_seat_legroom_normal";
}
.m-icon-airline_seat_legroom_reduced:before {
content: "airline_seat_legroom_reduced";
}
.m-icon-airline_seat_recline_extra:before {
content: "airline_seat_recline_extra";
}
.m-icon-airline_seat_recline_normal:before {
content: "airline_seat_recline_normal";
}
.m-icon-bluetooth_audio:before {
content: "bluetooth_audio";
}
.m-icon-confirmation_number:before {
content: "confirmation_number";
}
.m-icon-disc_full:before {
content: "disc_full";
}
.m-icon-do_not_disturb:before {
content: "do_not_disturb";
}
.m-icon-do_not_disturb_alt:before {
content: "do_not_disturb_alt";
}
.m-icon-do_not_disturb_off:before {
content: "do_not_disturb_off";
}
.m-icon-do_not_disturb_on:before {
content: "do_not_disturb_on";
}
.m-icon-drive_eta:before {
content: "drive_eta";
}
.m-icon-enhanced_encryption:before {
content: "enhanced_encryption";
}
.m-icon-event_available:before {
content: "event_available";
}
.m-icon-event_busy:before {
content: "event_busy";
}
.m-icon-event_note:before {
content: "event_note";
}
.m-icon-folder_special:before {
content: "folder_special";
}
.m-icon-live_tv:before {
content: "live_tv";
}
.m-icon-mms:before {
content: "mms";
}
.m-icon-more:before {
content: "more";
}
.m-icon-network_check:before {
content: "network_check";
}
.m-icon-network_locked:before {
content: "network_locked";
}
.m-icon-no_encryption:before {
content: "no_encryption";
}
.m-icon-ondemand_video:before {
content: "ondemand_video";
}
.m-icon-personal_video:before {
content: "personal_video";
}
.m-icon-phone_bluetooth_speaker:before {
content: "phone_bluetooth_speaker";
}
.m-icon-phone_forwarded:before {
content: "phone_forwarded";
}
.m-icon-phone_in_talk:before {
content: "phone_in_talk";
}
.m-icon-phone_locked:before {
content: "phone_locked";
}
.m-icon-phone_missed:before {
content: "phone_missed";
}
.m-icon-phone_paused:before {
content: "phone_paused";
}
.m-icon-power:before {
content: "power";
}
.m-icon-priority_high:before {
content: "priority_high";
}
.m-icon-sd_card:before {
content: "sd_card";
}
.m-icon-sim_card_alert:before {
content: "sim_card_alert";
}
.m-icon-sms:before {
content: "sms";
}
.m-icon-sms_failed:before {
content: "sms_failed";
}
.m-icon-sync:before {
content: "sync";
}
.m-icon-sync_disabled:before {
content: "sync_disabled";
}
.m-icon-sync_problem:before {
content: "sync_problem";
}
.m-icon-system_update:before {
content: "system_update";
}
.m-icon-tap_and_play:before {
content: "tap_and_play";
}
.m-icon-time_to_leave:before {
content: "time_to_leave";
}
.m-icon-vibration:before {
content: "vibration";
}
.m-icon-voice_chat:before {
content: "voice_chat";
}
.m-icon-vpn_lock:before {
content: "vpn_lock";
}
.m-icon-wc:before {
content: "wc";
}
.m-icon-wifi:before {
content: "wifi";
}
.m-icon-ac_unit:before {
content: "ac_unit";
}
.m-icon-airport_shuttle:before {
content: "airport_shuttle";
}
.m-icon-all_inclusive:before {
content: "all_inclusive";
}
.m-icon-beach_access:before {
content: "beach_access";
}
.m-icon-business_center:before {
content: "business_center";
}
.m-icon-casino:before {
content: "casino";
}
.m-icon-child_care:before {
content: "child_care";
}
.m-icon-child_friendly:before {
content: "child_friendly";
}
.m-icon-fitness_center:before {
content: "fitness_center";
}
.m-icon-free_breakfast:before {
content: "free_breakfast";
}
.m-icon-golf_course:before {
content: "golf_course";
}
.m-icon-hot_tub:before {
content: "hot_tub";
}
.m-icon-kitchen:before {
content: "kitchen";
}
.m-icon-pool:before {
content: "pool";
}
.m-icon-room_service:before {
content: "room_service";
}
.m-icon-rv_hookup:before {
content: "rv_hookup";
}
.m-icon-smoke_free:before {
content: "smoke_free";
}
.m-icon-smoking_rooms:before {
content: "smoking_rooms";
}
.m-icon-spa:before {
content: "spa";
}
.m-icon-cake:before {
content: "cake";
}
.m-icon-domain:before {
content: "domain";
}
.m-icon-group:before {
content: "group";
}
.m-icon-group_add:before {
content: "group_add";
}
.m-icon-location_city:before {
content: "location_city";
}
.m-icon-mood:before {
content: "mood";
}
.m-icon-mood_bad:before {
content: "mood_bad";
}
.m-icon-notifications:before {
content: "notifications";
}
.m-icon-notifications_active:before {
content: "notifications_active";
}
.m-icon-notifications_none:before {
content: "notifications_none";
}
.m-icon-notifications_off:before {
content: "notifications_off";
}
.m-icon-notifications_paused:before {
content: "notifications_paused";
}
.m-icon-pages:before {
content: "pages";
}
.m-icon-party_mode:before {
content: "party_mode";
}
.m-icon-people:before {
content: "people";
}
.m-icon-people_outline:before {
content: "people_outline";
}
.m-icon-person:before {
content: "person";
}
.m-icon-person_add:before {
content: "person_add";
}
.m-icon-person_outline:before {
content: "person_outline";
}
.m-icon-plus_one:before {
content: "plus_one";
}
.m-icon-poll:before {
content: "poll";
}
.m-icon-public:before {
content: "public";
}
.m-icon-school:before {
content: "school";
}
.m-icon-sentiment_neutral:before {
content: "sentiment_neutral";
}
.m-icon-sentiment_satisfied:before {
content: "sentiment_satisfied";
}
.m-icon-sentiment_very_satisfied:before {
content: "sentiment_very_satisfied";
}
.m-icon-sentiment_dissatisfied:before {
content: "sentiment_dissatisfied";
}
.m-icon-sentiment_very_dissatisfied:before {
content: "sentiment_very_dissatisfied";
}
.m-icon-share:before {
content: "share";
}
.m-icon-whatshot:before {
content: "whatshot";
}
.m-icon-check_box:before {
content: "check_box";
}
.m-icon-check_box_outline_blank:before {
content: "check_box_outline_blank";
}
.m-icon-indeterminate_check_box:before {
content: "indeterminate_check_box";
}
.m-icon-radio_button_checked:before {
content: "radio_button_checked";
}
.m-icon-radio_button_unchecked:before {
content: "radio_button_unchecked";
}
.m-icon-star:before {
content: "star";
}
.m-icon-star_border:before {
content: "star_border";
}
.m-icon-star_half:before {
content: "star_half";
}
/*# sourceMappingURL=TEG_Frontend.b860ce22.css.map */