/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * 3m.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2014
 */
/*****************************************************************************************
CIRCULAR REGULAR
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircularWeb-Book.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircularWeb-Book.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircularWeb-Book.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircularTT-Book.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircular-Book.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Book_Web/css/fonts/3MCircular-Book.svg#lineto-circular-book") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*****************************************************************************************
CIRCULAR BOLD
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircularWeb-Bold.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircularWeb-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircularWeb-Bold.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircularTT-Bold.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircular-Bold.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Bold_Web/css/fonts/3MCircular-Bold.svg#lineto-circular-bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
/*****************************************************************************************
CIRCULAR BOLD ITALIC
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/3MCircularWeb-BoldItalic.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/3MCircularWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/css/fonts/3MCircularWeb-BoldItalic.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/css/fonts/3MCircularTT-BoldItalic.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/css/fonts/3MCircular-BoldItalic.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BoldItalic_Web/css/fonts/css/fonts/3MCircular-BoldItalic.svg#lineto-circular-bolditalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
/*****************************************************************************************
CIRCULAR REGULAR ITALIC
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircularWeb-BookItalic.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircularWeb-BookItalic.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircularWeb-BookItalic.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircularTT-BookItalic.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircular-BookItalic.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-BookItalic_Web/css/fonts/3MCircular-BookItalic.svg#lineto-circular-bookitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
/*****************************************************************************************
CIRCULAR Light
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircularWeb-Light.eot3MCircularWeb-Light.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircularWeb-Light.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircularWeb-Light.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircularTT-Light.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircular-Light.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-Light_Web/css/fonts/3MCircular-Light.svg#lineto-circular-light") format("svg");
  font-weight: 200;
  font-style: normal;
}
/*****************************************************************************************
CIRCULAR Light Italic
*****************************************************************************************/
@font-face {
  font-family: "3MCircular";
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircularWeb-LightItalic.eot");
  src: url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircularWeb-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircularWeb-LightItalic.woff") format("woff"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircularTT-LightItalic.ttf") format("truetype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircular-LightItalic.otf") format("opentype"), url("https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MCircular_font/3MCircular-LightItalic_Web/css/fonts/3MCircular-LightItalic.svg#lineto-circular-lightitalic") format("svg");
  font-weight: 200;
  font-style: italic;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, option, textarea, button {
  font-family: "3MCircular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------
Breakpoints for small, medium, large, and extra large screen sizes
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
Breakpoints for small, medium, large, and extra large screen sizes
------------------------------------------------------------------------ */
/************************************************************
MDS Utility Classes
************************************************************/
@media screen and (min-width: 1px) {
  .mds--isOnMobile {
    display: block;
  }

  .mds--isNotOnMobile {
    display: none;
  }

  .mds--isOnDesktop {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .mds--isOnMobile {
    display: none;
  }

  .mds--isNotOnMobile {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .mds--isOnDesktop {
    display: block;
  }
}
/* ---------------------------------------------------------------------
Link element components
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
Breakpoints for small, medium, large, and extra large screen sizes
------------------------------------------------------------------------ */
@media screen and (min-width: 1px) {
  .mds-wrapper {
    /**
    Link Elements Components - Small Screensize
    **/
    /* Mega menu link - shared components */
    /* Footer Links - shared component*/
    /* Header Links - shared component */
  }
  .mds-wrapper a, .mds-wrapper .mds-link {
    color: #003CE6;
    font-size: 14px;
    letter-spacing: 0;
  }
  .mds-wrapper a:hover, .mds-wrapper .mds-link:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_dropdown:active, .mds-wrapper .mds-link_dropdown {
    font-size: 16px;
    color: #4B4B4B;
    padding: 9px 10px;
    font-weight: 200;
    min-width: 280px;
    background: linear-gradient(to right, #F9F9F9 49%, #FFFFFF 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: 0.35s linear;
    text-decoration: none;
  }
  .mds-wrapper .mds-link_dropdown:active, .mds-wrapper .mds-link_dropdown:hover {
    background-position: left bottom;
    transition: all 0.35s linear;
    text-decoration: underline;
  }
  .mds-wrapper .mds-link_footer {
    font-weight: 200;
    font-size: 13px;
    color: #4B4B4B;
    text-decoration: none;
  }
  .mds-wrapper .mds-link_header--secondary, .mds-wrapper .mds-link_header, .mds-wrapper .mds-link_header--primary {
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
  }
  .mds-wrapper .mds-link i {
    margin-left: 5px;
    font-size: 12px;
  }
  .mds-wrapper .mds-link_navigation {
    font-size: 16px;
    color: #4B4B4B;
    text-decoration: none;
    text-align: center;
    position: relative;
    padding: 0px 15px 14px;
  }
  .mds-wrapper .mds-link_navigation:after {
    border-bottom: 3px solid #C80000;
    content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -2px;
    transform: scaleX(0);
  }
  .mds-wrapper .mds-link_navigation:hover, .mds-wrapper .mds-link_navigation:focus {
    color: #C80000;
    padding-bottom: 13px;
    border-bottom: none;
  }
  .mds-wrapper .mds-link_navigation:hover:after, .mds-wrapper .mds-link_navigation:focus:after {
    transform: scaleX(1);
    transition: transform 0.3s ease-in-out;
    display: block;
  }
  .mds-wrapper .mds-link_dropdown:hover {
    color: #4B4B4B;
  }
  .mds-wrapper .mds-link_dropdown:active {
    color: #C80000;
  }
  .mds-wrapper .mds-link_footer:hover {
    color: #C80000;
    text-decoration: underline;
  }
  .mds-wrapper .mds-link_primary {
    text-decoration: underline;
    color: #003CE6;
  }
  .mds-wrapper .mds-link_primary:visited {
    color: #8228B4;
    text-decoration: none;
  }
  .mds-wrapper .mds-link_primary:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_secondary {
    text-decoration: underline;
    color: #000000;
  }
  .mds-wrapper .mds-link_secondary:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_secondary:visited {
    color: #8228B4;
    text-decoration: none;
  }
  .mds-wrapper .mds-link_inverse {
    text-decoration: underline;
    color: #FFFFFF;
  }
  .mds-wrapper .mds-link_inverse:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_product {
    font-weight: 200;
    font-size: 16px;
    text-decoration: underline;
    color: #000000;
  }
  .mds-wrapper .mds-link_product:hover {
    text-decoration: none;
    color: #003CE6;
  }
  .mds-wrapper .mds-link_category {
    font-weight: 200;
    font-size: 18px;
    text-decoration: underline;
    color: #003CE6;
  }
  .mds-wrapper .mds-link_category:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_header, .mds-wrapper .mds-link_header--primary {
    color: #003CE6;
  }
  .mds-wrapper .mds-link_header:hover, .mds-wrapper .mds-link_header--primary:hover {
    text-decoration: none;
  }
  .mds-wrapper .mds-link_header--secondary {
    color: #4B4B4B;
  }
  .mds-wrapper .mds-link_header--secondary:hover {
    text-decoration: none;
  }
}

/* ---------------------------------------------------------------------
Copyright 3M Company. All Rights Reserved.
Rev Date: March 26,2020

------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
mds components
------------------------------------------------------------------------ */
@media screen and (min-width: 1px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Creation Date: 26/03/20
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
    /*
        The font families are defined at src/3MCircular.scss
        Fonts variations

    */
  }
  .mds-wrapper .mds-font {
    font-weight: normal;
    font-style: normal;
  }
  .mds-wrapper .mds-font_italic {
    font-weight: normal;
    font-style: italic;
  }
  .mds-wrapper .mds-font_bold, .mds-wrapper .mds-font_header--6, .mds-wrapper .mds-font_header--5, .mds-wrapper .mds-font_header--4, .mds-wrapper .mds-font_header--3, .mds-wrapper .mds-font_header--2a, .mds-wrapper .mds-font_header--1, .mds-wrapper .mds-font_hero--text {
    font-weight: bold;
    font-style: normal;
  }
  .mds-wrapper .mds-font_bold-italic {
    font-weight: bold;
    font-style: italic;
  }
  .mds-wrapper .mds-font_light, .mds-wrapper .mds-font_category--title, .mds-wrapper .mds-font_intro--2, .mds-wrapper .mds-font_intro--1, .mds-wrapper .mds-font_header--2b {
    font-weight: 200;
    font-style: normal;
  }
  .mds-wrapper .mds-font_light-italic {
    font-weight: 200;
    font-style: italic;
  }
  .mds-wrapper .mds-font_hero--text {
    font-size: 32px;
    color: #000000;
    letter-spacing: 0;
    line-height: 40px;
  }
  .mds-wrapper .mds-font_header--1 {
    font-size: 26px;
    color: #000000;
    letter-spacing: 0;
    line-height: 38px;
  }
  .mds-wrapper .mds-font_header--2a {
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    line-height: 34px;
  }
  .mds-wrapper .mds-font_header--2b {
    font-size: 22px;
    color: #000000;
    letter-spacing: 0;
    line-height: 34px;
  }
  .mds-wrapper .mds-font_header--3 {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 30px;
  }
  .mds-wrapper .mds-font_header--4 {
    font-size: 19px;
    color: #000000;
    letter-spacing: 0;
    line-height: 27px;
  }
  .mds-wrapper .mds-font_header--5 {
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    line-height: 27px;
  }
  .mds-wrapper .mds-font_header--6 {
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mds-wrapper .mds-font_body {
    font-size: 14px;
    color: #4B4B4B;
    letter-spacing: 0;
    line-height: 22px;
  }
  .mds-wrapper .mds-font_paragraph {
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mds-wrapper .mds-font_intro--1 {
    font-size: 18px;
    color: #4B4B4B;
    letter-spacing: 0;
    line-height: 26px;
  }
  .mds-wrapper .mds-font_intro--2 {
    font-size: 16px;
    color: #4B4B4B;
    letter-spacing: 0;
    line-height: 24px;
  }
  .mds-wrapper .mds-font_legal {
    font-size: 11px;
    color: #4B4B4B;
    letter-spacing: 0;
    line-height: 15px;
  }
  .mds-wrapper .mds-font_category--title {
    font-size: 14px;
    color: #4B4B4B;
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 768px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Creation Date: 04/05/2020d
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
  .mds-wrapper .mds-font_hero--text {
    font-size: 42px;
    line-height: 50px;
  }
  .mds-wrapper .mds-font_header--1 {
    font-size: 36px;
    line-height: 48px;
  }
  .mds-wrapper .mds-font_header--2a {
    font-size: 32px;
    line-height: 44px;
  }
  .mds-wrapper .mds-font_header--2b {
    font-size: 32px;
    line-height: 44px;
  }
  .mds-wrapper .mds-font_header--3 {
    font-size: 28px;
    line-height: 36px;
  }
  .mds-wrapper .mds-font_header--4 {
    font-size: 22px;
    line-height: 30px;
  }
  .mds-wrapper .mds-font_header--5 {
    line-height: 28px;
  }
  .mds-wrapper .mds-font_legal {
    font-size: 12px;
  }
}
@media screen and (min-width: 960px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    TODO: Desktop styles for fonts
    Creation Date: 5/7/2020
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
}
@media screen and (min-width: 1440px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    TODO:
    Creation Date: 26/03/20
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
}

/* ---------------------------------------------------------------------
Copyright 3M Company. All Rights Reserved.
Rev Date: March 26,2020

------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
mds components
------------------------------------------------------------------------ */
@media screen and (min-width: 1px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
  .mds-wrapper .mds-accordion_container {
    padding: 17px 19px;
    width: 406px;
    display: block;
    border: 1px solid #DDDDDD;
  }
  .mds-wrapper .mds-accordion_container .mds-accordion_title {
    color: #000000;
  }
  .mds-wrapper .mds-accordion_container--hover {
    padding: 17px 19px;
    width: 406px;
    display: block;
    border: 1px solid #DDDDDD;
    box-shadow: 0 7px 16px 0 rgba(75, 75, 75, 0.1);
  }
  .mds-wrapper .mds-accordion_container--hover .mds-accordion_title {
    color: #003CE6;
  }
  .mds-wrapper .mds-accordion_heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .mds-wrapper .mds-accordion_title {
    margin: 0;
    padding: 0;
  }
  .mds-wrapper .mds-accordion_button {
    background: none;
    border: none;
    padding: 0 4px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .mds-wrapper .mds-accordion_button img {
    height: 20px;
    width: 20px;
  }
  .mds-wrapper .mds-accordion_content--container {
    display: block;
    margin-top: 8px;
  }
  .mds-wrapper .mds-accordion_content--container-hide {
    display: none;
  }
  .mds-wrapper .mds-accordion_content--text {
    margin: 0 60px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
  .mds-wrapper .mds-accordion_container {
    width: 100%;
  }
  .mds-wrapper .mds-accordion_container--hover {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    TODO: Desktop styles for fonts
    Creation Date: 5/7/2020
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
}
@media screen and (min-width: 1440px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    TODO:
    Creation Date: 26/03/20
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
}

/* ---------------------------------------------------------------------
Copyright 3M Company. All Rights Reserved.
Rev Date: June 3,2020

------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
mds components
------------------------------------------------------------------------ */
@media screen and (min-width: 1px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
  .mds-wrapper .mds-modal_backdrop {
    background: #000000;
    opacity: 0.7;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 101%;
    width: 101%;
    z-index: 1000;
  }
  .mds-wrapper .mds-modal--hidden {
    display: none;
  }
  .mds-wrapper .mds-modal_container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 3px;
    box-shadow: 0px 9px 18px 9px rgba(0, 0, 0, 0.2);
    min-width: 373px;
    max-width: 787px;
    z-index: 1001;
  }
  .mds-wrapper .mds-modal_container--small {
    max-width: 373px;
  }
  .mds-wrapper .mds-modal_container--medium {
    max-width: 570px;
  }
  .mds-wrapper .mds-modal_container--large {
    max-width: 787px;
  }
  .mds-wrapper .mds-modal_closeBtn {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    top: 20px;
    right: 20px;
    position: absolute;
  }
  .mds-wrapper .mds-modal_title {
    text-align: center;
  }
  .mds-wrapper .mds-modal_content {
    padding: 0 50px;
  }
  .mds-wrapper .mds-modal_content--body {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 30px 0px;
    overflow-y: auto;
    max-height: 310px;
  }
  .mds-wrapper .mds-modal_footer {
    padding: 25px 0;
    display: flex;
    justify-content: center;
  }
  .mds-wrapper .mds-modal_footer .mds-button {
    margin: 0 10px;
  }
}
/* ---------------------------------------------------------------------
Breakpoints for small, medium, large, and extra large screen sizes
------------------------------------------------------------------------ */
/**
Form Elements Components
**/
@media screen and (min-width: 1px) {
  /**
  Form Elements Components - Small Screensize
  **/
  .mds-form_element {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    display: inline-block;
  }
  .mds-form_element input, .mds-form_element select, .mds-form_element textarea {
    font-size: 14px;
    height: 40px;
    line-height: 18px;
    border: 1px solid #767676;
    border-radius: 2px;
    color: #000000;
    padding: 11px 10px 7px;
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    display: block;
  }
  .mds-form_element input:focus, .mds-form_element select:focus, .mds-form_element textarea:focus {
    border: 1.25px solid #000000;
    outline: none;
  }
  .mds-form_element input:not(:placeholder-shown) label, .mds-form_element select:not(:placeholder-shown) label, .mds-form_element textarea:not(:placeholder-shown) label {
    position: relative;
    font-size: 11px;
    left: 15px;
    top: 10px;
    background-color: #FFFFFF;
    padding: 5px;
  }
  .mds-form_element input:disabled, .mds-form_element select:disabled, .mds-form_element textarea:disabled {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
  }
  .mds-form_element textarea {
    min-height: 120px;
    resize: vertical;
  }
  .mds-form_elementLabel {
    font-size: 14px;
    color: #767676;
    line-height: 18px;
    padding: 12px;
    white-space: nowrap;
    position: relative;
    top: 30px;
    pointer-events: none;
  }
  .mds-form_elementLabel--floating {
    color: #767676;
    font-size: 11px;
    left: 15px;
    top: 10px;
    background-color: #FFFFFF;
    padding: 0px 5px 0px 5px;
    position: relative;
  }
  .mds-form_elementLabel--invalid, .mds-form_elementLabel--required {
    position: relative;
    font-size: 12px;
    padding: 0px;
    top: 4px;
    color: #C80000;
    display: none;
  }
  .mds-form_elementLabel--helpText {
    position: relative;
    top: 7px;
    color: #767676;
  }
  .mds-form_element--invalid input, .mds-form_element--invalid select,
.mds-form_element--invalid input:focus, .mds-form_element--invalid select:focus, .mds-form_element--required input, .mds-form_element--required select,
.mds-form_element--required input:focus, .mds-form_element--required select:focus {
    border-color: #C80000;
  }
  .mds-form_element--invalid label, .mds-form_element--invalid .mds-form_elementLabel--floating, .mds-form_element--required label, .mds-form_element--required .mds-form_elementLabel--floating {
    color: #C80000;
  }
  .mds-form_element--invalid .mds-form_element--invalidLabel, .mds-form_element--invalid .mds-form_element--requiredLabel, .mds-form_element--required .mds-form_element--invalidLabel, .mds-form_element--required .mds-form_element--requiredLabel {
    display: inline-block;
  }
  .mds-form_element--invalid label:not(disabled), .mds-form_element--invalid .mds-form_element--floatingLabel:not(disabled), .mds-form_element--required label:not(disabled), .mds-form_element--required .mds-form_element--floatingLabel:not(disabled) {
    color: #C80000;
  }
  .mds-form_element--invalid .mds-form_elementLabel--invalid, .mds-form_element--required .mds-form_elementLabel--required {
    display: inline-block;
  }
  .mds-form_element--invalid .mds-form_element--search, .mds-form_element--required .mds-form_element--search {
    bottom: 28px;
  }
  .mds-form_element--link {
    top: -26px;
    margin-right: 14px;
    text-decoration: none;
    position: relative;
    float: right;
    font-size: 14px;
    color: #003CE6;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    height: 0px;
    cursor: pointer;
  }
  .mds-form_element--link:hover:not(i) {
    text-decoration: underline;
  }
  .mds-form_element--search {
    position: absolute;
    right: 15px;
    bottom: 10px;
    background-color: transparent;
    border: none;
    font-size: 18px;
  }
  .mds-form_element input[type=password]::-ms-clear, .mds-form_element input[type=password]::-ms-reveal {
    /* Remove Edge's password show */
    display: none;
  }
  .mds-form_element--linkIcon {
    text-decoration: none;
    pointer-events: none;
  }
  .mds-form_element--2up {
    width: calc(50% - 5px);
  }
  .mds-form_element--2up:nth-child(2n) {
    margin-left: 10px;
  }
  .mds-form_select .mds-form_elementLabel--floatingHidden {
    visibility: hidden;
  }
  .mds-form_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: "";
    background-color: #FFFFFF;
    height: 40px;
    padding-right: 35px;
  }
  .mds-form_select select:hover:not(disabled) {
    cursor: pointer;
  }
  .mds-form_select select::-ms-expand {
    display: none;
  }
  .mds-form_select .mds-form_elementLabel--floating + .mds-form_elementLabel {
    position: absolute;
    left: 0px;
    top: 18px;
  }
  .mds-form_checkbox {
    position: relative;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    margin: 17px 0px 0px;
    display: inline-block;
    padding: 0px;
    vertical-align: middle;
  }
  .mds-form_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  input:checked + .mds-form_checkboxBox, input:checked + .mds-form_checkboxBox--primary {
    background: #0099FF;
    border: 1px solid #0099FF;
    border-radius: 1px;
  }
  input:checked + .mds-form_checkboxBox--secondary {
    background: #4B4B4B;
    border: 1px solid #4B4B4B;
    border-radius: 1px;
  }
  input:checked + .mds-form_checkboxBox:after {
    display: block;
  }
  .mds-form_checkbox input:disabled:hover + .mds-form_checkboxBox,
.mds-form_checkbox input:disabled + .mds-form_checkboxBox {
    background: #FFFFFF;
    border: 1px solid #AEAEAE;
    border-radius: 1px;
  }
  .mds-form_checkbox input:disabled:hover + .mds-form_checkboxBox:after,
.mds-form_checkbox input:disabled + .mds-form_checkboxBox:after {
    border: solid #767676;
    border-width: 0 2px 2px 0;
  }
  .mds-form_checkbox input:disabled ~ label {
    color: #AEAEAE;
  }
  .mds-form_checkbox label {
    color: #4B4B4B;
    line-height: inherit;
    font-size: 14px;
    display: block;
    position: relative;
    top: 1px;
  }
  .mds-form_checkbox label.mds-font_legal {
    color: #767676;
  }
  .mds-form_checkboxBox {
    display: block;
    float: left;
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: 1px solid #4B4B4B;
    border-radius: 1px;
  }
  .mds-form_checkboxBox:after {
    content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .mds-form_checkbox:hover input:not(:checked):not(:disabled) ~ .mds-form_checkboxBox {
    background-color: #F9F9F9;
    border: 1px solid #000000;
    border-radius: 1px;
  }
  .mds-form_checkbox:hover input:checked:not(:disabled) ~ .mds-form_checkboxBox, .mds-form_checkbox:hover input:checked:not(:disabled) ~ .mds-form_checkboxBox--primary {
    border: 1px solid #4B4B4B;
    border-radius: 1px;
  }
  .mds-form_checkbox:hover input:checked:not(:disabled) ~ .mds-form_checkboxBox--secondary {
    border: 1px solid #CCCCCC;
    border-radius: 1px;
  }
  .mds-form_checkbox--x-small {
    line-height: 16px;
  }
  .mds-form_checkbox--x-small label {
    padding-left: 27px;
  }
  .mds-form_checkbox--x-small .mds-form_checkboxBox {
    height: 14px;
    width: 14px;
  }
  .mds-form_checkbox--x-small .mds-form_checkboxBox:after {
    left: 4.5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border-width: 0 2px 2px 0;
  }
  .mds-form_checkbox--small {
    line-height: 18px;
  }
  .mds-form_checkbox--small label {
    padding-left: 29px;
  }
  .mds-form_checkbox--small .mds-form_checkboxBox {
    height: 16px;
    width: 16px;
  }
  .mds-form_checkbox--small .mds-form_checkboxBox:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
  }
  .mds-form_checkbox--medium {
    line-height: 22px;
  }
  .mds-form_checkbox--medium label {
    padding-left: 33px;
  }
  .mds-form_checkbox--medium .mds-form_checkboxBox {
    height: 20px;
    width: 20px;
  }
  .mds-form_checkbox--medium .mds-form_checkboxBox:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 11px;
    border-width: 0 2.5px 2.5px 0;
  }
  .mds-form_checkbox--large {
    line-height: 26px;
  }
  .mds-form_checkbox--large label {
    padding-left: 37px;
    font-size: 16px;
  }
  .mds-form_checkbox--large .mds-form_checkboxBox {
    height: 24px;
    width: 24px;
  }
  .mds-form_checkbox--large .mds-form_checkboxBox:after {
    left: 8px;
    top: 2.5px;
    width: 5px;
    height: 13px;
  }
  .mds-form_checkbox--2up {
    width: calc(50% - 5px);
  }
  .mds-form_checkbox--2up:nth-child(2n) {
    margin-left: 10px;
  }
  .mds-form_checkbox--4up {
    width: calc(50% - 10px);
  }
  .mds-form_checkbox--4up:nth-child(2n) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  /**
  Form Elements Components - Medium Screensize
  **/
}
@media screen and (min-width: 960px) {
  /**
  Form Elements Components - Large Screensize
  **/
  .mds-form_checkbox--4up {
    width: calc(25% - 10px);
  }
  .mds-form_checkbox--4up + .mds-form_checkbox--4up {
    margin-left: 10px;
  }
  .mds-form_radiobutton--4up {
    width: calc(25% - 10px);
  }
  .mds-form_radiobutton--4up + .mds-form_radiobutton--4up {
    margin-left: 10px;
  }
}
.mds-button {
  max-height: 45px;
}
.mds-button_primary {
  background-color: #ff0000;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  border: 2px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
}
.mds-button_primary--large {
  height: 45px;
  width: auto;
  min-width: 90px;
  padding: 0 35px;
}
.mds-button_primary--medium {
  height: 35px;
  width: auto;
  min-width: 70px;
  padding: 0 30px;
}
.mds-button_primary--small {
  height: 25px;
  width: auto;
  min-width: 65px;
  padding: 0 20px;
}
.mds-button_primary:hover {
  background-color: #c80000;
  color: #ffffff;
}
.mds-button_primary:disabled {
  background-color: #dddddd;
  color: #767676;
}
.mds-button_secondary {
  background-color: #4b4b4b;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  border: 2px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
}
.mds-button_secondary--large {
  height: 45px;
  width: auto;
  min-width: 90px;
  padding: 0 35px;
}
.mds-button_secondary--medium {
  height: 35px;
  width: auto;
  min-width: 70px;
  padding: 0 30px;
}
.mds-button_secondary--small {
  height: 25px;
  width: auto;
  min-width: 65px;
  padding: 0 20px;
}
.mds-button_secondary:hover {
  background-color: #000000;
  color: #ffffff;
}
.mds-button_secondary:disabled {
  background-color: #dddddd;
  color: #767676;
}
.mds-button_tertiary {
  background-color: #ffffff;
  color: #4b4b4b;
  border: 1px solid #333333;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
}
.mds-button_tertiary--large {
  height: 45px;
  width: auto;
  min-width: 90px;
  padding: 0 35px;
}
.mds-button_tertiary--medium {
  height: 35px;
  width: auto;
  min-width: 70px;
  padding: 0 30px;
}
.mds-button_tertiary--small {
  height: 25px;
  width: auto;
  min-width: 65px;
  padding: 0 20px;
}
.mds-button_tertiary:hover {
  background-color: #f2f2f2;
  color: #4b4b4b;
}
.mds-button_tertiary:disabled {
  border: 1px solid #aeaeae;
  color: #767676;
}

/* ---------------------------------------------------------------------
Copyright 3M Company. All Rights Reserved.
Rev Date: June 02,2020

------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
mds components
------------------------------------------------------------------------ */
@media screen and (min-width: 1px) {
  .mds-wrapper {
    /* ---------------------------------------------------------------------
    Copyright 3M Company. All Rights Reserved.
    ------------------------------------------------------------------------ */
  }
  .mds-wrapper .mds-pagination {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    font-size: 16px;
  }
  .mds-wrapper .mds-pagination_navigation {
    justify-content: center;
    height: 40px;
    display: flex;
    padding: 15px;
    text-align: center;
  }
  .mds-wrapper .mds-pagination_navigation--item {
    border: 1px solid #AEAEAE;
    width: 40px;
    text-align: center;
    padding: 10px 0px;
    margin: 0 5px 0 5px;
    text-decoration: none;
  }
  .mds-wrapper .mds-pagination_navigation a {
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
  }
  .mds-wrapper .mds-pagination_navigation a:hover {
    cursor: default;
  }
  .mds-wrapper .mds-pagination_navigation .active {
    color: #000000;
    border: 1px solid #FF0000;
  }
  .mds-wrapper .mds-pagination_navigation--dots {
    text-align: center;
    padding: 10px 0px;
    color: #4B4B4B;
  }
  .mds-wrapper .mds-pagination_navigation--next, .mds-wrapper .mds-pagination_navigation--previous {
    width: 40px;
    padding: 12px 0px;
  }
  .mds-wrapper .mds-pagination_dark {
    background-color: #4B4B4B;
  }
  .mds-wrapper .mds-pagination_dark .mds-pagination_navigation--item {
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
  }
  .mds-wrapper .mds-pagination_dark .active {
    background: #4B4B4B;
    border: 1px solid #FAAA19;
  }
  .mds-wrapper .mds-pagination_dark .mds-pagination_navigation--dots {
    color: #CCCCCC;
  }
  .mds-wrapper .mds-pagination_dark a, .mds-wrapper .mds-pagination_dark a span {
    color: #FFFFFF;
  }
  .mds-wrapper .mds-pagination_dark a span:hover {
    color: #FFFFFF;
    cursor: default;
    text-decoration: underline;
  }
  .mds-wrapper .mds-pagination_white .mds-pagination_navigation--item {
    background-color: #FFFFFF;
  }
  .mds-wrapper .mds-pagination_post {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .mds-wrapper .mds-pagination_post--next, .mds-wrapper .mds-pagination_post--previous {
    padding: 10px 0px;
  }
  .mds-wrapper .mds-pagination_post--next span, .mds-wrapper .mds-pagination_post--previous span {
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
  }
  .mds-wrapper .mds-pagination_post--next span:hover, .mds-wrapper .mds-pagination_post--previous span:hover {
    color: #003CE6;
    cursor: default;
    text-decoration: underline;
  }
  .mds-wrapper .mds-pagination_post .mds-pagination_post--previous span {
    top: -3px;
    position: relative;
    left: 6px;
  }
  .mds-wrapper .mds-pagination_post .mds-pagination_post--next span {
    top: -5px;
    position: relative;
    right: 6px;
  }
}
@media screen and (min-width: 768px) {
  .mds-wrapper .mds--isNotOnMobile {
    display: block;
  }
  .mds-wrapper .mds--isOnMobile {
    display: none;
  }
}
/* ---------------------------------------------------------------------
Breakpoints for small, medium, large, and extra large screen sizes
------------------------------------------------------------------------ */
.mds-alert_container {
  border: 1px solid;
  border-radius: 2px;
  width: 100%;
  display: grid;
}
@media screen and (min-width: 1px) {
  .mds-alert_container {
    grid-template-columns: 10% 90%;
  }
}
@media screen and (min-width: 768px) {
  .mds-alert_container {
    grid-template-columns: 5% 95%;
  }
}
.mds-alert_container--error {
  border-color: #C80000;
}
.mds-alert_container--success {
  border-color: #199F43;
}
.mds-alert_container--info {
  border-color: #0099FF;
}
@media screen and (min-width: 1px) {
  .mds-alert_container--info {
    grid-template-columns: 10% 80% 10%;
  }
}
@media screen and (min-width: 768px) {
  .mds-alert_container--info {
    grid-template-columns: 5% 90% 5%;
  }
}
.mds-alert_container--warning {
  border-color: #FAAA19;
}

.mds-alert_iconContainer {
  display: flex;
}
.mds-alert_iconContainer--error {
  background-color: #C80000;
}
.mds-alert_iconContainer--success {
  background-color: #199F43;
}
.mds-alert_iconContainer--info {
  background-color: #0099FF;
}
.mds-alert_iconContainer--warning {
  background-color: #FAAA19;
}

.mds-alert_icon {
  margin: auto;
}

.mds-alert_textContainer {
  padding: 10px;
  display: flex;
  align-items: center;
}

.mds-alert_text {
  display: block;
}

.mds-alert_link {
  color: #4B4B4B;
}

.mds-alert_closeContainer {
  display: flex;
  align-items: center;
  position: relative;
}

.mds-alert-closeButton {
  border: none;
  cursor: pointer;
  background: none;
  margin: auto;
}

.mds-inContextAlert_container {
  display: flex;
  align-items: center;
  width: 100%;
}

.mds-inContextAlert_iconContainer {
  margin-right: 5px;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.mds-inContextAlert_iconContainer--error {
  background-color: #C80000;
}
.mds-inContextAlert_iconContainer--success {
  background-color: #199F43;
}
.mds-inContextAlert_iconContainer--info {
  background-color: #0099FF;
}
.mds-inContextAlert_iconContainer--warning {
  background-color: #FAAA19;
}

.mds-inContextAlert_icon--error {
  margin-left: 6px;
  margin-top: 2px;
}
.mds-inContextAlert_icon--success {
  margin-left: 3px;
  margin-top: 2px;
  width: 9px;
  height: 12px;
}
.mds-inContextAlert_icon--info {
  margin-left: 6px;
  margin-top: 2px;
}
.mds-inContextAlert_icon--warning {
  margin-left: 6px;
  margin-top: 2px;
}

.mds-inContextAlert_textContainer {
  display: inline-block;
}

.mds-inContextAlert_text {
  display: block;
}

.mds-inContextAlert_link {
  color: #4B4B4B;
}

.mds-alertIndicator_text {
  color: #000000;
  font-size: 12px;
  padding: 2px 5px;
  text-align: center;
}
.mds-alertIndicator_text--warning {
  border: 1px solid #FAAA19;
}
.mds-alertIndicator_text--error {
  border: 1px solid #C80000;
}
.mds-alertIndicator_text--info {
  border: 1px solid #0099FF;
}
.mds-alertIndicator_text--success {
  border: 1px solid #199F43;
}