@charset "UTF-8";
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mss/fonts/2a61b00fcc9b1afbf99be145777b1b72.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/mss/fonts/703cf8f274fbb265d49c6262825780e1.woff2) format("woff2"), url(/mss/fonts/84a37de85c17f186652a179b1145392f.woff) format("woff"), url(/mss/fonts/51cf1d641ae503ece727e7d84b182524.ttf) format("truetype"); }

.mss-widget .material-icons {
  font-family: 'Material Icons', serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga'; }

.mss-widget .x-m-5 {
  margin: 5px !important; }

.mss-widget .x-p-5 {
  padding: 5px !important; }

.mss-widget .x-w-5 {
  width: 5px; }

.mss-widget .x-m-l-5 {
  margin-left: 5px !important; }

.mss-widget .x-p-l-5 {
  padding-left: 5px !important; }

.mss-widget .x-m-r-5 {
  margin-right: 5px !important; }

.mss-widget .x-p-r-5 {
  padding-right: 5px !important; }

.mss-widget .x-m-t-5 {
  margin-top: 5px !important; }

.mss-widget .x-p-t-5 {
  padding-top: 5px !important; }

.mss-widget .x-m-b-5 {
  margin-bottom: 5px !important; }

.mss-widget .x-p-b-5 {
  padding-bottom: 5px !important; }

.mss-widget .x-m-10 {
  margin: 10px !important; }

.mss-widget .x-p-10 {
  padding: 10px !important; }

.mss-widget .x-w-10 {
  width: 10px; }

.mss-widget .x-m-l-10 {
  margin-left: 10px !important; }

.mss-widget .x-p-l-10 {
  padding-left: 10px !important; }

.mss-widget .x-m-r-10 {
  margin-right: 10px !important; }

.mss-widget .x-p-r-10 {
  padding-right: 10px !important; }

.mss-widget .x-m-t-10 {
  margin-top: 10px !important; }

.mss-widget .x-p-t-10 {
  padding-top: 10px !important; }

.mss-widget .x-m-b-10 {
  margin-bottom: 10px !important; }

.mss-widget .x-p-b-10 {
  padding-bottom: 10px !important; }

.mss-widget .x-m-15 {
  margin: 15px !important; }

.mss-widget .x-p-15 {
  padding: 15px !important; }

.mss-widget .x-w-15 {
  width: 15px; }

.mss-widget .x-m-l-15 {
  margin-left: 15px !important; }

.mss-widget .x-p-l-15 {
  padding-left: 15px !important; }

.mss-widget .x-m-r-15 {
  margin-right: 15px !important; }

.mss-widget .x-p-r-15 {
  padding-right: 15px !important; }

.mss-widget .x-m-t-15 {
  margin-top: 15px !important; }

.mss-widget .x-p-t-15 {
  padding-top: 15px !important; }

.mss-widget .x-m-b-15 {
  margin-bottom: 15px !important; }

.mss-widget .x-p-b-15 {
  padding-bottom: 15px !important; }

.mss-widget .x-m-20 {
  margin: 20px !important; }

.mss-widget .x-p-20 {
  padding: 20px !important; }

.mss-widget .x-w-20 {
  width: 20px; }

.mss-widget .x-m-l-20 {
  margin-left: 20px !important; }

.mss-widget .x-p-l-20 {
  padding-left: 20px !important; }

.mss-widget .x-m-r-20 {
  margin-right: 20px !important; }

.mss-widget .x-p-r-20 {
  padding-right: 20px !important; }

.mss-widget .x-m-t-20 {
  margin-top: 20px !important; }

.mss-widget .x-p-t-20 {
  padding-top: 20px !important; }

.mss-widget .x-m-b-20 {
  margin-bottom: 20px !important; }

.mss-widget .x-p-b-20 {
  padding-bottom: 20px !important; }

.mss-widget .x-m-25 {
  margin: 25px !important; }

.mss-widget .x-p-25 {
  padding: 25px !important; }

.mss-widget .x-w-25 {
  width: 25px; }

.mss-widget .x-m-l-25 {
  margin-left: 25px !important; }

.mss-widget .x-p-l-25 {
  padding-left: 25px !important; }

.mss-widget .x-m-r-25 {
  margin-right: 25px !important; }

.mss-widget .x-p-r-25 {
  padding-right: 25px !important; }

.mss-widget .x-m-t-25 {
  margin-top: 25px !important; }

.mss-widget .x-p-t-25 {
  padding-top: 25px !important; }

.mss-widget .x-m-b-25 {
  margin-bottom: 25px !important; }

.mss-widget .x-p-b-25 {
  padding-bottom: 25px !important; }

.mss-widget .x-m-30 {
  margin: 30px !important; }

.mss-widget .x-p-30 {
  padding: 30px !important; }

.mss-widget .x-w-30 {
  width: 30px; }

.mss-widget .x-m-l-30 {
  margin-left: 30px !important; }

.mss-widget .x-p-l-30 {
  padding-left: 30px !important; }

.mss-widget .x-m-r-30 {
  margin-right: 30px !important; }

.mss-widget .x-p-r-30 {
  padding-right: 30px !important; }

.mss-widget .x-m-t-30 {
  margin-top: 30px !important; }

.mss-widget .x-p-t-30 {
  padding-top: 30px !important; }

.mss-widget .x-m-b-30 {
  margin-bottom: 30px !important; }

.mss-widget .x-p-b-30 {
  padding-bottom: 30px !important; }

.mss-widget .x-m-35 {
  margin: 35px !important; }

.mss-widget .x-p-35 {
  padding: 35px !important; }

.mss-widget .x-w-35 {
  width: 35px; }

.mss-widget .x-m-l-35 {
  margin-left: 35px !important; }

.mss-widget .x-p-l-35 {
  padding-left: 35px !important; }

.mss-widget .x-m-r-35 {
  margin-right: 35px !important; }

.mss-widget .x-p-r-35 {
  padding-right: 35px !important; }

.mss-widget .x-m-t-35 {
  margin-top: 35px !important; }

.mss-widget .x-p-t-35 {
  padding-top: 35px !important; }

.mss-widget .x-m-b-35 {
  margin-bottom: 35px !important; }

.mss-widget .x-p-b-35 {
  padding-bottom: 35px !important; }

.mss-widget .x-m-40 {
  margin: 40px !important; }

.mss-widget .x-p-40 {
  padding: 40px !important; }

.mss-widget .x-w-40 {
  width: 40px; }

.mss-widget .x-m-l-40 {
  margin-left: 40px !important; }

.mss-widget .x-p-l-40 {
  padding-left: 40px !important; }

.mss-widget .x-m-r-40 {
  margin-right: 40px !important; }

.mss-widget .x-p-r-40 {
  padding-right: 40px !important; }

.mss-widget .x-m-t-40 {
  margin-top: 40px !important; }

.mss-widget .x-p-t-40 {
  padding-top: 40px !important; }

.mss-widget .x-m-b-40 {
  margin-bottom: 40px !important; }

.mss-widget .x-p-b-40 {
  padding-bottom: 40px !important; }

.mss-widget .x-m-45 {
  margin: 45px !important; }

.mss-widget .x-p-45 {
  padding: 45px !important; }

.mss-widget .x-w-45 {
  width: 45px; }

.mss-widget .x-m-l-45 {
  margin-left: 45px !important; }

.mss-widget .x-p-l-45 {
  padding-left: 45px !important; }

.mss-widget .x-m-r-45 {
  margin-right: 45px !important; }

.mss-widget .x-p-r-45 {
  padding-right: 45px !important; }

.mss-widget .x-m-t-45 {
  margin-top: 45px !important; }

.mss-widget .x-p-t-45 {
  padding-top: 45px !important; }

.mss-widget .x-m-b-45 {
  margin-bottom: 45px !important; }

.mss-widget .x-p-b-45 {
  padding-bottom: 45px !important; }

.mss-widget .x-m-50 {
  margin: 50px !important; }

.mss-widget .x-p-50 {
  padding: 50px !important; }

.mss-widget .x-w-50 {
  width: 50px; }

.mss-widget .x-m-l-50 {
  margin-left: 50px !important; }

.mss-widget .x-p-l-50 {
  padding-left: 50px !important; }

.mss-widget .x-m-r-50 {
  margin-right: 50px !important; }

.mss-widget .x-p-r-50 {
  padding-right: 50px !important; }

.mss-widget .x-m-t-50 {
  margin-top: 50px !important; }

.mss-widget .x-p-t-50 {
  padding-top: 50px !important; }

.mss-widget .x-m-b-50 {
  margin-bottom: 50px !important; }

.mss-widget .x-p-b-50 {
  padding-bottom: 50px !important; }

.mss-widget .x-m-55 {
  margin: 55px !important; }

.mss-widget .x-p-55 {
  padding: 55px !important; }

.mss-widget .x-w-55 {
  width: 55px; }

.mss-widget .x-m-l-55 {
  margin-left: 55px !important; }

.mss-widget .x-p-l-55 {
  padding-left: 55px !important; }

.mss-widget .x-m-r-55 {
  margin-right: 55px !important; }

.mss-widget .x-p-r-55 {
  padding-right: 55px !important; }

.mss-widget .x-m-t-55 {
  margin-top: 55px !important; }

.mss-widget .x-p-t-55 {
  padding-top: 55px !important; }

.mss-widget .x-m-b-55 {
  margin-bottom: 55px !important; }

.mss-widget .x-p-b-55 {
  padding-bottom: 55px !important; }

.mss-widget .x-m-60 {
  margin: 60px !important; }

.mss-widget .x-p-60 {
  padding: 60px !important; }

.mss-widget .x-w-60 {
  width: 60px; }

.mss-widget .x-m-l-60 {
  margin-left: 60px !important; }

.mss-widget .x-p-l-60 {
  padding-left: 60px !important; }

.mss-widget .x-m-r-60 {
  margin-right: 60px !important; }

.mss-widget .x-p-r-60 {
  padding-right: 60px !important; }

.mss-widget .x-m-t-60 {
  margin-top: 60px !important; }

.mss-widget .x-p-t-60 {
  padding-top: 60px !important; }

.mss-widget .x-m-b-60 {
  margin-bottom: 60px !important; }

.mss-widget .x-p-b-60 {
  padding-bottom: 60px !important; }

.mss-widget .x-m-65 {
  margin: 65px !important; }

.mss-widget .x-p-65 {
  padding: 65px !important; }

.mss-widget .x-w-65 {
  width: 65px; }

.mss-widget .x-m-l-65 {
  margin-left: 65px !important; }

.mss-widget .x-p-l-65 {
  padding-left: 65px !important; }

.mss-widget .x-m-r-65 {
  margin-right: 65px !important; }

.mss-widget .x-p-r-65 {
  padding-right: 65px !important; }

.mss-widget .x-m-t-65 {
  margin-top: 65px !important; }

.mss-widget .x-p-t-65 {
  padding-top: 65px !important; }

.mss-widget .x-m-b-65 {
  margin-bottom: 65px !important; }

.mss-widget .x-p-b-65 {
  padding-bottom: 65px !important; }

.mss-widget .x-m-70 {
  margin: 70px !important; }

.mss-widget .x-p-70 {
  padding: 70px !important; }

.mss-widget .x-w-70 {
  width: 70px; }

.mss-widget .x-m-l-70 {
  margin-left: 70px !important; }

.mss-widget .x-p-l-70 {
  padding-left: 70px !important; }

.mss-widget .x-m-r-70 {
  margin-right: 70px !important; }

.mss-widget .x-p-r-70 {
  padding-right: 70px !important; }

.mss-widget .x-m-t-70 {
  margin-top: 70px !important; }

.mss-widget .x-p-t-70 {
  padding-top: 70px !important; }

.mss-widget .x-m-b-70 {
  margin-bottom: 70px !important; }

.mss-widget .x-p-b-70 {
  padding-bottom: 70px !important; }

.mss-widget .x-m-75 {
  margin: 75px !important; }

.mss-widget .x-p-75 {
  padding: 75px !important; }

.mss-widget .x-w-75 {
  width: 75px; }

.mss-widget .x-m-l-75 {
  margin-left: 75px !important; }

.mss-widget .x-p-l-75 {
  padding-left: 75px !important; }

.mss-widget .x-m-r-75 {
  margin-right: 75px !important; }

.mss-widget .x-p-r-75 {
  padding-right: 75px !important; }

.mss-widget .x-m-t-75 {
  margin-top: 75px !important; }

.mss-widget .x-p-t-75 {
  padding-top: 75px !important; }

.mss-widget .x-m-b-75 {
  margin-bottom: 75px !important; }

.mss-widget .x-p-b-75 {
  padding-bottom: 75px !important; }

.mss-widget .x-m-80 {
  margin: 80px !important; }

.mss-widget .x-p-80 {
  padding: 80px !important; }

.mss-widget .x-w-80 {
  width: 80px; }

.mss-widget .x-m-l-80 {
  margin-left: 80px !important; }

.mss-widget .x-p-l-80 {
  padding-left: 80px !important; }

.mss-widget .x-m-r-80 {
  margin-right: 80px !important; }

.mss-widget .x-p-r-80 {
  padding-right: 80px !important; }

.mss-widget .x-m-t-80 {
  margin-top: 80px !important; }

.mss-widget .x-p-t-80 {
  padding-top: 80px !important; }

.mss-widget .x-m-b-80 {
  margin-bottom: 80px !important; }

.mss-widget .x-p-b-80 {
  padding-bottom: 80px !important; }

.mss-widget .x-m-85 {
  margin: 85px !important; }

.mss-widget .x-p-85 {
  padding: 85px !important; }

.mss-widget .x-w-85 {
  width: 85px; }

.mss-widget .x-m-l-85 {
  margin-left: 85px !important; }

.mss-widget .x-p-l-85 {
  padding-left: 85px !important; }

.mss-widget .x-m-r-85 {
  margin-right: 85px !important; }

.mss-widget .x-p-r-85 {
  padding-right: 85px !important; }

.mss-widget .x-m-t-85 {
  margin-top: 85px !important; }

.mss-widget .x-p-t-85 {
  padding-top: 85px !important; }

.mss-widget .x-m-b-85 {
  margin-bottom: 85px !important; }

.mss-widget .x-p-b-85 {
  padding-bottom: 85px !important; }

.mss-widget .x-m-90 {
  margin: 90px !important; }

.mss-widget .x-p-90 {
  padding: 90px !important; }

.mss-widget .x-w-90 {
  width: 90px; }

.mss-widget .x-m-l-90 {
  margin-left: 90px !important; }

.mss-widget .x-p-l-90 {
  padding-left: 90px !important; }

.mss-widget .x-m-r-90 {
  margin-right: 90px !important; }

.mss-widget .x-p-r-90 {
  padding-right: 90px !important; }

.mss-widget .x-m-t-90 {
  margin-top: 90px !important; }

.mss-widget .x-p-t-90 {
  padding-top: 90px !important; }

.mss-widget .x-m-b-90 {
  margin-bottom: 90px !important; }

.mss-widget .x-p-b-90 {
  padding-bottom: 90px !important; }

.mss-widget .x-m-95 {
  margin: 95px !important; }

.mss-widget .x-p-95 {
  padding: 95px !important; }

.mss-widget .x-w-95 {
  width: 95px; }

.mss-widget .x-m-l-95 {
  margin-left: 95px !important; }

.mss-widget .x-p-l-95 {
  padding-left: 95px !important; }

.mss-widget .x-m-r-95 {
  margin-right: 95px !important; }

.mss-widget .x-p-r-95 {
  padding-right: 95px !important; }

.mss-widget .x-m-t-95 {
  margin-top: 95px !important; }

.mss-widget .x-p-t-95 {
  padding-top: 95px !important; }

.mss-widget .x-m-b-95 {
  margin-bottom: 95px !important; }

.mss-widget .x-p-b-95 {
  padding-bottom: 95px !important; }

.mss-widget .x-m-100 {
  margin: 100px !important; }

.mss-widget .x-p-100 {
  padding: 100px !important; }

.mss-widget .x-w-100 {
  width: 100px; }

.mss-widget .x-m-l-100 {
  margin-left: 100px !important; }

.mss-widget .x-p-l-100 {
  padding-left: 100px !important; }

.mss-widget .x-m-r-100 {
  margin-right: 100px !important; }

.mss-widget .x-p-r-100 {
  padding-right: 100px !important; }

.mss-widget .x-m-t-100 {
  margin-top: 100px !important; }

.mss-widget .x-p-t-100 {
  padding-top: 100px !important; }

.mss-widget .x-m-b-100 {
  margin-bottom: 100px !important; }

.mss-widget .x-p-b-100 {
  padding-bottom: 100px !important; }

.mss-widget .debug-border-red {
  border: 1px solid #f00; }

.mss-widget .debug-border-green {
  border: 1px solid #0f0; }

.mss-widget .debug-border-blue {
  border: 1px solid #00f; }

.mss-widget .max-h-100 {
  max-height: 100px;
  overflow: auto; }

.mss-widget .max-h-200 {
  max-height: 200px;
  overflow: auto; }

.mss-widget .max-h-300 {
  max-height: 300px;
  overflow: auto; }

.mss-widget .max-h-400 {
  max-height: 400px;
  overflow: auto; }

.mss-widget .max-h-500 {
  max-height: 500px;
  overflow: auto; }

.mss-widget .max-h-600 {
  max-height: 600px;
  overflow: auto; }

.mss-widget .max-h-700 {
  max-height: 700px;
  overflow: auto; }

.mss-widget .max-h-800 {
  max-height: 800px;
  overflow: auto; }

.mss-widget .max-h-900 {
  max-height: 900px;
  overflow: auto; }

.mss-widget .max-h-1000 {
  max-height: 1000px;
  overflow: auto; }

.mss-widget .md-display-4 {
  letter-spacing: -.1px; }

.mss-widget .md-display-3 {
  letter-spacing: -.05px; }

.mss-widget .md-display-2, .mss-widget .md-display-1, .mss-widget .md-headline {
  letter-spacing: 0; }

.mss-widget .md-title {
  letter-spacing: .5px; }

.mss-widget .md-subheading-2, .mss-widget .md-subheading-1, .mss-widget .md-body-1, .mss-widget .md-body-2 {
  letter-spacing: .1px; }

.mss-widget .md-caption {
  letter-spacing: .2px; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-headline,
.mss-widget .md-title,
.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-body-2,
.mss-widget .md-caption {
  margin: 0; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-headline,
.mss-widget .md-title {
  margin-bottom: 14px; }


.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-body-2,
.mss-widget .md-caption {
  margin-bottom: 10px; }


.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-title {
  white-space: nowrap; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-headline,
.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-caption {
  font-weight: 400; }


.mss-widget .md-title,
.mss-widget .md-body-2 {
  font-weight: 500; }


.mss-widget .md-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 128px; }


.mss-widget .md-display-3 {
  font-size: 56px;
  line-height: 84px; }


.mss-widget .md-display-2 {
  font-size: 45px;
  line-height: 48px; }

.mss-widget .md-display-1 {
  font-size: 34px;
  line-height: 40px; }


.mss-widget .md-headline {
  font-size: 24px;
  line-height: 32px; }


.mss-widget .md-title {
  font-size: 20px;
  line-height: 28px; }


.mss-widget .md-subheading-2 {
  line-height: 28px; }


.mss-widget .md-subheading-1 {
  line-height: 24px; }


.mss-widget .md-body-1 {
  line-height: 20px; }


.mss-widget .md-body-2 {
  line-height: 24px; }


.mss-widget .md-caption {
  font-size: 12px; }

.mss-widget .md-text-left, .mss-widget .md-picker-control {
  text-align: left; }

.mss-widget .md-text-center, .mss-widget .md-calendar-date {
  text-align: center; }

.mss-widget .md-text-right {
  text-align: right; }

.mss-widget .md-text-justify {
  text-align: justify; }

.mss-widget .md-text-capitalize {
  text-transform: capitalize; }

.mss-widget .md-text-lowercalse {
  text-transform: lowercase; }

.mss-widget .md-text-uppercase {
  text-transform: uppercase; }

.mss-widget .md-text-nowrap {
  white-space: nowrap; }

.mss-widget .md-text-no-select {
  user-select: none; }

.mss-widget .md-font-light {
  font-weight: 300; }

.mss-widget .md-font-regular {
  font-weight: 400; }

.mss-widget .md-font-medium, .mss-widget .md-btn .md-icon-text, .mss-widget .md-clock-time-value {
  font-weight: 500; }

.mss-widget .md-font-semibold {
  font-weight: 600; }

.mss-widget .md-font-bold {
  font-weight: 700; }

.mss-widget .md-display-4 {
  letter-spacing: -.1px; }

.mss-widget .md-display-3 {
  letter-spacing: -.05px; }

.mss-widget .md-display-2, .mss-widget .md-display-1, .mss-widget .md-headline {
  letter-spacing: 0; }

.mss-widget .md-title {
  letter-spacing: .5px; }

.mss-widget .md-subheading-2, .mss-widget .md-subheading-1, .mss-widget .md-body-1, .mss-widget .md-body-2 {
  letter-spacing: .1px; }

.mss-widget .md-caption {
  letter-spacing: .2px; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-headline,
.mss-widget .md-title,
.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-body-2,
.mss-widget .md-caption {
  margin: 0; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-headline,
.mss-widget .md-title {
  margin-bottom: 14px; }


.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-body-2,
.mss-widget .md-caption {
  margin-bottom: 10px; }


.mss-widget .md-display-3,
.mss-widget .md-display-4,
.mss-widget .md-title {
  white-space: nowrap; }

.mss-widget .md-display-1,
.mss-widget .md-display-2,
.mss-widget .md-display-3,
.mss-widget .md-headline,
.mss-widget .md-subheading-1,
.mss-widget .md-subheading-2,
.mss-widget .md-body-1,
.mss-widget .md-caption {
  font-weight: 400; }


.mss-widget .md-title,
.mss-widget .md-body-2 {
  font-weight: 500; }


.mss-widget .md-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 128px; }


.mss-widget .md-display-3 {
  font-size: 56px;
  line-height: 84px; }


.mss-widget .md-display-2 {
  font-size: 45px;
  line-height: 48px; }

.mss-widget .md-display-1 {
  font-size: 34px;
  line-height: 40px; }


.mss-widget .md-headline {
  font-size: 24px;
  line-height: 32px; }


.mss-widget .md-title {
  font-size: 20px;
  line-height: 28px; }


.mss-widget .md-subheading-2 {
  line-height: 28px; }


.mss-widget .md-subheading-1 {
  line-height: 24px; }


.mss-widget .md-body-1 {
  line-height: 20px; }


.mss-widget .md-body-2 {
  line-height: 24px; }


.mss-widget .md-caption {
  font-size: 12px; }

.mss-widget .md-text-left, .mss-widget .md-picker-control {
  text-align: left; }

.mss-widget .md-text-center, .mss-widget .md-calendar-date {
  text-align: center; }

.mss-widget .md-text-right {
  text-align: right; }

.mss-widget .md-text-justify {
  text-align: justify; }

.mss-widget .md-text-capitalize {
  text-transform: capitalize; }

.mss-widget .md-text-lowercalse {
  text-transform: lowercase; }

.mss-widget .md-text-uppercase {
  text-transform: uppercase; }

.mss-widget .md-text-nowrap {
  white-space: nowrap; }

.mss-widget .md-text-no-select {
  user-select: none; }

.mss-widget .md-font-light {
  font-weight: 300; }

.mss-widget .md-font-regular {
  font-weight: 400; }

.mss-widget .md-font-medium, .mss-widget .md-btn .md-icon-text, .mss-widget .md-clock-time-value {
  font-weight: 500; }

.mss-widget .md-font-semibold {
  font-weight: 600; }

.mss-widget .md-font-bold {
  font-weight: 700; }

.mss-widget .md-transition--sharp {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }

.mss-widget .md-transition--standard {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mss-widget .md-transition--acceleration, .mss-widget .md-drop-down-leave.md-drop-down-leave-active {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }


.mss-widget .md-transition--decceleration,
.mss-widget .md-transition--deceleration,
.mss-widget .md-drop-down-enter.md-drop-down-enter-active {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mss-widget .md-calendar-date, .mss-widget .md-inline-block {
  display: inline-block;
  vertical-align: bottom; }

.mss-widget .md-full-width {
  width: 100%; }

.mss-widget .md-text-container, .mss-widget .md-bottom-nav .md-icon, .mss-widget .md-block-centered {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.mss-widget .md-grid.md-grid--no-spacing > .md-cell.md-cell--right, .mss-widget .md-cell--right, .mss-widget .md-collapser--card, .mss-widget .md-divider--expand-from-right::after {
  margin-left: auto; }

.mss-widget .md-grid.md-grid--no-spacing > .md-cell.md-cell--right, .mss-widget .md-cell--right, .mss-widget .md-collapser--card, .mss-widget .md-divider--expand-from-right::after {
  margin-left: auto; }

.mss-widget .md-expansion-panel-list, .mss-widget .md-list-unstyled, .mss-widget .md-list, .mss-widget .md-tabs {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.mss-widget .md-media img, .mss-widget .md-media iframe, .mss-widget .md-media svg, .mss-widget .md-media video, .mss-widget .md-media embed, .mss-widget .md-media object {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.mss-widget .md-textWhite {
  color: '#FFFFFF'; }

/*
$mobile-breakpoint: 320px;
$md-grid-tablet-breakpoint: 600px;
$md-grid-desktop-breakpoint: 1200px;
*/
.mss-widget .md-display-4 {
  letter-spacing: -.1px; }

.mss-widget .md-display-3 {
  letter-spacing: -.05px; }

.mss-widget .md-display-2, .mss-widget .md-display-1, .mss-widget .md-headline {
  letter-spacing: 0; }

.mss-widget .md-title {
  letter-spacing: .5px; }

.mss-widget .md-subheading-2, .mss-widget .md-subheading-1, .mss-widget .md-body-1, .mss-widget .md-body-2 {
  letter-spacing: .1px; }

.mss-widget .md-caption {
  letter-spacing: .2px; }


.mss-widget .md-display-4 {
  font-size: 52px;
  font-weight: 300;
  line-height: 128px; }


.mss-widget .md-display-3 {
  font-size: 14px;
  line-height: 19px; }


.mss-widget .md-display-2 {
  font-size: 20px;
  line-height: 36px; }

.mss-widget .md-display-1 {
  font-size: 24px;
  line-height: 36px; }


.mss-widget .md-headline {
  font-size: 18px;
  line-height: 32px; }


.mss-widget .md-title {
  font-size: 14px;
  line-height: 19px; }


.mss-widget .md-caption {
  font-size: 14px; }


.mss-widget .md-body-1,
.mss-widget .md-caption {
  font-weight: 300;
  line-height: 24px; }

.mss-widget h1, .mss-widget h2, .mss-widget h3 {
  font-weight: 500; }

.mss-widget .sublocOverviewValue {
  font-weight: 600;
  font-size: 35px;
  line-height: 40px; }

.mss-widget .sublocOverviewLabel {
  font-size: 14px;
  font-weight: 400; }

.mss-widget .md-list--drawer .md-list-item .md-tile-text--primary {
  font-weight: 500; }

.mss-widget .md-list--drawer .md-list-item--subheader {
  text-transform: uppercase; }

.mss-widget .emojiFont {
  font-family: 'Noto Color Emoji';
  font-size: 18px; }

.mss-widget h1 {
  color: #737373 !important; }

@media screen and (min-width: 320px) {
  .mss-widget .md-subheading-2,
  .mss-widget .md-subheading-1 {
    font-size: 14px; }
  .mss-widget .md-body-2,
  .mss-widget .md-body-1 {
    font-size: 14px; }
  .mss-widget h5,
  .mss-widget h4 {
    font-size: 14px; }
  .mss-widget h6,
  .mss-widget p {
    font-size: 14px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-subheading-2,
  .mss-widget .md-subheading-1 {
    font-size: 14px; }
  .mss-widget .md-body-2,
  .mss-widget .md-body-1 {
    font-size: 14px; }
  .mss-widget h5,
  .mss-widget h4 {
    font-size: 14px; }
  .mss-widget h6,
  .mss-widget p {
    font-size: 14px; } }

.mss-widget *,
.mss-widget *::before,
.mss-widget *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mss-widget html {
  background: #fafafa;
  font-size: 14px;
  min-width: 100%; }

.mss-widget body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.42857;
  text-rendering: optimizeLegibility; }


.mss-widget .md-headline,
.mss-widget .md-title,
.mss-widget .md-subheading-2,
.mss-widget .md-subheading-1,
.mss-widget .md-body-2,
.mss-widget .md-body-1 {
  color: rgba(0, 0, 0, 0.87); }


.mss-widget .md-display-4,
.mss-widget .md-display-3,
.mss-widget .md-display-2,
.mss-widget .md-display-1,
.mss-widget .md-caption {
  color: rgba(0, 0, 0, 0.54); }

/*
  @if $extend-html-tags {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    button,
    input,
    textarea,
    html {
      font-family: $md-font-family;
    }

    h1 {
      @extend %md-display-1;
    }

    h2 {
      @extend %md-headline;
    }

    h3 {
      @extend %md-title;
    }

    h4 {
      @extend %md-subheading-2;
    }

    h5 {
      @extend %md-subheading-1;
    }

    h6 {
      @extend %md-body-2;
    }

    p {
      @extend %md-body-1;
    }

    caption {
      @extend %md-caption;
    }
  }
  */
.mss-widget .md-text-container {
  max-width: 640px;
  width: 100%; }
  .mss-widget .md-text-container.md-text-container.md-cell {
    margin-left: auto;
    margin-right: auto; }

.mss-widget .md-fake-btn {
  background: transparent;
  position: relative; }
  .mss-widget .md-fake-btn--no-outline {
    outline-style: none; }

.mss-widget .md-no-scroll.md-no-scroll {
  overflow: hidden;
  position: fixed; }

.mss-widget .md-pointer--hover:hover {
  cursor: pointer; }

.mss-widget .md-pointer--none {
  pointer-events: none; }

.mss-widget .md-content-jump {
  left: -1000px;
  position: absolute;
  top: -1000px; }
  .mss-widget .md-content-jump:active, .mss-widget .md-content-jump:focus {
    left: 0;
    top: 0; }

.mss-widget .md-grid {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto; }
  .mss-widget .md-grid.md-grid--no-spacing {
    padding: 0; }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell {
      margin: 0; }
  .mss-widget .md-grid--stacked {
    flex-direction: column; }

.mss-widget .md-cell--top {
  align-self: flex-start; }

.mss-widget .md-cell--middle {
  align-self: center; }

.mss-widget .md-cell--center {
  margin-left: auto;
  margin-right: auto; }

.mss-widget .md-cell--bottom {
  align-self: flex-end; }

.mss-widget .md-cell--stretch {
  align-self: stretch; }

@media (max-width: 599px) {
  .mss-widget .md-grid {
    padding: 8px; }
  .mss-widget .md-cell {
    width: calc(100% - 16px);
    margin: 8px; }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell {
      width: 100%; }
  .mss-widget .md-cell--phone-hidden {
    display: none !important; }
  .mss-widget .md-cell--order-1,
  .mss-widget .md-cell--order-1-phone.md-cell--order-1-phone {
    order: 1; }
  .mss-widget .md-cell--order-2,
  .mss-widget .md-cell--order-2-phone.md-cell--order-2-phone {
    order: 2; }
  .mss-widget .md-cell--order-3,
  .mss-widget .md-cell--order-3-phone.md-cell--order-3-phone {
    order: 3; }
  .mss-widget .md-cell--order-4,
  .mss-widget .md-cell--order-4-phone.md-cell--order-4-phone {
    order: 4; }
  .mss-widget .md-cell--order-5,
  .mss-widget .md-cell--order-5-phone.md-cell--order-5-phone {
    order: 5; }
  .mss-widget .md-cell--order-6,
  .mss-widget .md-cell--order-6-phone.md-cell--order-6-phone {
    order: 6; }
  .mss-widget .md-cell--order-7,
  .mss-widget .md-cell--order-7-phone.md-cell--order-7-phone {
    order: 7; }
  .mss-widget .md-cell--order-8,
  .mss-widget .md-cell--order-8-phone.md-cell--order-8-phone {
    order: 8; }
  .mss-widget .md-cell--order-9,
  .mss-widget .md-cell--order-9-phone.md-cell--order-9-phone {
    order: 9; }
  .mss-widget .md-cell--order-10,
  .mss-widget .md-cell--order-10-phone.md-cell--order-10-phone {
    order: 10; }
  .mss-widget .md-cell--order-11,
  .mss-widget .md-cell--order-11-phone.md-cell--order-11-phone {
    order: 11; }
  .mss-widget .md-cell--order-12,
  .mss-widget .md-cell--order-12-phone.md-cell--order-12-phone {
    order: 12; }
  .mss-widget .md-cell--1,
  .mss-widget .md-cell--1-phone.md-cell--1-phone {
    width: calc(25% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--1, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--1-phone.md-cell--1-phone {
      width: 25%; }
  .mss-widget .md-cell--2,
  .mss-widget .md-cell--2-phone.md-cell--2-phone {
    width: calc(50% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--2, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--2-phone.md-cell--2-phone {
      width: 50%; }
  .mss-widget .md-cell--3,
  .mss-widget .md-cell--3-phone.md-cell--3-phone {
    width: calc(75% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--3, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--3-phone.md-cell--3-phone {
      width: 75%; }
  .mss-widget .md-cell--4,
  .mss-widget .md-cell--4-phone.md-cell--4-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--4, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--4-phone.md-cell--4-phone {
      width: 100%; }
  .mss-widget .md-cell--5,
  .mss-widget .md-cell--5-phone.md-cell--5-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--5, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--5-phone.md-cell--5-phone {
      width: 100%; }
  .mss-widget .md-cell--6,
  .mss-widget .md-cell--6-phone.md-cell--6-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--6, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--6-phone.md-cell--6-phone {
      width: 100%; }
  .mss-widget .md-cell--7,
  .mss-widget .md-cell--7-phone.md-cell--7-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--7, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--7-phone.md-cell--7-phone {
      width: 100%; }
  .mss-widget .md-cell--8,
  .mss-widget .md-cell--8-phone.md-cell--8-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--8, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--8-phone.md-cell--8-phone {
      width: 100%; }
  .mss-widget .md-cell--9,
  .mss-widget .md-cell--9-phone.md-cell--9-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--9, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--9-phone.md-cell--9-phone {
      width: 100%; }
  .mss-widget .md-cell--10,
  .mss-widget .md-cell--10-phone.md-cell--10-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--10, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--10-phone.md-cell--10-phone {
      width: 100%; }
  .mss-widget .md-cell--11,
  .mss-widget .md-cell--11-phone.md-cell--11-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--11, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--11-phone.md-cell--11-phone {
      width: 100%; }
  .mss-widget .md-cell--12,
  .mss-widget .md-cell--12-phone.md-cell--12-phone {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--12, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--12-phone.md-cell--12-phone {
      width: 100%; }
  .mss-widget .md-cell--1-offset,
  .mss-widget .md-cell--1-phone-offset.md-cell--1-phone-offset {
    margin-left: calc(25% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--1-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--1-phone-offset.md-cell--1-phone-offset {
      margin-left: 25%; }
  .mss-widget .md-cell--2-offset,
  .mss-widget .md-cell--2-phone-offset.md-cell--2-phone-offset {
    margin-left: calc(50% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--2-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--2-phone-offset.md-cell--2-phone-offset {
      margin-left: 50%; }
  .mss-widget .md-cell--3-offset,
  .mss-widget .md-cell--3-phone-offset.md-cell--3-phone-offset {
    margin-left: calc(75% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--3-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--3-phone-offset.md-cell--3-phone-offset {
      margin-left: 75%; } }

@media (min-width: 600px) and (max-width: 1599px) {
  .mss-widget .md-grid {
    padding: 8px; }
  .mss-widget .md-cell {
    width: calc(50% - 16px);
    margin: 8px; }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell {
      width: 50%; }
  .mss-widget .md-cell--tablet-hidden {
    display: none !important; }
  .mss-widget .md-cell--order-1,
  .mss-widget .md-cell--order-1-tablet.md-cell--order-1-tablet {
    order: 1; }
  .mss-widget .md-cell--order-2,
  .mss-widget .md-cell--order-2-tablet.md-cell--order-2-tablet {
    order: 2; }
  .mss-widget .md-cell--order-3,
  .mss-widget .md-cell--order-3-tablet.md-cell--order-3-tablet {
    order: 3; }
  .mss-widget .md-cell--order-4,
  .mss-widget .md-cell--order-4-tablet.md-cell--order-4-tablet {
    order: 4; }
  .mss-widget .md-cell--order-5,
  .mss-widget .md-cell--order-5-tablet.md-cell--order-5-tablet {
    order: 5; }
  .mss-widget .md-cell--order-6,
  .mss-widget .md-cell--order-6-tablet.md-cell--order-6-tablet {
    order: 6; }
  .mss-widget .md-cell--order-7,
  .mss-widget .md-cell--order-7-tablet.md-cell--order-7-tablet {
    order: 7; }
  .mss-widget .md-cell--order-8,
  .mss-widget .md-cell--order-8-tablet.md-cell--order-8-tablet {
    order: 8; }
  .mss-widget .md-cell--order-9,
  .mss-widget .md-cell--order-9-tablet.md-cell--order-9-tablet {
    order: 9; }
  .mss-widget .md-cell--order-10,
  .mss-widget .md-cell--order-10-tablet.md-cell--order-10-tablet {
    order: 10; }
  .mss-widget .md-cell--order-11,
  .mss-widget .md-cell--order-11-tablet.md-cell--order-11-tablet {
    order: 11; }
  .mss-widget .md-cell--order-12,
  .mss-widget .md-cell--order-12-tablet.md-cell--order-12-tablet {
    order: 12; }
  .mss-widget .md-cell--1,
  .mss-widget .md-cell--1-tablet.md-cell--1-tablet {
    width: calc(12.5% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--1, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--1-tablet.md-cell--1-tablet {
      width: 12.5%; }
  .mss-widget .md-cell--2,
  .mss-widget .md-cell--2-tablet.md-cell--2-tablet {
    width: calc(25% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--2, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--2-tablet.md-cell--2-tablet {
      width: 25%; }
  .mss-widget .md-cell--3,
  .mss-widget .md-cell--3-tablet.md-cell--3-tablet {
    width: calc(37.5% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--3, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--3-tablet.md-cell--3-tablet {
      width: 37.5%; }
  .mss-widget .md-cell--4,
  .mss-widget .md-cell--4-tablet.md-cell--4-tablet {
    width: calc(50% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--4, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--4-tablet.md-cell--4-tablet {
      width: 50%; }
  .mss-widget .md-cell--5,
  .mss-widget .md-cell--5-tablet.md-cell--5-tablet {
    width: calc(62.5% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--5, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--5-tablet.md-cell--5-tablet {
      width: 62.5%; }
  .mss-widget .md-cell--6,
  .mss-widget .md-cell--6-tablet.md-cell--6-tablet {
    width: calc(75% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--6, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--6-tablet.md-cell--6-tablet {
      width: 75%; }
  .mss-widget .md-cell--7,
  .mss-widget .md-cell--7-tablet.md-cell--7-tablet {
    width: calc(87.5% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--7, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--7-tablet.md-cell--7-tablet {
      width: 87.5%; }
  .mss-widget .md-cell--8,
  .mss-widget .md-cell--8-tablet.md-cell--8-tablet {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--8, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--8-tablet.md-cell--8-tablet {
      width: 100%; }
  .mss-widget .md-cell--9,
  .mss-widget .md-cell--9-tablet.md-cell--9-tablet {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--9, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--9-tablet.md-cell--9-tablet {
      width: 100%; }
  .mss-widget .md-cell--10,
  .mss-widget .md-cell--10-tablet.md-cell--10-tablet {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--10, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--10-tablet.md-cell--10-tablet {
      width: 100%; }
  .mss-widget .md-cell--11,
  .mss-widget .md-cell--11-tablet.md-cell--11-tablet {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--11, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--11-tablet.md-cell--11-tablet {
      width: 100%; }
  .mss-widget .md-cell--12,
  .mss-widget .md-cell--12-tablet.md-cell--12-tablet {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--12, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--12-tablet.md-cell--12-tablet {
      width: 100%; }
  .mss-widget .md-cell--1-offset,
  .mss-widget .md-cell--1-tablet-offset.md-cell--1-tablet-offset {
    margin-left: calc(12.5% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--1-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--1-tablet-offset.md-cell--1-tablet-offset {
      margin-left: 12.5%; }
  .mss-widget .md-cell--2-offset,
  .mss-widget .md-cell--2-tablet-offset.md-cell--2-tablet-offset {
    margin-left: calc(25% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--2-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--2-tablet-offset.md-cell--2-tablet-offset {
      margin-left: 25%; }
  .mss-widget .md-cell--3-offset,
  .mss-widget .md-cell--3-tablet-offset.md-cell--3-tablet-offset {
    margin-left: calc(37.5% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--3-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--3-tablet-offset.md-cell--3-tablet-offset {
      margin-left: 37.5%; }
  .mss-widget .md-cell--4-offset,
  .mss-widget .md-cell--4-tablet-offset.md-cell--4-tablet-offset {
    margin-left: calc(50% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--4-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--4-tablet-offset.md-cell--4-tablet-offset {
      margin-left: 50%; }
  .mss-widget .md-cell--5-offset,
  .mss-widget .md-cell--5-tablet-offset.md-cell--5-tablet-offset {
    margin-left: calc(62.5% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--5-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--5-tablet-offset.md-cell--5-tablet-offset {
      margin-left: 62.5%; }
  .mss-widget .md-cell--6-offset,
  .mss-widget .md-cell--6-tablet-offset.md-cell--6-tablet-offset {
    margin-left: calc(75% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--6-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--6-tablet-offset.md-cell--6-tablet-offset {
      margin-left: 75%; }
  .mss-widget .md-cell--7-offset,
  .mss-widget .md-cell--7-tablet-offset.md-cell--7-tablet-offset {
    margin-left: calc(87.5% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--7-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--7-tablet-offset.md-cell--7-tablet-offset {
      margin-left: 87.5%; } }

@media (min-width: 1600px) {
  .mss-widget .md-grid {
    padding: 8px; }
  .mss-widget .md-cell {
    width: calc(33.33333% - 16px);
    margin: 8px; }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell {
      width: 33.33333%; }
  .mss-widget .md-cell--desktop-hidden {
    display: none !important; }
  .mss-widget .md-cell--order-1,
  .mss-widget .md-cell--order-1-desktop.md-cell--order-1-desktop {
    order: 1; }
  .mss-widget .md-cell--order-2,
  .mss-widget .md-cell--order-2-desktop.md-cell--order-2-desktop {
    order: 2; }
  .mss-widget .md-cell--order-3,
  .mss-widget .md-cell--order-3-desktop.md-cell--order-3-desktop {
    order: 3; }
  .mss-widget .md-cell--order-4,
  .mss-widget .md-cell--order-4-desktop.md-cell--order-4-desktop {
    order: 4; }
  .mss-widget .md-cell--order-5,
  .mss-widget .md-cell--order-5-desktop.md-cell--order-5-desktop {
    order: 5; }
  .mss-widget .md-cell--order-6,
  .mss-widget .md-cell--order-6-desktop.md-cell--order-6-desktop {
    order: 6; }
  .mss-widget .md-cell--order-7,
  .mss-widget .md-cell--order-7-desktop.md-cell--order-7-desktop {
    order: 7; }
  .mss-widget .md-cell--order-8,
  .mss-widget .md-cell--order-8-desktop.md-cell--order-8-desktop {
    order: 8; }
  .mss-widget .md-cell--order-9,
  .mss-widget .md-cell--order-9-desktop.md-cell--order-9-desktop {
    order: 9; }
  .mss-widget .md-cell--order-10,
  .mss-widget .md-cell--order-10-desktop.md-cell--order-10-desktop {
    order: 10; }
  .mss-widget .md-cell--order-11,
  .mss-widget .md-cell--order-11-desktop.md-cell--order-11-desktop {
    order: 11; }
  .mss-widget .md-cell--order-12,
  .mss-widget .md-cell--order-12-desktop.md-cell--order-12-desktop {
    order: 12; }
  .mss-widget .md-cell--1,
  .mss-widget .md-cell--1-desktop.md-cell--1-desktop {
    width: calc(8.33333% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--1, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--1-desktop.md-cell--1-desktop {
      width: 8.33333%; }
  .mss-widget .md-cell--2,
  .mss-widget .md-cell--2-desktop.md-cell--2-desktop {
    width: calc(16.66667% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--2, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--2-desktop.md-cell--2-desktop {
      width: 16.66667%; }
  .mss-widget .md-cell--3,
  .mss-widget .md-cell--3-desktop.md-cell--3-desktop {
    width: calc(25% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--3, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--3-desktop.md-cell--3-desktop {
      width: 25%; }
  .mss-widget .md-cell--4,
  .mss-widget .md-cell--4-desktop.md-cell--4-desktop {
    width: calc(33.33333% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--4, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--4-desktop.md-cell--4-desktop {
      width: 33.33333%; }
  .mss-widget .md-cell--5,
  .mss-widget .md-cell--5-desktop.md-cell--5-desktop {
    width: calc(41.66667% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--5, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--5-desktop.md-cell--5-desktop {
      width: 41.66667%; }
  .mss-widget .md-cell--6,
  .mss-widget .md-cell--6-desktop.md-cell--6-desktop {
    width: calc(50% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--6, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--6-desktop.md-cell--6-desktop {
      width: 50%; }
  .mss-widget .md-cell--7,
  .mss-widget .md-cell--7-desktop.md-cell--7-desktop {
    width: calc(58.33333% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--7, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--7-desktop.md-cell--7-desktop {
      width: 58.33333%; }
  .mss-widget .md-cell--8,
  .mss-widget .md-cell--8-desktop.md-cell--8-desktop {
    width: calc(66.66667% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--8, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--8-desktop.md-cell--8-desktop {
      width: 66.66667%; }
  .mss-widget .md-cell--9,
  .mss-widget .md-cell--9-desktop.md-cell--9-desktop {
    width: calc(75% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--9, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--9-desktop.md-cell--9-desktop {
      width: 75%; }
  .mss-widget .md-cell--10,
  .mss-widget .md-cell--10-desktop.md-cell--10-desktop {
    width: calc(83.33333% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--10, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--10-desktop.md-cell--10-desktop {
      width: 83.33333%; }
  .mss-widget .md-cell--11,
  .mss-widget .md-cell--11-desktop.md-cell--11-desktop {
    width: calc(91.66667% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--11, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--11-desktop.md-cell--11-desktop {
      width: 91.66667%; }
  .mss-widget .md-cell--12,
  .mss-widget .md-cell--12-desktop.md-cell--12-desktop {
    width: calc(100% - 16px); }
    .mss-widget .md-grid.md-grid--no-spacing > .md-cell--12, .mss-widget .md-grid.md-grid--no-spacing >
    .md-cell--12-desktop.md-cell--12-desktop {
      width: 100%; }
  .mss-widget .md-cell--1-offset,
  .mss-widget .md-cell--1-desktop-offset.md-cell--1-desktop-offset {
    margin-left: calc(8.33333% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--1-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--1-desktop-offset.md-cell--1-desktop-offset {
      margin-left: 8.33333%; }
  .mss-widget .md-cell--2-offset,
  .mss-widget .md-cell--2-desktop-offset.md-cell--2-desktop-offset {
    margin-left: calc(16.66667% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--2-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--2-desktop-offset.md-cell--2-desktop-offset {
      margin-left: 16.66667%; }
  .mss-widget .md-cell--3-offset,
  .mss-widget .md-cell--3-desktop-offset.md-cell--3-desktop-offset {
    margin-left: calc(25% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--3-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--3-desktop-offset.md-cell--3-desktop-offset {
      margin-left: 25%; }
  .mss-widget .md-cell--4-offset,
  .mss-widget .md-cell--4-desktop-offset.md-cell--4-desktop-offset {
    margin-left: calc(33.33333% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--4-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--4-desktop-offset.md-cell--4-desktop-offset {
      margin-left: 33.33333%; }
  .mss-widget .md-cell--5-offset,
  .mss-widget .md-cell--5-desktop-offset.md-cell--5-desktop-offset {
    margin-left: calc(41.66667% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--5-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--5-desktop-offset.md-cell--5-desktop-offset {
      margin-left: 41.66667%; }
  .mss-widget .md-cell--6-offset,
  .mss-widget .md-cell--6-desktop-offset.md-cell--6-desktop-offset {
    margin-left: calc(50% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--6-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--6-desktop-offset.md-cell--6-desktop-offset {
      margin-left: 50%; }
  .mss-widget .md-cell--7-offset,
  .mss-widget .md-cell--7-desktop-offset.md-cell--7-desktop-offset {
    margin-left: calc(58.33333% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--7-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--7-desktop-offset.md-cell--7-desktop-offset {
      margin-left: 58.33333%; }
  .mss-widget .md-cell--8-offset,
  .mss-widget .md-cell--8-desktop-offset.md-cell--8-desktop-offset {
    margin-left: calc(66.66667% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--8-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--8-desktop-offset.md-cell--8-desktop-offset {
      margin-left: 66.66667%; }
  .mss-widget .md-cell--9-offset,
  .mss-widget .md-cell--9-desktop-offset.md-cell--9-desktop-offset {
    margin-left: calc(75% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--9-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--9-desktop-offset.md-cell--9-desktop-offset {
      margin-left: 75%; }
  .mss-widget .md-cell--10-offset,
  .mss-widget .md-cell--10-desktop-offset.md-cell--10-desktop-offset {
    margin-left: calc(83.33333% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--10-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--10-desktop-offset.md-cell--10-desktop-offset {
      margin-left: 83.33333%; }
  .mss-widget .md-cell--11-offset,
  .mss-widget .md-cell--11-desktop-offset.md-cell--11-desktop-offset {
    margin-left: calc(91.66667% + 8px); }
    .mss-widget .md-grid--no-spacing > .md-cell--11-offset, .mss-widget .md-grid--no-spacing >
    .md-cell--11-desktop-offset.md-cell--11-desktop-offset {
      margin-left: 91.66667%; } }

.mss-widget .md-autocomplete-container {
  position: relative; }

.mss-widget .md-autocomplete-suggestion {
  color: rgba(0, 0, 0, 0.54);
  line-height: 1.15;
  overflow: hidden;
  position: absolute;
  top: 12px;
  white-space: nowrap; }

@media screen and (min-width: 320px) {
  .mss-widget .md-autocomplete-suggestion {
    font-size: 14px; }
    .mss-widget .md-autocomplete-suggestion--floating {
      top: 37px; }
    .mss-widget .md-autocomplete-suggestion--block {
      top: 18px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-autocomplete-suggestion {
    font-size: 14px; }
    .mss-widget .md-autocomplete-suggestion--floating {
      top: 33px; }
    .mss-widget .md-autocomplete-suggestion--block {
      top: 15px; } }

.mss-widget .md-avatar {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  height: 40px;
  overflow: hidden;
  text-align: center;
  width: 40px; }
  .mss-widget .md-avatar .md-icon {
    color: inherit; }
  .mss-widget .md-avatar--icon-sized {
    height: 24px;
    width: 24px; }

.mss-widget .md-avatar-img {
  height: 100%;
  width: auto; }

.mss-widget .md-avatar-content {
  align-items: center;
  display: flex;
  font-size: 24px;
  height: 100%;
  justify-content: center;
  width: 100%; }

.mss-widget .md-avatar--default {
  background: #616161;
  color: #f5f5f5; }

@media screen and (min-width: 1025px) {
  .mss-widget .md-avatar-content {
    font-size: 20px; }
  .mss-widget .md-avatar--icon-sized {
    height: 20px;
    width: 20px; } }

.mss-widget .md-avatar--red {
  background: #d50000;
  color: #ffebee; }

.mss-widget .md-avatar--pink {
  background: #d81b60;
  color: #fff; }

.mss-widget .md-avatar--purple {
  background: #7b1fa2;
  color: #e1bee7; }

.mss-widget .md-avatar--deep-purple {
  background: #311b92;
  color: #d1c4e9; }

.mss-widget .md-avatar--indigo {
  background: #3949ab;
  color: #c5cae9; }

.mss-widget .md-avatar--blue {
  background: #2962ff;
  color: #fff; }

.mss-widget .md-avatar--light-blue {
  background: #4fc3f7;
  color: #311b92; }

.mss-widget .md-avatar--cyan {
  background: #26c6da;
  color: #004d40; }

.mss-widget .md-avatar--teal {
  background: #1de9b6;
  color: #004d40; }

.mss-widget .md-avatar--green {
  background: #2e7d32;
  color: #e8f5e9; }

.mss-widget .md-avatar--light-green {
  background: #aed581;
  color: #1b5e20; }

.mss-widget .md-avatar--lime {
  background: #d4e157;
  color: #00695c; }

.mss-widget .md-avatar--yellow {
  background: #ff0;
  color: #795548; }

.mss-widget .md-avatar--amber {
  background: #ffca28;
  color: #4e342e; }

.mss-widget .md-avatar--orange {
  background: #fb8c00;
  color: #212121; }

.mss-widget .md-avatar--deep-orange {
  background: #ff3d00;
  color: #212121; }

.mss-widget .md-avatar--brown {
  background: #795548;
  color: #efebe9; }

.mss-widget .md-avatar--grey {
  background: #616161;
  color: #f5f5f5; }

.mss-widget .md-avatar--blue-grey {
  background: #455a64;
  color: #eceff1; }

.mss-widget .md-badge-container {
  position: relative; }

.mss-widget .md-badge {
  position: absolute;
  right: -8px;
  top: -8px; }
  .mss-widget .md-badge--circular {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 10px;
    height: 24px;
    justify-content: center;
    width: 24px; }
  .mss-widget .md-badge--default {
    background: rgba(0, 0, 0, 0.2); }

.mss-widget .md-bottom-navigation {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 11; }
  .mss-widget .md-bottom-navigation--shifting {
    transition-duration: 0.3s;
    transition-property: background; }
  .mss-widget .md-bottom-navigation--dynamic {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.3s;
    transition-property: background, transform; }
    .mss-widget .md-bottom-navigation--dynamic-inactive {
      transform: translate3d(0, 100%, 0); }

.mss-widget .md-bottom-navigation-offset {
  padding-bottom: 56px; }

.mss-widget .md-bottom-nav {
  color: inherit;
  display: block;
  flex-grow: 1;
  font-size: 12px;
  height: 56px;
  max-width: 168px;
  padding: 8px 12px 10px;
  text-align: center;
  text-decoration: none;
  user-select: none; }
  .mss-widget .md-bottom-nav--active {
    flex-shrink: 0;
    font-size: 14px;
    padding-top: 6px; }
  .mss-widget .md-bottom-nav--fixed {
    min-width: 80px; }
  .mss-widget .md-bottom-nav--shifting {
    min-width: 96px;
    position: static;
    transition-duration: 0.15s;
    transition-property: max-width; }
    .mss-widget .md-bottom-nav--shifting-inactive {
      max-width: 96px;
      min-width: 56px;
      padding-top: 16px; }
    .mss-widget .md-bottom-nav--shifting .md-ink-container {
      overflow: visible; }
    .mss-widget .md-bottom-nav--shifting .md-ink {
      background: rgba(255, 255, 255, 0.12); }
  .mss-widget .md-bottom-nav-label {
    transition-duration: 0.15s;
    transition-property: color, font-size; }
    .mss-widget .md-bottom-nav-label--shifting-inactive {
      max-width: 32px;
      overflow: hidden;
      white-space: nowrap; }

.mss-widget a.md-btn {
  text-decoration: none; }

.mss-widget .md-btn {
  background: transparent;
  border: 0;
  position: relative;
  transition-duration: 0.15s;
  transition-property: background, color; }
  .mss-widget .md-btn[disabled] * {
    pointer-events: none; }
  .mss-widget .md-btn--tooltip {
    overflow: visible; }
  .mss-widget .md-btn:focus {
    outline-style: none; }
  .mss-widget .md-btn .md-icon-separator {
    height: 100%; }

.mss-widget .md-btn--hover {
  background: rgba(153, 153, 153, 0.12); }

.mss-widget .md-btn--color-primary-active {
  background: rgba(var(--md-primary-color), 0.12); }

.mss-widget .md-btn--color-secondary-active {
  background: rgba(var(--md-secondary-color), 0.12); }

.mss-widget .md-btn--text {
  border-radius: 2px;
  font-weight: 500;
  min-width: 88px;
  padding: 8px 16px;
  text-transform: uppercase; }

.mss-widget .md-btn--raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transition: background 0.15s, box-shadow 0.3s, color 0.15s; }

.mss-widget .md-btn--raised-disabled {
  background: rgba(0, 0, 0, 0.12); }

.mss-widget .md-btn--raised-pressed {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); }

.mss-widget .md-btn--icon {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
  height: 48px;
  padding: 12px;
  width: 48px; }

.mss-widget .md-btn--floating {
  height: 56px;
  padding: 16px;
  transition-property: background, box-shadow, color;
  width: 56px; }

.mss-widget .md-btn--floating-mini {
  height: 40px;
  padding: 8px;
  width: 40px; }

.mss-widget .md-btn--fixed {
  position: fixed;
  z-index: 10; }

@media screen and (min-width: 320px) {
  .mss-widget .md-btn--text {
    height: 36px;
    margin-bottom: 6px;
    margin-top: 6px;
    font-size: 14px; }
    .mss-widget .md-btn--text::before, .mss-widget .md-btn--text::after {
      content: '';
      height: 6px;
      left: 0;
      position: absolute;
      right: 0; }
    .mss-widget .md-btn--text::before {
      top: -6px; }
    .mss-widget .md-btn--text::after {
      bottom: -6px; }
  .mss-widget .md-btn--fixed-tl {
    left: 16px;
    top: 16px; }
  .mss-widget .md-btn--fixed-tr {
    right: 16px;
    top: 16px; }
  .mss-widget .md-btn--fixed-bl {
    bottom: 16px;
    left: 16px; }
  .mss-widget .md-btn--fixed-br {
    bottom: 16px;
    right: 16px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-btn--text {
    height: 32px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px; }
    .mss-widget .md-btn--text::before, .mss-widget .md-btn--text::after {
      display: none;
      visibility: hidden; }
    .mss-widget .md-btn--text::before {
      top: 0; }
    .mss-widget .md-btn--text::after {
      bottom: 0; }
  .mss-widget .md-btn--fixed-tl {
    left: 24px;
    top: 24px; }
  .mss-widget .md-btn--fixed-tr {
    right: 24px;
    top: 24px; }
  .mss-widget .md-btn--fixed-bl {
    bottom: 24px;
    left: 24px; }
  .mss-widget .md-btn--fixed-br {
    bottom: 24px;
    right: 24px; }
  .mss-widget .md-btn--icon {
    height: 40px;
    width: 40px;
    padding: 10px; }
  .mss-widget .md-btn--floating {
    height: 48px;
    padding: 14px;
    width: 48px; }
    .mss-widget .md-btn--floating-mini {
      height: 40px;
      padding: 10px;
      width: 40px; } }

.mss-widget .md-card {
  display: block; }
  .mss-widget .md-card--raise {
    transition-duration: 0.3s;
    transition-property: box-shadow; }

.mss-widget .md-collapser--card {
  transition-duration: 0.3s;
  transition-property: background, transform; }

.mss-widget .md-card-text {
  font-size: 14px;
  padding: 16px; }
  .mss-widget .md-card-text p {
    font-size: inherit; }
    .mss-widget .md-card-text p:last-child {
      margin-bottom: 0; }
  .mss-widget .md-card-text:last-child {
    padding-bottom: 24px; }

.mss-widget .md-card-title {
  align-items: center;
  display: flex;
  padding: 16px; }
  .mss-widget .md-card-title:last-child {
    padding-bottom: 24px; }
  .mss-widget .md-card-title--primary {
    padding-top: 24px; }
  .mss-widget .md-card-title--title {
    font-size: 18px;
    line-height: 1.42857;
    margin: 0;
    white-space: normal; }
  .mss-widget .md-card-title--large {
    font-size: 18px; }
  .mss-widget .md-card-title--one-line {
    overflow: hidden; }
    .mss-widget .md-card-title--one-line .md-card-title--title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.mss-widget .md-avatar--card {
  flex-shrink: 0;
  margin-right: 16px; }

.mss-widget .md-dialog-footer--card {
  align-items: center;
  display: flex;
  justify-content: flex-start; }

.mss-widget .md-dialog-footer--card-centered {
  justify-content: center; }

.mss-widget .md-card--table .md-card-title {
  padding-left: 24px; }

.mss-widget .md-chip {
  align-items: center;
  background: #e0e0e0;
  border: 0;
  border-radius: 16px;
  display: inline-flex;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  transition-duration: 0.15s;
  transition-property: box-shadow, background;
  vertical-align: top;
  white-space: nowrap; }
  .mss-widget .md-chip:focus {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    outline-style: none; }

.mss-widget .md-chip--hover.md-chip--hover {
  background: #616161; }

.mss-widget .md-chip-text {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  transition-duration: 0.15s;
  transition-property: color; }

.mss-widget .md-chip .md-avatar {
  border: 0;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px; }

.mss-widget .md-chip--avatar {
  padding-left: 40px; }

.mss-widget .md-chip-icon {
  color: rgba(0, 0, 0, 0.54);
  margin-left: 4px;
  margin-right: 4px;
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 1; }

.mss-widget .md-chip-icon--rotate {
  transform: rotate3d(0, 0, 1, 45deg); }

.mss-widget .md-chip--remove {
  padding-right: 32px; }

.mss-widget .md-chip-text--contact {
  font-size: 14px; }

.mss-widget .md-chip-text--hover {
  color: #fff; }

@media screen and (min-width: 1025px) {
  .mss-widget .md-chip-icon {
    margin-left: 6px;
    margin-right: 6px;
    top: 6px; } }

.mss-widget .md-collapser.md-collapser {
  transition-duration: 0.15s;
  transition-property: transform; }

.mss-widget .md-collapser .md-tooltip-container {
  transform: rotate3d(0, 0, 1, 0deg);
  transition-duration: 0.15s;
  transition-property: transform; }

.mss-widget .md-collapser--flipped {
  transform: rotate3d(0, 0, 1, 180deg); }
  .mss-widget .md-collapser--flipped .md-tooltip-container {
    transform: rotate3d(0, 0, 1, -180deg); }

.mss-widget .md-data-table {
  border-collapse: collapse;
  max-width: 100%; }
  .mss-widget .md-data-table--full-width {
    width: 100%; }
  .mss-widget .md-data-table--responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto; }

.mss-widget thead .md-table-row,
.mss-widget tbody .md-table-row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.mss-widget tbody .md-table-row {
  transition-duration: 0.15s;
  transition-property: background; }
  .mss-widget tbody .md-table-row--active {
    background: #f5f5f5; }
  @media (min-device-width: 1025px) {
    .mss-widget tbody .md-table-row--hover {
      background: #eee; } }

.mss-widget .md-table-column {
  line-height: normal;
  padding-bottom: 0;
  padding-right: 24px;
  padding-top: 0;
  vertical-align: middle;
  white-space: nowrap; }
  .mss-widget .md-table-column:first-child {
    padding-left: 24px; }
  .mss-widget .md-table-column--relative {
    position: relative; }
  .mss-widget .md-table-column--adjusted {
    padding-right: 56px; }
  .mss-widget .md-table-column--header {
    font-size: 12px;
    font-weight: 500;
    height: 56px; }
    .mss-widget .md-table-column--header .md-icon {
      font-size: 16px; }
  .mss-widget .md-table-column--data {
    font-size: 13px;
    height: 48px; }
  .mss-widget .md-table-column--plain {
    height: 48px;
    white-space: normal; }
  .mss-widget .md-table-column--grow {
    width: 100%; }
  .mss-widget .md-table-column--select-header {
    padding-left: 16px; }
  .mss-widget .md-table-column .md-icon-separator {
    line-height: inherit; }

.mss-widget .md-table-checkbox .md-selection-control-label {
  display: flex; }

.mss-widget .md-table-checkbox .md-selection-control-container {
  margin-left: 12px;
  margin-right: 12px; }

.mss-widget .md-edit-dialog.md-dialog {
  width: 250px; }

.mss-widget .md-edit-dialog__label {
  overflow: hidden;
  padding: 16px 0;
  text-overflow: ellipsis;
  width: 250px; }
  @media screen and (max-width: 1024px) {
    .mss-widget .md-edit-dialog__label {
      font-size: 14px; } }

.mss-widget .md-edit-dialog__content {
  display: flex;
  padding: 24px;
  padding-bottom: 8px; }
  .mss-widget .md-edit-dialog__content:not(:first-child) {
    padding-top: 0; }

.mss-widget .md-edit-dialog__header {
  font-weight: 500; }
  .mss-widget .md-edit-dialog__header.md-text-field {
    font-size: 12px; }

.mss-widget .md-edit-dialog__blocked-field {
  height: 47px;
  width: 250px; }
  .mss-widget .md-edit-dialog__blocked-field.md-edit-dialog__blocked-field {
    padding-bottom: 0;
    padding-top: 0; }
  .mss-widget .md-edit-dialog__blocked-field .md-text-field-icon-container {
    align-items: center; }

.mss-widget .md-table-column--select-field {
  padding-left: 24px; }

.mss-widget .md-select-field-column .md-select-field--btn {
  height: 47px; }

.mss-widget .md-table-footer--pagination .md-table-column {
  padding-left: 0; }

.mss-widget .md-table-pagination {
  height: 56px; }
  .mss-widget .md-table-pagination--controls {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    position: absolute;
    white-space: nowrap; }

@media (max-width: 767px) {
  .mss-widget .md-table-pagination .md-text-field {
    font-size: 13px; }
  .mss-widget .md-table-pagination .md-icon-text:first-child {
    padding-right: 4px; }
  .mss-widget .md-table-pagination__label {
    display: none; } }

.mss-widget .md-table-card-header {
  position: relative; }
  .mss-widget .md-table-card-header--no-title {
    align-items: center;
    display: flex;
    height: 80px;
    padding-right: 2px; }
  .mss-widget .md-table-card-header .md-card-title {
    padding-right: 2px; }
    .mss-widget .md-table-card-header .md-card-title:last-child {
      padding-bottom: 16px; }
  .mss-widget .md-table-card-header .md-btn--dialog + .md-btn--dialog {
    margin-left: 8px; }

.mss-widget .md-card-title--contextual {
  background: var(--md-data-table-contextual-fallback-color);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }

.mss-widget .md-card-title--title-contextual {
  color: var(--md-secondary-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 80px; }

.mss-widget .md-drop-down-enter {
  transform: translate3d(0, -100%, 0); }
  .mss-widget .md-drop-down-enter.md-drop-down-enter-active {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.15s;
    transition-property: transform; }

.mss-widget .md-drop-down-leave {
  transform: translate3d(0, 0, 0); }
  .mss-widget .md-drop-down-leave.md-drop-down-leave-active {
    transform: translate3d(0, -100%, 0);
    transition-duration: 0.15s;
    transition-property: transform; }

.mss-widget .md-data-table--fixed {
  overflow-y: hidden; }

.mss-widget .md-data-table__fixed-wrapper {
  display: table;
  min-width: 100%;
  position: relative; }
  .mss-widget .md-data-table__fixed-wrapper--header {
    padding-top: 56px; }
  .mss-widget .md-data-table__fixed-wrapper--footer {
    padding-bottom: 48px; }

.mss-widget .md-data-table__scroll-wrapper {
  overflow-x: hidden;
  overflow-y: auto; }

.mss-widget .md-table-column--fixed {
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
  visibility: hidden;
  white-space: nowrap; }
  .mss-widget .md-table-column--fixed > * {
    display: none; }
  .mss-widget .md-table-column--fixed .md-table-column__fixed {
    display: block; }

.mss-widget .md-table-column__fixed {
  position: absolute;
  visibility: visible; }
  .mss-widget .md-table-column__fixed--header {
    top: 0; }
  .mss-widget .md-table-column__fixed--footer {
    bottom: 0; }
  .mss-widget .md-table-column__fixed--flex {
    align-items: center;
    display: flex; }
    .mss-widget .md-table-column__fixed--flex-right {
      justify-content: flex-end; }
  .mss-widget .md-table-column__fixed .md-table-checkbox--header {
    display: flex;
    height: 56px; }
  .mss-widget .md-table-column__fixed .md-table-checkbox--footer {
    display: flex;
    height: 48px; }

.mss-widget .md-dialog-container.md-overlay {
  transition-duration: 0.3s;
  z-index: 20;
  align-items: center;
  display: flex;
  justify-content: center; }

.mss-widget .md-dialog {
  width: 280px;
  cursor: auto;
  position: fixed; }

.mss-widget .md-dialog--centered {
  max-height: calc(100% - 48px);
  max-width: calc(100% - 80px); }
  .mss-widget .md-dialog--centered .md-list {
    padding-bottom: 8px;
    padding-top: 0; }
  .mss-widget .md-dialog--centered .md-list-tile {
    height: auto;
    padding: 16px 24px; }
  .mss-widget .md-dialog--centered .md-tile-text--primary {
    white-space: normal; }

.mss-widget .md-dialog--centered-enter {
  transform: translate3d(0, -30px, 0); }
  .mss-widget .md-dialog--centered-enter.md-dialog--centered-enter-active {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform; }

.mss-widget .md-dialog--centered-leave {
  transform: translate3d(0, 0, 0); }
  .mss-widget .md-dialog--centered-leave.md-dialog--centered-leave-active {
    transform: translate3d(0, -30px, 0);
    transition-duration: 0.3s;
    transition-property: transform; }

.mss-widget .md-dialog--full-page {
  bottom: 0;
  left: 0;
  overflow: auto;
  top: 0;
  width: 100vw;
  z-index: 110; }

.mss-widget .md-dialog--full-page-enter {
  transform: scale(0); }
  .mss-widget .md-dialog--full-page-enter.md-dialog--full-page-enter-active {
    transform: scale(1);
    transition-duration: 0.3s;
    transition-property: transform; }

.mss-widget .md-dialog--full-page-leave {
  transform: scale(1); }
  .mss-widget .md-dialog--full-page-leave.md-dialog--full-page-leave-active {
    transform: scale(0);
    transition-duration: 0.3s;
    transition-property: transform; }

.mss-widget .md-title--dialog {
  margin-bottom: 0;
  padding: 24px;
  padding-bottom: 20px;
  white-space: normal; }

.mss-widget .md-dialog-content {
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

.mss-widget .md-dialog-content--padded {
  padding: 24px; }
  .mss-widget .md-dialog-content--padded:not(:first-child) {
    padding-top: 0; }

.mss-widget .md-dialog-footer {
  display: flex;
  justify-content: flex-end; }

.mss-widget .md-dialog-footer--inline {
  padding: 8px; }
  .mss-widget .md-dialog-footer--inline .md-btn--dialog + .md-btn--dialog {
    margin-left: 8px; }

.mss-widget .md-dialog-footer--stacked {
  align-items: flex-end;
  flex-direction: column;
  padding-bottom: 8px;
  padding-right: 8px; }
  .mss-widget .md-dialog-footer--stacked .md-btn--dialog {
    margin-bottom: 6px;
    margin-top: 6px; }

.mss-widget .md-btn--dialog {
  height: 36px;
  min-width: 64px;
  padding-left: 8px;
  padding-right: 8px; }

.mss-widget .md-divider {
  background: rgba(0, 0, 0, 0.12);
  border: 0;
  content: '';
  display: block;
  height: 1px;
  margin: 0; }

.mss-widget .md-divider--vertical {
  height: 100%;
  width: 1px; }

.mss-widget .md-divider--inset {
  margin-left: 72px; }

.mss-widget .md-divider-border {
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0; }

.mss-widget .md-divider-border--top {
  border-top-width: 1px; }

.mss-widget .md-divider-border--right {
  border-right-width: 1px; }

.mss-widget .md-divider-border--bottom {
  border-bottom-width: 1px; }

.mss-widget .md-divider-border--left {
  border-left-width: 1px; }

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .mss-widget .md-drawer--left {
    max-width: 320px;
    transform: translate3d(-100%, 0, 0);
    width: calc(100vw - 56px); }
  .mss-widget .md-drawer--right {
    left: 0;
    transform: translate3d(100%, 0, 0); }
  .mss-widget .md-drawer--mini.md-drawer--mini {
    width: 48px; }
  .mss-widget .md-list-tile--mini.md-list-tile--mini {
    padding-left: 12px;
    padding-right: 12px; }
  .mss-widget .md-drawer-relative--mini.md-drawer-relative--mini {
    margin-left: 48px; }
  .mss-widget .md-toolbar ~ .md-list--drawer {
    height: calc(100% - 56px); } }

@media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
  .mss-widget .md-toolbar ~ .md-list--drawer {
    height: calc(100% - 48px); } }

@media screen and (min-width: 768px) {
  .mss-widget .md-drawer--left {
    max-width: 400px;
    transform: translate3d(-256px, 0, 0);
    width: 256px; }
  .mss-widget .md-drawer--right {
    transform: translate3d(100%, 0, 0); }
  .mss-widget .md-drawer--mini.md-drawer--mini {
    width: 72px; }
  .mss-widget .md-list-tile--mini.md-list-tile--mini {
    padding-left: 26px;
    padding-right: 26px; }
  .mss-widget .md-drawer-relative {
    margin-left: 256px; }
  .mss-widget .md-drawer-relative--mini.md-drawer-relative--mini {
    margin-left: 72px; }
  .mss-widget .md-toolbar ~ .md-list--drawer {
    height: calc(100% - 64px); } }

.mss-widget .md-drawer {
  transition-duration: 0.3s;
  transition-property: transform; }
  .mss-widget .md-drawer--fixed {
    bottom: 0;
    position: fixed;
    top: 0;
    z-index: 17; }
  .mss-widget .md-drawer--inline {
    display: inline-block;
    height: 100%; }
  .mss-widget .md-drawer--left {
    left: 0; }
  .mss-widget .md-drawer--right {
    right: 0; }
  .mss-widget .md-drawer--active {
    transform: translate3d(0, 0, 0); }
  .mss-widget .md-drawer--mini {
    z-index: 16; }

.mss-widget .md-list--drawer {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: auto; }

.mss-widget .md-overlay--drawer.md-overlay--drawer {
  transition-duration: 0.3s; }

.mss-widget .md-expansion-panel {
  background: #fff;
  transition-duration: 0.15s;
  transition-property: margin; }
  .mss-widget .md-expansion-panel--expanded:not(:first-child) {
    margin-top: 16px; }
  .mss-widget .md-expansion-panel--expanded:not(:last-child) {
    margin-bottom: 16px; }

.mss-widget .md-panel-column:not(:last-child) {
  padding-right: 16px; }

.mss-widget .md-panel-column--overflown {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word; }

.mss-widget .md-panel-column:not(:last-child) {
  padding-right: 16px; }

.mss-widget .md-panel-header {
  align-items: center;
  display: flex;
  font-size: 15px;
  height: 48px;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 24px;
  transition-duration: 0.15s;
  transition-property: background, height; }
  .mss-widget .md-panel-header--expanded {
    height: 64px; }
  .mss-widget .md-panel-header--focused {
    background: #eee; }

.mss-widget .md-panel-content {
  padding: 0 24px 16px; }

.mss-widget .md-panel-secondary-label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px; }

.mss-widget .md-file-input {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0; }

.mss-widget .md-file-input-container {
  position: relative; }
  .mss-widget .md-file-input-container .md-btn {
    display: block; }

.mss-widget .md-ink-container {
  border-radius: inherit;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }

.mss-widget .md-ink-container--2x {
  height: 200%;
  left: -50%;
  top: -50%;
  width: 200%; }

.mss-widget .md-ink {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  display: block;
  opacity: 1;
  position: absolute;
  transform: scale(0);
  z-index: -1; }

.mss-widget .md-ink--active {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.mss-widget .md-ink--expanded {
  transform: scale(1); }

.mss-widget .md-ink--leaving {
  opacity: 0;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mss-widget .md-icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 24px;
  text-align: center;
  transition-duration: 0.15s;
  transition-property: color;
  user-select: none; }

.mss-widget svg.md-icon {
  fill: currentColor;
  height: 24px;
  width: 24px; }

.mss-widget .md-icon-separator {
  align-items: center;
  display: flex;
  font-weight: inherit;
  text-align: left; }
  .mss-widget .md-icon-separator .md-icon {
    flex-grow: 0;
    flex-shrink: 0; }

.mss-widget .md-icon-text {
  flex-grow: 1;
  flex-shrink: 0;
  font-weight: inherit;
  line-height: inherit; }
  .mss-widget .md-icon-text:first-child {
    padding-right: 16px; }
  .mss-widget .md-icon-text:last-child {
    padding-left: 16px; }

@media screen and (min-width: 1025px) {
  .mss-widget .material-icons.md-icon {
    font-size: 20px; }
  .mss-widget svg.md-icon {
    height: 20px;
    width: 20px; } }

.mss-widget .md-layover-enter {
  transform: scale(0); }
  .mss-widget .md-layover-enter.md-layover-enter-active {
    transform: scale(1);
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mss-widget .md-layover-leave {
  opacity: 1; }
  .mss-widget .md-layover-leave.md-layover-leave-active {
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.mss-widget .md-layover-child {
  position: fixed;
  z-index: 100; }
  .mss-widget .md-layover-child--tl {
    transform-origin: 0 0; }
  .mss-widget .md-layover-child--tr {
    transform-origin: 100% 0; }
  .mss-widget .md-layover-child--bl {
    transform-origin: 0 100%; }
  .mss-widget .md-layover-child--br {
    transform-origin: 100% 100%; }
  .mss-widget .md-layover-child--below {
    transform-origin: 50% 0; }
    .mss-widget .md-layover-child--below.md-layover-enter {
      transform: scaleY(0); }
      .mss-widget .md-layover-child--below.md-layover-enter.md-layover-enter-active {
        transform: scaleY(1); }

.mss-widget .md-layover--simplified {
  position: relative; }

.mss-widget .md-layover-child--simplified {
  position: absolute; }

.mss-widget .md-list {
  background: #fff;
  user-select: none; }
  .mss-widget .md-list .md-avatar,
  .mss-widget .md-list .md-icon {
    flex-shrink: 0; }
  .mss-widget .md-list .md-divider:not(.md-list-item--divider-vertical) {
    margin-bottom: 8px;
    margin-top: 8px; }
  .mss-widget .md-list .md-list:not(.md-list--menu) {
    background: inherit; }

.mss-widget .md-list-tile {
  align-items: center;
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  transition-duration: 0.15s;
  transition-property: background; }
  .mss-widget .md-list-tile--active {
    background: rgba(0, 0, 0, 0.12); }

.mss-widget .md-list-item--inset {
  padding-left: 72px; }

.mss-widget .md-list-item--flex {
  display: flex; }

.mss-widget .md-list-item--button-grow {
  flex-grow: 1; }

.mss-widget .md-list-item--divider-vertical {
  flex-shrink: 0;
  height: calc(100% - 4px);
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  width: 2px; }

.mss-widget .md-list-item--children-inline {
  align-self: center;
  padding-right: 2px; }

.mss-widget .md-tile-content {
  flex-grow: 1;
  overflow: hidden; }
  .mss-widget .md-tile-content--left-icon {
    padding-left: 32px; }
  .mss-widget .md-tile-content--left-avatar {
    padding-left: 16px; }
  .mss-widget .md-tile-content--right-padding {
    padding-right: 16px; }

.mss-widget .md-tile-addon {
  line-height: 1.42857; }
  .mss-widget .md-tile-addon--icon {
    height: 24px; }
  .mss-widget .md-tile-addon--avatar {
    height: 40px; }

.mss-widget .md-text--theme-primary .md-icon {
  color: inherit; }

.mss-widget .md-tile-text--primary, .mss-widget .md-tile-text--secondary {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px; }

.mss-widget .md-tile-text--three-lines {
  white-space: pre-line;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.mss-widget .md-list-tile--three-lines .md-tile-addon {
  align-self: flex-start; }

.mss-widget .md-list--nested-1 .md-list-tile {
  padding-left: 72px; }

.mss-widget .md-list--nested-2 .md-list-tile {
  padding-left: 108px; }

.mss-widget .md-list-control {
  flex-grow: 1; }
  .mss-widget .md-list-control .md-selection-control-label {
    width: 100%; }
    .mss-widget .md-list-control .md-selection-control-label > span {
      width: 100%; }

.mss-widget .md-tile-content--left-button {
  padding-left: 24px; }

.mss-widget .md-list-control--right {
  justify-content: flex-end; }

.mss-widget .md-list-tile--control-left {
  padding-left: 0; }

.mss-widget .md-list-tile--control-right {
  padding-right: 0; }

@media screen and (min-width: 320px) {
  .mss-widget .md-list {
    padding-bottom: 8px;
    padding-top: 8px; }
  .mss-widget .md-list-tile {
    height: 48px; }
  .mss-widget .md-tile-text--secondary {
    font-size: 12px; }
  .mss-widget .md-list-tile--avatar {
    height: 56px; }
  .mss-widget .md-list-tile--two-lines {
    height: 72px; }
  .mss-widget .md-list-tile--three-lines {
    height: 88px; }
    .mss-widget .md-list-tile--three-lines .md-tile-text--secondary {
      height: 34.28571px; }
    .mss-widget .md-list-tile--three-lines .md-tile-addon {
      margin-top: 14px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list {
    padding-bottom: 4px;
    padding-top: 4px; }
  .mss-widget .md-list-tile {
    height: 40px; }
  .mss-widget .md-tile-text--secondary {
    font-size: 14px; }
  .mss-widget .md-list-tile--avatar {
    height: 48px; }
  .mss-widget .md-list-tile--two-lines {
    height: 60px; }
  .mss-widget .md-list-tile--three-lines {
    height: 76px; }
    .mss-widget .md-list-tile--three-lines .md-tile-text--secondary {
      height: 40px; }
    .mss-widget .md-list-tile--three-lines .md-tile-addon {
      margin-top: 12px; }
  .mss-widget .md-tile-addon--icon {
    height: 20px; }
  .mss-widget .md-tile-content--left-icon {
    padding-left: 36px; } }

.mss-widget .md-list--inline {
  display: flex;
  padding: 0; }

.mss-widget .md-media {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }

.mss-widget .md-media--16-9 {
  padding-bottom: 56.25%; }

.mss-widget .md-media--4-3 {
  padding-bottom: 75%; }

.mss-widget .md-media--1-1 {
  padding-bottom: 100%; }

.mss-widget .md-media-overlay {
  background: rgba(0, 0, 0, 0.54);
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }
  .mss-widget .md-media-overlay .md-btn,
  .mss-widget .md-media-overlay .md-text {
    color: #fff; }
  .mss-widget .md-media-overlay .md-text--secondary {
    color: rgba(255, 255, 255, 0.7); }

.mss-widget .md-list--menu {
  min-width: 112px; }
  .mss-widget .md-list--menu-restricted {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto; }
  .mss-widget .md-list--menu-contained {
    width: 100%; }
  .mss-widget .md-list--menu-below {
    left: 0;
    top: 100%;
    transform-origin: 50% 0; }
  .mss-widget .md-list--menu-tr {
    right: 0;
    top: 0;
    transform-origin: 100% 0; }
  .mss-widget .md-list--menu-tl {
    top: 0;
    transform-origin: 0 0; }
  .mss-widget .md-list--menu-br {
    right: 0;
    transform-origin: 100% 100%; }
  .mss-widget .md-list--menu-bl {
    transform-origin: 0 100%; }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list--menu-cascading {
    padding-bottom: 16px;
    padding-top: 16px; }
    .mss-widget .md-list--menu-cascading .md-list-tile {
      padding-left: 24px;
      padding-right: 24px; }
      .mss-widget .md-list--menu-cascading .md-list-tile:not(.md-list-tile--two-lines):not(.md-list-tile--three-lines) {
        height: 32px; }
    .mss-widget .md-list--menu-cascading .md-tile-text--primary {
      font-size: 5px; }
    .mss-widget .md-list--menu-cascading .md-collapser {
      transform: rotate3d(0, 0, 1, -90deg); }
    .mss-widget .md-list--menu-cascading .md-collapser--flipped {
      transform: rotate3d(0, 0, 1, 90deg); } }

@media screen and (min-width: 320px) {
  .mss-widget .md-list--menu-restricted {
    max-height: 272px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list--menu-restricted {
    max-height: 264px; } }

@media screen and (min-width: 320px) {
  .mss-widget .md-navigation-drawer-content {
    min-height: calc(100vh - 56px); } }

@media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
  .mss-widget .md-navigation-drawer-content {
    min-height: calc(100vh - 48px); } }

@media screen and (min-width: 768px) {
  .mss-widget .md-navigation-drawer-content {
    min-height: calc(100vh - 64px); }
  .mss-widget .md-title.md-title--persistent-offset {
    margin-left: 216px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-title.md-title--persistent-offset {
    margin-left: 226px; } }

.mss-widget .md-toolbar.md-toolbar--over-drawer {
  z-index: 19; }

.mss-widget .md-title--drawer-active.md-title--drawer-active {
  transition-duration: 0.3s;
  transition-property: margin-left; }

.mss-widget .md-navigation-drawer-content {
  display: block; }
  .mss-widget .md-navigation-drawer-content:focus {
    outline-style: none; }
  .mss-widget .md-navigation-drawer-content--inactive {
    margin-left: 0; }
  .mss-widget .md-navigation-drawer-content--active {
    transition-duration: 0.3s;
    transition-property: margin-left; }
  .mss-widget .md-navigation-drawer-content--prominent-offset {
    min-height: calc(100vh - 128px); }

.mss-widget .md-title.md-title--permanent-offset {
  margin-left: 276px; }

.mss-widget .md-cross-fade-enter {
  opacity: .01;
  transform: translate3d(0, 16px, 0); }
  .mss-widget .md-cross-fade-enter.md-cross-fade-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform, opacity; }

.mss-widget .md-overlay {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition-duration: 0.15s;
  transition-property: opacity;
  z-index: 16; }
  .mss-widget .md-overlay--active {
    opacity: 1; }

.mss-widget .md-paper--0 {
  box-shadow: none; }

@media screen and (min-width: 1025px) {
  .mss-widget .md-paper--0-hover {
    transition-duration: 0.3s;
    transition-property: box-shadow; }
    .mss-widget .md-paper--0-hover:hover {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4); } }

.mss-widget .md-paper--1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.mss-widget .md-paper--2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); }

.mss-widget .md-paper--3 {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4); }

.mss-widget .md-paper--4 {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4); }

.mss-widget .md-paper--5 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); }

.mss-widget .md-picker-container {
  position: relative; }

.mss-widget .md-picker-content-container {
  background: #fff; }

.mss-widget .md-picker--inline {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 12; }

.mss-widget .md-picker--inline-icon {
  left: 40px; }

.mss-widget .md-picker-control {
  padding: 0; }

.mss-widget .md-picker-text {
  color: rgba(255, 255, 255, 0.7); }
  .mss-widget .md-picker-text.md-picker-text > * {
    color: inherit; }
  .mss-widget .md-picker-text > * {
    font-weight: inherit;
    margin: 0;
    transition-duration: 0.15s;
    transition-property: color, font; }

.mss-widget .md-picker-text--active {
  color: #fff;
  font-weight: 500; }

.mss-widget .md-dialog--picker {
  -webkit-overflow-scrolling: touch;
  max-height: calc(100% - 16px);
  max-width: calc(100% - 16px);
  overflow: auto;
  width: auto; }

.mss-widget .md-dialog-content--picker {
  padding: 0; }

.mss-widget .md-picker-header {
  background: var(--md-primary-color);
  padding: 24px; }

@media (orientation: portrait) {
  .mss-widget .md-picker {
    width: 330px; }
    .mss-widget .md-picker .md-picker-header {
      height: 110px; }
    .mss-widget .md-picker .md-time-periods {
      display: inline-block;
      padding-left: 1em;
      padding-right: 24px; }
    .mss-widget .md-picker .md-picker-content {
      height: 340px; }
    .mss-widget .md-picker .md-display-3 {
      font-size: 5em;
      line-height: 1; }
    .mss-widget .md-picker .md-calendar-dows {
      padding-bottom: 12px; }
    .mss-widget .md-picker.md-picker--date .md-display-1 {
      display: inline-block; }
    .mss-widget .md-picker .md-calendar-date--btn {
      height: 44px; }
      .mss-widget .md-picker .md-calendar-date--btn::after {
        height: 36px;
        width: 36px; }
    .mss-widget .md-picker .md-clock-face {
      height: 282px;
      width: 282px; }
    .mss-widget .md-picker .md-clock-hand {
      width: 121px; }
      .mss-widget .md-picker .md-clock-hand--inner {
        width: 85px; } }

@media (orientation: landscape) {
  .mss-widget .md-picker {
    display: flex;
    width: 560px; }
    .mss-widget .md-picker .md-picker-header {
      width: 190px; }
    .mss-widget .md-picker .md-picker-content {
      height: 280px;
      width: 370px; }
    .mss-widget .md-picker .md-calendar-date--btn {
      height: 35px; }
      .mss-widget .md-picker .md-calendar-date--btn::after {
        height: 32px;
        width: 32px; }
    .mss-widget .md-picker.md-picker--time .md-picker-header {
      padding-top: 93.33333px; }
    .mss-widget .md-picker .md-clock-face {
      height: 244px;
      width: 244px; }
    .mss-widget .md-picker .md-clock-hand {
      width: 102px; }
      .mss-widget .md-picker .md-clock-hand--inner {
        width: 66px; }
    .mss-widget .md-picker .md-time-periods {
      margin-left: auto;
      margin-right: 2.5em;
      width: 35px; }
    .mss-widget .md-picker .md-display-3 {
      font-size: 3.25em; } }

@media (max-width: 320px) and (orientation: portrait) {
  .mss-widget .md-picker {
    width: 304px; } }

@media (max-height: 320px) and (orientation: landscape) {
  .mss-widget .md-picker .md-picker-content {
    height: 256px;
    width: calc(100vw - 206px); } }

.mss-widget .md-picker--date .md-picker-control {
  display: block; }

.mss-widget .md-picker-content--calendar {
  padding-left: 12px;
  padding-right: 12px; }

.mss-widget .md-calendar-controls {
  align-items: center;
  display: flex; }
  .mss-widget .md-calendar-controls .md-title {
    flex-grow: 1;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center; }

.mss-widget .md-calendar-date {
  margin: 0;
  width: calc(100% / 7); }

.mss-widget .md-picker-content--year {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.mss-widget .md-years {
  list-style: none;
  margin: 0;
  padding: 0; }

.mss-widget .md-year {
  font-size: 16px;
  padding: 12px;
  transition-duration: 0.15s;
  transition-property: color, font-size; }
  .mss-widget .md-year:focus:not(.md-year--active) {
    font-size: 20px; }
  .mss-widget .md-year--active {
    font-size: 24px;
    font-weight: 500; }

.mss-widget .md-calendar-date--btn::after {
  background: var(--md-primary-color);
  border-radius: 50%;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0);
  transition-duration: 0.15s;
  transition-property: transform;
  z-index: 0; }

.mss-widget .md-calendar-date--btn-active {
  font-weight: 700; }
  .mss-widget .md-calendar-date--btn-active::after {
    transform: translateX(-50%) translateY(-50%) scale(1); }

.mss-widget .md-calendar-date--date {
  position: relative;
  z-index: 1; }

.mss-widget .md-calendar-dow {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.42857; }

.mss-widget .md-picker-content--clock {
  padding: 24px;
  padding-bottom: 12px; }

.mss-widget .md-time-periods .md-picker-control {
  display: block; }

.mss-widget .md-time-period {
  font-size: 1.14286em;
  font-weight: 500;
  margin: 0;
  padding: 0; }

.mss-widget .md-clock-face {
  background: #f5f5f5;
  border-radius: 50%;
  position: relative; }

.mss-widget .md-clock-hand {
  height: 2px;
  position: absolute;
  transform-origin: 0 0;
  transition-duration: 0.15s;
  transition-property: width;
  z-index: 1; }
  .mss-widget .md-clock-hand--active {
    transition-property: transform, width; }
  .mss-widget .md-clock-hand::before, .mss-widget .md-clock-hand::after {
    background: var(--md-primary-color);
    border-radius: 50%;
    content: '';
    position: absolute; }
  .mss-widget .md-clock-hand::before {
    height: 6px;
    left: -3px;
    top: -2px;
    width: 6px; }
  .mss-widget .md-clock-hand::after {
    height: 36px;
    right: -16px;
    top: -18px;
    transition-duration: 0.15s;
    transition-property: background, border, transform;
    width: 36px; }
  .mss-widget .md-clock-hand--minute-hover::after {
    transform: scale(0.4); }

.mss-widget .md-clock-time {
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  width: 36px;
  z-index: 8; }
  .mss-widget .md-clock-time:focus {
    outline-style: none; }

.mss-widget .md-progress {
  display: block;
  margin-bottom: 1em;
  margin-top: 1em; }

.mss-widget .md-progress--circular-determinate {
  transition-duration: 0.15s;
  transition-property: transform; }

.mss-widget .md-progress--circular-indeterminate {
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-name: md-circular-progress;
  animation-timing-function: linear; }

.mss-widget .md-circular-progress-path {
  fill: none;
  stroke: var(--md-secondary-color);
  stroke-dasharray: 187px; }

.mss-widget .md-circular-progress-path--animated {
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-name: md-circular-progress-dash;
  animation-timing-function: ease-ine-out;
  stroke-dashoffset: 0; }

@keyframes md-circular-progress {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(135deg); }
  75% {
    transform: rotate(450deg); }
  100% {
    transform: rotate(720deg); } }

@keyframes md-circular-progress-dash {
  0% {
    stroke-dashoffset: 187px; }
  50% {
    stroke-dashoffset: 46.75px; }
  100% {
    stroke-dashoffset: 187px; } }

.mss-widget .md-progress--linear {
  background: var(--md-linear-progress-fallback-color);
  height: 3px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.mss-widget .md-progress--linear-active {
  background: var(--md-secondary-color); }

.mss-widget .md-progress--linear-determinate {
  height: 100%;
  position: absolute;
  z-index: 1; }

.mss-widget .md-progress--linear-indeterminate::before, .mss-widget .md-progress--linear-indeterminate::after {
  background: inherit;
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  will-change: left, right;
  z-index: 1; }

.mss-widget .md-progress--linear-indeterminate::before {
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-name: md-linear-indeterminate;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mss-widget .md-progress--linear-indeterminate::after {
  animation-delay: 1.15s;
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  animation-name: md-linear-indeterminate-short;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.mss-widget .md-progress--linear-query::before, .mss-widget .md-progress--linear-query::after {
  animation-direction: reverse; }

@keyframes md-linear-indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes md-linear-indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

.mss-widget .md-select-field {
  cursor: inherit;
  display: flex;
  flex-wrap: wrap;
  user-select: none; }
  .mss-widget .md-select-field .md-divider {
    width: 100%; }
  .mss-widget .md-select-field__toggle {
    position: relative; }

.mss-widget .md-select-field--btn.md-select-field--btn {
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 16px;
  padding-top: 16px; }

.mss-widget .md-select-field--text-field {
  pointer-events: none; }

.mss-widget .md-drop-enter {
  transform: translate3d(0, -6px, 0); }
  .mss-widget .md-drop-enter.md-drop-enter-active {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform; }

@media screen and (min-width: 320px) {
  .mss-widget .md-select-field--btn {
    height: 48px; }
  .mss-widget .md-select-field--text-field {
    height: 18px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-select-field--btn {
    height: 40px; }
  .mss-widget .md-select-field--text-field {
    height: 15px; } }

.mss-widget .md-selection-control-container--inline {
  display: inline-block; }

.mss-widget .md-selection-control-input {
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0; }

.mss-widget .md-selection-control-label {
  align-items: center;
  display: inline-flex; }

.mss-widget .md-selection-control-group {
  border: 0; }

.mss-widget .md-switch-container {
  align-items: center;
  display: flex;
  height: 48px; }
  .mss-widget .md-switch-container.md-selection-control-container--inline {
    display: inline-flex; }

.mss-widget .md-switch-track {
  border-radius: 8px;
  flex-shrink: 0;
  height: 16px;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
  width: 40px; }

.mss-widget .md-switch-track--on {
  background: rgba(var(--md-switch-ball-fallback-color), 0.5); }

.mss-widget .md-switch-track--off {
  background: rgba(0, 0, 0, 0.38); }

.mss-widget .md-switch-track--disabled {
  background: rgba(0, 0, 0, 0.12); }

.mss-widget .md-switch-thumb {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: background, transform;
  width: 24px; }

.mss-widget .md-switch-thumb--on {
  background: var(--md-switch-ball-fallback-color);
  transform: translate3d(20px, -4px, 0); }

.mss-widget .md-switch-thumb--off {
  background: #fafafa;
  transform: translate3d(-4px, -4px, 0); }

.mss-widget .md-switch-thumb--disabled {
  background: #bdbdbd; }

@media screen and (min-width: 320px) {
  .mss-widget .md-selection-control-label {
    font-size: 14px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-selection-control-label {
    font-size: 14px; }
  .mss-widget .md-selection-control-container {
    height: 40px; } }

.mss-widget .md-slider-container {
  display: flex;
  flex-wrap: wrap;
  text-align: left; }

.mss-widget .md-slider-label {
  display: block;
  width: 100%; }

.mss-widget .md-slider-input {
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0; }

.mss-widget .md-slider-track {
  background: rgba(0, 0, 0, 0.26);
  content: '';
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  height: 2px;
  margin-bottom: 23px;
  margin-top: 23px;
  position: relative; }

.mss-widget .md-slider-track-fill {
  background: var(--md-primary-color);
  border: 0;
  height: 2px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.15s;
  transition-property: width; }

.mss-widget .md-slider-track-fill--dragging {
  transition-property: none; }

.mss-widget .md-slider-thumb {
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 14px;
  position: absolute;
  top: -6px;
  transition-duration: 0.15s;
  transition-property: left, transform, background;
  width: 14px;
  z-index: 5; }
  .mss-widget .md-slider-thumb:focus {
    outline-style: none; }

.mss-widget .md-slider-thumb--on {
  background: var(--md-primary-color); }

.mss-widget .md-slider-thumb--active {
  transform: scale(1.5);
  transform-origin: center; }

.mss-widget .md-slider-thumb--dragging {
  transition-property: transform, background; }

.mss-widget .md-slider-thumb--disabled {
  background: rgba(0, 0, 0, 0.26);
  transform: scale(0.75); }

.mss-widget .md-slider-thumb--continuous-off {
  background: #fff;
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.26);
  position: relative; }

.mss-widget .md-slider-thumb--mask {
  transform: scale(1); }

.mss-widget .md-slider-thumb--mask-inked {
  background: rgba(var(--md-primary-color), 0.15);
  transform: scale(3.5);
  z-index: 4; }

.mss-widget .md-slider-thumb--mask-disabled {
  background: #fff;
  border-radius: 0;
  transform: scale(1.1);
  z-index: 4; }

.mss-widget .md-slider-thumb--discrete::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  top: 10px;
  transition-duration: 0.15s;
  transition-property: border-top-color, transform;
  width: 0; }

.mss-widget .md-slider-thumb--discrete-active {
  top: 0;
  transform: scale(2) translate3d(0, -18px, 0); }

.mss-widget .md-slider-thumb--discrete-on::after {
  border-top-color: var(--md-primary-color); }

.mss-widget .md-slider-thumb--discrete-off {
  background: #000; }

.mss-widget .md-slider-thumb--discrete-active-off {
  background: #bdbdbd; }
  .mss-widget .md-slider-thumb--discrete-active-off::after {
    border-top-color: #bdbdbd; }

.mss-widget .md-slider-thumb--discrete-mask-inked {
  transform: scale(2.5);
  transition-duration: 0.3s; }

.mss-widget .md-slider-thumb--discrete-mask-leaving {
  background: rgba(var(--md-primary-color), 0.3);
  transition-duration: 0.3s;
  z-index: 4; }

.mss-widget .md-slider-discrete-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 28px;
  justify-content: center;
  position: absolute;
  text-align: center;
  transform: translate3d(-7px, -43px, 0);
  transition-duration: 0.15s;
  transition-property: left;
  width: 28px;
  z-index: 6; }

.mss-widget .md-slider-discrete-tick {
  background: #000;
  content: '';
  height: 2px;
  position: absolute;
  top: 0px;
  z-index: 4; }

.mss-widget .md-slider-discrete-value--dragging {
  transition-property: none; }

.mss-widget .md-slider-editor {
  text-align: right; }

.mss-widget .md-slider-container .md-text-field-container {
  margin-left: 4px;
  padding-right: 0; }

@media screen and (min-width: 320px) {
  .mss-widget .md-slider-ind {
    font-size: 14px;
    margin-top: 14px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-slider-ind {
    font-size: 14px;
    margin-top: 16px; } }

.mss-widget .md-slider-container .md-icon {
  margin-bottom: 12px;
  margin-top: 12px; }

.mss-widget .md-slider-ind {
  display: block;
  text-align: center; }

.mss-widget .md-slider-track--ind-left {
  margin-left: 16px; }

.mss-widget .md-slider-track--ind-right {
  margin-right: 16px; }

.mss-widget .md-subheader {
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding-left: 16px;
  padding-right: 16px; }

.mss-widget .md-snackbar-container {
  position: absolute; }

.mss-widget .md-snackbar {
  align-items: center;
  background: #323232;
  bottom: 0;
  display: flex;
  height: 48px;
  justify-content: space-between;
  position: fixed;
  transform-origin: 0 100%;
  z-index: 20; }

.mss-widget .md-snackbar--multiline {
  height: 80px; }

.mss-widget .md-snackbar--toast {
  color: #fff;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px; }

.mss-widget .md-snackbar-enter-active,
.mss-widget .md-snackbar-leave-active {
  transition-duration: 0.3s;
  transition-property: transform; }
  .mss-widget .md-snackbar-enter-active *,
  .mss-widget .md-snackbar-leave-active * {
    transition-duration: 0.3s;
    transition-property: opacity; }

.mss-widget .md-snackbar-enter.md-snackbar-enter-active {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mss-widget .md-snackbar-leave.md-snackbar-leave-active {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.mss-widget .md-snackbar-enter *,
.mss-widget .md-snackbar-leave.md-snackbar-leave-active * {
  opacity: 0; }

.mss-widget .md-snackbar-enter.md-snackbar-enter-active *,
.mss-widget .md-snackbar-leave * {
  opacity: 1; }

.mss-widget .md-btn--snackbar {
  padding-left: 24px;
  padding-right: 24px; }

@media screen and (min-width: 320px) {
  .mss-widget .md-snackbar {
    left: 0;
    right: 0; }
  .mss-widget .md-snackbar-enter,
  .mss-widget .md-snackbar-leave.md-snackbar-leave-active {
    transform: translate3d(0, 100%, 0); }
  .mss-widget .md-snackbar-enter.md-snackbar-enter-active,
  .mss-widget .md-snackbar-leave {
    transform: translate3d(0, 0, 0); }
  .mss-widget .md-snackbar--action {
    padding-right: 0; }
  .mss-widget .md-btn--snackbar-floating {
    transition: bottom 0.3s, background 0.15s, box-shadow 0.15s, color 0.15s;
    will-change: bottom; }
  .mss-widget .md-btn--snackbar-floating-adjust {
    bottom: 64px; }
  .mss-widget .md-btn--snackbar-floating-multiline-adjust {
    bottom: 96px; } }

@media screen and (min-width: 768px) {
  .mss-widget .md-snackbar {
    border-radius: 2px;
    left: 50%;
    max-width: 568px;
    min-width: 288px;
    right: auto;
    transform: translate3d(-50%, 0, 0); }
  .mss-widget .md-snackbar-enter,
  .mss-widget .md-snackbar-leave.md-snackbar-leave-active {
    transform: translate3d(-50%, 100%, 0); }
  .mss-widget .md-snackbar-enter.md-snackbar-enter-active,
  .mss-widget .md-snackbar-leave {
    transform: translate3d(-50%, 0, 0); }
  .mss-widget .md-snackbar--action {
    padding-right: 24px; }
  .mss-widget .md-btn--snackbar-floating-adjust {
    bottom: 24px; }
  .mss-widget .md-btn--snackbar-floating-multiline-adjust {
    bottom: 24px; } }

.mss-widget .md-tabs {
  display: flex;
  position: relative; }
  .mss-widget .md-tabs.md-background--primary .md-ink {
    background: rgba(255, 255, 255, 0.12); }
  .mss-widget .md-tabs--centered {
    justify-content: center; }
    .mss-widget .md-tabs--centered .md-tab {
      flex-grow: 0; }
  .mss-widget .md-tabs--pagination .md-tab {
    flex-grow: 0; }

.mss-widget .md-tab {
  align-items: center;
  color: inherit;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  height: 48px;
  justify-content: flex-end;
  overflow: hidden;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }
  .mss-widget .md-tab--multiline {
    font-size: 12px;
    padding-bottom: 12px; }
  .mss-widget .md-tab--icon {
    height: 72px;
    padding-bottom: 16px; }
  .mss-widget .md-tab--inactive {
    color: rgba(255, 255, 255, 0.7); }

.mss-widget .md-tab-indicator {
  background: var(--md-secondary-color);
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute; }

.mss-widget .md-btn--tab-overflow {
  bottom: 2px;
  position: absolute; }
  .mss-widget .md-btn--tab-overflow--icon {
    bottom: 8px; }
  .mss-widget .md-btn--tab-overflow-left {
    left: 6px;
    z-index: 3; }
  .mss-widget .md-btn--tab-overflow-right {
    right: 12px; }

.mss-widget .md-menu--tab {
  margin-right: 100%; }
  .mss-widget .md-menu--tab .md-icon {
    color: inherit; }
  .mss-widget .md-menu--tab .md-tab {
    padding-top: 12px; }

.mss-widget .md-icon--tab {
  color: inherit;
  margin-bottom: 10px; }

.mss-widget .md-tab-toolbar {
  width: 100%; }

.mss-widget .md-tabs-fixed-container {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15; }

.mss-widget .md-tabs-content--offset {
  margin-top: 48px; }
  .mss-widget .md-tabs-content--offset-icon {
    margin-top: 72px; }

.mss-widget .md-tabs-content--offset-toolbar-prominent {
  margin-top: 176px; }
  .mss-widget .md-tabs-content--offset-toolbar-prominent-icon {
    margin-top: 200px; }

@media screen and (min-width: 320px) {
  .mss-widget .md-toolbar ~ .md-tabs {
    margin-top: -1px; }
  .mss-widget .md-tabs {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto; }
  .mss-widget .md-tab {
    max-width: calc(100vw - 56px);
    min-width: 72px; }
  .mss-widget .md-tab-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px; } }

@media screen and (min-width: 320px) and (max-aspect-ratio: 13 / 9) {
  .mss-widget .md-tabs-content--offset-toolbar {
    margin-top: 104px; }
    .mss-widget .md-tabs-content--offset-toolbar-icon {
      margin-top: 128px; } }

@media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
  .mss-widget .md-tabs-content--offset-toolbar {
    margin-top: 96px; }
    .mss-widget .md-tabs-content--offset-toolbar-icon {
      margin-top: 120px; } }

@media screen and (min-width: 768px) {
  .mss-widget .md-tabs-content--offset-toolbar {
    margin-top: 112px; }
    .mss-widget .md-tabs-content--offset-toolbar-icon {
      margin-top: 136px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-toolbar ~ .md-tabs {
    margin-top: 0; }
  .mss-widget .md-tabs {
    overflow: visible; }
  .mss-widget .md-tab {
    max-width: 264px;
    min-width: 160px;
    padding-left: 24px;
    padding-right: 24px; }
  .mss-widget .md-tab-label {
    font-size: 13px;
    line-height: 13px; }
  .mss-widget .md-icon--tab {
    margin-bottom: 12px;
    margin-top: 2px; } }

.mss-widget .md-text-field-container {
  position: relative; }

.mss-widget .md-text-field-container--input {
  line-height: 1.15; }

.mss-widget .md-text-field-container--input-block {
  display: flex; }
  .mss-widget .md-text-field-container--input-block .md-text-field-message-container {
    flex-shrink: 0; }

.mss-widget .md-text-field-multiline-container,
.mss-widget .md-text-field-container--multiline {
  transition-duration: 0.15s;
  transition-property: height; }

.mss-widget .md-text-field-multiline-container {
  position: relative; }

.mss-widget .md-text-field-container--multiline {
  display: flex;
  flex-direction: column; }

.mss-widget .md-text-field {
  background: none;
  border: 0;
  line-height: inherit;
  padding: 0;
  width: 100%; }
  .mss-widget .md-text-field:placeholder {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text-field:-moz-placeholder {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text-field::-moz-placeholder {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text-field:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text-field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text-field:focus {
    outline-style: none; }
  .mss-widget .md-text-field[type="search"] {
    -webkit-appearance: textfield; }
  .mss-widget .md-text-field:-webkit-autofill, .mss-widget .md-text-field:-webkit-autofill:focus {
    box-shadow: 0 0 0 50px #fff inset; }
  .mss-widget .md-text-field--margin {
    margin-top: 13px; }
  .mss-widget .md-text-field[disabled]:placeholder {
    color: rgba(0, 0, 0, 0.38); }
  .mss-widget .md-text-field[disabled]:-moz-placeholder {
    color: rgba(0, 0, 0, 0.38); }
  .mss-widget .md-text-field[disabled]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.38); }
  .mss-widget .md-text-field[disabled]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38); }
  .mss-widget .md-text-field[disabled]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.38); }

.mss-widget .md-text-field--multiline {
  padding-bottom: 0;
  padding-top: 0;
  resize: none; }

.mss-widget .md-text-field--multiline-mask {
  overflow: hidden;
  position: absolute;
  visibility: hidden; }

.mss-widget .md-divider--text-field {
  margin-top: 7px;
  overflow: visible; }
  .mss-widget .md-divider--text-field::after {
    background: var(--md-primary-color);
    content: '';
    display: block;
    height: 2px;
    transition-duration: 0.15s;
    transition-property: width;
    width: 0; }

.mss-widget .md-divider--text-field-expanded::after {
  width: 100%; }

.mss-widget .md-divider--text-field-error,
.mss-widget .md-divider--text-field-error::after {
  background: #f44336; }

.mss-widget .md-divider--expand-from-left::after {
  left: 0; }

.mss-widget .md-divider--expand-from-center::after {
  margin: auto; }

.mss-widget .md-divider--expand-from-right::after {
  right: 0; }

.mss-widget .md-floating-label {
  cursor: text;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition-duration: 0.15s;
  transition-property: transform, font-size, color;
  white-space: nowrap; }

.mss-widget .md-floating-label--floating {
  font-size: 14px; }

.mss-widget .md-floating-label--icon-offset {
  left: 40px; }
  @media screen and (min-width: 1025px) {
    .mss-widget .md-floating-label--icon-offset {
      left: 36px; } }

.mss-widget .md-text-field-message-container {
  display: flex;
  font-size: 14px;
  justify-content: space-between; }

.mss-widget .md-text-field-message-container--count-only {
  justify-content: flex-end; }

.mss-widget .md-text-field-message-container--left-icon-offset {
  padding-left: 40px; }

.mss-widget .md-text-field-message-container--right-icon-offset {
  padding-right: 40px; }

.mss-widget .md-text-field-message {
  color: inherit;
  flex-grow: 1;
  line-height: 1.42857;
  transition-duration: 0.15s;
  transition-property: opacity;
  white-space: normal; }

.mss-widget .md-text-field-message--counter {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 16px; }

.mss-widget .md-text-field-message--inactive {
  opacity: 0; }

.mss-widget .md-text-field-message--active {
  opacity: 1; }

.mss-widget .md-text-field-divider-container {
  display: inline-block; }

.mss-widget .md-text-field-divider-container--grow {
  display: block;
  flex-grow: 1; }

.mss-widget .md-text-field-icon + .md-text-field-divider-container,
.mss-widget .md-text-field-divider-container + .md-text-field-icon {
  margin-left: 16px; }

.mss-widget .md-text-field-icon-container {
  align-items: flex-end;
  display: flex;
  width: 100%; }
  .mss-widget .md-text-field-container--input-block .md-text-field-icon-container {
    align-items: center; }

.mss-widget .md-text-field-inline-indicator {
  position: absolute;
  right: 0; }

.mss-widget .md-text-field--inline-indicator {
  width: calc(100% - 24px); }

.mss-widget .md-password-btn {
  background: transparent;
  border: 0;
  height: 24px;
  padding: 0;
  width: 24px; }
  .mss-widget .md-password-btn:not(.md-password-btn--focus):focus {
    outline-style: none; }
  .mss-widget .md-password-btn .md-icon {
    color: inherit; }

.mss-widget .md-password-btn--active::before {
  background: rgba(0, 0, 0, 0.54); }

.mss-widget .md-password-btn--invisible::before, .mss-widget .md-password-btn--invisible::after {
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 100%; }

.mss-widget .md-password-btn--invisible::before {
  transform: translate3d(-1px, -50%, 0) rotate3d(0, 0, 1, 45deg); }

.mss-widget .md-password-btn--invisible::after {
  background: #fafafa;
  transform: translate3d(1px, -50%, 0) rotate3d(0, 0, 1, 45deg); }

@media screen and (min-width: 320px) {
  .mss-widget .md-text-field-container--input-block {
    padding-bottom: 20px;
    padding-top: 20px; }
  .mss-widget .md-text-field-container--multiline-block {
    margin-bottom: 20px;
    margin-top: 20px; }
  .mss-widget .md-text-field-container--padded-block {
    padding-left: 20px;
    padding-right: 20px; }
  .mss-widget .md-text-field {
    font-size: 14px; }
  .mss-widget .md-text-field--floating-margin {
    margin-top: 37px; }
  .mss-widget .md-divider--text-field {
    margin-bottom: 8px; }
  .mss-widget .md-floating-label--inactive {
    transform: translate3d(0, 40px, 0); }
  .mss-widget .md-floating-label--inactive-sized {
    font-size: 14px; }
  .mss-widget .md-floating-label--floating {
    transform: translate3d(0, 16px, 0); }
  .mss-widget .md-text-field-icon--positioned {
    margin-bottom: 13.5px; }
  .mss-widget .md-text-field-inline-indicator {
    top: 9px; }
    .mss-widget .md-text-field-inline-indicator--floating {
      top: 34px; }
    .mss-widget .md-text-field-inline-indicator--block {
      top: 17px; }
  .mss-widget .md-floating-label--inactive-title {
    transform: translate3d(0, 42px, 0); }
  .mss-widget .md-floating-label--inactive-auth {
    transform: translate3d(0, 22px, 0); } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-text-field-container--input-block {
    padding-bottom: 16px;
    padding-top: 16px; }
  .mss-widget .md-text-field-container--multiline-block {
    margin-bottom: 16px;
    margin-top: 16px; }
  .mss-widget .md-text-field-container--padded-block {
    padding-left: 16px;
    padding-right: 16px; }
  .mss-widget .md-text-field {
    font-size: 14px; }
  .mss-widget .md-text-field--floating-margin {
    margin-top: 33px; }
  .mss-widget .md-divider--text-field {
    margin-bottom: 4px; }
  .mss-widget .md-floating-label--inactive {
    transform: translate3d(0, 36px, 0); }
  .mss-widget .md-floating-label--inactive-sized {
    font-size: 14px; }
  .mss-widget .md-floating-label--floating {
    transform: translate3d(0, 12px, 0); }
  .mss-widget .md-text-field-icon--positioned {
    margin-bottom: 9.5px; }
  .mss-widget .md-password-btn.md-password-btn {
    height: 20px;
    width: 20px; }
  .mss-widget .md-text-field-message-container--left-icon-offset {
    padding-left: 36px; }
  .mss-widget .md-text-field-message-container--right-icon-offset {
    padding-right: 36px; }
  .mss-widget .md-text-field-inline-indicator {
    top: 9px; }
    .mss-widget .md-text-field-inline-indicator--floating {
      top: 30px; }
    .mss-widget .md-text-field-inline-indicator--block {
      top: 12px; }
  .mss-widget .md-floating-label--inactive-title {
    transform: translate3d(0, 36px, 0); }
  .mss-widget .md-floating-label--inactive-auth {
    transform: translate3d(0, 30px, 0); } }

.mss-widget .md-text-field--title {
  font-size: 34px; }

.mss-widget .md-floating-label--title {
  transition-duration: 0.25s; }

.mss-widget .md-floating-label--inactive-title {
  font-size: 34px; }

.mss-widget .md-text-field--auth {
  font-size: 20px; }

.mss-widget .md-floating-label--auth {
  transition-duration: 0.25s; }

.mss-widget .md-floating-label--inactive-auth {
  font-size: 20px; }

@media screen and (min-width: 320px) {
  .mss-widget .md-toolbar-relative {
    margin-top: 56px; }
    .mss-widget .md-toolbar-relative--padding {
      padding-top: 56px; }
  .mss-widget .md-toolbar {
    height: 56px; }
  .mss-widget .md-btn--toolbar {
    margin-bottom: 4px;
    margin-top: 4px; }
  .mss-widget .md-toolbar .md-btn--text {
    margin-bottom: 10px;
    margin-top: 10px; }
  .mss-widget .md-toolbar--action-left {
    margin-left: 4px; }
  .mss-widget .md-toolbar--action-right {
    margin-right: 4px; }
  .mss-widget .md-title--toolbar {
    line-height: 56px;
    margin-left: 20px; }
    .mss-widget .md-title--toolbar-offset {
      margin-left: 72px; }
  .mss-widget .md-select-field--toolbar.md-select-field--toolbar {
    margin-bottom: 6px;
    margin-top: 6px; } }

@media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
  .mss-widget .md-toolbar-relative {
    margin-top: 48px; }
    .mss-widget .md-toolbar-relative--padding {
      padding-top: 48px; }
  .mss-widget .md-toolbar {
    height: 48px; }
  .mss-widget .md-toolbar--action-left {
    margin-left: 4px; }
  .mss-widget .md-toolbar--action-right {
    margin-right: 4px; }
  .mss-widget .md-title--toolbar {
    line-height: 48px;
    margin-left: 20px; }
    .mss-widget .md-title--toolbar-offset {
      margin-left: 72px; } }

@media screen and (min-width: 768px) {
  .mss-widget .md-toolbar-relative {
    margin-top: 64px; }
    .mss-widget .md-toolbar-relative--padding {
      padding-top: 64px; }
  .mss-widget .md-toolbar {
    height: 64px; }
  .mss-widget .md-btn--toolbar {
    margin-bottom: 8px;
    margin-top: 8px; }
  .mss-widget .md-toolbar .md-btn--text {
    margin-bottom: 14px;
    margin-top: 14px; }
  .mss-widget .md-toolbar--action-left {
    margin-left: 12px; }
  .mss-widget .md-toolbar--action-right {
    margin-right: 12px; }
  .mss-widget .md-title--toolbar {
    line-height: 64px;
    margin-left: 20px; }
    .mss-widget .md-title--toolbar-offset {
      margin-left: 80px; }
  .mss-widget .md-select-field--toolbar.md-select-field--toolbar {
    margin-bottom: 10px;
    margin-top: 10px; } }

@media screen and (min-width: 768px) and (min-aspect-ratio: 13 / 9) {
  .mss-widget .md-select-field--toolbar.md-select-field--toolbar {
    margin-bottom: 12px;
    margin-top: 12px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-toolbar--action-left {
    margin-left: 14px; }
  .mss-widget .md-toolbar--action-right {
    margin-right: 14px; }
  .mss-widget .md-title--toolbar {
    margin-left: 26px; }
    .mss-widget .md-title--toolbar-offset {
      margin-left: 80px; }
  .mss-widget .md-btn--toolbar {
    margin-bottom: 12px;
    margin-top: 12px; }
  .mss-widget .md-toolbar .md-btn--text {
    margin-bottom: 16px;
    margin-top: 16px; } }

.mss-widget .md-toolbar {
  display: flex; }
  .mss-widget .md-toolbar--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 15; }
  .mss-widget .md-toolbar--inset {
    margin: 8px;
    max-width: calc(100vw - 16px); }
  .mss-widget .md-toolbar--text-white {
    color: #fff; }
    .mss-widget .md-toolbar--text-white .md-btn, .mss-widget .md-toolbar--text-white .md-icon, .mss-widget .md-toolbar--text-white .md-title--toolbar, .mss-widget .md-toolbar--text-white .md-text-field, .mss-widget .md-toolbar--text-white .md-select-field {
      color: inherit; }
    .mss-widget .md-toolbar--text-white :placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .mss-widget .md-toolbar--text-white :-moz-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .mss-widget .md-toolbar--text-white ::-moz-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .mss-widget .md-toolbar--text-white :-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .mss-widget .md-toolbar--text-white ::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .mss-widget .md-toolbar--themed {
    background: #f5f5f5; }
    .mss-widget .md-toolbar--themed .md-title--toolbar {
      color: rgba(0, 0, 0, 0.87); }
  .mss-widget .md-toolbar--prominent {
    height: 128px; }

.mss-widget .md-title--toolbar {
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 0;
  transition-duration: 0.15s;
  transition-property: transform; }
  .mss-widget .md-title--toolbar-prominent {
    position: absolute;
    transform: translate3d(0, 64px, 0);
    font-size: 20px; }

.mss-widget .md-toolbar-relative--prominent {
  margin-top: 128px; }
  .mss-widget .md-toolbar-relative--prominent-padding {
    padding-top: 128px; }

.mss-widget .md-toolbar .md-text-field-container {
  padding-bottom: 0;
  padding-top: 0; }

.mss-widget .md-toolbar .md-text-field--toolbar {
  font-size: 14px; }

.mss-widget .md-toolbar .md-autocomplete-container,
.mss-widget .md-toolbar .md-autocomplete {
  height: 100%; }

@media screen and (min-width: 320px) {
  .mss-widget .md-tooltip {
    font-size: 14px;
    padding: 9px 16px; }
    .mss-widget .md-tooltip--top {
      top: -24px; }
    .mss-widget .md-tooltip--right {
      right: -24px; }
    .mss-widget .md-tooltip--bottom {
      bottom: -24px; }
    .mss-widget .md-tooltip--left {
      left: -24px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-tooltip {
    font-size: 10px;
    padding: 6px 8px; }
    .mss-widget .md-tooltip--top {
      top: -14px; }
    .mss-widget .md-tooltip--right {
      right: -14px; }
    .mss-widget .md-tooltip--bottom {
      bottom: -14px; }
    .mss-widget .md-tooltip--left {
      left: -14px; } }

.mss-widget .md-tooltip-container {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 1; }

.mss-widget .md-tooltip {
  background: #616161;
  color: #fff;
  display: block;
  font-weight: 500;
  opacity: 0.9;
  outline-style: none;
  position: absolute;
  white-space: nowrap; }
  .mss-widget .md-tooltip--active {
    transition-duration: 0.15s;
    transition-property: opacity, transform; }
  .mss-widget .md-tooltip--enter, .mss-widget .md-tooltip--leave-active {
    opacity: 0; }
  .mss-widget .md-tooltip--enter-active {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .mss-widget .md-tooltip--leave-active {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .mss-widget .md-tooltip--horizontal {
    left: 50%;
    transform: translate3d(-50%, 0, 0); }
  .mss-widget .md-tooltip--vertical {
    top: 50%;
    transform: translate3d(0, -50%, 0); }
  .mss-widget .md-tooltip--top-active {
    transform: translate3d(-50%, -100%, 0); }
  .mss-widget .md-tooltip--right-active {
    transform: translate3d(100%, -50%, 0); }
  .mss-widget .md-tooltip--bottom-active {
    transform: translate3d(-50%, 100%, 0); }
  .mss-widget .md-tooltip--left-active {
    transform: translate3d(-100%, -50%, 0); }

.mss-widget .md-text {
  color: rgba(0, 0, 0, 0.87); }
  .mss-widget .md-text--secondary {
    color: rgba(0, 0, 0, 0.54); }
  .mss-widget .md-text--disabled {
    color: rgba(0, 0, 0, 0.38); }
  .mss-widget .md-text--theme-primary {
    color: RGB(var(--md-secondary-background-text-color)); }
  .mss-widget .md-text--theme-secondary {
    color: RGB(var(--md-secondary-color)); }
  .mss-widget .md-text--error {
    color: #f44336; }
  .mss-widget .md-text--inherit.md-text--inherit {
    color: inherit; }

.mss-widget .md-ink--primary .md-ink {
  background: rgba(var(--md-primary-color), 0.26); }

.mss-widget .md-ink--secondary .md-ink {
  background: rgba(var(--md-secondary-color), 0.26); }

.mss-widget .md-background {
  background: #fafafa; }
  .mss-widget .md-background--card {
    background: #fff; }
  .mss-widget .md-background--primary {
    background: RGB(var(--md-primary-color));
    color: RGB(var(--md-primary-background-text-color)); }
  .mss-widget .md-background--secondary {
    background: RGB(var(--md-secondary-color));
    color: RGB(var(--md-secondary-background-text-color)); }

@media screen and (min-width: 1025px) {
  .mss-widget .md-background--primary-hover:hover {
    background: rgba(var(--md-primary-color), 0.9); }
  .mss-widget .md-background--secondary-hover:hover {
    background: rgba(var(--md-secondary-color), 0.9); } }

.mss-widget .x-breadcrumbs a.x-breadcrumbs--link {
  color: var(--breadcrumb-color);
  text-decoration: none; }
  .mss-widget .x-breadcrumbs a.x-breadcrumbs--link:hover, .mss-widget .x-breadcrumbs a.x-breadcrumbs--link:active {
    color: var(--breadcrumb-color-hover); }

.mss-widget .x-breadcrumbs > .x-breadcrumbs--chevron {
  color: var(--breadcrumb-color);
  position: relative;
  display: inline-block;
  top: 5px;
  margin-left: 10px;
  margin-right: 10px; }

.mss-widget .md-textWhite {
  color: '#FFFFFF'; }

.mss-widget .btn-text {
  height: 40px;
  padding-top: 12px;
  display: inline-block;
  text-transform: none; }

.mss-widget .roundButton.md-btn--text {
  border-radius: 100px;
  height: 60px;
  padding: 20px 40px; }

.mss-widget .roundButton.md-btn--hover {
  background: #fff;
  color: var(--md-highlight-text-color);
  box-shadow: 0 4px 5px 0 rgba(0, 34, 87, 0.1), 0 1px 10px 0 rgba(0, 34, 87, 0.1), 0 2px 4px -1px rgba(0, 34, 87, 0.1); }

.mss-widget .md-btn--text {
  text-transform: none; }

.mss-widget .md-btn.md-btn--icon.md-btn--floating.md-btn--fixed.md-btn--fixed-tl {
  top: 64px;
  margin-top: 20px; }
  @media screen and (min-width: 1025px) {
    .mss-widget .md-btn.md-btn--icon.md-btn--floating.md-btn--fixed.md-btn--fixed-tl {
      left: 256px;
      margin-left: 20px; } }

.mss-widget .md-btn.md-btn--icon.md-btn--floating.md-btn--fixed.md-btn--fixed-tr {
  top: 64px;
  margin-top: 20px; }

@media screen and (min-width: 1025px) {
  .mss-widget .md-btn.md-btn--icon.md-btn--floating.md-btn--fixed.md-btn--fixed-bl {
    left: 256px;
    margin-left: 20px; } }

.mss-widget .md-btn.md-btn--icon.md-btn--floating.md-btn--fixed:disabled {
  color: #d2d3d3;
  background: rgba(210, 211, 211, 0.2); }

.mss-widget .md-btn--icon:disabled {
  color: #d2d3d3;
  background: rgba(210, 211, 211, 0.2); }

.mss-widget .md-btn.active {
  border-bottom: 2px solid RGB(var(--md-secondary-color)); }

.mss-widget .md-btn:disabled {
  font-weight: 400; }

.mss-widget .ghostbutton {
  background-color: #FFFFFF;
  border: 1px solid #D2D3D3;
  border-radius: 100px;
  color: #333333;
  padding: 20px 40px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  height: 60px;
  text-transform: none; }
  .mss-widget .ghostbutton:disabled {
    color: #d2d3d3;
    background: rgba(210, 211, 211, 0.2); }

.mss-widget .miniButton {
  background-color: #FFFFFF;
  border: 1px solid #D2D3D3;
  border-radius: 100px;
  color: #333333;
  padding: 6px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight: 300;
  cursor: pointer; }

.mss-widget .primaryiconbutton {
  color: RGB(var(--md-primary-color)); }

.mss-widget .md-btn--snackbar {
  color: white;
  text-transform: none; }
  .mss-widget .md-btn--snackbar:hover {
    background: transparent; }

.mss-widget .btnSwitchOverview {
  margin-left: 10px; }

.mss-widget .md-btn--icon {
  height: 40px;
  width: 40px;
  padding: 10px;
  min-width: 40px;
  margin: 0; }

.mss-widget .md-icon {
  font-size: 20px; }

.mss-widget .md-list--drawer .md-icon {
  font-size: 22px; }

.mss-widget #profile-menu-list .md-icon {
  color: rgba(0, 0, 0, 0.54); }

@media screen and (max-width: 1200px) {
  .mss-widget .md-btn--icon {
    height: 44px;
    width: 44px;
    padding: 11px; }
  .mss-widget .md-icon {
    font-size: 22px !important; } }

.mss-widget .pwBtn {
  height: 20px;
  width: 20px;
  padding: 0px;
  min-width: 20px;
  margin-left: 10px; }

.mss-widget .form-input-tooltip-btn i {
  color: rgba(0, 0, 0, 0.3); }

.mss-widget .infoPopoverWindow i {
  height: 26px;
  width: 26px;
  min-width: 26px;
  padding: 6px;
  font-size: 14px !important; }

.mss-widget .form-input-tooltip-btn {
  color: rgba(0, 0, 0, 0.3); }

.mss-widget .infoPopoverWindow button {
  height: 26px;
  width: 26px;
  min-width: 26px;
  float: right;
  padding: 0;
  font-size: 8px;
  color: white; }

.mss-widget .infoButton {
  color: rgba(0, 0, 0, 0.3); }

.mss-widget .accordion-pdf-btn {
  width: 100%; }

.mss-widget .x-full-height {
  height: 100%; }

.mss-widget .overview-map {
  height: calc(100% - 72px); }

.mss-widget .md-card {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 10px 20px rgba(0, 34, 87, 0.1); }

.mss-widget .md-card-topround {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  box-shadow: 0px 10px 20px rgba(0, 34, 87, 0.1); }

.mss-widget .md-card-bottomround {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0px 10px 20px rgba(0, 34, 87, 0.1); }

.mss-widget .md-card--flat {
  box-shadow: none; }

.mss-widget .md-card-title {
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px; }
  .mss-widget .md-card-title.x-title-wrapped {
    overflow: hidden; }
    .mss-widget .md-card-title.x-title-wrapped .md-card-title--title-block,
    .mss-widget .md-card-title.x-title-wrapped .md-card-title--title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .mss-widget .md-card-title.x-title-wrapped .md-card-title--title-block .md-text--secondary,
      .mss-widget .md-card-title.x-title-wrapped .md-card-title--title .md-text--secondary {
        whiteSpace: 'normal !important'; }
  .mss-widget .md-card-title .md-card-title--title-block,
  .mss-widget .md-card-title .md-card-title--title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
  .mss-widget .md-card-title .md-card-title--title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500; }
  .mss-widget .md-card-title .md-card-title--title-block .md-text--secondary {
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 400; }
  .mss-widget .md-card-title .md-card-title--large {
    font-weight: 500;
    font-size: 18px; }

.mss-widget .md-text--secondary {
  white-space: normal !important; }

.mss-widget .md-card-text {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px; }
  .mss-widget .md-card-text .md-card-text--large {
    font-size: 4em;
    font-weight: 700;
    padding: 0px; }
  .mss-widget .md-card-text .md-card-text--unit {
    font-size: 2em;
    font-weight: 700; }
  .mss-widget .md-card-text .md-grid {
    padding: 0px; }
  .mss-widget .md-card-text .md-cell {
    margin: 0px; }

.mss-widget .md-card-text--noborder {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 1px; }

.mss-widget .x-card-red {
  color: #fff;
  background-color: #C70000; }

.mss-widget .x-card-green {
  color: #fff;
  background-color: #8EC300; }

.mss-widget .md-btn-carousel {
  background: none;
  border: none;
  height: 30px;
  width: 30px;
  min-width: 30px;
  color: lightgray;
  margin: -3px;
  padding: 0px; }

.mss-widget .md-btn-carousel:hover {
  color: gray; }

.mss-widget .slider-control-bottomcenter ul {
  top: 0px !important; }

.mss-widget .slider-control-bottomcenter ul button {
  padding: 5px !important; }

.mss-widget .md-card-subtext {
  position: absolute;
  left: 10px;
  bottom: 10px; }

.mss-widget .md-card-margin-2 {
  margin-bottom: 2em; }

.mss-widget .subloc-overview-card {
  text-align: center; }

.mss-widget .subloc-text {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.mss-widget .md-clickable--hover {
  background-color: #eee;
  transition-duration: 0.15s;
  transition-property: background; }

.mss-widget .x-color-picker {
  position: relative;
  width: 250px; }
  .mss-widget .x-color-picker div {
    position: inherit; }
  .mss-widget .x-color-picker > .saturation {
    height: 250px; }
  .mss-widget .x-color-picker > .bars {
    display: flex; }
    .mss-widget .x-color-picker > .bars > .manipulators {
      width: 220px; }
      .mss-widget .x-color-picker > .bars > .manipulators > .hue,
      .mss-widget .x-color-picker > .bars > .manipulators > .alpha {
        margin-top: 5px;
        height: 10px;
        width: 220px; }
    .mss-widget .x-color-picker > .bars > .preview-container {
      margin-left: 5px;
      margin-top: 5px;
      width: 25px;
      height: 25px; }
      .mss-widget .x-color-picker > .bars > .preview-container > .preview {
        width: inherit;
        height: inherit; }
  .mss-widget .x-color-picker > .fields {
    margin-top: 10px;
    position: inherit; }
    .mss-widget .x-color-picker > .fields > div {
      margin-right: 10px; }
      .mss-widget .x-color-picker > .fields > div.hex {
        width: 50px; }
      .mss-widget .x-color-picker > .fields > div.rgba {
        width: 40px; }
      .mss-widget .x-color-picker > .fields > div:last-child {
        margin-right: 0; }

.mss-widget .md-textWhite {
  color: '#FFFFFF'; }

.mss-widget .cookieConsentContainer {
  align-items: baseline;
  background: #3B3B3B;
  color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  bottom: 0;
  top: unset !important; }

.mss-widget .cookieConsentContent {
  flex: 1 0 300px;
  margin: 15px;
  font-weight: 300; }

.mss-widget .cookieConsentContent p {
  color: white;
  margin-bottom: 0; }

.mss-widget .cookieConsentContent p a {
  color: RGB(var(--md-primary-color)); }

.mss-widget .cookieConsentContent p a:hover {
  color: #e0fd21; }

.mss-widget .cookieConsentContainer button {
  background-color: RGB(var(--md-primary-color));
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  color: black; }

.mss-widget #cookieBanner {
  top: 0;
  max-width: 375px;
  width: 100%;
  z-index: 1000000;
  border-radius: 5px;
  overflow: auto; }

.mss-widget #cookieBanner .cookieMainButton {
  width: 100%;
  height: 45px;
  margin-top: 15px; }

.mss-widget #cookieBanner .cookieCheckbox {
  width: fit-content;
  width: -moz-fit-content;
  display: inline-block;
  margin-right: 16px; }

.mss-widget #cookieBanner .cookieCheckbox > label > div {
  padding-left: 0;
  width: 30px;
  min-width: 30px; }

.mss-widget #cookieBanner a.cookieMetaLink {
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  color: #a8a8a8; }

.mss-widget #cookieBanner .md-grid {
  padding: 0; }

.mss-widget #cookieBanner table {
  margin-top: 20px;
  width: 100%;
  display: inline-table;
  text-align: left; }

.mss-widget #cookieBanner th, .mss-widget #cookieBanner td {
  vertical-align: top; }

.mss-widget #cookieBanner th {
  padding-right: 10px !important; }

.mss-widget .cookieCard-visible {
  top: 0 !important;
  transition: top ease-in-out 500ms; }

.mss-widget .cookieCard-invisible {
  top: -500px !important;
  transition: top ease-in-out 500ms; }

.mss-widget .cookieOverlay-visible {
  opacity: 1;
  transition: opacity ease-in-out 500ms; }

.mss-widget .cookieOverlay-invisible {
  opacity: 0;
  transition: opacity ease-in-out 500ms; }

.mss-widget .x-custom-card-expander-btn {
  position: relative;
  text-align: left;
  width: 100%;
  text-decoration: underline;
  color: black; }
  .mss-widget .x-custom-card-expander-btn--icon {
    margin-top: .55em;
    padding-bottom: 12px;
    padding-right: 0px; }
  .mss-widget .x-custom-card-expander-btn--left-icon {
    margin-top: .4em;
    padding-left: 12px; }
  .mss-widget .x-custom-card-expander-btn--text {
    margin-top: .55em;
    padding-left: 9px; }

.mss-widget .tableHeader {
  font-weight: 700;
  color: #333333 !important; }

.mss-widget .tableLabel {
  font-weight: 300; }

.mss-widget tbody div {
  font-weight: 300; }

.mss-widget .customTable tbody div, .mss-widget .customTable tbody td {
  font-weight: 300;
  text-align: right; }

.mss-widget .justRight {
  text-align: right; }

.mss-widget .justLeft {
  text-align: left; }

.mss-widget .datePaddingLeft {
  padding-left: 15%; }

.mss-widget .tableRow {
  height: 40px;
  width: 845px;
  border-bottom: black !important; }

.mss-widget .tableColumn {
  height: 40px;
  width: 30%; }

.mss-widget .tableBody {
  margin-left: 22px; }

.mss-widget .customTable thead tr {
  background-color: RGB(var(--md-primary-color)); }

.mss-widget .customTable thead tr:hover {
  filter: brightness(105%) !important; }

.mss-widget .customTable thead div {
  color: RGB(var(--md-secondary-background-text-color));
  font-size: 14px;
  text-align: right; }

.mss-widget .md-table-pagination {
  font-weight: 300;
  padding-right: 10px; }
  .mss-widget .md-table-pagination .md-table-pagination--label {
    padding-left: 10px;
    padding-right: 10px; }

@media (min-width: 320px) and (max-width: 1024px) {
  .mss-widget .apart .md-table-column:first-child {
    padding-left: 15px; }
  .mss-widget .apart table, .mss-widget .apart tr, .mss-widget .apart td {
    padding: 0; }
  .mss-widget .apart table {
    border: none; }
  .mss-widget .apart thead {
    display: none; }
  .mss-widget .apart tr {
    float: left;
    width: 100%;
    margin-bottom: 2em; }
  .mss-widget .apart td {
    float: left;
    width: 100%;
    padding: 0.5em 1em 1em 1em; }
  .mss-widget .apart td::before {
    content: attr(data-label);
    width: 60%;
    float: left;
    padding: 1em;
    margin: -1em 1em -1em -1em; } }

.mss-widget .customStatisticViewTable th, .mss-widget .customStatisticViewTable td {
  text-align: center;
  height: 30px;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.mss-widget .customStatisticViewTable table {
  border-collapse: separate;
  background-color: #F6F6F6;
  padding-bottom: 15px;
  padding-top: 10px; }

.mss-widget .statistics {
  margin-top: 20px; }

.mss-widget .statistics h3 {
  margin-top: 30px; }

.mss-widget .customStatisticViewTable .md-table-row--hover {
  background-color: transparent; }

.mss-widget .customStatisticViewTable thead th div, .mss-widget .customStatisticViewTable thead td div {
  color: black;
  font-size: 14px;
  font-weight: 300; }

.mss-widget .customStatisticViewTable tbody td div:first-child {
  margin-bottom: 11px;
  margin-top: 11px; }

.mss-widget .customStatisticViewTable tbody td {
  vertical-align: top;
  height: 60px;
  width: 10px; }

.mss-widget .customStatisticViewTableExpand table {
  border-collapse: collapse; }

.mss-widget .customStatisticViewTableExpand thead th {
  height: 42px; }

.mss-widget .customStatisticViewTableExpand tbody td {
  padding-top: 10px;
  height: 74px; }

@media screen and (max-width: 900px) {
  .mss-widget .customStatisticViewTable .table-button {
    padding: 5px 5px; } }

.mss-widget .x-dialog-content--unpadded {
  padding: 0; }

.mss-widget .x-dialog-content--list-unpadded ul.md-list li.md-list-item div.md-list-tile {
  padding: 0; }

.mss-widget .md-dialog--centered .md-list-tile {
  height: 40px; }

.mss-widget .popupNewNotification .md-paper {
  width: 666px;
  max-width: calc(100% - 34px);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 10px 20px rgba(0, 34, 87, 0.1); }

.mss-widget .popupNewNotification .md-grid {
  padding: 0; }

.mss-widget .popupNewNotification section {
  padding: 8px; }

.mss-widget .dialog-style .md-dialog {
  border-radius: 5px; }

.mss-widget .notificationDialog .md-dialog {
  width: 100%; }

.mss-widget .dialog-valueList section {
  padding: 0; }

.mss-widget .dialog-valueList .close-btn {
  float: right;
  margin-top: 20px;
  margin-right: 25px; }

.mss-widget .dialog-valueList tfoot tr:last-child {
  height: 80px; }

.mss-widget .dialog-valueList > div {
  width: 1000px;
  min-width: 400px; }

.mss-widget .md-dialog--centered {
  max-height: calc(100% - 20px);
  max-width: calc(100% - 20px); }

.mss-widget .confirmDialog2 h2 h2 {
  float: left; }

.mss-widget .confirmDialog2 h2 button {
  float: right;
  margin-top: 0;
  margin-bottom: 0; }

.mss-widget .confirmDialog2 h2 {
  height: 70px; }

.mss-widget .confirmDialog2 .confirmDialog2-title {
  height: auto; }

.mss-widget .confirmDialog2 footer button {
  height: 50px !important;
  padding: 17px 32px !important;
  margin: 15px; }

.mss-widget .confirmDialog2 .md-btn:disabled {
  background-color: rgba(210, 211, 211, 0.2);
  color: #d2d3d3;
  box-shadow: none; }

.mss-widget .confirmDialog h2 h2 {
  float: left; }

.mss-widget .confirmDialog h2 button {
  float: right; }

.mss-widget .confirmDialog h2 {
  height: 70px; }

.mss-widget .confirmDialog footer button {
  margin: 15px; }

.mss-widget .confirmDialog .confirmDialog2-title {
  height: auto; }

.mss-widget .confirmDialog .md-btn:disabled {
  background-color: rgba(0, 0, 0, 0.54);
  box-shadow: none; }

.mss-widget .notificationDialog .form-input {
  display: inline-block;
  margin-right: 30px; }

.mss-widget #newNotificationDialog .md-menu--select-field {
  height: 78px; }

.mss-widget .notificationDialog .form-input-size--70 {
  width: 70px; }

.mss-widget .notificationDialog .form-input-size--100 {
  width: 100px; }

.mss-widget .notificationDialog .form-input-size--150 {
  width: 150px; }

.mss-widget .notificationDialog .form-input-size--180 {
  width: 180px; }

.mss-widget .notificationDialog .form-input-size--250 {
  width: 250px; }

.mss-widget .notificationDialog .form-input-size--290 {
  width: 290px; }

.mss-widget .notificationDialog .form-input-size--300 {
  width: 300px; }

.mss-widget .notificationDialog .form-input-size--400 {
  width: 400px; }

.mss-widget .notificationDialog .form-input-size--800 {
  width: 800px; }

.mss-widget .notificationDialog .form-input .md-icon-separator i {
  position: absolute;
  right: 0; }

.mss-widget .notificationDialog fieldset {
  padding: 0; }

.mss-widget .notificationDialog fieldset .md-selection-control-container {
  float: left;
  margin-right: 20px; }

.mss-widget .notificationDialog fieldset legend {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px; }

.mss-widget .notificationDialog fieldset label div {
  height: 22px;
  width: 22px;
  padding: 0;
  margin-right: 3px;
  min-width: 22px; }

.mss-widget .notificationDialog .md-floating-label--floating {
  font-size: 12px; }

.mss-widget .notificationDialog .md-text-field-message-container {
  font-size: 12px; }

.mss-widget .notificationDialog form .row {
  margin-top: 10px;
  margin-bottom: 10px; }

.mss-widget .notificationDialog .notificationCheckbox .md-selection-control-container {
  display: inline-block;
  top: -23px;
  position: relative; }

.mss-widget .notificationDialog .notificationCheckbox .md-selection-control-container label .md-btn {
  height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 10px 10px 10px 0; }

.mss-widget .notificationViewContainer {
  background-color: #F6F6F6;
  padding: 10px;
  margin-bottom: 20px; }

.mss-widget .notificationDialog section {
  max-height: 100% !important; }

.mss-widget .responsiveDatePickerDialog {
  z-index: 30 !important; }

.mss-widget .tokenView {
  width: 90%;
  display: inline-block;
  height: 40px;
  font-size: 14px;
  letter-spacing: 2px;
  margin-right: 10px;
  padding: 11px;
  background-color: #F6F6F6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.mss-widget .notificationDialog section .dateSelectionDiv {
  display: inline-block;
  position: relative;
  bottom: 22px; }

.mss-widget .ruleDeleteButton {
  position: fixed;
  height: 50px !important;
  padding: 15px 30px !important;
  margin: 20px 15px 15px 0;
  min-width: 50px;
  width: auto;
  border-radius: 30px;
  background-color: white;
  color: #ff3b30; }

.mss-widget .ruleDeleteButton:hover {
  background-color: #F3F3F3; }

.mss-widget .createTokenContainer .md-btn:disabled {
  background-color: rgba(210, 211, 211, 0.2); }

.mss-widget #showSurveyList .x-push-right {
  display: none; }

.mss-widget .md-grid.x-align-baseline {
  align-items: baseline !important; }

.mss-widget .x-img-responsive {
  max-width: 100%; }

.mss-widget a {
  color: #6E6F6F;
  display: inline-block;
  text-decoration: underline;
  transition: color 0.15s; }
  .mss-widget a:visited {
    color: RGB(#6E6F6F); }
  .mss-widget a:hover {
    color: rgba(0, 0, 0, 0.87);
    text-decoration: underline; }

.mss-widget .md-list {
  border-radius: 5px; }

.mss-widget .md-list--margin {
  margin-left: 10px;
  margin-right: 10px; }

.mss-widget .md-list-tile--no-padding .md-list-tile {
  padding-left: 24px !important; }

.mss-widget .md-list-tile--alt .md-list-tile--active {
  background: inherit; }

@media screen and (min-width: 320px) {
  .mss-widget .md-list-tile--alt-single-line .md-tile-text--primary {
    font-weight: 700; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list-tile--alt-single-line .md-tile-text--primary {
    font-weight: 700;
    float: left;
    width: 50%;
    padding-right: 10px; } }

@media screen and (min-width: 320px) {
  .mss-widget .md-list-tile--alt-single-line .md-list-tile--two-lines {
    height: 60px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list-tile--alt-single-line .md-list-tile--two-lines {
    height: 40px; } }

@media screen and (min-width: 320px) {
  .mss-widget .md-list-tile--alt-single-line .md-list-tile--two-lines {
    height: 60px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .md-list-tile--alt-single-line .md-list-tile--two-lines {
    height: 40px; } }

.mss-widget .md-list-tile--alt-single-line .md-list-tile--active {
  background: inherit; }

.mss-widget .md-list-item--subheader {
  font-weight: 700;
  background: #f8f8f8; }

.mss-widget .measuringPointDetailList li {
  height: 55px; }

.mss-widget .md-list--menu-tl {
  top: auto; }

.mss-widget .form-input .md-layover-child--simplified {
  position: fixed; }

.mss-widget .loading-overlay {
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 99; }
  .mss-widget .loading-overlay.show {
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    visibility: visible;
    opacity: 1; }
  .mss-widget .loading-overlay > .content {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    height: 100%;
    text-align: center; }

.mss-widget body {
  margin: 0;
  scroll-padding-top: 50px; }

.mss-widget input[type='search']::-webkit-search-decoration, .mss-widget input[type='search']::-webkit-search-cancel-button, .mss-widget input[type='search']::-webkit-search-results-button, .mss-widget input[type='search']::-webkit-search-results-decoration {
  display: none; }

.mss-widget .md-list-item > a {
  text-decoration: none; }

.mss-widget .drawer-logo {
  max-width: 80%;
  max-height: 150px;
  margin-bottom: 20px; }

.mss-widget .md-tabs.toolbar-tabs {
  bottom: 0;
  position: absolute;
  right: 0; }

.mss-widget .material-icons.dp48 {
  font-size: 48px;
  width: 48px;
  height: 48px; }

.mss-widget .md-tile-text--primary, .mss-widget .md-tile-text--secondary {
  font-size: 14px !important;
  font-weight: 300; }

.mss-widget .x-push-right {
  position: relative;
  float: right; }

.mss-widget .md-snackbar--toast.md-snackbar--action {
  max-width: 80%; }

.mss-widget .link {
  color: RGB(var(--md-primary-color));
  text-decoration: underline; }
  .mss-widget .link:hover {
    color: rgba(0, 0, 0, 0.87);
    text-decoration: underline;
    cursor: pointer; }

.mss-widget .md-snackbar {
  color: #FFFFFF;
  background: #333333 !important; }

.mss-widget .splashscreen {
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  left: 0; }

@media screen and (max-width: 600px) {
  .mss-widget .splashscreen {
    background-image: var(--splashscreen-background-image-mobil); } }

@media screen and (min-width: 600px) {
  .mss-widget .splashscreen {
    background-image: var(--splashscreen-background-image); } }

.mss-widget .logo {
  height: 70px;
  max-width: 80%;
  max-height: 150px;
  padding: 10px; }

.mss-widget .logo:after {
  content: " ";
  display: block;
  background-image: var(--logo-image);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 138%; }

@media screen and (min-width: 320px) {
  .mss-widget .x-text--btn--icon {
    display: inline-block;
    height: 40px;
    padding-top: 10px; } }

@media screen and (min-width: 1025px) {
  .mss-widget .x-text--btn--icon {
    display: inline-block;
    height: 40px;
    padding-top: 10px; } }

.mss-widget .divIcon {
  border-style: none;
  display: block;
  margin-left: 0px;
  margin-right: auto; }

.mss-widget .dsl-error-border-red {
  border: 3px solid #f00;
  padding-left: 5px;
  padding-right: 5px; }

.mss-widget .addMessage-pflichtfeld:after {
  content: 'Dies ist ein Pflichtfeld.';
  color: red; }

.mss-widget .text-center {
  margin: auto;
  text-align: center;
  font-weight: 700;
  color: #333333 !important; }

.mss-widget .stepper {
  border-top-style: solid;
  border-top-width: 1px;
  width: 100%;
  display: block;
  border-color: #6E6F6F;
  flex: 1 1 auto; }

.mss-widget .x-m-b-0 {
  margin-bottom: 0; }

.mss-widget .chart-center {
  margin: 0 auto; }

.mss-widget .sublocOverview-blue {
  background-color: #6B9ACE; }

.mss-widget .sublocOverview-green {
  background-color: #8dc201; }

.mss-widget .sublocOverview-yellow {
  background-color: #ffd800; }

.mss-widget .sublocOverview-orange {
  background-color: #e77013; }

.mss-widget .sublocOverview-red {
  background-color: #c80000; }

.mss-widget .sublocOverview-white {
  background-color: #FFFFFF; }

.mss-widget .sublocOverview-custom {
  background-color: #e0e0e0; }

.mss-widget .sublocOverview-darkCharcoal {
  background-color: #333333; }

.mss-widget .sublocOverviewHover:hover {
  background-color: #e0e0e0;
  transition-duration: 0.15s;
  transition-property: background;
  color: black !important; }

.mss-widget .dashboard-iconCard-icons {
  font-size: 90px !important; }

.mss-widget .sublocOverview {
  text-Align: center;
  padding-Top: 5%;
  padding-Bottom: 5%;
  color: #FFFFFF;
  min-height: 180px;
  height: calc(100% - 80px);
  display: flex;
  align-items: center; }

.mss-widget .sublocOverview > div {
  width: 100%; }

.mss-widget .axisOptionContainer {
  width: 50%;
  margin-right: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #D2D3D3;
  height: 80px; }

.mss-widget .axisOptionContainer div {
  display: inline-block;
  width: 43%; }

.mss-widget #diagramType-menu {
  height: 80px; }

.mss-widget .circle {
  fill: RGB(var(--md-primary-color));
  fill-opacity: 0.3; }

.mss-widget .pieChartMinimalSize {
  display: none; }

@media screen and (min-width: 600px) and (max-width: 850px) {
  .mss-widget .pieChartCustomizedLabel {
    font-size: 13px; }
  .mss-widget .recharts-pie-label-text {
    display: none; }
  .mss-widget .pieChartMinimalSize {
    display: inline-block; }
  .mss-widget .pieChartNormalSize {
    display: none; } }

.mss-widget .pieChartNormalSize .recharts-surface, .mss-widget .pieChartMinimalSize .recharts-surface {
  overflow: visible; }

.mss-widget .currentStateSliderVisualRightGreen {
  background-color: #8EC300;
  margin-left: auto; }

.mss-widget .currentStateSliderVisualLeftRed {
  background-color: #C70000;
  margin-right: auto; }

.mss-widget .currentStateSliderVisual {
  height: 60px;
  width: 70%;
  border-radius: 40px;
  padding-top: 5%; }

.mss-widget .currentStateSliderVisual span {
  color: white;
  font-weight: 800; }

.mss-widget .currentStateSliderVisualBackground {
  height: 60px;
  width: 310px;
  border-radius: 40px;
  background-color: #EBEBEB;
  margin: auto; }

.mss-widget .average-value i {
  font-size: 24px !important;
  position: relative;
  top: 3px; }

.mss-widget .average-value h1, .mss-widget .average-value h2 {
  margin: 0; }

.mss-widget .card-combined-subtitle div {
  width: initial;
  margin: initial; }

.mss-widget .dashboard-powerValue h1, .mss-widget .dashboard-powerValue i {
  color: RGB(var(--md-primary-color)) !important; }

.mss-widget .dashboard-powerValue i {
  font-size: 24px !important;
  position: relative;
  top: 4px; }

.mss-widget .dashboard-powerValue h3 {
  font-weight: 400; }

.mss-widget .dashboard-powerValue h1, .mss-widget .dashboard-powerValue h3 {
  margin: 0; }

.mss-widget .divValues-centered {
  align-items: center;
  display: flex; }

.mss-widget .infoPopoverWindow {
  padding: 10px;
  background-color: #717171;
  color: white;
  font-size: 12px;
  z-index: 10;
  position: fixed;
  width: 40%;
  min-width: 340px;
  border-radius: 3px; }

.mss-widget .gwaEditableBezContainer {
  float: left;
  margin-top: 10px; }

.mss-widget .gwaEditableBezContainer h3 {
  height: 30px;
  display: inline-block; }

.mss-widget .gwaEditableBezContainer button {
  display: inline-block;
  bottom: 16px;
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.25); }

.mss-widget .gwaEditableBezContainer button:hover {
  color: rgba(0, 0, 0, 0.54);
  transition: 0s linear; }

.mss-widget .editGwaBezDialog .md-paper {
  min-width: 330px;
  width: 25%; }

.mss-widget .markerClusterSmall {
  border-radius: 20px;
  font-size: 0.6vw;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase; }

.mss-widget .markerClusterMedium {
  border-radius: 40px;
  font-size: 0.6vw;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase; }

.mss-widget .markerClusterLarge {
  border-radius: 70px;
  font-size: 0.6vw;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase; }

.mss-widget .markerClusterLargeXL {
  border-radius: 70px;
  font-size: 0.6vw;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase; }

.mss-widget .markerClusterLabel {
  display: flex;
  justify-content: center;
  align-items: center; }

.mss-widget .md-title.md-title--persistent-offset > div {
  padding-left: 12px !important; }

.mss-widget .marker-cluster-small {
  background-color: #6B9ACE; }

.mss-widget .marker-cluster-small div {
  background-color: #6B9ACE; }

.mss-widget .marker-cluster-medium {
  background-color: #6B9ACE; }

.mss-widget .marker-cluster-medium div {
  background-color: #6B9ACE; }

.mss-widget .marker-cluster-large {
  background-color: #6B9ACE; }

.mss-widget .marker-cluster-large div {
  background-color: #6B9ACE; }

.mss-widget .leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.mss-widget .leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.mss-widget .leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.mss-widget .leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.mss-widget .leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.mss-widget .leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.mss-widget .marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.mss-widget .marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif; }

.mss-widget .marker-cluster span {
  line-height: 30px; }

.mss-widget .leaflet-cluster-anim .leaflet-marker-icon, .mss-widget .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform .3s ease-out,opacity .3s ease-in;
  -moz-transition: -moz-transform .3s ease-out,opacity .3s ease-in;
  -o-transition: -o-transform .3s ease-out,opacity .3s ease-in;
  transition: transform .3s ease-out,opacity .3s ease-in; }

.mss-widget .leaflet-cluster-spider-leg {
  -webkit-transition: -webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;
  -moz-transition: -moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;
  -o-transition: -o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;
  transition: stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in; }

@media screen and (max-width: 560px) {
  .mss-widget .rotateSmartphoneContainer {
    display: initial;
    margin: 10px; }
  .mss-widget .energyDataViewAnalysisContainer {
    display: none; } }

.mss-widget .screenRotation {
  animation-name: rotation;
  animation-duration: 4s;
  animation-iteration-count: infinite; }

@keyframes rotation {
  0% {
    transform: rotate(45deg); }
  50% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(45deg); } }

@media screen and (min-width: 561px) {
  .mss-widget .rotateSmartphoneContainer {
    display: none; }
  .mss-widget .energyDataViewAnalysisContainer {
    display: initial; } }

@media screen and (min-width: 0px) {
  .mss-widget h1 {
    font-size: 21px;
    line-height: 23px; }
  .mss-widget .datapick_mobil {
    display: inline-block; }
  .mss-widget .datapick_desktop {
    display: none; }
  .mss-widget .md-grid {
    padding: 0px; }
  .mss-widget .mobileToolbar {
    display: block; }
  .mss-widget .md-title--toolbar {
    margin-left: 0px; } }

@media screen and (min-width: 600px) {
  .mss-widget h1 {
    font-size: 24px;
    line-height: 36px; }
  .mss-widget .datapick_mobil {
    display: inline-block; }
  .mss-widget .datapick_desktop {
    display: none; }
  .mss-widget .md-grid {
    padding: 8px; }
  .mss-widget .md-title--toolbar {
    margin-left: 20px; }
  .mss-widget .switchOverviewMobil {
    display: none; }
  .mss-widget .switchOverviewStandard {
    display: initial; } }

@media screen and (min-width: 1200px) {
  .mss-widget .datapick_mobil {
    display: none; }
  .mss-widget .datapick_desktop {
    display: inline-block; } }

@media screen and (min-width: 1200px) {
  .mss-widget .mobileToolbar {
    display: none !important; }
  .mss-widget header .x-breadcrumbs {
    display: initial; } }

@media screen and (max-width: 600px) {
  .mss-widget .md-card-title {
    padding-top: 10px;
    padding-bottom: 10px; }
  .mss-widget .sublocOverviewLabel {
    font-size: 13px; }
  .mss-widget .switchOverviewMobil {
    display: initial; }
  .mss-widget .switchOverviewStandard {
    display: none; } }

@media screen and (max-width: 900px) {
  .mss-widget .sublocOverviewValue {
    font-size: 21px;
    line-height: 25px; } }

.mss-widget .select-field-greyBorder {
  border-width: 1px !important;
  border-style: solid;
  border-color: #D2D3D3 !important;
  width: 50%; }

.mss-widget .select-field-edv label {
  text-align: center;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 16px; }

.mss-widget .md-switch-thumb--on {
  background: RGB(var(--md-primary-color)); }

.mss-widget .md-selection-control-label {
  font-weight: 300; }

.mss-widget .x-slider--ind-none > .md-slider-track.md-slider-track--ind-left {
  margin-left: 1px !important; }

.mss-widget .table-column-border {
  border-left: 1px solid rgba(0, 0, 0, 0.12); }

.mss-widget .md-table-column--no-border {
  padding: 0; }
  .mss-widget .md-table-column--no-border .md-table-column:first-child {
    padding: 0;
    text-align: center; }

.mss-widget .md-table-column--header {
  height: 40px; }

.mss-widget .customTable tbody tr td:first-child, .mss-widget .customTable tr th:first-child {
  padding-left: 24px !important;
  padding-right: 0px !important; }

.mss-widget .customTable tr td, .mss-widget tr th {
  padding-left: 0px !important;
  padding-right: 24px !important; }

.mss-widget .customTable tr td:first-child div {
  text-align: left; }

.mss-widget .md-icon-text {
  width: auto;
  flex-grow: 0;
  max-width: 95%; }

.mss-widget .customTable th div {
  display: flex;
  float: right;
  width: auto; }

.mss-widget .customTable th:first-child div {
  display: flex;
  float: none; }

.mss-widget .table-button {
  border-radius: 40px;
  padding: 5px 20px;
  text-align: center;
  width: 30%;
  border-style: solid;
  border-width: 3px;
  font-weight: bold;
  white-space: nowrap; }

.mss-widget .table-button-big {
  border-radius: 200px;
  padding: 20px 60px;
  text-align: center;
  width: 30%;
  border-style: solid;
  border-width: 5px;
  font-weight: bold;
  white-space: nowrap; }

.mss-widget .table-button-circle {
  border-radius: 50px;
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  width: 30%;
  white-space: nowrap; }

.mss-widget .background-yellow {
  background: #E8B300; }

.mss-widget .background-red {
  background: #C70000; }

.mss-widget .background-green {
  background: #146A00; }

.mss-widget .background-green-light {
  background: #8EC300; }

.mss-widget .background-green-lighter {
  background: #D1F509; }

.mss-widget .background-middleyellow {
  background: #FFEC00;
  color: #333333; }

.mss-widget .background-orange {
  background: #E67012; }

.mss-widget .background-red {
  background: #C70000; }

.mss-widget .borderColour-yellow {
  border-color: #E8B300; }

.mss-widget .borderColour-red {
  border-color: #C70000; }

.mss-widget .borderColour-red-light {
  border-color: #C70000; }

.mss-widget .borderColour-green {
  border-color: #146A00; }

.mss-widget .borderColour-green-light {
  border-color: #8EC300; }

.mss-widget .borderColour-green-lighter {
  border-color: #D1F509; }

.mss-widget .borderColour-middleyellow {
  border-color: #FFEC00; }

.mss-widget .borderColour-orange {
  border-color: #E67012; }

.mss-widget .borderColour-red {
  border-color: #C70000; }

.mss-widget .borderColour-primary {
  border-color: RGB(var(--md-primary-color)); }

.mss-widget .borderColour-darkCharcoal {
  border-color: #333333; }

.mss-widget .borderColour-primary {
  border-color: #6B9ACE; }

.mss-widget body .md-table-row--active {
  background: #D2D3D3; }

@media (min-device-width: 1025px) {
  .mss-widget .x-table-striped > table > tbody tr.md-table-row--hover {
    background: #D2D3D3 !important; } }

.mss-widget .ruleTable td {
  padding-right: 24px; }

.mss-widget .ruleTable span:first-child {
  font-weight: 500; }

.mss-widget .ruleTable {
  word-break: break-all; }

.mss-widget .ruleTable .rule-text {
  align-items: center;
  display: flex; }

.mss-widget .ruleTable .rule-text i {
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 10px; }

.mss-widget .ruleTable .rule-text-blue {
  color: #6B9ACE; }

.mss-widget .ruleTable-desktop {
  display: none; }

@media screen and (min-width: 900px) {
  .mss-widget .ruleTable-desktop {
    display: block; }
  .mss-widget .ruleTable-mobil {
    display: none; } }

.mss-widget .notificationTable .notificationTable-container {
  align-items: center;
  display: flex;
  padding-bottom: 8px;
  padding-top: 8px; }

.mss-widget .notificationTable .notificationTable-text {
  padding-left: 24px; }

.mss-widget .notificationTable .notificationTable-text div:last-child {
  font-size: 14px;
  font-weight: 500; }

.mss-widget #undefined-pagination-menu-options {
  left: auto !important; }

.mss-widget .ruleTable tr td:last-child {
  text-align: right;
  width: 170px; }

.mss-widget .ruleTable tr td:last-child button {
  margin-right: 8px; }

.mss-widget .ruleTable tr td:last-child .md-switch-container {
  display: inline-flex;
  margin-right: 10px;
  margin-left: 10px; }

.mss-widget .ruleTable .deactivatedRule td {
  color: rgba(0, 0, 0, 0.3); }

.mss-widget .clickableTableRow:hover {
  cursor: pointer; }

.mss-widget .mss-horizontal {
  padding-left: 0 !important; }

.mss-widget .text-light {
  color: #6E6F6F; }

.mss-widget .text-orange {
  color: #E67012; }

.mss-widget .text-red {
  color: #C70000 !important; }

.mss-widget .text-green {
  color: #146A00 !important; }

.mss-widget .text-lightgray {
  color: #D2D3D3; }

.mss-widget .text-white {
  color: #FFFFFF; }

.mss-widget .text-primary {
  color: RGB(var(--md-primary-color)); }

.mss-widget .text-secondary {
  color: RGB(var(--md-secondary-color)); }

.mss-widget .font-lg {
  font-size: 17.5px; }

.mss-widget .font-xlg {
  font-size: 25.2px; }

.mss-widget .font-xxlg {
  font-size: 56px; }

.mss-widget .md-text--theme-primary {
  color: var(--md-highlight-text-color); }

.mss-widget .md-title--toolbar ~ .toolbar-tabs {
  left: 0; }

.mss-widget .md-title--permanent-offset ~ .toolbar-tabs,
.mss-widget .md-title--persistent-offset ~ .toolbar-tabs {
  left: 256px; }

.mss-widget .md-toolbar--action-right > button:disabled {
  opacity: .5;
  background: rgba(0, 0, 0, 0.1); }

.mss-widget .md-toolbar--prominent {
  height: 110px; }

.mss-widget .md-tab-indicator {
  background: white;
  height: 3px !important; }

.mss-widget .md-tab--inactive {
  color: rgba(255, 255, 255, 0.4); }

.mss-widget .mobileToolbar .md-cell div:first-child {
  padding: 0px !important; }

.mss-widget .mobileToolbar .x-breadcrumbs a, .mss-widget .mobileToolbar .md-grid div {
  color: #737373 !important;
  font-size: 13px !important;
  line-height: 18px; }

.mss-widget .mobileToolbar .md-grid i {
  font-size: 15px !important;
  height: initial !important;
  width: initial !important; }

.mss-widget .mobileToolbar span {
  margin-left: 2px !important;
  margin-right: 2px !important;
  top: 4px !important; }

.mss-widget .md-toolbar {
  height: 64px; }

.mss-widget .md-toolbar--prominent {
  height: 110px; }

.mss-widget svg.md-icon {
  height: 20px;
  width: 20px; }

@media screen and (max-width: 1200px) {
  .mss-widget .md-toolbar {
    height: 56px; }
  .mss-widget .md-toolbar--prominent {
    height: 110px; }
  .mss-widget .md-btn--toolbar {
    margin-bottom: 8px;
    margin-top: 8px;
    margin-left: 12px; }
  .mss-widget .md-title--toolbar {
    line-height: 64px; }
  .mss-widget svg.md-icon {
    height: 24px;
    width: 24px; }
  .mss-widget .md-toolbar-relative {
    margin-top: 56px; } }

@media screen and (max-width: 600px) {
  .mss-widget .md-toolbar {
    height: 48px; }
  .mss-widget .md-btn--toolbar {
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 4px; }
  .mss-widget .md-title--toolbar {
    line-height: 56px; }
  .mss-widget .md-toolbar-relative {
    margin-top: 48px;
    margin-bottom: 56px; }
  .mss-widget .md-toolbar--prominent {
    height: 110px; } }

.mss-widget .md-drawer-item--active {
  background-color: RGB(var(--md-primary-color));
  border-left: solid 4px RGB(var(--md-secondary-color)); }

.mss-widget .md-drawer-item--active div {
  color: RGB(var(--md-primary-background-text-color)); }

.mss-widget .x-toolbar-search--background {
  background-color: #fff; }
  .mss-widget .x-toolbar-search--background ul.md-tabs.toolbar-tabs li {
    color: #737373; }
    .mss-widget .x-toolbar-search--background ul.md-tabs.toolbar-tabs li.md-tab--active {
      color: #000; }

.mss-widget .x-toolbar-search--container {
  width: 100%; }
  .mss-widget .x-toolbar-search--container > div {
    display: flex;
    flex-direction: row; }

@media (min-device-width: 768px) {
  .mss-widget .x-toolbar-search--input {
    height: 64px !important; } }

@media (min-device-width: 320px) and (max-device-width: 768px) {
  .mss-widget .x-toolbar-search--input {
    height: 56px !important; } }

.mss-widget .x-toolbar-search--input > ul li.md-list-item {
  line-height: 1.42857; }

.mss-widget .x-toolbar-search--close-btn {
  height: 48px;
  width: 48px;
  padding: 12px; }
  .mss-widget .x-toolbar-search--close-btn:hover {
    box-shadow: none; }
  @media (min-device-width: 768px) {
    .mss-widget .x-toolbar-search--close-btn {
      margin-top: 8px; } }
  @media (min-device-width: 320px) and (max-device-width: 768px) {
    .mss-widget .x-toolbar-search--close-btn {
      margin-top: 4px; } }

.mss-widget .x-fade-enter {
  opacity: .01; }
  .mss-widget .x-fade-enter.x-fade-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in; }

.mss-widget .x-fade-leave {
  opacity: 1; }
  .mss-widget .x-fade-leave.x-fade-leave-active {
    opacity: .01;
    transition: opacity 300ms ease-in; }

.mss-widget .x-slide-top-fade-enter {
  opacity: .01;
  transform: translate3d(0, -32px, 0); }
  .mss-widget .x-slide-top-fade-enter.x-slide-top-fade-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: .3s;
    transition-property: transform, opacity; }

.mss-widget .progress-bar {
  background: none;
  position: unset;
  padding-left: 26px !important;
  display: flow-root;
  padding-top: 10px; }

.mss-widget .progress-bar__item {
  flex-direction: unset;
  flex-grow: unset;
  display: flex;
  color: black;
  justify-content: flex-start;
  padding: 0px;
  max-width: unset;
  min-width: unset;
  float: left;
  height: 30px; }

.mss-widget .progress-bar__icon--arrow {
  color: lightgray;
  float: left;
  padding-left: 4px;
  padding-right: 2px; }

.mss-widget .progress-bar__icon--done {
  margin: 0px;
  padding-right: 1px;
  color: #6B9ACE; }

.mss-widget .progress-bar__text {
  float: left;
  color: lightgray;
  padding-top: 4px; }

.mss-widget .progress-bar__text--done {
  color: black; }

.mss-widget .progress-bar__text--active {
  color: black;
  font-weight: bold; }

.mss-widget .progress-bar .md-tab-indicator {
  display: none; }

.mss-widget .file-inputs__upload-card {
  align-self: flex-start;
  margin: 8px;
  max-width: 320px;
  position: relative;
  width: 100%; }
  .mss-widget .file-inputs__upload-card--application.md-card {
    background: #303030; }
  .mss-widget .file-inputs__upload-card__remove.md-btn {
    background: rgba(0, 0, 0, 0.54);
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
  .mss-widget .file-inputs__upload-card__dummy-file.md-icon {
    left: 50%;
    position: absolute;
    top: 25%;
    transform: translateX(-50%); }
  .mss-widget .file-inputs__upload-card .markdown-container {
    max-height: 180px;
    overflow: auto; }

.mss-widget .svgIcon-inline {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.mss-widget .svgIcon-pdf {
  background-image: url(/mss/img/659f0a1ff187893c4305361aae60edfc.svg); }

.mss-widget .svgIcon-jpg, .mss-widget .svgIcon-jpeg {
  background-image: url(/mss/img/aa9352cce801dd472da75a274080e5d7.svg); }

.mss-widget .svgIcon-png {
  background-image: url(/mss/img/3ac0dd692298f320bf25b0bf718442bf.svg); }

.mss-widget .svgIcon-svg {
  background-image: url(/mss/img/72ca5afb56317325cbb8c09eddd4205b.svg); }

.mss-widget .svgIcon-more {
  background-image: url(/mss/img/5b83ef3f21b1b869c5bfe4811df3579a.svg); }

.mss-widget main.mss-mainContent > div {
  padding-top: var(--mssNavContentTopPadding); }

.mss-widget main.mss-microsite-mainContent.mss-mainContent {
  margin-top: 48px; }

@media screen and (max-width: 800px) {
  .mss-widget main.mss-mainContent > div {
    padding-top: var(--mssNavMainHeight); } }

.mss-widget main > section,
.mss-widget main > div > section {
  margin-bottom: 6px;
  scroll-margin-top: 75px; }

.mss-widget main > section:last-child,
.mss-widget main > div:last-child {
  margin-bottom: 0; }

.mss-widget .mss-section-gray {
  background-color: #EDEEEF; }

.mss-widget .mss-section-invader {
  margin-bottom: 0; }

.mss-widget .mss-footer {
  background-color: RGB(var(--md-secondary2-color));
  margin-top: 6px; }
  .mss-widget .mss-footer li p,
  .mss-widget .mss-footer li h3,
  .mss-widget .mss-footer p {
    color: RGB(var(--md-secondary2-background-text-color)) !important; }
  .mss-widget .mss-footer li p:hover {
    cursor: pointer !important; }
  .mss-widget .mss-footer li .mss-noHoverPointer:hover {
    cursor: default !important; }
  .mss-widget .mss-footer #mss-footerLiItemInfo li p:hover {
    cursor: pointer !important; }
  .mss-widget .mss-footer li .p2, .mss-widget .mss-footer .p2 {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300; }
  .mss-widget .mss-footer a {
    text-decoration: none; }
  .mss-widget .mss-footer p > a {
    color: RGB(var(--md-secondary2-background-text-color)); }

@media screen and (max-width: 800px) {
  .mss-widget .mss-footer li .p2, .mss-widget .mss-footer .p2 {
    line-height: 1.8; }
  .mss-widget .mss-footer > div:first-child {
    height: auto; } }

.mss-widget .mss-footer .mss-sectionWrapSpaceAround {
  display: flex;
  justify-content: space-between; }

.mss-widget main > section .mss-sectionWrap,
.mss-widget main > div > section .mss-sectionWrap {
  max-width: 1200px;
  margin: auto;
  height: auto;
  padding: 70px 15px 70px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-sectionWrap,
  .mss-widget .mss-sectionWrap {
    padding-left: 3%;
    padding-right: 3%; }
  .mss-widget .mss-orderContainer .mss-sectionWrap,
  .mss-widget .mss-orderContainer .mss-sectionWrap {
    padding-left: 0;
    padding-right: 0; }
  .mss-widget main > section .mss-headerSlider .mss-sectionWrap,
  .mss-widget main > div > section .mss-headerSlider .mss-sectionWrap {
    height: 100%;
    align-items: normal;
    padding-top: 30px;
    padding-bottom: 0; }
  .mss-widget main > section .mss-sectionWrap .mss-textRows2,
  .mss-widget main > div > section .mss-sectionWrap .mss-textRows2 {
    column-count: 1;
    column-gap: 4%; }
    .mss-widget main > section .mss-sectionWrap .mss-textRows2 > ul,
    .mss-widget main > div > section .mss-sectionWrap .mss-textRows2 > ul {
      break-before: unset !important; }
  .mss-widget main > .mss-internetTelefonieHeader .mss-sectionWrap-verticalCentered {
    padding-top: 10px; }
  .mss-widget .mss-internetTelefonieHeader {
    padding-top: 30px; } }

.mss-widget .mss-footer .mss-sectionWrap {
  max-width: 1200px;
  margin: auto;
  height: 100%;
  padding: 40px 15px; }

.mss-widget main > section .mss-sectionWrap-verticalCentered,
.mss-widget main > div > section .mss-sectionWrap-verticalCentered {
  display: flex;
  align-items: center; }

.mss-widget .mss-sectionWrap-quote {
  height: 100% !important; }
  .mss-widget .mss-sectionWrap-quote i {
    font-size: 210px !important; }
  .mss-widget .mss-sectionWrap-quote > div:first-child {
    top: -110px;
    position: relative; }
  .mss-widget .mss-sectionWrap-quote > div:last-child {
    bottom: -110px;
    position: relative;
    text-align: right; }

@media screen and (max-width: 700px) {
  .mss-widget .mss-sectionWrap-quote > div:first-child {
    top: 0; }
  .mss-widget .mss-sectionWrap-quote > div:last-child {
    bottom: 0; } }

.mss-widget main > section > .mss-sectionWrap-horizontalCentered, .mss-widget .mss-footer > .mss-sectionWrap-horizontalCentered, .mss-widget main > div > section > .mss-sectionWrap-horizontalCentered, .mss-widget .mss-footer > .mss-sectionWrap-horizontalCentered {
  text-align: center; }

.mss-widget main .mss-invader-big {
  background-color: #ececec;
  height: auto;
  border-radius: var(--mssCornerShapeRadius);
  clip-path: var(--mssCornerShapePolygon);
  top: -90px;
  position: relative;
  padding: 30px;
  scroll-margin-top: 75px; }

.mss-widget main .mss-invader-inline {
  top: 0;
  margin: 0 65px; }

.mss-widget .mss-orderContainer .mss-invader-big {
  top: 0; }

.mss-widget .mss-orderContainer {
  z-index: 10000 !important; }

.mss-widget .mss-section-invader {
  margin-bottom: -90px; }

.mss-widget .mss-section-invader > div {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px 0; }

.mss-widget .mss-productFinder {
  text-align: center; }

@media screen and (max-width: 850px) {
  .mss-widget main .mss-invader-big {
    top: -10vw;
    padding: 20px; }
  .mss-widget .mss-section-invader {
    margin-bottom: -10vw; } }

@media screen and (max-width: 400px) {
  .mss-widget main .mss-invader-big {
    padding: 12px; } }

@media screen and (max-width: 1250px) {
  .mss-widget .mss-section-invader > div {
    padding: 0 65px 0; }
  .mss-widget .mss-headerSlider .mss-sectionWrap {
    padding: 70px 65px 70px; } }

.mss-widget main .mss-invader-small {
  max-width: 540px;
  background-color: RGBA(var(--md-primary-color), 0.9);
  padding: 30px;
  border-radius: var(--mssCornerShapeRadius);
  clip-path: var(--mssCornerShapePolygon); }

.mss-widget main .mss-invader-small h1, .mss-widget main .mss-invader-small h3 {
  color: RGB(var(--md-primary-background-text-color)) !important;
  width: 100% !important; }

.mss-widget main .mss-invader-small-mobil {
  background-color: RGB(var(--md-primary-color));
  max-width: 94%;
  margin: 3%;
  display: none;
  width: 100%;
  padding: 20px; }

.mss-widget .mss-invader-small-desktop {
  display: inline-block; }

@media screen and (max-width: 850px) {
  .mss-widget main .mss-invader-small-desktop {
    display: none; }
  .mss-widget main .mss-invader-small-mobil {
    display: inline-block; }
  .mss-widget .mss-section-invader > div {
    padding: 0 3% 0; }
  .mss-widget main .mss-invader-inline {
    top: 0;
    margin: 0 3%; } }

@media screen and (max-width: 400px) {
  .mss-widget main .mss-invader-small-mobil {
    padding: 12px; } }

.mss-widget main .mss-bigInvaderWrap {
  text-align: center !important;
  width: 100%;
  margin: 0 !important;
  max-width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important; }

.mss-widget main .mss-bigInvaderWrap h2,
.mss-widget main .mss-bigInvaderWrap h3 {
  text-align: center; }

@media screen and (max-width: 800px) {
  .mss-widget main .mss-invader-big {
    border-radius: var(--mssCornerShapeRadiusMobil);
    clip-path: var(--mssCornerShapePolygonMobil); }
  .mss-widget main .mss-bigInvaderWrap {
    padding-left: 3% !important;
    padding-right: 3% !important; } }

/*********************  Footer  ********************************/
.mss-widget .mss-footer .mss-invader-footer1 {
  background-color: RGB(var(--md-primary-color));
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 50%;
  border-radius: var(--mssCornerShapeRadius);
  clip-path: var(--mssCornerShapePolygon);
  display: inline-flex;
  padding-left: calc(calc(100vw - 1200px) / 2);
  align-items: center; }

.mss-widget .mss-invader-footer1 ul > li {
  margin-right: 25px;
  min-width: 220px;
  display: inline-block;
  vertical-align: top; }

.mss-widget .mss-footer .mss-invader-footer2 {
  background-color: #ECECEC;
  height: 85px;
  width: 30%;
  max-width: 500px;
  min-width: 380px;
  border-radius: 0 0 40px 0;
  display: inline-flex;
  position: absolute;
  padding-left: 15px; }

.mss-widget .mss-footer .mss-invader-footer1 p {
  display: flex;
  align-items: center;
  color: #2F2D30;
  margin: 0; }

.mss-widget .mss-footer .mss-invader-footer2 h3 {
  display: flex;
  align-items: flex-end;
  margin: 0;
  padding-bottom: 20px; }

.mss-widget .mss-footer .mss-invader-footer1 > div {
  margin-left: 15px; }

.mss-widget .mss-footer .mss-sectionWrapCopyright {
  padding: 0 0 15px;
  text-align: center; }

.mss-widget .mss-footer .mss-sectionWrapCopyright > p {
  text-align: center; }

.mss-widget .mss-footer .mss-mobile_dropableFooter .svgIcon {
  display: none; }

@media screen and (min-width: 801px) {
  .mss-widget .mss-footer.mss-footer-microsite li.mss-mobile_dropableFooter > div:first-child {
    display: none; }
  .mss-widget .mss-footer.mss-footer-microsite .mss-sectionWrap > div {
    width: 100%;
    text-align: center; }
  .mss-widget .mss-footer.mss-footer-microsite li {
    display: inline-block;
    margin: 0 10px; } }

@media screen and (max-width: 800px) {
  .mss-widget .mss-footer .mss-invader-footer1 {
    width: 100%;
    border-radius: var(--mssCornerShapeRadiusMobil);
    clip-path: var(--mssCornerShapePolygonMobil); }
  .mss-widget .mss-footer .mss-invader-footer2 {
    max-width: 380px;
    width: 100%;
    min-width: unset;
    height: 285px;
    position: initial; }
  .mss-widget .mss-footer .mss-sectionWrap {
    display: block;
    padding-left: 0;
    padding-right: 0; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #70707047; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter > div > div:last-child {
    flex-grow: 4;
    text-align: right; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter > div > div:first-child {
    display: flex;
    align-items: center; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter > div {
    display: flex; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter ul {
    overflow: hidden;
    transition: all 500ms ease; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter2 ul {
    height: calc(2 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter3 ul {
    height: calc(3 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter4 ul {
    height: calc(4 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter5 ul {
    height: calc(5 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter6 ul {
    height: calc(6 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter7 ul {
    height: calc(7 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter8 ul {
    height: calc(8 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter9 ul {
    height: calc(9 * 35px); }
  .mss-widget .mss-footer .mss-mobile_dropableFooter-invisible ul {
    height: 0;
    overflow: hidden;
    transition: all 500ms ease; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter .svgIcon {
    display: inline-block;
    filter: brightness(1);
    transform: scaleY(1);
    transition: transform 400ms ease; }
  .mss-widget .mss-footer .mss-mobile_dropableFooter-invisible .svgIcon {
    display: inline-block;
    filter: brightness(1);
    transform: scaleY(-1);
    transition: transform 400ms ease; } }

.mss-widget .mss-imageSection {
  display: flex; }

.mss-widget .mss-imageSection > div {
  height: 400px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-imageSection > div {
    height: 200px;
    width: 100% !important; }
  .mss-widget .mss-imageSection > div > div {
    height: 200px !important; }
  .mss-widget .mss-imageSection > .mss-imageSectionMargin > div {
    margin: 0 !important;
    height: 200px; }
  .mss-widget .mss-imageSection {
    display: block; } }

.mss-widget .mss-imageSection > div > div {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.mss-widget .mss-imageSection > .mss-imageSectionMargin:first-child > div {
  margin-right: 3px; }

.mss-widget .mss-imageSection > .mss-imageSectionMargin:last-child > div {
  margin-left: 3px; }

.mss-widget .mss-section .mss-sectionFAQ {
  text-align: left;
  margin-top: 50px; }

.mss-widget .mss-section .accordion > div > div:first-child > p {
  font-weight: 600; }

.mss-widget .mss-section .accordion > div > div:last-child {
  margin-left: 20px;
  margin-right: 20px; }

.mss-widget .mss-section .accordion > div {
  border-top: 1px solid #b9b9b9;
  padding: 12px; }

.mss-widget .mss-section .accordion p {
  display: inline-table; }

.mss-widget .mss-section .accordion > div:last-child {
  border-bottom: 1px solid #4e4e4e63; }

.mss-widget .accordion > div > div:first-child:after {
  content: '';
  float: right;
  background-image: url(/mss/img/15d7dfdbc332ff44d172655dc4b9f33f.svg);
  filter: brightness(0.2);
  width: 25px;
  height: 25px;
  transform: scaleY(1) !important;
  transition: transform 400ms ease !important; }

.mss-widget .accordion .mss-accordionText {
  width: 100%; }

.mss-widget .accordion .mss-accordionAdditions {
  text-align: left;
  column-count: 2; }

@media screen and (max-width: 800px) {
  .mss-widget .accordion .mss-accordionAdditions {
    column-count: 1; } }

.mss-widget .accordion > div.open > div:first-child:after {
  transform: scaleY(-1) !important;
  transition: transform 400ms ease !important; }

.mss-widget .mss-breadcrumbs {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.mss-widget .mss-breadcrumbs > p {
  position: absolute;
  z-index: 1;
  padding-top: 80px; }

.mss-widget .mss-breadcrumbs p > span:first-child:before {
  content: '';
  background-image: url(/mss/img/89a869165f20dec4bc968d97756dcddd.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 3px;
  filter: brightness(0.6); }

.mss-widget .mss-breadcrumbs p > span > span {
  margin-left: 8px;
  margin-right: 8px; }

.mss-widget .mss-breadcrumbs > p > span:first-child {
  cursor: pointer; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-breadcrumbs {
    display: none !important; } }

.mss-widget .mss-headerSlider .mss-slider {
  padding-top: 60px; }

@media screen and (min-width: 600px) {
  .mss-widget .mss-headerSlider .mss-slider .mss-h3, .mss-widget .mss-headerSlider .mss-slider h2 {
    width: 60% !important; } }

@media screen and (min-width: 1200px) {
  .mss-widget .mss-headerSlider .mss-slider .mss-h3, .mss-widget .mss-headerSlider .mss-slider h2 {
    width: 50% !important; } }

.mss-widget .mss-headerSection {
  background-color: white; }

.mss-widget .mss-headerSection .mss-headerContainer {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }

.mss-widget .mss-mainContent .mss-contentRows-container,
.mss-widget .mss-2rows-container .mss-2rows-content {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 20px 0; }
  .mss-widget .mss-mainContent .mss-contentRows-container .mss-img,
  .mss-widget .mss-2rows-container .mss-2rows-content .mss-img {
    margin: 0; }
  .mss-widget .mss-mainContent .mss-contentRows-container .mss-textRows1,
  .mss-widget .mss-2rows-container .mss-2rows-content .mss-textRows1 {
    margin: 0; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-mainContent .mss-contentRows-container,
  .mss-widget .mss-2rows-container .mss-2rows-content {
    width: 100%;
    display: inline-block; } }

.mss-widget .mss-mainContent h1, .mss-widget .mss-mainContent h2, .mss-widget .mss-mainContent h3, .mss-widget .mss-mainContent p, .mss-widget .mss-mainContent .p2, .mss-widget h1, .mss-widget h2, .mss-widget h3, .mss-widget p, .mss-widget .p2 {
  color: RGB(var(--mss-font-mainColor)) !important; }

.mss-widget .mss-slider ul > li {
  list-style-type: none;
  padding-left: 29px;
  margin-left: -39px;
  background-image: var(--msscheckicon-primaryBackgroundColor);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: var(--mss-p-lineHeight); }

.mss-widget .mss-slider ul > li > p {
  margin: 0; }

.mss-widget .mss-mainContent .mss-textRows2 > ul > li {
  list-style-type: none;
  padding-left: 29px;
  margin-left: -39px;
  background-image: var(--msscheckicon-secondaryColor);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: var(--mss-p-lineHeight);
  orphans: 3;
  widows: 3; }

.mss-widget .mss-mainContent .accordion ul > li {
  list-style-type: none;
  padding-left: 29px;
  margin-left: -39px;
  background-image: var(--msscheckicon-secondaryColor);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left; }

.mss-widget .accordion p {
  text-align: left;
  width: calc(100% - 25px); }

.mss-widget .mss-mainContent .mss-textRows1 > ul > li {
  list-style-type: none;
  padding-left: 29px;
  background-image: var(--msscheckicon-secondaryColor);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 12px;
  margin-right: 12px;
  display: inline-block; }

.mss-widget .mss-mainContent .mss-textRows1 > ul {
  text-align: center; }

.mss-widget .mss-mainContent .mss-text-list li p {
  line-height: 1.1; }

.mss-widget h1 {
  cursor: default;
  font-size: var(--mss-h1-size);
  line-height: var(--mss-h1-lineHeight);
  font-weight: var(--mss-h1-fontWeight);
  font-style: var(--mss-h1-fontStyle);
  margin-bottom: 18px; }

.mss-widget h2 {
  cursor: default;
  font-size: var(--mss-h2-size);
  line-height: var(--mss-h2-lineHeight);
  font-weight: var(--mss-h2-fontWeight);
  font-style: var(--mss-h2-fontStyle); }

.mss-widget h3 {
  cursor: default;
  margin-bottom: 20px;
  white-space: unset;
  font-size: var(--mss-h3-size);
  line-height: var(--mss-h3-lineHeight);
  font-weight: var(--mss-h3-fontWeight);
  font-style: var(--mss-h3-fontStyle);
  letter-spacing: 0; }

.mss-widget p {
  cursor: default;
  font-size: var(--mss-p-size);
  line-height: var(--mss-p-lineHeight);
  font-weight: var(--mss-p-fontWeight);
  font-style: var(--mss-p-fontStyle);
  max-width: unset !important; }

.mss-widget .p2 {
  cursor: default;
  font-size: var(--mss-p2-size);
  line-height: var(--mss-p2-lineHeight);
  font-weight: var(--mss-p2-fontWeight);
  font-style: var(--mss-p2-fontStyle); }

.mss-widget .mss-customerNavigation .md-tab-label {
  font-weight: 400;
  font-size: 12.45px;
  text-transform: none; }

.mss-widget .mss-mainNavigation .md-tab-label {
  font-weight: 300;
  font-size: 16px;
  text-transform: none; }

.mss-widget .mss-filled-btn, .mss-widget button.mss-filled-btn:focus {
  background-color: RGB(var(--md-secondary-color));
  font-weight: 600;
  box-shadow: initial;
  border-radius: var(--mssCornerShapeRadiusButton);
  margin: 5px !important;
  color: RGB(var(--md-secondary-background-text-color));
  font-size: var(--mss-p-size);
  cursor: pointer;
  transition: all 200ms ease;
  min-height: 38px;
  height: auto;
  padding: 8px 15px;
  line-height: 1.4;
  display: inline-block; }
  .mss-widget .mss-filled-btn > a, .mss-widget .mss-filled-btn > a:hover, .mss-widget .mss-filled-btn > a:focus, .mss-widget button.mss-filled-btn:focus > a, .mss-widget button.mss-filled-btn:focus > a:hover, .mss-widget button.mss-filled-btn:focus > a:focus {
    color: RGB(var(--md-secondary-background-text-color));
    text-decoration: unset; }

.mss-widget .mss-filled-btn:hover {
  background-color: var(--md-secondary-color-dark);
  transition: all 200ms ease; }

.mss-widget .mss-filled-btn-primary,
.mss-widget .mss-filled-btn-primary:hover,
.mss-widget button.mss-filled-btn-primary:focus {
  background-color: RGB(var(--md-primary-color));
  color: RGB(var(--md-primary-background-text-color)); }

.mss-widget .mss-filled-btn-primary:hover {
  background-color: var(--md-primary-color-dark);
  transition: all 200ms ease; }

.mss-widget .mss-orderProduct-btn {
  width: 100%;
  margin-top: 15px; }

.mss-widget .mss-orderProduct-addBtn, .mss-widget .mss-orderProduct-removeBtn {
  width: 42px;
  height: 42px !important;
  padding: 10px !important;
  background-color: RGB(var(--md-primary-color));
  border-radius: 20px;
  cursor: pointer;
  margin: 5px; }
  .mss-widget .mss-orderProduct-addBtn > i, .mss-widget .mss-orderProduct-removeBtn > i {
    color: RGB(var(--md-primary-background-text-color)); }

.mss-widget .md-orderProduct-quantity-counter {
  display: inline-block;
  border: 1px solid #cacaca;
  border-radius: var(--mssCornerShapeRadiusButton);
  height: 42px;
  margin: 5px;
  padding: 7px 24px;
  width: calc(100% - 114px);
  text-align: center; }

.mss-widget .mss-orderProduct-removeBtn-disabled,
.mss-widget .mss-orderProduct-removeBtn-disabled:hover {
  background-color: lightgray;
  cursor: default; }
  .mss-widget .mss-orderProduct-removeBtn-disabled i,
  .mss-widget .mss-orderProduct-removeBtn-disabled:hover i {
    background-color: lightgray;
    color: white; }

.mss-widget .mss-filled-btn-primary.mss-orderProduct-btn:hover,
.mss-widget .mss-filled-btn-primary.mss-orderProduct-btn:focus {
  background-color: RGB(var(--md-primary-color)); }

.mss-widget .mss-unfilled-btn {
  color: RGB(var(--md-secondary-color)) !important;
  display: inline-block;
  margin: 5px;
  border: 2px solid RGB(var(--md-secondary-color));
  border-radius: var(--mssCornerShapeRadiusButton);
  min-height: 38px;
  height: auto;
  padding: 6px 15px;
  background-color: unset;
  transition: all 200ms ease;
  cursor: pointer;
  line-height: 1.4;
  font-size: var(--mss-p-size);
  font-weight: 600; }

.mss-widget .mss-unfilled-btn > a {
  color: inherit;
  text-decoration: inherit;
  transition: none; }

.mss-widget .mss-unfilled-btn-primary, .mss-widget .mss-unfilled-btn-primary:hover {
  color: RGB(var(--md-primary-background-text-color)) !important;
  border: 2px solid RGB(var(--md-secondary-background-text-color));
  background: RGB(var(--md-primary-color)); }

.mss-widget .mss-unfilled-btn:hover {
  border: 2px solid RGB(var(--md-secondary-color));
  background-color: RGB(var(--md-secondary-color));
  color: RGB(var(--md-secondary-background-text-color)) !important;
  transition: all 200ms ease; }

.mss-widget .mss-unfilled-btn-primary:hover {
  color: RGB(var(--md-primary-background-text-color)) !important;
  border: 2px solid RGB(var(--md-secondary-background-text-color));
  background: var(--md-primary-color-dark); }

.mss-widget .mss-link-button-primary {
  color: RGB(var(--md-primary-background-text-color)) !important; }
  .mss-widget .mss-link-button-primary > div {
    font-weight: 600; }

.mss-widget .mss-link-button-secondary {
  color: RGB(var(--md-secondary-background-text-color)) !important; }
  .mss-widget .mss-link-button-secondary > div {
    font-weight: 600; }

.mss-widget .mss-link-button-primary:hover, .mss-widget .mss-link-button-secondary:hover {
  text-decoration: none; }

.mss-widget .mss-link-left {
  margin-left: 0; }

.mss-widget .mss-link-centered {
  margin: 0 15px 15px; }

.mss-widget .mss-mainContent .mss-textRows2 {
  column-count: 2;
  column-gap: 40px;
  max-width: 1200px;
  text-align: left;
  margin: 35px auto 25px auto;
  orphans: 3;
  widows: 3; }
  .mss-widget .mss-mainContent .mss-textRows2 > img {
    max-width: 100%; }

.mss-widget .mss-mainContent .mss-textRows1 {
  column-count: 1;
  column-gap: 4%;
  max-width: 1200px;
  text-align: justify;
  margin: 35px auto 25px auto; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-mainContent h1 {
    font-size: var(--mss-h1-size-mobil); }
  .mss-widget .mss-mainContent h2 {
    font-size: var(--mss-h2-size-mobil); }
  .mss-widget .mss-mainContent h3, .mss-widget .mss-footer h3 {
    font-size: var(--mss-h3-size-mobil); }
  .mss-widget .mss-mainContent p, .mss-widget .mss-footer p {
    font-size: var(--mss-p-size-mobil); }
  .mss-widget .mss-mainContent .p2, .mss-widget .mss-footer .p2 {
    font-size: var(--mss-p2-size-mobil); } }

.mss-widget .mss-breadcrumbs > p {
  color: #8e8e8e !important;
  font-size: 14px;
  font-weight: 300; }

.mss-widget .mss-breadcrumbs > p > span:first-child {
  font-weight: 500; }

.mss-widget .mss-textRows2 > ul {
  margin: 0; }

.mss-widget .mss-textRows2 > ol > li {
  margin-bottom: var(--mss-p-lineHeight); }

.mss-widget .mss-textRows2 > ol {
  padding-left: 22px;
  margin: 0; }

.mss-widget .mss-customLi {
  padding: 0; }

.mss-widget .mss-customLi > li {
  background-image: none !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  margin-left: 4% !important;
  margin-right: 4% !important; }

.mss-widget .mss-customLi > li > p > img {
  height: 40px;
  padding-right: 5px;
  padding-left: 5px; }

.mss-widget .mss-customLi > li > p > span {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  text-align: left; }

.mss-widget .mss-horizontal > li > p {
  font-weight: bold;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1.2; }

.mss-widget .mss-horizontal > li {
  margin-bottom: 10px; }

.mss-widget .mss-contactSidebar p {
  font-weight: 300; }

.mss-widget .mss-p2-noteText {
  line-height: 1.1;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left; }
  .mss-widget .mss-p2-noteText table {
    border-spacing: 0px; }
    .mss-widget .mss-p2-noteText table td {
      border: 1px solid #dfdfdf;
      padding: 5px; }

.mss-widget .mss-section-slider .mss-slider h1,
.mss-widget .mss-section-slider .mss-slider h2,
.mss-widget .mss-section-slider .mss-slider p,
.mss-widget .mss-invader-footer1 > div > h3,
.mss-widget .mss-invader-footer1 > div > p {
  color: RGB(var(--md-primary-background-text-color)) !important; }

.mss-widget main.mss-mainContent {
  min-height: 100vh;
  overflow-x: hidden; }

.mss-widget p.mss-productOverview-onlineName {
  margin: auto;
  color: RGB(var(--md-primary-background-text-color)) !important;
  font-weight: 600;
  line-height: 1; }
  .mss-widget p.mss-productOverview-onlineName > span {
    font-size: var(--mss-p-size); }

.mss-widget .p2.mssProducts-subline {
  color: #7d7d7d !important;
  text-align: left; }

.mss-widget .mss-text-link {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  width: auto !important; }

.mss-widget .mss-productFinder-questionContainer h3 {
  white-space: normal; }

.mss-widget .mss-slider {
  background-blend-mode: normal;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  width: 100%;
  background-position: right; }

.mss-widget .mss-slider > div {
  width: 100%; }

.mss-widget .mss-headerSlider {
  background-blend-mode: normal;
  background-size: cover;
  height: 500px;
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-repeat: repeat-y;
  background-color: white; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-headerSlider {
    height: 400px; } }

@media screen and (max-width: 850px) {
  .mss-widget .mss-headerSlider {
    max-height: 360px;
    height: 53vw; } }

.mss-widget .mss-img {
  margin-top: 20px;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-img {
    max-width: 100%;
    height: auto; } }

.mss-widget #mssXingLink {
  background-image: var(--mssxingicon-secondary2-textcolor); }

.mss-widget #mssLinkedinLink {
  background-image: var(--msslinkedinicon-secondary2-textcolor); }

.mss-widget .mssSocialMediaLinks {
  text-align: center;
  margin-bottom: 20px; }
  .mss-widget .mssSocialMediaLinks > a {
    margin: 5px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat; }
  .mss-widget .mssSocialMediaLinks > p {
    color: RGB(var(--md-secondary2-background-text-color)); }
    .mss-widget .mssSocialMediaLinks > p > a, .mss-widget .mssSocialMediaLinks > p > a:hover {
      color: RGB(var(--md-secondary2-background-text-color));
      text-decoration: underline; }

.mss-widget .mss-nav button:focus {
  outline: none; }

.mss-widget .mss-nav button:hover {
  cursor: pointer; }

.mss-widget .mss-nav-mobil {
  position: fixed;
  top: 0;
  min-height: 52px;
  height: var(--mssNavMainHeight);
  background-color: white;
  font-size: var(--mss-p-size);
  width: 100%;
  border-top: 3px solid RGB(var(--md-primary-color));
  border-bottom: 3px solid #e4e4e4;
  z-index: 14;
  display: none;
  align-items: center; }

.mss-widget .mss-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  transform: translateY(0px);
  transition: transform 300ms ease-in-out; }

.mss-widget .mss-nav-invisible {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  transform: translateY(-36px);
  transition: transform 300ms ease-in-out; }

.mss-widget .mss-nav-invisible .mss-nav_main {
  transition: border-top-color 0.8s ease-in-out; }

.mss-widget .mss-navWrap {
  max-width: 1200px;
  margin: auto;
  height: 100%; }

.mss-widget .mss-nav_main {
  height: var(--mssNavMainHeight);
  background-color: white;
  font-size: var(--mss-p-size);
  border: 0;
  transition: border-top-width 0.8s;
  border-bottom: 3px solid #e4e4e4;
  border-top: 3px solid RGB(var(--md-primary-color));
  border-image-slice: 1; }
  .mss-widget .mss-nav_main .mss-navWrap ul {
    padding-left: 0;
    height: 100%; }
    .mss-widget .mss-nav_main .mss-navWrap ul li {
      float: left;
      height: 100%;
      line-height: var(--mssNavMainLineHeight);
      transition: 0.3s;
      color: RGB(var(--mss-font-mainColor));
      font-weight: 600;
      margin-bottom: 3px; }
      .mss-widget .mss-nav_main .mss-navWrap ul li a {
        color: RGB(var(--mss-font-mainColor));
        font-weight: 600;
        text-decoration: none;
        outline: none;
        height: 100%; }
      .mss-widget .mss-nav_main .mss-navWrap ul li > ul {
        height: 50%; }
        .mss-widget .mss-nav_main .mss-navWrap ul li > ul li {
          line-height: 41px; }

.mss-widget .mss-serviceNavigation {
  height: 100%;
  right: 10px;
  position: absolute;
  padding: 10px;
  top: 0;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0; }

.mss-widget .mss-nav-portalLogin > div {
  border: 1px solid RGB(var(--md-primary-color));
  border-radius: var(--mssCornerShapeRadiusButton);
  height: 30px;
  line-height: 30px;
  font-weight: 500;
  background-color: unset;
  transition: 200ms; }
  .mss-widget .mss-nav-portalLogin > div > a {
    color: RGB(var(--md-primary-color));
    padding-left: 20px;
    padding-right: 20px; }

.mss-widget .mss-nav-mobil .mss-nav-portalLogin > div {
  height: 40px;
  line-height: 40px;
  background-color: RGB(var(--md-primary-color)); }
  .mss-widget .mss-nav-mobil .mss-nav-portalLogin > div > a {
    color: RGB(var(--md-primary-background-text-color));
    font-weight: 600; }

.mss-widget .mss-nav ul, .mss-widget .mss-nav-invisible ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.mss-widget .mss-customerNav li {
  float: left;
  height: 36px;
  padding: 4px 1.6%;
  transition: 0.3s;
  display: flex;
  align-items: center; }

.mss-widget .mss-customerNav > ul {
  margin-left: 15px; }

.mss-widget .mss-metaNav-li-active {
  background-color: #ffffff12; }
  .mss-widget .mss-metaNav-li-active > a {
    color: RGB(var(--md-primary-color));
    font-weight: 600; }

.mss-widget .mss-nav li:hover, .mss-widget .mss-nav-invisible li:hover {
  cursor: pointer; }

.mss-widget .mss-nav_main li > div:hover {
  opacity: 0.8; }

.mss-widget .mss-serviceNav li {
  float: right;
  height: 36px;
  padding: 0 1.6%;
  transition: 0.3s;
  display: flex;
  align-items: center; }

.mss-widget .mss-serviceNav li span {
  display: block;
  height: 30px;
  line-height: 30px; }

.mss-widget .mss-serviceNav li .mss-rightIcon, .mss-widget .mss-nav_main li .mss-rightIcon {
  display: none; }

.mss-widget .mss-serviceNav li button {
  background-color: #3b3b3b;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  margin: 2px auto auto;
  display: block;
  height: 26px;
  line-height: 25px;
  border: none;
  font-size: 12px;
  font-weight: 500; }

.mss-widget .mss-serviceNav li a:link {
  text-underline: none;
  text-decoration: none; }

.mss-widget .mss-nav-mobil .mss-nav-portalLogin a {
  width: 100%; }

.mss-widget .mss-nav_meta {
  height: 36px;
  background-color: RGB(var(--md-secondary2-color));
  font-size: 14px;
  font-weight: 300;
  color: #c1c1c1; }
  .mss-widget .mss-nav_meta a {
    color: RGB(var(--md-secondary2-background-text-color));
    text-decoration: none; }

.mss-widget .mss-nav_main > .mss-navWrap > ul > li:first-child {
  padding-left: 15px;
  padding-right: 15px; }

.mss-widget .mss-nav_main .mss-mobile_dropable {
  display: flex; }

.mss-widget .mss-nav_main .mss-mobile_dropable .mss-upIcon {
  margin: 11px 0 0 2px; }

.mss-widget .mss-nav_main .mss-subnav-wrap {
  max-width: 1200px;
  margin: auto;
  height: 100%; }

.mss-widget .mss-nav_main .mss-subnav-wrap > li a {
  font-weight: 300;
  color: white; }

.mss-widget .mss-nav_main .mss-subnav-wrap > li > div, .mss-widget .mss-nav_main .mss-subnav-wrap > li > a {
  padding-left: 15px;
  padding-right: 15px; }

.mss-widget .mss-nav_main .mss-navWrap > ul > li > ul {
  position: absolute;
  top: var(--mssNavContentTopPadding);
  left: 0;
  width: 100%;
  background-color: #e4e4e4;
  transform: translateY(0);
  transition: transform 200ms ease;
  z-index: -1;
  cursor: default;
  border-bottom: solid 3px #e4e4e4; }

.mss-widget .mss-mainNav-Logo {
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: var(--mssNavLogoPadding); }

.mss-widget .mss-mainNav-Logo img {
  max-height: calc(100% - 4px);
  display: inline-block;
  height: 100%;
  width: auto; }

.mss-widget .mss-serviceNavigationLogin {
  background-color: #2e2e2e; }

.mss-widget .mss-nav_main > div > ul > li:last-child {
  float: right !important;
  display: flex;
  align-items: center; }
  .mss-widget .mss-nav_main > div > ul > li:last-child > div {
    height: auto; }

.mss-widget .mss-nav_main > .mss-navWrap > ul > li > div {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%; }

@media screen and (max-width: 1200px) {
  .mss-widget .mss-nav_main > .mss-navWrap > ul > li > div {
    padding-left: 10px;
    padding-right: 10px; } }

.mss-widget .mss-mainNav-mobil {
  top: var(--mssNavMobilTopPadding);
  background-color: #e4e4e4;
  width: 100%;
  height: 0;
  display: initial !important;
  transform-origin: top;
  position: fixed;
  right: 0;
  overflow-y: scroll;
  opacity: 1;
  transition: height 400ms ease-in-out; }

.mss-widget .mss-mainNav-mobil ul {
  list-style: none;
  margin: 0;
  padding: 0 !important; }

.mss-widget .mss-mainNav-mobil > ul {
  height: calc(100vh - 48px);
  opacity: 1;
  transition: opacity 400ms ease-in-out;
  overflow: auto; }

.mss-widget .mss-mainNav-mobil-invisible > ul {
  opacity: 0;
  transition: opacity 400ms ease-in-out; }

.mss-widget .mss-mainNav-mobil .mss-mobileNavCustomerItems {
  height: auto; }

.mss-widget .mss-mainNav-mobil a {
  text-decoration: none;
  color: RGB(var(--mss-font-mainColor)); }

.mss-widget .mss-nav-mobil .mss-subnav-wrap {
  margin-left: 8%;
  margin-right: 8%; }

.mss-widget .mss-nav-mobil .mss-subnav-wrap li {
  height: 45px; }

.mss-widget .mss-nav-mobil .mss-subnav-wrap li:first-child {
  height: 0; }

.mss-widget .mss-nav-mobil .mss-nav-portalLogin button {
  background-color: RGB(var(--md-primary-color));
  text-align: left;
  float: right;
  height: 40px;
  line-height: 40px;
  width: 100%;
  margin-top: 9px;
  margin-bottom: 9px;
  padding-right: 18px;
  color: #2f2d30;
  font-weight: 500;
  border-radius: 2px;
  display: flex;
  border: none;
  font-size: 14px; }

.mss-widget .mss-mobileMenuAction {
  float: right;
  display: none; }

.mss-widget .mss-mainNav-mobil .mss-mainNavSearch {
  margin-left: 76%;
  margin-top: 15px; }

.mss-widget .mss-nav-mobil > div > ul > li {
  height: 54px;
  line-height: 45px; }

.mss-widget .mss-nav-mobil > div > ul > li > span {
  margin-right: 15px; }

.mss-widget .mss-nav-mobil > div > ul > li > ul > li {
  border-top: 1px solid #c4c4c4; }

.mss-widget .mss-nav-mobil > div > ul > li > ul > li > ul > li {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #c4c4c4;
  padding-left: 15px; }

.mss-widget .mss-nav-mobil > div > ul > li > ul > li > ul > div > li > div, .mss-widget .mss-nav-mobil > div > ul > li > ul > li > ul > div > li > a {
  border-top: 1px solid #c4c4c4;
  padding-left: 8%;
  display: flex; }

.mss-widget .mss-nav-mobil > div > ul > li > div, .mss-widget .mss-nav-mobil > div > ul > li > ul > li > div {
  display: flex;
  margin-left: 6%;
  margin-right: 6%; }

.mss-widget .mss-nav-mobil > div > ul > li > a {
  display: flex;
  padding-left: 6%;
  padding-right: 6%; }

.mss-widget .mss-nav-mobil > div > ul > li > ul > li > div > div:last-child, .mss-widget .mss-nav-mobil > div > ul > li > ul > div > li > div > div:last-child {
  flex-grow: 4;
  text-align: right; }

.mss-widget .mss-nav-mobil > div > ul > li > div > div:last-child span, .mss-widget .mss-nav-mobil > div > ul > li > ul > div > li > div > div:last-child span {
  display: block;
  float: right;
  transform: scaleY(1);
  transition: transform 400ms ease; }

.mss-widget .mss-nav-mobil .svgIcon {
  display: inline-block;
  filter: brightness(0); }

.mss-widget .mss-mobile_dropable-invisible > div > div:last-child span {
  transform: scaleY(-1) !important;
  transition: transform 400ms ease !important; }

.mss-widget .mss-nav-mobil > div > ul > li > ul > li > ul {
  list-style: none;
  padding-left: 0; }

.mss-widget .mss-nav-mobil li.mss-customerGroup {
  background-color: #cccccc;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin-top: -1px; }

.mss-widget .mss-nav-mobil li.mss-customerGroup > ul {
  background-color: #e4e4e4; }

.mss-widget .mss-nav-mobil li.mss-customerGroup > a > div {
  font-weight: 600; }

.mss-widget .mss-nav-mobil li.mss-customerGroup > ul > li > div {
  margin-left: 10%; }

.mss-widget .mss-nav-mobil li.mss-customerGroup > ul > li > a {
  padding-left: 10%; }

.mss-widget .mss-nav-mobil > a, .mss-widget .mss-nav-mobil > a > div {
  height: 100%; }

.mss-widget .mss-mobileNavSearch {
  display: flex;
  margin-left: 6%;
  margin-right: 6%;
  margin-bottom: 5px; }

.mss-widget .mss-iconButton-mobile {
  display: block !important;
  margin: 0 !important;
  margin-right: 10px !important; }

.mss-widget .mss-iconButton-mobile .svgIcon {
  filter: brightness(10); }

.mss-widget .mss-nav-mobil .mss-serviceItems {
  margin-top: 10px; }

.mss-widget .mss-nav-mobil .mss-serviceItems li {
  border-bottom: none;
  height: 40px;
  line-height: 40px;
  padding-left: 6%;
  padding-right: 6%;
  font-weight: 600; }
  .mss-widget .mss-nav-mobil .mss-serviceItems li > a {
    width: 100%; }

.mss-widget .mss-nav-mobil .mss-nav-portalLogin {
  height: 50px;
  padding-top: 10px; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable {
  transition: all 500ms ease;
  transform-origin: top;
  overflow: hidden; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable2 {
  height: calc(45px + calc(2 * 45px)) !important; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable3 {
  height: calc(45px + calc(3 * 45px)) !important; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable4 {
  height: calc(45px + calc(4 * 45px)) !important; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable5 {
  height: calc(45px + calc(5 * 45px)) !important; }

.mss-widget .mss-nav-mobil .mss-mobile_dropable-invisible {
  height: 45px !important;
  overflow: hidden;
  transition: all 500ms ease;
  transform-origin: top; }

.mss-widget .mss-nav > ul > li > div > div:last-child span {
  display: none; }

.mss-widget .mss-nav-mobil #mss-mobileNav-customerLink, .mss-widget .mss-nav-mobil #mss-mobileNav-serviceLi {
  background-color: #ffffff5e; }

.mss-widget .mss-nav_main .mss-mobile_dropable-invisible > ul {
  height: 0;
  transform: translateY(-45px) !important;
  transition: transform 200ms ease; }

.mss-widget #mss-elements-mobil {
  display: none; }

.mss-widget .mss-footer ul {
  list-style-type: none;
  padding: 0; }

.mss-widget .mss-nav-mobil .mss-customerGroup {
  overflow: hidden;
  height: auto; }

.mss-widget .mss-nav-mobil .mss-customerGroup-invisible {
  height: 45px !important; }

.mss-widget .mss-nav-mobil .mss-customerGroup > ul > li > div:first-child, .mss-widget .mss-nav-mobil .mss-customerGroup > ul > li > a {
  display: flex;
  height: 45px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-nav, .mss-widget .mss-nav-invisible {
    display: none; }
  .mss-widget .mss-nav-mobil {
    display: flex; }
  .mss-widget #mss-elements-desktop {
    display: none; }
  .mss-widget #mss-elements-mobil {
    display: block; }
  .mss-widget .mss-mobileMenuAction {
    display: initial; }
  .mss-widget .mss-nav_main {
    min-height: 52px; } }

@media screen and (min-width: 801px) {
  .mss-widget .mss-mainNav-mobil {
    transform: scaleY(0);
    transition: transform 300ms ease;
    transform-origin: top; } }

.mss-widget .mss-nav_main .currentViewItem {
  background-color: #ececec; }

.mss-widget .mss-nav_main .currentViewSubnavItem {
  background-color: #ffffff;
  height: 100%; }

.mss-widget ul.mss-orderNavigation {
  list-style: none;
  padding: 0;
  margin: 0; }

.mss-widget ul.mss-orderNavigation > li {
  float: left;
  padding-left: 4%;
  padding-right: 15px;
  height: 60px;
  background-color: #f1f1f1;
  width: 25%;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  text-align: left; }

.mss-widget ul.mss-orderNavigation > li span {
  line-height: 60px;
  font-size: 16px;
  font-weight: 500;
  color: #929292; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-active > span {
  color: RGB(var(--md-primary-background-text-color));
  font-weight: 600; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-checked > span {
  color: black; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-active,
.mss-widget ul.mss-orderNavigation > li.mss-orderTab-checked {
  cursor: pointer; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-checked > div {
  height: 100%;
  display: inline-flex;
  align-items: center; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-checked span:last-child {
  background-image: var(--msscheckicon-succsessColor);
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain; }

.mss-widget ul.mss-orderNavigation > li:after {
  content: '';
  border-top: 22px solid #f1f1f1;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  transform: rotate(270deg);
  margin-top: 18px;
  margin-right: -58px;
  float: right;
  display: flex; }

.mss-widget ul.mss-orderNavigation > li:before {
  content: '';
  border-top: 22px solid #d0d0d0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  transform: rotate(270deg);
  margin-top: 18px;
  margin-right: -57px;
  float: right;
  display: flex; }

.mss-widget ul.mss-orderNavigation > li:last-child:after,
.mss-widget ul.mss-orderNavigation > li:last-child:before {
  content: unset; }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-active {
  background-color: RGB(var(--md-primary-color)); }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-active:after {
  border-top: 22px solid RGB(var(--md-primary-color)); }

.mss-widget ul.mss-orderNavigation > li.mss-orderTab-active {
  background-color: RGB(var(--md-primary-color)); }

.mss-widget ul.mss-orderNavigation > li > a {
  line-height: 60px; }

.mss-widget .mss-nav_main .mss-mainNavSearch-container input,
.mss-widget .mss-mainNav-mobil .mss-mainNavSearch-container input {
  height: 30px;
  border: 1px solid #b9b9b9;
  border-radius: var(--mssCornerShapeRadiusButton);
  outline: none;
  padding-left: 20px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 300;
  width: 140px; }

.mss-widget .mss-mainNav-mobil .mss-mainNavSearch-container input {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 40px; }

.mss-widget .mss-nav_main .mss-mainNavSearch-container input:focus {
  border-color: black !important; }

.mss-widget .mss-mainNavSearch {
  background-image: url(/mss/img/8b691cafd6a4a5a6f425e2a6d9c8839c.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0.3);
  position: absolute;
  margin-left: 113px;
  margin-top: 3px; }

@media screen and (max-width: 950px) {
  .mss-widget .mss-orderTabItemBez-full {
    display: none; }
  .mss-widget .mss-orderTabItemBez-number {
    font-size: 22px !important;
    margin-left: 19px; } }

@media screen and (max-width: 475px) {
  .mss-widget ul.mss-orderNavigation > li.mss-orderTab-checked span:last-child {
    display: none; } }

@media screen and (max-width: 800px) {
  .mss-widget .mss-mainNav-Logo {
    height: 100%;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: 5px; } }

.mss-widget main#mss-orderDialogMain > section > div.mss-sectionWrap {
  padding-top: 0; }

.mss-widget main#mss-orderDialogMain .mss-invader-big {
  padding: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  text-align: left !important;
  width: 85% !important;
  min-width: 300px !important; }

.mss-widget main#mss-orderDialogMain .mss-invader-big > div {
  width: 100% !important;
  text-align: left !important;
  max-width: 100% !important; }

.mss-widget #nav-icon3 {
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 20;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px; }

.mss-widget #nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: black;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

.mss-widget #nav-icon3 span:nth-child(1) {
  top: 5px; }

.mss-widget #nav-icon3 span:nth-child(2), .mss-widget #nav-icon3 span:nth-child(3) {
  top: 13px; }

.mss-widget #nav-icon3 span:nth-child(4) {
  top: 36px; }

.mss-widget #nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%; }

.mss-widget #nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 9px; }

.mss-widget #nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px; }

.mss-widget #nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.mss-widget .mss-checkInputRow {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }

.mss-widget .mss-checkInputRow > div {
  height: 50px;
  margin: 5px;
  float: left; }

.mss-widget .mss-checkInputRow > div hr {
  display: none; }

.mss-widget .mss-checkInputRow > div input {
  height: 50px;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: var(--mssCornerShapeRadiusProductBox);
  border: 1px solid #cccccc;
  margin: 0;
  font-size: 16px;
  transition: all 200ms ease;
  box-shadow: none; }

.mss-widget .mss-checkInputRow > div input:focus {
  border-color: RGB(var(--md-secondary-color));
  box-shadow: 0 0 0 1px RGB(var(--md-secondary-color));
  transition: all 200ms ease; }

.mss-widget .mss-checkInputRow > div .md-floating-label--floating {
  display: none;
  transform: none; }

.mss-widget .mss-checkInputRow > div .md-floating-label--inactive {
  line-height: 50px;
  transform: none;
  margin-left: 8px;
  font-size: 16px; }

.mss-widget .mss-checkInputRow > div .md-text--error {
  color: rgba(0, 0, 0, 0.54); }

.mss-widget .mss-checkInputRow .addMessage-pflichtfeld:after, .mss-widget .mss-checkInputRow .md-text-field-message--active {
  display: none; }

.mss-widget .mss-pdf-button, .mss-widget .mss-pdf-button:hover {
  color: RGB(var(--mss-font-mainColor));
  background-color: #e7e7e7;
  font-weight: 600 !important;
  box-shadow: initial;
  border-radius: var(--mssCornerShapeRadiusButton);
  margin: 5px;
  font-size: var(--mss-p-size);
  cursor: pointer;
  min-height: 34px;
  height: auto;
  line-height: 1;
  padding: 0 6px 0 6px; }
  .mss-widget .mss-pdf-button > a, .mss-widget .mss-pdf-button:hover > a {
    color: RGB(var(--mss-font-mainColor));
    text-decoration: none; }
  .mss-widget .mss-pdf-button .md-icon-separator, .mss-widget .mss-pdf-button:hover .md-icon-separator {
    margin-left: 10px;
    margin-right: 10px; }

.mss-widget .mss-pdf-button-upload, .mss-widget .mss-pdf-button-upload:hover {
  width: 100%;
  background-color: unset;
  padding: 0;
  margin: 4px 0 4px 0;
  cursor: auto; }
  .mss-widget .mss-pdf-button-upload > div, .mss-widget .mss-pdf-button-upload:hover > div {
    text-align: left; }
    .mss-widget .mss-pdf-button-upload > div > span, .mss-widget .mss-pdf-button-upload:hover > div > span {
      display: inline-block; }
      .mss-widget .mss-pdf-button-upload > div > span button, .mss-widget .mss-pdf-button-upload:hover > div > span button {
        height: 30px;
        width: 30px;
        min-width: 30px;
        padding: 4px; }
    .mss-widget .mss-pdf-button-upload > div > span.md-icon-text, .mss-widget .mss-pdf-button-upload:hover > div > span.md-icon-text {
      width: calc(100% - 56px);
      overflow: hidden;
      white-space: nowrap;
      padding: 3px 0 3px 0; }

.mss-widget .mss-slickProducts button.slick-arrow {
  height: 35px !important;
  width: 35px;
  border-radius: 40px !important;
  background-color: #848484 !important;
  color: transparent !important;
  box-shadow: none;
  transition: all 200ms ease;
  z-index: 1;
  margin: 5px;
  opacity: 0.7; }

.mss-widget .mss-slickProducts button.slick-arrow:hover {
  opacity: 1; }

.mss-widget .mss-sectionWrapAvailabilityCheck button.slick-arrow:hover {
  background-color: initial;
  color: initial; }

.mss-widget .mss-sectionWrapAvailabilityCheck .md-btn:disabled {
  border: 1px solid #919191;
  color: #919191; }

.mss-widget .mss-sectionWrapAvailabilityCheck .md-btn--raised-disabled:hover {
  background-color: #FFFFFF30; }

.mss-widget .mss-checkInputRow .md-autocomplete-list {
  box-shadow: 0 0 4px 2px #00000014;
  border: 1px solid #e0e0e0;
  border-radius: var(--mssCornerShapeRadiusProductBox);
  text-align: left;
  margin-top: 3px; }

.mss-widget .mss-checkInputRow .md-autocomplete-list > li > div {
  padding: 0 10px 0 10px; }

.mss-widget .mss-checkInputRow .md-autocomplete-list > li > div .md-tile-text--primary {
  font-size: 16px !important; }

.mss-widget .mss-checkInputRow .mss-check-emptyErrorContainer {
  position: absolute;
  margin-top: 55px;
  z-index: 1; }
  .mss-widget .mss-checkInputRow .mss-check-emptyErrorContainer li > div {
    white-space: normal;
    font-size: 14px !important;
    color: #e40000;
    font-weight: 500; }

.mss-widget button.mss-roundButton-greenOutline {
  border: 1px solid RGB(var(--md-primary-color));
  border-radius: 60px !important;
  background-color: unset !important;
  min-height: 40px !important;
  height: auto !important;
  line-height: 30px;
  font-weight: 500;
  transition: 200ms;
  outline: none;
  box-shadow: 0 0 8px -2px rgba(255, 255, 255, 0.95); }

.mss-widget button.mss-roundButton-greenOutline:hover {
  background-color: RGB(var(--md-primary-color)) !important;
  cursor: pointer;
  transition: 200ms; }

.mss-widget button.mss-roundButton-greenOutline:hover > div {
  color: #3B3B3B; }

.mss-widget button.mss-roundButton-greenOutline > div {
  color: RGB(var(--md-primary-color));
  padding-left: 25px;
  padding-right: 25px;
  margin: 0;
  height: 100%;
  padding-top: 3px;
  transition: 200ms; }

.mss-widget button.mss-roundButton-greenOutline > div:hover {
  color: #3B3B3B;
  transition: 200ms; }

.mss-widget .mss-contactForm .md-dialog {
  width: 95% !important;
  max-width: 850px;
  text-align: left;
  top: auto !important;
  overflow: auto; }

.mss-widget .mss-contactForm fieldset .md-selection-control-container {
  margin-top: 5px;
  margin-bottom: 5px; }

.mss-widget .mss-contactForm .md-icon-separator i.md-icon {
  margin-left: 50px; }

.mss-widget .mss-contactForm-close {
  float: right;
  background-color: unset !important;
  margin: 0;
  padding: 0; }

.mss-widget .mss-checkContactDialog {
  width: 900px !important;
  top: -50px !important;
  left: -40px !important;
  background-color: black !important; }

@media screen and (max-width: 1200px) {
  .mss-widget .mss-checkContactDialog {
    width: 100% !important;
    left: 0 !important;
    top: -30px !important; } }

.mss-widget .mss-mainContact {
  position: unset !important; }

.mss-widget .mss-mainContact i {
  display: none; }

.mss-widget .mss-formsy-inlineCheckboxContainer > div {
  display: inline-block;
  margin-right: 15px; }

.mss-widget .mss-orderSection fieldset {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0; }

.mss-widget .mss-orderSection fieldset legend {
  margin-bottom: -6px; }

.mss-widget .mss-orderSection fieldset label.md-selection-control-label {
  display: inline-flex;
  margin: 0; }

.mss-widget .mss-orderSection fieldset label.md-selection-control-label:before {
  content: unset; }

.mss-widget .mss-checkboxAutoHeight-InputContainer .md-selection-control-container {
  height: auto; }

.mss-widget .mss-checkboxAutoHeight-InputContainer fieldset label.md-selection-control-label {
  align-items: start; }

.mss-widget .mss-orderSection .md-text-field-container--input,
.mss-widget .mss-orderSection .md-menu--select-field {
  display: block;
  min-width: 270px;
  width: fit-content;
  width: -moz-fit-content; }

.mss-widget .mss-inline-pdf-link {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: unset; }

.mss-widget body {
  scroll-padding-top: 50px;
  overflow-y: scroll;
  background-color: white;
  min-height: 100vh;
  overflow-x: unset; }

.mss-widget .md-no-scroll.md-no-scroll {
  overflow: hidden;
  position: initial; }

.mss-widget .svgIcon {
  background-repeat: no-repeat;
  background-size: cover;
  width: 23px;
  height: 23px;
  margin: 10px;
  display: block; }

.mss-widget .mss-searchBtn {
  background-image: url(/mss/img/8b691cafd6a4a5a6f425e2a6d9c8839c.svg);
  cursor: pointer; }

.mss-widget .mss-closeBtn {
  background-image: url(/mss/img/ff944257564b29fb83320a4a607181b2.svg);
  cursor: pointer; }

.mss-widget .mss-rightIcon {
  background-image: url(/mss/img/103314137c0d8cfa0a2e6735ce1f8223.svg); }

.mss-widget .mss-leftIcon {
  background-image: url(/mss/img/82b140c32d224d0edab5ee6101d10d6e.svg); }

.mss-widget .mss-downIcon {
  background-image: url(/mss/img/15d7dfdbc332ff44d172655dc4b9f33f.svg); }

.mss-widget .mss-upIcon {
  background-image: url(/mss/img/2432e04f2b4cf4eca8230fafc675d136.svg);
  filter: brightness(0); }

.mss-widget .mss-httpsIcon {
  background-image: var(--msshttpsicon-successColor);
  margin-left: 0; }

.mss-widget .mss-bigArrowLeftIcon {
  background-image: url(/mss/img/ff0148d4f84a5d05b40097b1fb762b62.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: scaleX(-1); }

.mss-widget .mss-bigArrowRightIcon {
  background-image: url(/mss/img/ff0148d4f84a5d05b40097b1fb762b62.svg);
  background-size: contain;
  background-repeat: no-repeat; }

.mss-widget .mss-phoneIcon {
  background-image: url(/mss/img/6b81ae85724ef0d1da76b255ed818d7c.svg);
  background-size: cover;
  background-repeat: no-repeat; }

.mss-widget .mss-mailIcon {
  background-image: url(/mss/img/dabad019fc54a05acb2a3c5850c7e08b.svg);
  background-size: cover;
  background-repeat: no-repeat; }

.mss-widget .mss-alternateMailIcon {
  background-image: url(/mss/img/076907bafa6020257bc0bbb301bc2baa.svg);
  background-size: cover;
  background-repeat: no-repeat; }

.mss-widget .mss-noscroll {
  overflow: hidden;
  position: initial; }

.mss-widget .mss-noscroll.mss-noscroll {
  overflow: hidden;
  position: initial; }

.mss-widget .mss-footer .mss-invader-footer2 .svgIcon {
  filter: brightness(0.1); }

.mss-widget main > .mss-section-slider > div .md-grid {
  padding: 0; }

.mss-widget main > .mss-section-slider .md-btn-carousel {
  height: 100px;
  margin: 10px;
  outline: none; }

.mss-widget main > .mss-section-slider .slider-slide {
  height: 100% !important; }

.mss-widget #mss-citySearch-menu {
  width: 40%; }

.mss-widget #mss-streetSearch-menu {
  width: 43%; }

.mss-widget .mss-houseNumberSearchAvailability {
  width: 12%; }

.mss-widget .mss-check-widget-container-small #mss-citySearch-menu {
  width: calc(100% - 10px); }

.mss-widget .mss-check-widget-container-small #mss-streetSearch-menu {
  width: calc(79% - 20px); }

.mss-widget .mss-check-widget-container-small .mss-houseNumberSearchAvailability {
  width: 21%; }

@media screen and (max-width: 800px) {
  .mss-widget #mss-citySearch-menu {
    width: calc(100% - 10px); }
  .mss-widget #mss-streetSearch-menu {
    width: calc(79% - 20px); }
  .mss-widget .mss-houseNumberSearchAvailability {
    width: 21%; } }

.mss-widget .mss-availMap {
  height: 500px;
  width: 100%;
  z-index: 0; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-availMap {
    height: 350px; } }

.mss-widget .mss-slickCarousel .slick-dots {
  bottom: 10px; }
  .mss-widget .mss-slickCarousel .slick-dots button {
    box-shadow: unset; }

.mss-widget .mss-slickProducts .slick-dots {
  bottom: 0; }
  .mss-widget .mss-slickProducts .slick-dots button {
    box-shadow: unset; }

.mss-widget .mss-orderContainer .mss-slickProducts .slick-dots {
  bottom: -10px; }

.mss-widget .mss-slickCarousel .slick-next {
  right: 20px; }

.mss-widget .mss-slickCarousel .slick-prev {
  left: 20px; }

.mss-widget .mss-slickCarousel .slick-prev, .mss-widget .mss-slickCarousel .slick-next {
  z-index: 1;
  top: calc(50% - 25px);
  filter: brightness(130%);
  transition: filter 200ms ease; }

.mss-widget .mss-slickCarousel .slick-prev:hover, .mss-widget .mss-slickCarousel .slick-next:hover {
  filter: brightness(60%);
  transition: filter 200ms ease; }

@media screen and (max-width: 1200px) {
  .mss-widget .mss-slickCarousel .slick-next {
    right: 10px; }
  .mss-widget .mss-slickCarousel .slick-prev {
    left: 10px; } }

@media screen and (max-width: 800px) {
  .mss-widget .mss-slickCarousel .slick-prev:hover, .mss-widget .mss-slickCarousel .slick-next:hover {
    filter: none; }
  .mss-widget .mss-slickCarousel .slick-prev, .mss-widget .mss-slickCarousel .slick-next {
    background: unset !important; } }

.mss-widget .slick-prev, .mss-widget .slick-next {
  background-image: url(/mss/img/103314137c0d8cfa0a2e6735ce1f8223.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  height: 50px;
  background-position-x: 1px; }

.mss-widget .slick-prev {
  transform: scaleX(-1); }

.mss-widget .slick-next {
  transform: scaleX(1); }

.mss-widget .slick-disabled {
  display: none !important; }

.mss-widget .slick-prev:before, .mss-widget .slick-next:before {
  content: none; }

@media screen and (min-width: 800px) and (max-width: 1260px) {
  .mss-widget .mss-slickCarousel .mss-sectionWrap-verticalCentered {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px); } }

@media screen and (max-width: 700px) {
  .mss-widget main > div > section .mss-slickCarousel .mss-sectionWrap-verticalCentered {
    display: block; } }

.mss-widget .mss-addMessage-pflichtfeld > div > input, .mss-widget .mss-addMessage-pflichtfeld > input {
  background-color: #ffefef !important;
  border-color: #e20000 !important; }

.mss-widget .mss-productCard-homepage {
  width: 30%;
  display: inline-grid;
  margin: 12px;
  min-width: 300px;
  cursor: pointer; }

.mss-widget .mss-productCard-homepage h4, .mss-widget .mss-productCard-homepage p {
  cursor: pointer; }

@media screen and (max-width: 630px) {
  .mss-widget .mss-productCard-homepage {
    margin-left: 0;
    margin-right: 0; } }

.mss-widget .mss-productCards-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.mss-widget .mss-productCard-homepage table {
  height: calc(100% - 24px);
  display: table;
  width: 100%; }
  .mss-widget .mss-productCard-homepage table row {
    display: table-row; }
    .mss-widget .mss-productCard-homepage table row td {
      display: table-cell;
      padding: 0; }
  .mss-widget .mss-productCard-homepage table row:last-child td {
    vertical-align: bottom; }
    .mss-widget .mss-productCard-homepage table row:last-child td > div {
      margin: 0; }

.mss-widget .mss-productCard-homepage div.mss-productCard-homepage-image {
  height: 200px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border: none; }

.mss-widget .mss-productCard-homepage .mss-iconCard-homepage div.mss-productCard-homepage-image {
  border: 2px solid #e0e0e0;
  border-radius: 100px;
  width: 160px;
  height: 160px;
  margin: 30px auto;
  background-size: 75px;
  background-position: center; }

.mss-widget .mss-productCard-homepage > a > div,
.mss-widget .mss-productCard-homepage > .mss-iconCard-homepage > div {
  border: 2px solid #e0e0e0;
  border-radius: var(--mssCornerShapeRadiusProductBox); }

.mss-widget .mss-productCard-homepage > a > div:last-child,
.mss-widget .mss-productCard-homepage > .mss-iconCard-homepage > div:last-child {
  background-color: white;
  margin-top: 10px;
  padding: 0 15px 15px 15px;
  height: calc(100% - 210px); }

.mss-widget .mss-productCard-homepage .mss-iconCard-homepage > div {
  height: 100% !important;
  margin: 0 !important; }

.mss-widget .mss-productCard-homepage > a {
  text-decoration: none; }

.mss-widget .mss-productCard-homepage > a > div:last-child:before {
  content: '';
  display: inline-block;
  border-top: 20px solid #ececec;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent; }

.mss-widget .mss-productCard-homepage > a > div:last-child > h3 {
  margin-top: 15px; }

.mss-widget .mss-mainContent .mss-availMap .md-btn, .mss-widget .mss-mainContent .mss-availMap .leaflet-control-zoom-in, .mss-widget .mss-mainContent .mss-availMap .leaflet-control-zoom-out {
  background-color: RGB(var(--md-secondary-color)); }

.mss-widget .mss-section-slider .mss-slickCarousel .mss-slider,
.mss-widget .mss-section-slider .mss-headerContainer .mss-slider {
  background-color: RGB(var(--md-primary-color));
  background-repeat: no-repeat;
  background-repeat: repeat-y;
  background-size: cover; }

.mss-widget .mss-section-slider .mss-slickCarousel .slick-track {
  display: flex !important; }

.mss-widget .mss-section-slider .mss-slickCarousel .slick-slide {
  height: inherit !important; }
  .mss-widget .mss-section-slider .mss-slickCarousel .slick-slide > div {
    height: 100%; }

.mss-widget .mss-contactSidebar {
  background-color: RGB(var(--md-secondary2-color));
  width: fit-content;
  width: -moz-fit-content;
  border-radius: var(--mssCornerShapeRadiusSidebar);
  height: 40px;
  min-height: 40px;
  position: fixed;
  right: 0;
  z-index: 15;
  border-left: 2px solid RGB(var(--md-primary-color));
  border-top: 2px solid RGB(var(--md-primary-color));
  border-bottom: 2px solid RGB(var(--md-primary-color));
  box-shadow: 0 0 6px 0 RGBA(0, 0, 0, 0.4);
  transition: transform 200ms ease-in-out;
  overflow: hidden; }
  .mss-widget .mss-contactSidebar > div:first-child {
    align-items: center;
    display: flex;
    height: 36px;
    width: fit-content;
    width: -moz-fit-content; }
    .mss-widget .mss-contactSidebar > div:first-child > span:first-child {
      width: 25px;
      height: 25px;
      filter: brightness(10);
      margin: 6px 20px 6px 11px; }
    .mss-widget .mss-contactSidebar > div:first-child p {
      margin: 0 14px 0 0;
      font-weight: bold; }
      .mss-widget .mss-contactSidebar > div:first-child p a {
        text-decoration: unset; }
  .mss-widget .mss-contactSidebar p, .mss-widget .mss-contactSidebar a {
    color: RGB(var(--md-secondary2-background-text-color)) !important; }
  .mss-widget .mss-contactSidebar > div:nth-child(2) p {
    margin: 0px 14px 8px 14px; }
  .mss-widget .mss-contactSidebar button {
    color: RGB(var(--md-secondary2-background-text-color));
    height: 37px;
    font-size: 16px;
    margin: 0 !important;
    padding-left: 0; }

.mss-widget .mss-contactSidebar:hover {
  width: fit-content;
  width: -moz-fit-content;
  transition: all 200ms ease-in-out;
  z-index: 20; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-contactSidebar {
    display: none; } }

.mss-widget table.mss-energieausweisOverview-desktop td,
.mss-widget table.mss-energieausweisOverview-desktop th,
.mss-widget table.mss-energieausweisOverview-mobil td,
.mss-widget table.mss-energieausweisOverview-mobil th {
  border: 2px solid #e0e0e0;
  border-radius: var(--mssCornerShapeRadiusProductBox); }

.mss-widget table.mss-energieausweisOverview-desktop {
  font-size: 16px;
  border-spacing: 8px;
  width: 100%; }

.mss-widget table.mss-energieausweisOverview-mobil {
  font-size: 16px;
  border-spacing: 4px;
  width: 100%; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr > td:first-child,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr > td:first-child {
  font-weight: bold; }

.mss-widget table.mss-energieausweisOverview-desktop td,
.mss-widget table.mss-energieausweisOverview-mobil td {
  background-color: white; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr > td:first-child,
.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:first-child > th,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr > td:first-child,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:first-child > th {
  background-color: RGB(var(--md-primary-color));
  color: RGB(var(--md-primary-background-text-color));
  border-color: RGB(var(--md-primary-color)); }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:first-child > th:first-child,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:first-child > th:first-child {
  background-color: transparent;
  border: none; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:last-child > td:nth-child(2),
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:nth-child(2) > td:last-child,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:nth-child(2) > td:nth-child(3) {
  background-color: transparent;
  border: none; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:last-child > td:nth-child(2) > table > tbody > tr > th,
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:nth-child(2) > td:nth-child(3) > table > tbody > tr > th {
  background-color: #e4e4e4; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:last-child > td:nth-child(2) > table {
  border-spacing: 8px;
  margin: -8px; }

.mss-widget table.mss-energieausweisOverview-mobil > tbody table {
  border-spacing: 4px;
  margin: -4px;
  width: calc(100% + 8px) !important; }

.mss-widget table.mss-energieausweisOverview-mobil div.mss-productFinder > button > div,
.mss-widget table.mss-energieausweisOverview-desktop div.mss-productFinder > button > div {
  font-weight: bold; }

.mss-widget table.mss-energieausweisOverview-desktop span.mss-table-verticalText,
.mss-widget table.mss-energieausweisOverview-mobil span.mss-table-verticalText {
  writing-mode: tb;
  transform: rotate(180deg); }

.mss-widget table.mss-energieausweisOverview-mobil td,
.mss-widget table.mss-energieausweisOverview-mobil th {
  padding: 10px; }

.mss-widget table.mss-energieausweisOverview-desktop td,
.mss-widget table.mss-energieausweisOverview-desktop th {
  padding: 10px !important; }

.mss-widget table.mss-energieausweisOverview-mobil td,
.mss-widget table.mss-energieausweisOverview-mobil th {
  padding: 10px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  text-align: center; }

.mss-widget table.mss-energieausweisOverview-desktop > tbody > tr:last-child > td:nth-child(2),
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:nth-child(2) > td:nth-child(3),
.mss-widget table.mss-energieausweisOverview-mobil > tbody > tr:nth-child(2) > td:last-child {
  padding: 0 !important; }

.mss-widget table.mss-energieausweisOverview-desktop {
  display: block;
  text-align: center; }

.mss-widget table.mss-energieausweisOverview-mobil {
  display: none; }

@media screen and (max-width: 900px) {
  .mss-widget table.mss-energieausweisOverview-desktop {
    display: none; }
  .mss-widget table.mss-energieausweisOverview-mobil {
    display: block; } }

@media screen and (max-width: 550px) {
  .mss-widget table.mss-energieausweisOverview-mobil button {
    padding-left: 5px;
    padding-right: 5px; }
  .mss-widget table.mss-energieausweisOverview-mobil {
    font-size: 14px; } }

.mss-widget table.mss-fundingsOverview,
.mss-widget table.mss-fundingsOverview-mobil {
  font-size: 16px;
  border-spacing: 8px;
  margin-left: auto;
  margin-right: auto; }

.mss-widget table.mss-fundingsOverview p,
.mss-widget table.mss-fundingsOverview-mobil p {
  text-align: left; }

.mss-widget table.mss-priceOverview p {
  text-align: right; }

.mss-widget table.mss-priceOverview tr td:first-child p {
  text-align: left; }

.mss-widget table.mss-fundingsOverview > tr > th,
.mss-widget table.mss-fundingsOverview-mobil > tr > th {
  background-color: #3B3B3B;
  color: white;
  padding: 10px !important;
  box-shadow: 0 0 20px #d8d8d8;
  width: 50%; }

.mss-widget table.mss-fundingsOverview > tr > td,
.mss-widget table.mss-fundingsOverview-mobil > tr > td {
  background-color: white;
  padding: 10px;
  box-shadow: 0 0 20px #d8d8d8;
  vertical-align: top; }

.mss-widget table.mss-fundingsOverview > tr > td > ul,
.mss-widget table.mss-fundingsOverview-mobil > tr > td > ul {
  text-align: left; }

.mss-widget table.mss-fundingsOverview > tr > td > ul > li,
.mss-widget table.mss-fundingsOverview-mobil > tr > td > ul > li {
  list-style-type: none;
  padding-left: 27px;
  margin-left: -39px;
  background-image: var(--msscheckicon-gray);
  background-repeat: no-repeat;
  background-position: left top;
  filter: saturate(0) brightness(1.2);
  text-align: left; }

.mss-widget table.mss-fundingsOverview div.mss-productFinder > button,
.mss-widget table.mss-fundingsOverview-mobil div.mss-productFinder > button {
  height: 38px;
  outline: none;
  border: none;
  border-radius: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: RGB(var(--md-primary-color));
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  margin-top: 8px;
  margin-bottom: 8px;
  color: black; }

.mss-widget table.mss-fundingsOverview-mobil th {
  margin-top: 20px; }

.mss-widget table.mss-fundingsOverview-mobil {
  min-width: 300px;
  display: none; }

.mss-widget table.mss-fundingsOverview {
  display: table;
  width: 100%; }

@media screen and (max-width: 650px) {
  .mss-widget table.mss-fundingsOverview-mobil {
    display: table; }
  .mss-widget table.mss-fundingsOverview {
    display: none; } }

.mss-widget .mss-orderOverview-box {
  text-align: left;
  display: block;
  min-width: 29%;
  margin-top: 20px;
  height: 160px;
  float: left; }

.mss-widget .mss-orderOverview-container {
  text-align: left; }

.mss-widget .mss-orderOverview-container ul > li {
  list-style: none; }

.mss-widget .mss-orderOverview-container ul {
  padding: 0 !important;
  margin-top: 0; }

.mss-widget .mss-infoPopupbtn {
  background-color: transparent !important;
  width: auto !important;
  margin: 0 !important;
  color: #a7a7a7 !important;
  padding: 5px;
  box-shadow: none; }

.mss-widget .mss-infoPopupbtn-red i {
  color: #c30000 !important; }

.mss-widget .mss-infoPopupbtn .md-ink-container {
  margin: 0;
  top: -2px; }

.mss-widget .mss-infoPopoverWindow {
  padding: 10px;
  background-color: #ffffff;
  color: black;
  font-size: 12px;
  z-index: 80;
  position: relative;
  width: 50% !important;
  min-width: 270px;
  border-radius: 3px;
  top: -147px;
  left: -5px;
  box-shadow: 0 0 20px #d8d8d8; }
  .mss-widget .mss-infoPopoverWindow p {
    line-height: 1.5;
    font-size: 12px;
    margin: 0; }

.mss-widget .mss-productFinder-questionContainer .mss-infoPopoverWindow {
  width: 100% !important;
  left: 0;
  top: -10px;
  text-align: left; }

.mss-widget .mss-hardware-tip-visible {
  z-index: 1;
  position: relative;
  top: -70px;
  height: 75px;
  background-color: RGB(var(--md-secondary2-color));
  border-radius: 50px;
  transform: rotate(10deg);
  width: 75px !important;
  text-align: center;
  padding-top: 12px;
  margin-left: 180px; }

.mss-widget .mss-hardware-tip-visible > h3 {
  color: white !important;
  font-weight: 500 !important; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-hardware-tip-visible {
    top: -50px;
    right: 10px; } }

.mss-widget .mss-hardware-tip-invisible {
  display: none; }

.mss-widget .mss-orderSection .md-icon-separator i.md-icon {
  position: absolute;
  right: 0; }

.mss-widget .mss-orderSection .md-icon-separator .md-icon-text:first-child {
  padding-right: 22px; }

.mss-widget .mss-trikotwechsel h3 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mss-widget .mss-orderOverview-container a {
  cursor: pointer; }

.mss-widget .mss-orderSection > table > tr > td {
  padding-right: 30px;
  vertical-align: top; }

.mss-widget .md-display-2, .mss-widget h1, .mss-widget .md-display-1, .mss-widget h2, .mss-widget .md-headline {
  letter-spacing: -.05px; }

.mss-widget .mss-slickProducts .mss-productNavSlider .slick-track > div:last-child > div,
.mss-widget .mss-slickProducts .mss-productNavSlider .slick-track > div:nth-last-child(2) > div {
  border: none; }

@media screen and (min-width: 550px) {
  .mss-widget .mss-slickProducts .mss-productNavSlider .slick-track > div:nth-last-child(3) > div,
  .mss-widget .mss-slickProducts .mss-productNavSlider .slick-track > div:nth-last-child(4) > div {
    border: none; } }

.mss-widget .mss-orderProductSection .mss-slickProducts > div:last-child {
  margin-left: -10px;
  margin-right: -10px; }

.mss-widget .mss-orderContainer, .mss-widget .mss-productFinderCheckDialog {
  z-index: 1000; }

.mss-widget .mss-slickProducts {
  margin: 0; }

@media screen and (max-width: 1200px) {
  .mss-widget .mss-orderContainer .mss-slickProducts > div:nth-last-child(2) {
    margin-left: -3%;
    margin-right: -3%; } }

@media screen and (max-width: 800px) {
  .mss-widget .mss-slickProducts > div:nth-last-child(2) {
    margin-left: 0;
    margin-right: 0; } }

.mss-widget .mss-receiverCounts .mss-numberCard-add {
  height: auto;
  top: 2px;
  margin: 10px; }

.mss-widget .mss-receiverCounts {
  text-align: center;
  margin-top: 10px; }

.mss-widget .mss-receiverCounts span {
  font-size: 21px;
  font-weight: 600; }

.mss-widget .mss-pdfButton button {
  background-color: transparent !important;
  color: black; }

.mss-widget .autocomplete-submitError > div > label {
  color: red; }

.mss-widget .autocomplete-submitError > div > hr {
  background-color: red; }

.mss-widget .mss-slickProducts .slick-track:before,
.mss-widget .mss-slickProducts .slick-track:after {
  position: absolute; }

.mss-widget .mss-chrome-autofill-input-hack {
  display: none; }

.mss-widget .mss-check24px-color {
  fill: RGB(var(--md-primary-color)); }

.mss-widget .mss-nav-portalLogin-loggedIn i {
  color: RGB(var(--md-primary-color));
  font-size: 25px !important;
  margin-top: 2px;
  margin-right: 5px;
  transition: 200ms; }

.mss-widget .mss-nav-portalLogin-loggedIn i, .mss-widget .mss-nav-portalLogin-loggedIn span {
  display: inline-flex !important; }

.mss-widget .mss-nav-portalLogin-loggedIn span {
  top: -7px !important;
  position: relative !important; }

.mss-widget .mss-nav-portalLogin-hover > div:first-child,
.mss-widget .mss-kundenportal-isActive > div:first-child {
  background-color: RGB(var(--md-primary-color)) !important;
  transition: 200ms !important; }

.mss-widget .mss-nav-portalLogin-hover > div > a,
.mss-widget .mss-nav-portalLogin-hover > div > a > i,
.mss-widget .mss-kundenportal-isActive > div > a,
.mss-widget .mss-kundenportal-isActive > div > a > i {
  color: #3B3B3B !important;
  transition: 200ms !important; }

.mss-widget .mss-uploads > button {
  display: none; }

@media screen and (max-width: 800px) {
  .mss-widget .rwd-break {
    display: none; } }

.mss-widget span.rs {
  background-color: yellow !important; }

.mss-widget .mss-orderSection fieldset.mss-orderRechtlicheHinweise-Input {
  margin-bottom: 10px; }

.mss-widget .mss-orderSection p.mss-orderRechtlicheHinweise {
  margin-bottom: 0;
  margin-top: 20px; }

.mss-widget .mss-orderSection button.mss-orderRechtlicheHinweise,
.mss-widget .mss-orderSection button.mss-orderRechtlicheHinweise:hover {
  color: black;
  background-color: #e7e7e7;
  padding-left: 15px !important;
  padding-right: 15px !important; }

.mss-widget .md-cross-fade-enter {
  opacity: .01;
  transform: translate3d(0, 0, 0); }

.mss-widget .md-cross-fade-enter.md-cross-fade-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-duration: 1s;
  transition-property: transform, opacity; }

.mss-widget .mss-orderZusammenfassung-container {
  display: flex;
  flex-wrap: wrap; }

.mss-widget .mss-orderZusammenfassung-container > div {
  display: inline-block;
  min-width: 260px;
  width: calc(33% - 10px);
  margin: 5px;
  padding: 15px;
  vertical-align: top;
  border: 1px solid #d5d5d5;
  border-radius: var(--mssCornerShapeRadiusProductBox); }
  .mss-widget .mss-orderZusammenfassung-container > div p {
    line-height: 1.2; }
  .mss-widget .mss-orderZusammenfassung-container > div li {
    margin-bottom: 3px; }
    .mss-widget .mss-orderZusammenfassung-container > div li .mss-checkboxOnly-InputContainer {
      margin: 0; }
      .mss-widget .mss-orderZusammenfassung-container > div li .mss-checkboxOnly-InputContainer fieldset > div {
        margin-left: -11px; }

.mss-widget .mss-orderZusammenfassung-hinweis {
  border: 1px solid #d5d5d5;
  margin: 15px 5px 5px 5px;
  padding: 15px;
  border-radius: var(--mssCornerShapeRadiusProductBox); }

.mss-widget span.mss-print-link {
  text-decoration: underline;
  margin: 15px; }
  .mss-widget span.mss-print-link > p {
    cursor: pointer;
    color: #6E6F6F;
    display: inline; }

.mss-widget span.mss-print-link > p:hover {
  color: RGB(var(--mss-font-mainColor)) !important; }

.mss-widget .mss-tooltip {
  position: absolute;
  top: 40px;
  left: -207px;
  box-shadow: 0 0 10px #bdbdbd;
  border: 1px solid #8d8d8d;
  text-align: left;
  min-width: 260px;
  opacity: 0;
  transition: opacity 0.2s;
  visibility: hidden;
  white-space: normal;
  line-height: 1.5;
  font-weight: initial; }

@media screen and (max-width: 500px) {
  .mss-widget .mss-tooltip {
    min-width: 220px;
    left: -169px; } }

.mss-widget .mss-tooltip-right .mss-tooltip {
  left: -18px; }

.mss-widget .mss-tooltip-center .mss-tooltip {
  left: -116px; }

.mss-widget .mss-hardware-tip-visible .mss-tooltip,
.mss-widget .mss-tipLabel .mss-tooltip {
  transform: rotate(-10deg);
  top: 90px;
  left: -180px; }

.mss-widget .mss-tooltip-btn-container {
  float: right;
  position: relative;
  top: -8px;
  right: -10px; }

.mss-widget .mss-tooltip-btn-container-inline {
  position: relative;
  display: inline-block;
  pointer-events: all; }
  .mss-widget .mss-tooltip-btn-container-inline .mss-infoPopupbtn {
    height: 19px;
    min-width: 25px;
    padding: 0; }

.mss-widget .mss-tooltip::after {
  content: "";
  position: absolute;
  right: 22px;
  top: -19px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent; }

.mss-widget .mss-tooltip::before {
  content: "";
  position: absolute;
  right: 22px;
  top: -20.2px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #8d8d8d transparent; }

.mss-widget .mss-tooltip-right .mss-tooltip::after {
  right: unset;
  left: 22px; }

.mss-widget .mss-tooltip-right .mss-tooltip::before {
  right: unset;
  left: 22px; }

.mss-widget .mss-tooltip-center .mss-tooltip::after {
  right: unset;
  left: 121px; }

.mss-widget .mss-tooltip-center .mss-tooltip::before {
  right: unset;
  left: 121px; }

.mss-widget .mss-hardware-tip-visible:hover .mss-tooltip,
.mss-widget .mss-tipLabel:hover .mss-tooltip,
.mss-widget .mss-tooltip-btn-container:hover .mss-tooltip,
.mss-widget .mss-tooltip-btn-container-inline:hover .mss-tooltip {
  visibility: visible;
  opacity: 1; }

.mss-widget .md-text-field-container--input .mss-tooltip-btn-container-inline {
  float: right; }
  .mss-widget .md-text-field-container--input .mss-tooltip-btn-container-inline .mss-tooltip {
    top: -11px;
    left: -269px; }
  .mss-widget .md-text-field-container--input .mss-tooltip-btn-container-inline .mss-tooltip:before {
    right: -20px;
    top: 11px;
    border-color: transparent transparent transparent #8d8d8d; }
  .mss-widget .md-text-field-container--input .mss-tooltip-btn-container-inline .mss-tooltip:after {
    right: -19px;
    top: 11px;
    border-color: transparent transparent transparent #fff; }

.mss-widget .mss-orderContainer button {
  box-shadow: unset; }

.mss-widget .mss-orderContainer .md-select-field .md-divider {
  max-width: 100%; }

.mss-widget .no-hyphens-for-print {
  hyphens: none !important; }

/* Slider */
.mss-widget .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.mss-widget .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .mss-widget .slick-list:focus {
    outline: none; }
  .mss-widget .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.mss-widget .slick-slider .slick-track,
.mss-widget .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mss-widget .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .mss-widget .slick-track:before, .mss-widget .slick-track:after {
    content: "";
    display: table; }
  .mss-widget .slick-track:after {
    clear: both; }
  .mss-widget .slick-loading .slick-track {
    visibility: hidden; }

.mss-widget .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .mss-widget [dir="rtl"] .slick-slide {
    float: right; }
  .mss-widget .slick-slide img {
    display: block; }
  .mss-widget .slick-slide.slick-loading img {
    display: none; }
  .mss-widget .slick-slide.dragging img {
    pointer-events: none; }
  .mss-widget .slick-initialized .slick-slide {
    display: block; }
  .mss-widget .slick-loading .slick-slide {
    visibility: hidden; }
  .mss-widget .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.mss-widget .slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.mss-widget .slick-loading .slick-list {
  background: #fff url(/mss/img/bc2df87e174430aca6fc051b03621afe.gif) center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/mss/fonts/ced611daf7709cc778da928fec876475.eot);
  src: url(/mss/fonts/ced611daf7709cc778da928fec876475.eot?#iefix) format("embedded-opentype"), url(/mss/fonts/b7c9e1e479de3b53f1e4e30ebac2403a.woff) format("woff"), url(/mss/fonts/d41f55a78e6f49a5512878df1737e58a.ttf) format("truetype"), url(/mss/img/f97e3bbf73254b0112091d0192f17aec.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.mss-widget .slick-prev, .mss-widget .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .mss-widget .slick-prev:hover, .mss-widget .slick-prev:focus, .mss-widget .slick-next:hover, .mss-widget .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .mss-widget .slick-prev:hover:before, .mss-widget .slick-prev:focus:before, .mss-widget .slick-next:hover:before, .mss-widget .slick-next:focus:before {
      opacity: 1; }
  .mss-widget .slick-prev.slick-disabled:before,
  .mss-widget .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .mss-widget .slick-prev:before, .mss-widget .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.mss-widget .slick-prev {
  left: -25px; }
  .mss-widget [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .mss-widget .slick-prev:before {
    content: "←"; }
    .mss-widget [dir="rtl"] .slick-prev:before {
      content: "→"; }

.mss-widget .slick-next {
  right: -25px; }
  .mss-widget [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .mss-widget .slick-next:before {
    content: "→"; }
    .mss-widget [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.mss-widget .slick-dotted.slick-slider {
  margin-bottom: 30px; }

.mss-widget .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .mss-widget .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .mss-widget .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .mss-widget .slick-dots li button:hover, .mss-widget .slick-dots li button:focus {
        outline: none; }
        .mss-widget .slick-dots li button:hover:before, .mss-widget .slick-dots li button:focus:before {
          opacity: 1; }
      .mss-widget .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .mss-widget .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.mss-widget .mss-productSlider {
  display: flex;
  justify-content: center;
  margin-top: 50px; }

.mss-widget .mss-productCard {
  padding: 5px;
  outline: none;
  margin-bottom: 20px;
  height: 100%; }

.mss-widget .mss-productCardsWithTip {
  padding-top: 100px; }

.mss-widget .mss-productCard-tip {
  padding-top: 72px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-productCard {
    padding: 10px 12px 5px; }
  .mss-widget .mss-productCard-tip {
    padding: 10px 12px 5px; } }

.mss-widget .mss-productCard > div {
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  border: 2px solid #e0e0e0;
  border-radius: var(--mssCornerShapeRadiusProductBox); }

.mss-widget .mss-productCard > div:first-child {
  background-color: RGB(var(--md-primary-color));
  height: 65px;
  margin-bottom: 10px;
  display: flex;
  padding-left: 3px;
  padding-right: 3px;
  border-color: RGB(var(--md-primary-color)); }

.mss-widget .mss-productCard > div:first-child h4, .mss-widget .mss-productCard > div:first-child h3, .mss-widget .mss-productCard > div:first-child h5 {
  color: white !important;
  font-weight: 500;
  margin: auto; }

.mss-widget .mss-productCard > div:last-child {
  background-color: white;
  height: calc(100% - 75px); }

.mss-widget .mss-productCard > div:last-child:before {
  content: '';
  display: inline-block;
  border-top: 25px solid #ececec;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent; }

.mss-widget .mss-productCard ul {
  margin: 5px 0 0 0;
  padding-inline-start: unset;
  margin-block-end: unset;
  padding-left: 40px; }

.mss-widget .mss-productCard ul > li {
  list-style-type: none !important;
  padding-left: 29px;
  margin: 0 0 0 -39px !important;
  background-image: var(--msscheckicon-gray);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  font-size: var(--mss-p-size);
  line-height: 1.2 !important;
  padding-bottom: 10px; }

.mss-widget .mss-productCard b {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px; }

.mss-widget .mss-productCard .mss-link-productCard {
  margin-bottom: 10px;
  margin-top: 40px; }

.mss-widget .mss-productCard .mss-link-productCard:hover {
  text-decoration: underline;
  cursor: pointer; }

.mss-widget .mss-orderContainer .mss-productCard > div:last-child {
  box-shadow: 0 0 10px white; }

.mss-widget .mss-productCard-isActive > div:last-child {
  border: 2px solid RGB(var(--md-primary-color));
  border-radius: 3px;
  box-shadow: 0 0 10px RGB(var(--md-primary-color)) !important; }

.mss-widget .mss-productCard-tip > div:last-child:before {
  padding-bottom: 28px; }

.mss-widget .mss-productCard .mss-tipLabel {
  z-index: 1;
  position: absolute;
  right: 0;
  top: -70px;
  width: 75px;
  height: 75px;
  background-color: RGB(var(--md-secondary2-color));
  border-radius: 50px;
  transform: rotate(10deg);
  display: none; }

.mss-widget .mss-productCard-tip .mss-tipLabel {
  display: flex; }

.mss-widget .mss-productCard-tip > div > .mss-tipLabel > h3 {
  color: white !important;
  line-height: 1.1; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-productCard .mss-tipLabel {
    right: 6px;
    top: 45px; }
  .mss-widget .mss-productCard-tip > div:last-child:before {
    padding-bottom: 0; } }

.mss-widget .mss-productNavSlider .slick-list {
  padding-top: 20px !important; }

.mss-widget #mss-orderContainer .slick-slider .slick-track,
.mss-widget #mss-orderContainer .slick-slider .slick-list {
  transform: translate(0, 0); }

.mss-widget .mss-productNavSlider .slick-slide {
  word-break: break-word;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2; }

.mss-widget .mss-productNavSlider .slick-slide > div {
  border: 1px solid #e4e3e3;
  margin: 4px;
  border-radius: 3px; }

.mss-widget .mss-productNavSlider .mss-productNavigationContainer {
  padding: 20px 5px; }

.mss-widget .mss-productNavSlider .mss-productNavigation-isActive {
  border: 2px solid RGB(var(--md-primary-color));
  box-shadow: 0 0 10px RGB(var(--md-primary-color)); }

.mss-widget .mss-productNavSlider .slick-slide div, .mss-widget .mss-productNavSlider .slick-slide span {
  outline: none;
  width: 100%;
  height: 100%; }

.mss-widget .mss-productNavSlider .slick-current > div {
  background-color: #e0e0e0; }

.mss-widget .mss-productNavSlider-invisible {
  display: none; }

.mss-widget .mss-slickProducts {
  margin: 20px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-slickProducts {
    margin: 0; } }

.mss-widget .mss-slickProducts .slick-prev, .mss-widget .mss-slickProducts .slick-next {
  top: 50%; }

.mss-widget .mss-slickProducts .slick-prev {
  left: -15px; }

.mss-widget .mss-slickProducts .slick-next {
  right: -15px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-slickProducts .slick-prev, .mss-widget .mss-slickProducts .slick-next {
    top: 50%; }
  .mss-widget .mss-slickProducts .slick-prev {
    left: 5px; }
  .mss-widget .mss-slickProducts .slick-next {
    right: 5px; } }

.mss-widget .slick-prev {
  transform: scaleX(-1); }

.mss-widget .slick-next {
  transform: scaleX(1); }

.mss-widget .slick-disabled {
  display: none !important; }

.mss-widget .slick-prev:before, .mss-widget .slick-next:before {
  content: none; }

.mss-widget .mss-addonCard,
.mss-widget .mss-numberCard,
.mss-widget .mss-hardwareCard,
.mss-widget .mss-paperBillCard {
  background-color: white;
  display: inline-flex;
  padding: 20px;
  height: auto;
  margin: 8px;
  border: 2px solid #e0e0e0;
  text-align: left;
  min-width: 250px;
  width: 300px;
  max-width: 300px;
  border-radius: var(--mssCornerShapeRadiusProductBox); }

.mss-widget .mss-addonCard {
  height: 220px; }

.mss-widget .mss-addonCard > div,
.mss-widget .mss-numberCard > div,
.mss-widget .mss-hardwareCard > div,
.mss-widget .mss-paperBillCard > div {
  width: 100%; }

.mss-widget .mss-productPosItem {
  background-color: lightgray;
  display: inline-block;
  width: 50%; }

.mss-widget .mss-orderProductSection, .mss-widget .mss-orderSection {
  background-color: white;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  padding: 40px 40px 20px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderProductSection, .mss-widget .mss-orderSection {
    padding: 20px 10px 10px; } }

.mss-widget .mss-orderSection hr,
.mss-widget .mss-orderContainer hr {
  max-width: 100%; }

.mss-widget .mss-orderProductSection h3 {
  margin-bottom: 20px; }

.mss-widget .mss-orderProductSection p > p {
  margin: 0; }

.mss-widget .mss-slickProducts .slick-slide {
  padding-bottom: 20px;
  height: inherit !important; }

.mss-widget .mss-slickProducts .slick-slide > div {
  height: 100%; }

.mss-widget .mss-addonCard-isActive,
.mss-widget .mss-numberCard-isActive,
.mss-widget .mss-productPosItem-isActive,
.mss-widget .mss-hardwareCard-isActive,
.mss-widget .mss-paperBillCard-isActive {
  border: 2px solid RGB(var(--md-primary-color));
  border-radius: 3px;
  box-shadow: 0 0 20px RGB(var(--md-primary-color)); }

.mss-widget .mss-addonCard h3,
.mss-widget .mss-numberCard h3,
.mss-widget .mss-hardwareCard h3,
.mss-widget .mss-paperBillCard h3 {
  font-weight: 600;
  margin-bottom: 15px; }

.mss-widget .mss-addonCard-isActive .mss-orderProduct-btn,
.mss-widget .mss-addonCard-isActive .mss-orderProduct-btn:hover,
.mss-widget .mss-addonCard-isActive .mss-orderProduct-btn:focus,
.mss-widget .mss-numberCard-isActive .mss-orderProduct-btn,
.mss-widget .mss-numberCard-isActive .mss-orderProduct-btn:hover,
.mss-widget .mss-numberCard-isActive .mss-orderProduct-btn:focus,
.mss-widget .mss-hardwareCard-isActive .mss-orderProduct-btn,
.mss-widget .mss-hardwareCard-isActive .mss-orderProduct-btn:hover,
.mss-widget .mss-hardwareCard-isActive .mss-orderProduct-btn:focus,
.mss-widget .mss-paperBillCard-isActive .mss-orderProduct-btn,
.mss-widget .mss-paperBillCard-isActive .mss-orderProduct-btn:hover,
.mss-widget .mss-paperBillCard-isActive .mss-orderProduct-btn:focus {
  background-color: lightgray;
  transition: background-color 200ms ease;
  color: RGB(var(--mss-font-mainColor)); }

.mss-widget .mss-numberCard-add {
  display: inline-flex;
  position: relative;
  margin-left: 15px; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-numberCard-add {
    margin-top: 15px; } }

.mss-widget .mss-numberCard-add > i {
  font-weight: bold;
  font-size: 20px !important;
  background-color: #3b3b3b;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  padding: 10px;
  cursor: pointer; }

.mss-widget .mss-numberCard-add-deactivated > i {
  background-color: #c5c5c5; }

.mss-widget .mss-numberCard a, .mss-widget .mss-numberCard button {
  cursor: pointer; }

.mss-widget .mss-numberCard form > div {
  width: 100%; }
  .mss-widget .mss-numberCard form > div p {
    margin: 0;
    cursor: pointer;
    line-height: 1.3;
    width: 100%; }
  .mss-widget .mss-numberCard form > div .md-text-field-message-container {
    display: none; }
  .mss-widget .mss-numberCard form > div .md-list-tile {
    height: auto;
    padding: 8px 10px; }
  .mss-widget .mss-numberCard form > div .md-select-field .md-icon-separator {
    margin-bottom: 10px; }

.mss-widget .mss-numberCard .tarifInfoText hr {
  background: rgba(0, 0, 0, 0.12);
  border: 0;
  height: 1px;
  margin: 2px 0 0 0;
  max-width: 100%; }

.mss-widget .mss-numberCard .md-select-dropdownIcon {
  position: absolute;
  right: 0; }

.mss-widget h3.mss-productCard-price-old {
  font-size: 16px !important;
  color: #adadad !important;
  margin-bottom: 0;
  font-weight: 500 !important;
  text-align: right;
  text-decoration: line-through; }

.mss-widget .mss-productCard .p2 {
  text-align: right;
  line-height: 1;
  margin-top: 5px; }

.mss-widget .mss-slickProducts .slick-track {
  text-align: center;
  display: flex !important; }

.mss-widget .mss-slickProducts .mss-productNavSlider .slick-track {
  height: 100%; }

.mss-widget .mss-orderProductSection .mss-hardwareCard-flexWrap {
  display: flex;
  flex-wrap: wrap; }

.mss-widget .mss-hardwareCard-flexWrap table {
  width: 100%;
  height: 100%;
  border: none;
  border-collapse: collapse;
  margin-bottom: 0;
  background-color: white;
  margin: 0; }
  .mss-widget .mss-hardwareCard-flexWrap table tr {
    background-color: white; }

.mss-widget .mss-hardwareCard-flexWrap table > tbody > tr:first-child > td {
  vertical-align: top; }

.mss-widget .mss-hardwareCard-flexWrap table > tbody > tr:last-child > td {
  vertical-align: bottom;
  height: 100%; }

.mss-widget .mss-orderProductSection > div > .mss-orderProductSection-section {
  margin-bottom: 80px; }

.mss-widget .mss-orderProductSection > div > .mss-orderProductSection-section:last-child {
  margin-bottom: 0; }

.mss-widget table.mss-priceOverview {
  width: 100%;
  border-collapse: collapse; }
  .mss-widget table.mss-priceOverview tr {
    background-color: white; }

.mss-widget table.mss-priceOverview > tbody > tr > td, .mss-widget table.mss-priceOverview > tbody > tr > th {
  border-bottom: 1px solid #d8d8d8;
  height: 50px; }

.mss-widget table.mss-priceOverview > tbody > tr > td:first-child > p {
  font-weight: 600; }

.mss-widget table.mss-priceOverview > tbody > tr > th > p {
  font-weight: 600; }

.mss-widget table.mss-priceOverview p {
  margin: 0;
  height: 100%;
  line-height: 50px; }

@media screen and (max-width: 800px) {
  .mss-widget table.mss-priceOverview p {
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 40px;
    height: fit-content; } }

.mss-widget table.mss-priceOverview > tbody > tr > th,
.mss-widget table.mss-priceOverview > tbody > tr > td {
  text-align: right; }

.mss-widget table.mss-priceOverview > tbody > tr > th:first-child,
.mss-widget table.mss-priceOverview > tbody > tr > td:first-child {
  text-align: left; }

.mss-widget table.mss-priceOverview > tbody > tr.sum > td {
  border-top: solid 3px RGB(var(--md-primary-color));
  background-color: RGBA(var(--md-primary-color), 0.3);
  font-size: 100%; }

.mss-widget table.mss-priceOverview > tbody > tr.sum > td > p {
  font-weight: 600;
  font-size: 130%; }

.mss-widget table.mss-priceOverview > tbody > tr.sum > td:first-child > p {
  font-size: 16px; }

.mss-widget table.mss-priceOverview > tbody > tr.sum2 > td:first-child > p {
  font-weight: 400; }

.mss-widget table.mss-priceOverview > tbody > tr > th,
.mss-widget table.mss-priceOverview > tbody > tr > td {
  padding-left: 1%;
  padding-right: 1%; }

.mss-widget table.mss-priceOverview-desktop {
  display: table;
  background-color: white;
  border: unset; }

.mss-widget table.mss-priceOverview-mobil {
  display: none;
  background-color: white;
  border: unset; }

@media screen and (max-width: 800px) {
  .mss-widget table.mss-priceOverview-desktop {
    display: none; }
  .mss-widget table.mss-priceOverview-mobil {
    display: table; } }

.mss-widget .mss-priceOverview th {
  padding: 0 !important; }

.mss-widget .mss-priceOverview th > p {
  height: 40px; }

.mss-widget button.mss-order-goToNextBtn {
  padding-left: 60px !important;
  padding-right: 60px !important;
  float: right; }
  .mss-widget button.mss-order-goToNextBtn .md-ink-container {
    margin: 0 !important; }

.mss-widget button.mss-order-goToNextBtn-final {
  float: unset; }

.mss-widget a.mss-order-goToPrevBtn, .mss-widget button.mss-order-goToPrevBtn {
  float: left;
  cursor: pointer; }

.mss-widget div.mss-priceLabel {
  position: absolute;
  bottom: 0;
  margin: 12px;
  left: 0;
  right: 0; }

.mss-widget .mss-productCard table td, .mss-widget .mss-productCard table th, .mss-widget table.mss-priceOverview td, .mss-widget table.mss-priceOverview th {
  padding: initial !important;
  background-color: transparent;
  box-shadow: none; }

.mss-widget .mss-productsCard-infoTable {
  width: 100%;
  height: calc(100% - 30px);
  padding: 0 10px 10px 10px;
  border: none;
  border-collapse: unset;
  border-spacing: unset;
  margin: 0;
  background: none; }
  .mss-widget .mss-productsCard-infoTable tr {
    background-color: white !important; }

.mss-widget .mss-productsCard-infoTable div.mss-productFinder > button > div {
  font-weight: bold; }

.mss-widget .mss-productCard-infoTable-tip {
  height: calc(100% - 59px); }

@media screen and (max-width: 800px) {
  .mss-widget .mss-productCard-infoTable-tip {
    height: 85%; } }

.mss-widget .mss-productsCard-infoTable > tbody > tr:first-child > td {
  vertical-align: top; }

.mss-widget .mss-productsCard-infoTable > tbody > tr:last-child > td {
  vertical-align: bottom; }

.mss-widget .mss-productCard-price {
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1.2 !important;
  margin-bottom: 1px !important;
  text-align: center;
  font-style: normal;
  white-space: nowrap; }

.mss-widget .p2.mss-productCard-subPrice {
  text-align: center; }

.mss-widget .mss-productCard-price > span {
  font-size: 18px;
  margin-left: 5px;
  letter-spacing: initial;
  display: inline-flex;
  align-items: center; }
  .mss-widget .mss-productCard-price > span > span {
    color: #7d7d7d;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 200; }

.mss-widget .mssProducts-subline-container {
  padding-left: 8px;
  padding-right: 8px; }

.mss-widget .mss-orderContainer .mss-slickProducts .mssProducts-subline-container {
  margin-left: -20px !important;
  margin-right: -20px !important;
  padding: 0; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderContainer .mss-slickProducts .mssProducts-subline-container {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

.mss-widget .mss-orderContainer > div {
  background-color: #e0e0e0;
  max-width: 1200px;
  height: calc(100% - 40px);
  min-height: calc(100% - 40px);
  width: calc(100% - 40px); }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderContainer > div {
    height: calc(100% - 20px);
    min-height: calc(100% - 20px);
    width: calc(100% - 20px); } }

.mss-widget .mss-orderContainer > div > section {
  padding: 0;
  margin: 0;
  height: 100%;
  max-height: 100% !important; }

.mss-widget .mss-orderContainer .mss-nav {
  position: initial;
  top: unset;
  left: unset;
  right: unset;
  z-index: unset;
  transform: unset;
  transition: unset;
  display: block; }

@supports (-webkit-overflow-scrolling: touch) {
  transform: translate3d(0, 0, 0); }

.mss-widget .mss-orderContainer .mss-footer > div:first-child {
  text-align: initial;
  display: flex;
  justify-content: center; }

.mss-widget .mss-orderContainer .mss-footer > div:first-child p {
  text-decoration: none;
  cursor: initial; }

.mss-widget .mss-orderContainer .mss-footer > div:first-child p:hover {
  cursor: pointer;
  transition: 200ms; }

.mss-widget .mss-orderContainer .mss-mainNav-Logo {
  margin-top: 0;
  margin-left: 0; }

.mss-widget .mss-orderContainer .mss-nav_main > div > ul > li:first-child {
  float: left !important; }

.mss-widget .mss-orderContainer .mss-invader-footer2 {
  background-color: #ffffff; }

.mss-widget .mss-orderContainer .mss-mainContent {
  margin: 5px; }

.mss-widget .mss-orderContainer .mss-footer p {
  color: RGB(var(--md-secondary2-background-text-color)) !important;
  margin-left: 15px;
  margin-right: 15px; }

.mss-widget .mss-orderContainer .mss-footer {
  padding-top: 60px;
  padding-bottom: 20px;
  height: 130px; }

.mss-widget .mss-checkAnswerDialog {
  background-color: unset;
  z-index: 10;
  position: absolute;
  max-width: calc(calc(calc(1200px + calc(calc(100vw - 1200px) / 2)) - 15px) - calc(calc(100vw - 1200px) / 2)) !important;
  width: 100%;
  left: calc(calc(100vw - 1200px) / 2);
  margin-top: 7% !important; }

@media screen and (max-width: 1200px) {
  .mss-widget .mss-checkAnswerDialog {
    width: 98%;
    left: 1%; } }

.mss-widget .mss-checkAnswerDialog > div {
  background-color: rgba(47, 45, 48, 0.968627);
  border-radius: 5px;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 30px; }

.mss-widget .mss-checkAnswerDialog .close-btn {
  float: right;
  margin: 0 25px 0 0;
  box-shadow: none;
  background-color: unset;
  height: 25px !important;
  width: 25px !important;
  min-width: 25px; }

.mss-widget .mss-checkAnswerDialog .close-btn i {
  color: white;
  font-size: 25px; }

.mss-widget .mss-checkAnswerDialog .close-btn:hover {
  background-color: unset;
  opacity: 0.9; }

.mss-widget .mss-checkAnswerDialog h2 {
  color: white !important;
  font-size: 33.95px;
  font-style: italic; }

.mss-widget .mss-checkAnswerDialog p {
  color: white !important;
  font-weight: 300; }

.mss-widget .mss-checkAnswerDialog h4 {
  color: white !important;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.2; }

.mss-widget .mss-checkAnswerDialog h4 > span {
  color: RGB(var(--md-primary-color)); }

.mss-widget .mss-productFinderCheckDialog > div {
  max-width: 430px !important;
  text-align: center !important;
  overflow: auto; }

.mss-widget .mss-productFinderCheckDialog .mss-productFinder-questionContainer input {
  text-align: center;
  font-size: 16px; }

.mss-widget .mss-productFinderCheckDialog .mss-productFinder-productCard {
  background-color: #e8e8e8;
  margin: 10px;
  padding: 15px 10px; }

.mss-widget .mss-orderOverviewInfoPopup > div {
  text-align: left; }

.mss-widget .mss-orderOverviewInfoPopup p {
  line-height: 1.4 !important; }

.mss-widget .mss-orderOverviewInfoPopup ul {
  padding-left: 18px; }

.mss-widget #mss-login {
  width: 95% !important;
  max-width: 600px;
  text-align: left; }

.mss-widget #mss-verification {
  width: 95% !important;
  max-width: 670px;
  text-align: left; }

.mss-widget #mss-login .login-submit-button button {
  height: 40px !important;
  line-height: 40px;
  padding: 0 25px !important;
  width: 70%;
  min-width: 170px;
  margin: 0 auto;
  box-shadow: none;
  font-size: 14px;
  color: RGB(var(--md-primary-background-text-color));
  background: RGB(var(--md-primary-color)); }

.mss-widget #mss-login button.md-btn--raised-disabled {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38); }

.mss-widget #mss-login button.md-password-btn {
  background: transparent;
  margin: unset; }

.mss-widget #mss-login button.md-text--disabled {
  color: rgba(0, 0, 0, 0.38); }

.mss-widget #mss-login button.md-text--secondary {
  color: rgba(0, 0, 0, 0.54); }

.mss-widget #mss-login button.mss-contactForm-close {
  margin: unset;
  height: 20px !important; }

@media screen and (min-width: 1025px) {
  .mss-widget #mss-login button.md-password-btn {
    height: 20px !important; } }

.mss-widget #mss-login .login-submit-button {
  text-align: center;
  margin-top: 10px; }

.mss-widget #mss-login .login-submit-button button:hover {
  background: RGB(var(--md-primary-color));
  color: RGB(var(--md-primary-background-text-color)); }

.mss-widget #mss-login .login-submit-button button.md-text--disabled:hover {
  color: rgba(0, 0, 0, 0.38);
  background: rgba(0, 0, 0, 0.12); }

.mss-widget .mss-login-page {
  background-color: white;
  display: inline-block;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px; }

.mss-widget .notification-submit-button {
  text-align: center; }

.mss-widget .notification-submit-button button {
  width: 70%; }

.mss-widget .notification-submit-button button.md-btn--raised-disabled,
.mss-widget .notification-submit-button button.md-btn--raised-disabled:hover {
  background: rgba(0, 0, 0, 0.12) !important; }

.mss-widget .mss-succesfullOrderDialog {
  background-color: transparent; }

.mss-widget .mss-succesfullOrderDialog > div {
  background-color: rgba(47, 45, 48, 0.968627);
  border-radius: 5px;
  text-align: left;
  padding-bottom: 30px;
  z-index: 10;
  max-width: calc(calc(calc(1200px + calc(calc(100vw - 1200px) / 2)) - 15px) - calc(calc(100vw - 1200px) / 2)) !important;
  width: 98%; }

.mss-widget .mss-succesfullOrderDialog > div section button {
  float: right; }

.mss-widget .mss-succesfullOrderDialog > div section button i {
  color: white; }

.mss-widget .mss-succesfullOrderDialog h2, .mss-widget .mss-succesfullOrderDialog p {
  color: white !important; }

.mss-widget #mss-checkAnswerDialog-DSL {
  scroll-margin-top: 200px; }

@media screen and (max-width: 1200px) {
  .mss-widget #mss-checkAnswerDialog-DSL {
    scroll-margin-top: 100px; } }

@media screen and (max-width: 800px) {
  .mss-widget #mss-checkAnswerDialog-DSL {
    scroll-margin-top: 60px; } }

.mss-widget .mss-orderContainer .mss-contactSidebar > div {
  text-align: left; }

.mss-widget .mss-orderContainer .mss-contactSidebar button {
  height: 37px !important;
  box-shadow: none;
  background-color: transparent; }

.mss-widget .mss-orderContainer .mss-contactSidebar button:hover {
  background-color: transparent; }

.mss-widget .mss-orderContainer .mss-hotlinePart {
  text-align: right;
  margin: 30px 15px 15px; }
  .mss-widget .mss-orderContainer .mss-hotlinePart > a {
    text-decoration: none;
    text-align: left; }
  .mss-widget .mss-orderContainer .mss-hotlinePart > a > strong {
    color: black; }
  .mss-widget .mss-orderContainer .mss-hotlinePart .mss-phoneIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-bottom: -6px; }
  .mss-widget .mss-orderContainer .mss-hotlinePart > a > div:first-child {
    display: inline-flex;
    margin-right: 5px; }
  .mss-widget .mss-orderContainer .mss-hotlinePart > a > div:first-child > span {
    height: 31px;
    width: 34px; }
  .mss-widget .mss-orderContainer .mss-hotlinePart > a > div:last-child {
    display: inline-block;
    height: 34px; }

.mss-widget .mss-orderContainer .mss-hotlinePart-mobil {
  display: block; }

.mss-widget .mss-orderContainer .mss-hotlinePart-desktop {
  display: none; }

@media screen and (min-width: 800px) {
  .mss-widget .mss-orderContainer .mss-hotlinePart-mobil {
    display: none; }
  .mss-widget .mss-orderContainer .mss-hotlinePart-desktop {
    display: block; } }

.mss-widget .mss-orderContainer .mss-hotlinePart-mobil {
  text-align: center;
  margin-top: -40px; }

.mss-widget .mss-orderContainer .mss-hotlinePart-desktop {
  margin-bottom: -10px; }

.mss-widget .mss-orderContainer .mss-saveConnectionPart {
  display: flex;
  align-items: center;
  justify-content: center; }
  .mss-widget .mss-orderContainer .mss-saveConnectionPart p {
    margin: 0 0 0 -6px; }

.mss-widget .mss-check-widget-container {
  max-width: 850px;
  text-align: center;
  margin: auto; }

.mss-widget .mss-verificationDialog {
  text-align: left;
  height: 0;
  display: block;
  overflow: hidden;
  transition: height 400ms ease-in-out; }
  .mss-widget .mss-verificationDialog input.md-text-field {
    background-color: white; }
  .mss-widget .mss-verificationDialog > div {
    max-width: 800px;
    margin: 0 auto; }

.mss-widget form[name="mssVerification-form"] {
  position: relative; }
  .mss-widget form[name="mssVerification-form"] .close-btn {
    position: absolute;
    right: -15px;
    top: -15px; }

@media screen and (max-width: 800px) {
  .mss-widget form[name="mssVerification-form"] {
    margin: 20px 0; }
    .mss-widget form[name="mssVerification-form"] .close-btn {
      top: -35px; }
    .mss-widget form[name="mssVerification-form"] > p {
      margin-bottom: 25px; }
    .mss-widget form[name="mssVerification-form"] .mss-verificationDialog .md-text-field-container {
      margin: 3px 0; } }

.mss-widget span.mss-verification-checked {
  margin-bottom: -9px;
  margin-left: 5px;
  background-image: var(--msscheckicon-succsessColor);
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: cover;
  background-repeat: unset; }

.mss-widget .mss-hoorayDialog > div {
  max-width: 750px !important; }
  .mss-widget .mss-hoorayDialog > div .mss-productFinder-questionContainer {
    padding: 25px 0 35px 0; }

.mss-widget .mss-orderSection {
  background-color: white;
  padding-bottom: 30px;
  text-align: left; }

.mss-widget .mss-orderSection > h3 {
  text-align: left; }

.mss-widget .mss-orderSection .mss-orderSectionRow {
  display: flex;
  padding-left: 30px;
  padding-right: 30px; }

.mss-widget .mss-orderSection .form-input .md-layover-child--simplified {
  position: absolute; }

.mss-widget .mssPortal-side-nav {
  width: 19%;
  min-width: 220px;
  float: left; }

.mss-widget .mssPortal-side-nav > nav {
  padding-right: 20px; }

.mss-widget .mssPortal-side-nav > nav > div.mssPortal-side-nav-static-menu {
  background-color: white;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.3;
  padding-bottom: 5px; }

.mss-widget .mssPortal-pageContainer {
  width: 81%;
  float: left; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li > a {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  text-decoration: unset;
  color: black;
  font-size: 16px;
  font-weight: 500;
  background-color: white;
  padding: 5px 8px; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li > a:hover {
  filter: brightness(0.9);
  transition: filter 3ms linear; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li > a > div {
  display: flex;
  align-items: center; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li > a > div > i {
  width: 20px; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li > a > div > div {
  margin-left: 5px; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li {
  list-style: none;
  margin: 0;
  min-height: 48px; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li:first-child {
  display: flex;
  align-items: center; }

.mss-widget .mssPortal-side-nav-static-menu > ul > li:first-child > p {
  margin: 0 0 0 33px;
  font-size: 14px;
  color: #767676 !important; }

.mss-widget .mssPortal-side-nav-static-menu > ul {
  padding-left: 0;
  margin: 0;
  border-top: 1px solid #efefef; }

.mss-widget .mssPortal-side-nav-static-menu hr {
  margin: 0 5px 5px;
  opacity: 0.6; }

.mss-widget .mssPortal-side-nav-static-menu > p {
  padding: 9px 5px;
  margin: 0 0 0 28px;
  font-weight: 500; }

.mss-widget .mssPortal-side-nav-static-menu a > p {
  margin: 0 0 0 25px;
  font-weight: 500; }

.mss-widget .mss-portalNav-active {
  color: RGB(var(--md-primary-text-color));
  background-color: RGB(var(--md-primary-color)) !important; }

.mss-widget .mssPortal-pageContainer > div {
  background-color: white; }

.mss-widget .dslProductCard {
  text-align: left;
  padding: 20px;
  margin-bottom: 20px; }

.mss-widget .dslProductCard-Details {
  margin-top: 20px; }

.mss-widget .dslProductCard-Details > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%; }

.mss-widget .dslProductCard-Details > div > div:first-child {
  padding-right: 40px; }

.mss-widget .dslProductCard-Details > div > div:last-child {
  border-left: 1px solid #dfdfdf;
  padding-left: 40px; }

@media screen and (max-width: 800px) {
  .mss-widget .dslProductCard-Details > div > div {
    width: 100%; }
  .mss-widget .dslProductCard-Details > div > div:last-child {
    border-left: none;
    padding-left: 0; }
  .mss-widget .dslProductCard-Details > div > div:first-child {
    padding-right: 0; } }

.mss-widget .dslProductCard-Details p {
  margin: 0;
  line-height: 1.5; }

.mss-widget .dslProductCard-Details table {
  width: 100%; }

.mss-widget .dslProductCard-Details table td {
  width: auto;
  vertical-align: top; }

.mss-widget .dslProductCard-Details ul li {
  list-style-type: none;
  padding-left: 27px;
  margin-left: -39px;
  background-image: url(/mss/img/3aeea0373bafa9c6bc0465ef04b8dc6f.svg);
  background-repeat: no-repeat;
  background-position: left top;
  filter: saturate(0) brightness(1.2);
  text-align: left; }

.mss-widget .dslProductCard-Details h3 {
  white-space: normal; }

.mss-widget .mssPortal-topNav {
  padding: 15px 0 !important;
  padding-top: 25px !important; }

.mss-widget .mssPortal-topNav > nav {
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.mss-widget .mssPortal-topNav > nav > div > ul > li:first-child > p {
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 500;
  margin-left: 15px; }

.mss-widget .mssPortal-topNav span.svgIcon {
  transform: scaleY(1) !important;
  transition: transform 400ms ease !important; }

.mss-widget .mssPortal-topNav-invisible span.svgIcon {
  transform: scaleY(-1) !important; }

.mss-widget .mssPortal-topNav span.svgIcon {
  float: right;
  margin: 0 4px 0 0; }

.mss-widget .mssPortal-topNav > nav > div:first-child {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 10px 8px 5px; }

.mss-widget .mssPortal-topNav-contractNav {
  overflow: hidden;
  height: 0;
  transition: height 500ms ease; }

.mss-widget .mssPortal-topNav-contractNav-invisible {
  transform: scaleY(0);
  transition: transform 400ms ease, opacity 600ms ease;
  transform-origin: top; }

.mss-widget .mssPortal-currentLabel p {
  margin-bottom: 0 !important;
  margin-left: 25px;
  display: inline-flex; }

@media screen and (max-width: 1000px) {
  .mss-widget .mssPortal-side-nav {
    display: none; }
  .mss-widget .mssPortal-pageContainer {
    width: 100%; }
  .mss-widget .mssPortal-topNav > nav {
    padding-bottom: 5px; } }

@media screen and (min-width: 1000px) {
  .mss-widget .mssPortal-topNav {
    display: none; } }

.mss-widget .mss-orderSection input:-webkit-autofill, .mss-widget .mss-contact-form input:-webkit-autofill, .mss-widget .mss-verificationDialog input:-webkit-autofill {
  background-color: unset !important; }

.mss-widget .mss-orderSection .md-text-field-container hr,
.mss-widget .mss-orderSection .md-menu-container hr,
.mss-widget .mss-contact-form .md-text-field-container hr,
.mss-widget .mss-contact-form .md-menu-container hr,
.mss-widget .mss-verificationDialog .md-text-field-container hr,
.mss-widget .mss-verificationDialog .md-menu-container hr {
  display: none; }

.mss-widget .mss-orderSection .md-text-field-container--input,
.mss-widget .mss-orderSection .md-selectionControlGroup-container,
.mss-widget .mss-orderSection .md-text-field-container,
.mss-widget .mss-contact-form .md-text-field-container--input,
.mss-widget .mss-contact-form .md-selectionControlGroup-container,
.mss-widget .mss-contact-form .md-text-field-container,
.mss-widget .mss-verificationDialog .md-text-field-container--input,
.mss-widget .mss-verificationDialog .md-selectionControlGroup-container,
.mss-widget .mss-verificationDialog .md-text-field-container {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  flex-direction: row;
  scroll-margin-top: 80px; }

.mss-widget .mss-orderSection input.md-text-field,
.mss-widget .mss-orderSection div.md-select-field,
.mss-widget .mss-orderSection div.md-text-field-multiline-container,
.mss-widget .mss-contact-form input.md-text-field,
.mss-widget .mss-contact-form div.md-select-field,
.mss-widget .mss-contact-form div.md-text-field-multiline-container,
.mss-widget .mss-verificationDialog input.md-text-field,
.mss-widget .mss-verificationDialog div.md-select-field,
.mss-widget .mss-verificationDialog div.md-text-field-multiline-container {
  border-radius: 4px;
  border: 1px solid #cccccc;
  min-height: 38px;
  padding: 2px 8px;
  width: 50%;
  transition: all 200ms ease;
  margin: 0;
  font-size: 14px;
  box-shadow: none;
  scroll-margin-top: 80px; }

.mss-widget .mss-orderSection div.md-text-field-multiline-container, .mss-widget .mss-contact-form div.md-text-field-multiline-container, .mss-widget .mss-verificationDialog div.md-text-field-multiline-container {
  display: flex;
  align-items: center; }
  .mss-widget .mss-orderSection div.md-text-field-multiline-container textarea, .mss-widget .mss-contact-form div.md-text-field-multiline-container textarea, .mss-widget .mss-verificationDialog div.md-text-field-multiline-container textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    scroll-margin-top: 80px; }

.mss-widget .mss-orderSection input:focus,
.mss-widget .mss-orderSection .selectField-opened div.md-select-field,
.mss-widget .mss-orderSection .md-text-field-container.md-input-focused .md-text-field-multiline-container,
.mss-widget .mss-contact-form input:focus,
.mss-widget .mss-contact-form .selectField-opened div.md-select-field,
.mss-widget .mss-contact-form .md-text-field-container.md-input-focused .md-text-field-multiline-container,
.mss-widget .mss-verificationDialog input:focus,
.mss-widget .mss-verificationDialog .selectField-opened div.md-select-field,
.mss-widget .mss-verificationDialog .md-text-field-container.md-input-focused .md-text-field-multiline-container {
  border-color: RGB(var(--md-secondary-color));
  box-shadow: 0 0 0 1px RGB(var(--md-secondary-color));
  transition: all 200ms ease; }
  .mss-widget .mss-orderSection input:focus svg,
  .mss-widget .mss-orderSection .selectField-opened div.md-select-field svg,
  .mss-widget .mss-orderSection .md-text-field-container.md-input-focused .md-text-field-multiline-container svg,
  .mss-widget .mss-contact-form input:focus svg,
  .mss-widget .mss-contact-form .selectField-opened div.md-select-field svg,
  .mss-widget .mss-contact-form .md-text-field-container.md-input-focused .md-text-field-multiline-container svg,
  .mss-widget .mss-verificationDialog input:focus svg,
  .mss-widget .mss-verificationDialog .selectField-opened div.md-select-field svg,
  .mss-widget .mss-verificationDialog .md-text-field-container.md-input-focused .md-text-field-multiline-container svg {
    fill: #333333 !important; }

.mss-widget .mss-orderSection label.md-floating-label, .mss-widget .mss-contact-form label.md-floating-label, .mss-widget .mss-verificationDialog label.md-floating-label {
  position: inherit;
  transform: none;
  width: 25%;
  color: black;
  font-weight: 600;
  font-size: 15px;
  white-space: pre-line;
  line-height: 1.4;
  padding-right: 5px;
  margin: 0; }

.mss-widget .mss-orderSection label.md-floating-label--floating, .mss-widget .mss-contact-form label.md-floating-label--floating, .mss-widget .mss-verificationDialog label.md-floating-label--floating {
  transform: none; }

.mss-widget .mss-orderSection .md-text-field-message-container, .mss-widget .mss-contact-form .md-text-field-message-container, .mss-widget .mss-verificationDialog .md-text-field-message-container {
  display: inline-block;
  width: 25%;
  padding-left: 15px;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: 30px;
  height: max-content; }

.mss-widget .mss-orderSection .md-selectionControlGroup-container .md-text-field-message-container, .mss-widget .mss-contact-form .md-selectionControlGroup-container .md-text-field-message-container, .mss-widget .mss-verificationDialog .md-selectionControlGroup-container .md-text-field-message-container {
  margin-top: 12px; }

.mss-widget .mss-orderSection .md-selectionControlGroup-container.energyUseContainer .md-text-field-message-container, .mss-widget .mss-contact-form .md-selectionControlGroup-container.energyUseContainer .md-text-field-message-container, .mss-widget .mss-verificationDialog .md-selectionControlGroup-container.energyUseContainer .md-text-field-message-container {
  margin-top: 4px; }

.mss-widget .mss-orderSection .md-text-field-message-container.md-text--error, .mss-widget .mss-contact-form .md-text-field-message-container.md-text--error, .mss-widget .mss-verificationDialog .md-text-field-message-container.md-text--error {
  color: rgba(0, 0, 0, 0.38) !important; }

.mss-widget .mss-orderSection .md-input-error .md-text--error, .mss-widget .mss-orderSection .md-input-error label, .mss-widget .mss-orderSection .md-input-error .md-text-field-message-container, .mss-widget .mss-contact-form .md-input-error .md-text--error, .mss-widget .mss-contact-form .md-input-error label, .mss-widget .mss-contact-form .md-input-error .md-text-field-message-container, .mss-widget .mss-verificationDialog .md-input-error .md-text--error, .mss-widget .mss-verificationDialog .md-input-error label, .mss-widget .mss-verificationDialog .md-input-error .md-text-field-message-container {
  color: red !important; }

.mss-widget .mss-orderSection .md-input-error input.md-text-field, .mss-widget .mss-orderSection .md-input-error div.md-select-field, .mss-widget .mss-orderSection .md-input-error div.md-text-field-multiline-container, .mss-widget .mss-contact-form .md-input-error input.md-text-field, .mss-widget .mss-contact-form .md-input-error div.md-select-field, .mss-widget .mss-contact-form .md-input-error div.md-text-field-multiline-container, .mss-widget .mss-verificationDialog .md-input-error input.md-text-field, .mss-widget .mss-verificationDialog .md-input-error div.md-select-field, .mss-widget .mss-verificationDialog .md-input-error div.md-text-field-multiline-container {
  border-color: red;
  box-shadow: none;
  background-color: #fff7f7; }

.mss-widget .mss-orderSection .md-menu--select-field, .mss-widget .mss-contact-form .md-menu--select-field, .mss-widget .mss-verificationDialog .md-menu--select-field {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block; }
  .mss-widget .mss-orderSection .md-menu--select-field .md-select-field__toggle, .mss-widget .mss-contact-form .md-menu--select-field .md-select-field__toggle, .mss-widget .mss-verificationDialog .md-menu--select-field .md-select-field__toggle {
    display: flex;
    align-items: center; }
  .mss-widget .mss-orderSection .md-menu--select-field div.md-select-field, .mss-widget .mss-contact-form .md-menu--select-field div.md-select-field, .mss-widget .mss-verificationDialog .md-menu--select-field div.md-select-field {
    display: flex;
    align-items: center; }
  .mss-widget .mss-orderSection .md-menu--select-field .md-icon-separator, .mss-widget .mss-contact-form .md-menu--select-field .md-icon-separator, .mss-widget .mss-verificationDialog .md-menu--select-field .md-icon-separator {
    margin: 0; }
  .mss-widget .mss-orderSection .md-menu--select-field ul, .mss-widget .mss-contact-form .md-menu--select-field ul, .mss-widget .mss-verificationDialog .md-menu--select-field ul {
    margin-left: 25%;
    width: 50%;
    margin-top: 4px;
    box-shadow: 0 0 4px 2px #00000014;
    border: 1px solid #e0e0e0; }
    .mss-widget .mss-orderSection .md-menu--select-field ul .md-list-tile, .mss-widget .mss-contact-form .md-menu--select-field ul .md-list-tile, .mss-widget .mss-verificationDialog .md-menu--select-field ul .md-list-tile {
      height: 38px; }
  .mss-widget .mss-orderSection .md-menu--select-field .md-icon-text, .mss-widget .mss-contact-form .md-menu--select-field .md-icon-text, .mss-widget .mss-verificationDialog .md-menu--select-field .md-icon-text {
    display: flex;
    flex: 1; }
  .mss-widget .mss-orderSection .md-menu--select-field .md-select-dropdownIcon, .mss-widget .mss-contact-form .md-menu--select-field .md-select-dropdownIcon, .mss-widget .mss-verificationDialog .md-menu--select-field .md-select-dropdownIcon {
    display: flex; }
    .mss-widget .mss-orderSection .md-menu--select-field .md-select-dropdownIcon > span, .mss-widget .mss-contact-form .md-menu--select-field .md-select-dropdownIcon > span, .mss-widget .mss-verificationDialog .md-menu--select-field .md-select-dropdownIcon > span {
      background-color: #cccccc;
      width: 1px; }
    .mss-widget .mss-orderSection .md-menu--select-field .md-select-dropdownIcon > div, .mss-widget .mss-contact-form .md-menu--select-field .md-select-dropdownIcon > div, .mss-widget .mss-verificationDialog .md-menu--select-field .md-select-dropdownIcon > div {
      margin-left: 6px;
      display: flex; }
      .mss-widget .mss-orderSection .md-menu--select-field .md-select-dropdownIcon > div svg, .mss-widget .mss-contact-form .md-menu--select-field .md-select-dropdownIcon > div svg, .mss-widget .mss-verificationDialog .md-menu--select-field .md-select-dropdownIcon > div svg {
        fill: #cccccc; }

.mss-widget .mss-orderSection fieldset, .mss-widget .mss-contact-form fieldset, .mss-widget .mss-verificationDialog fieldset {
  padding: 0;
  width: 50%;
  margin: 0;
  scroll-margin-top: 80px; }

.mss-widget .mss-orderSection .md-icon-separator .md-icon-text:first-child, .mss-widget .mss-contact-form .md-icon-separator .md-icon-text:first-child, .mss-widget .mss-verificationDialog .md-icon-separator .md-icon-text:first-child {
  padding-right: 5px; }

.mss-widget .mss-orderSection .md-text-field-container.md-input-valid.md-input-focused .md-text-field-multiline-container, .mss-widget .mss-contact-form .md-text-field-container.md-input-valid.md-input-focused .md-text-field-multiline-container, .mss-widget .mss-verificationDialog .md-text-field-container.md-input-valid.md-input-focused .md-text-field-multiline-container {
  border-color: RGB(var(--md-succsess-color));
  box-shadow: 0 0 0 1px RGB(var(--md-succsess-color));
  transition: all 200ms ease; }

.mss-widget .mss-orderSection .md-input-valid input:focus,
.mss-widget .mss-orderSection .selectField-required.md-select-valid input:focus,
.mss-widget .mss-contact-form .md-input-valid input:focus,
.mss-widget .mss-contact-form .selectField-required.md-select-valid input:focus,
.mss-widget .mss-verificationDialog .md-input-valid input:focus,
.mss-widget .mss-verificationDialog .selectField-required.md-select-valid input:focus {
  border-color: RGB(var(--md-succsess-color));
  box-shadow: 0 0 0 1px RGB(var(--md-succsess-color));
  transition: all 200ms ease; }

.mss-widget .mss-orderSection .md-input-valid input, .mss-widget .mss-orderSection .md-input-valid div.md-select-field, .mss-widget .mss-orderSection .md-input-valid div.md-text-field-multiline-container, .mss-widget .mss-orderSection .selectField-required.md-select-valid input, .mss-widget .mss-orderSection .selectField-required.md-select-valid div.md-select-field, .mss-widget .mss-orderSection .selectField-required.md-select-valid div.md-text-field-multiline-container, .mss-widget .mss-contact-form .md-input-valid input, .mss-widget .mss-contact-form .md-input-valid div.md-select-field, .mss-widget .mss-contact-form .md-input-valid div.md-text-field-multiline-container, .mss-widget .mss-contact-form .selectField-required.md-select-valid input, .mss-widget .mss-contact-form .selectField-required.md-select-valid div.md-select-field, .mss-widget .mss-contact-form .selectField-required.md-select-valid div.md-text-field-multiline-container, .mss-widget .mss-verificationDialog .md-input-valid input, .mss-widget .mss-verificationDialog .md-input-valid div.md-select-field, .mss-widget .mss-verificationDialog .md-input-valid div.md-text-field-multiline-container, .mss-widget .mss-verificationDialog .selectField-required.md-select-valid input, .mss-widget .mss-verificationDialog .selectField-required.md-select-valid div.md-select-field, .mss-widget .mss-verificationDialog .selectField-required.md-select-valid div.md-text-field-multiline-container {
  border-color: RGB(var(--md-succsess-color));
  background-color: RGBA(var(--md-succsess-color), 0.1) !important; }

.mss-widget .mss-orderSection .selectField-required.md-select-valid.selectField-opened div.md-select-field, .mss-widget .mss-contact-form .selectField-required.md-select-valid.selectField-opened div.md-select-field, .mss-widget .mss-verificationDialog .selectField-required.md-select-valid.selectField-opened div.md-select-field {
  border-color: RGB(var(--md-succsess-color));
  box-shadow: 0 0 0 1px RGB(var(--md-succsess-color));
  transition: all 200ms ease; }

.mss-widget .mss-orderSection .md-text-field-container--disabled input, .mss-widget .mss-contact-form .md-text-field-container--disabled input, .mss-widget .mss-verificationDialog .md-text-field-container--disabled input {
  background-color: #f4f4f4; }

.mss-widget .mss-orderSection .md-text-field-container--disabled label, .mss-widget .mss-contact-form .md-text-field-container--disabled label, .mss-widget .mss-verificationDialog .md-text-field-container--disabled label {
  color: #bebebe; }

.mss-widget .mss-orderSection .md-autocomplete-container ul, .mss-widget .mss-contact-form .md-autocomplete-container ul, .mss-widget .mss-verificationDialog .md-autocomplete-container ul {
  margin-left: 25%;
  width: 50%;
  margin-top: -12px;
  box-shadow: 0 0 4px 2px #00000014;
  border: 1px solid #e0e0e0; }
  .mss-widget .mss-orderSection .md-autocomplete-container ul .md-list-tile, .mss-widget .mss-contact-form .md-autocomplete-container ul .md-list-tile, .mss-widget .mss-verificationDialog .md-autocomplete-container ul .md-list-tile {
    height: 38px; }

.mss-widget .mss-orderSection div.mss-form-text-container, .mss-widget .mss-contact-form div.mss-form-text-container, .mss-widget .mss-verificationDialog div.mss-form-text-container {
  margin-left: 25%; }

.mss-widget .mss-orderSection .md-password-btn.md-password-btn, .mss-widget .mss-contact-form .md-password-btn.md-password-btn, .mss-widget .mss-verificationDialog .md-password-btn.md-password-btn {
  display: flex;
  top: unset;
  right: 27%;
  margin: 0; }

.mss-widget .mss-verificationDialog label.md-floating-label {
  text-align: right;
  padding-right: 15px; }

.mss-widget .mss-contact-form fieldset {
  width: 100%;
  margin: 5px; }

.mss-widget .energyConsumptionRowContainer {
  display: inline-flex;
  align-items: center;
  width: 100%; }
  .mss-widget .energyConsumptionRowContainer button {
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: RGB(var(--md-secondary2-color));
    border-radius: 20px; }
    .mss-widget .energyConsumptionRowContainer button > i {
      color: white;
      line-height: 38px; }

.mss-widget .energyConsumptionRow {
  height: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .mss-widget .energyConsumptionRow .md-select-field__toggle {
    display: block !important; }
  .mss-widget .energyConsumptionRow .md-select-field, .mss-widget .energyConsumptionRow .md-text-field {
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important; }
  .mss-widget .energyConsumptionRow .md-text-field-message-container {
    width: 100%;
    padding: 0; }
    .mss-widget .energyConsumptionRow .md-text-field-message-container .md-text-field-message {
      margin: 0;
      text-align: right; }
  .mss-widget .energyConsumptionRow .md-text-field-message-container:before {
    top: 0;
    right: 0; }
  .mss-widget .energyConsumptionRow ul {
    margin-left: 0 !important;
    margin-top: -20px !important;
    width: 100% !important; }
  .mss-widget .energyConsumptionRow .md-icon-separator {
    margin: 0 !important; }
  .mss-widget .energyConsumptionRow .md-selectionControlGroup-container fieldset {
    width: 100% !important;
    scroll-margin-top: 80px; }
  .mss-widget .energyConsumptionRow > div {
    display: inline-block !important;
    width: 17% !important;
    margin-right: 15px;
    float: left;
    height: auto;
    text-align: left; }
  .mss-widget .energyConsumptionRow > div.md-selectionControlGroup-container {
    width: auto !important;
    width: fit-content !important;
    width: -moz-fit-content !important; }
  .mss-widget .energyConsumptionRow > div.energyConsumptionDeleteButton {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px;
    float: right;
    position: relative;
    margin: 37px 0 0; }
  .mss-widget .energyConsumptionRow fieldset {
    margin-top: 8px;
    margin-right: 0; }
  .mss-widget .energyConsumptionRow fieldset.energyUse .md-selection-control-container {
    margin-right: 15px; }
  .mss-widget .energyConsumptionRow .objectZone,
  .mss-widget .energyConsumptionRow .objectZoneArea {
    min-width: 150px !important; }
  .mss-widget .energyConsumptionRow .energyConsumptionFuel,
  .mss-widget .energyConsumptionRow .energyUseFuel {
    min-width: 170px !important; }
  .mss-widget .energyConsumptionRow .energyUseHeating,
  .mss-widget .energyConsumptionRow .energyUseHotWater,
  .mss-widget .energyConsumptionRow .energyUseLight,
  .mss-widget .energyConsumptionRow .energyUseCooking,
  .mss-widget .energyConsumptionRow .energyUseCooling,
  .mss-widget .energyConsumptionRow .energyUseAirConditioning,
  .mss-widget .energyConsumptionRow .energyUseDrive,
  .mss-widget .energyConsumptionRow .energyUseOther {
    width: 9% !important; }
  .mss-widget .energyConsumptionRow .energyConsumptionFrom,
  .mss-widget .energyConsumptionRow .energyConsumptionTo,
  .mss-widget .energyConsumptionRow .energyConsumptionValue,
  .mss-widget .energyConsumptionRow .energyConsumptionVacancy,
  .mss-widget .energyConsumptionRow .energyConsumptionUnit {
    min-width: 140px !important;
    width: 13% !important; }

.mss-widget button.energyConsumptionAddButton {
  width: 150px;
  background-color: RGB(var(--md-secondary2-color));
  border-radius: 30px;
  height: 41px; }
  .mss-widget button.energyConsumptionAddButton i {
    color: white;
    height: 40px;
    line-height: 40px; }
  .mss-widget button.energyConsumptionAddButton p {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    margin: 0;
    color: white !important;
    position: relative;
    top: -4px;
    cursor: pointer; }

@media screen and (max-width: 1000px) {
  .mss-widget .energyConsumptionRowContainer {
    display: inline-block; }
    .mss-widget .energyConsumptionRowContainer > div.energyConsumptionDeleteButton {
      width: 100% !important;
      text-align: center;
      margin-bottom: 10px;
      margin-top: 10px; }
  .mss-widget .energyConsumptionRow > div.md-selectionControlGroup-container {
    width: 100% !important;
    margin-right: 0; }
  .mss-widget .energyConsumptionRow .energyConsumptionFuel,
  .mss-widget .energyConsumptionRow .energyUseFuel {
    min-width: 100% !important; }
  .mss-widget .energyConsumptionRow .energyConsumptionFrom,
  .mss-widget .energyConsumptionRow .energyConsumptionTo,
  .mss-widget .energyConsumptionRow .energyConsumptionValue,
  .mss-widget .energyConsumptionRow .energyConsumptionVacancy,
  .mss-widget .energyConsumptionRow .objectZone,
  .mss-widget .energyConsumptionRow .objectZoneArea,
  .mss-widget .energyConsumptionRow .energyConsumptionUnit {
    min-width: calc(50% - 15px) !important; }
  .mss-widget .energyConsumptionRow .energyUseHeating,
  .mss-widget .energyConsumptionRow .energyUseHotWater,
  .mss-widget .energyConsumptionRow .energyUseLight,
  .mss-widget .energyConsumptionRow .energyUseCooking {
    width: calc(25% - 15px) !important; } }

.mss-widget .mss-orderSection-singleElement {
  margin-left: 25%; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderSection .md-text-field-container--input,
  .mss-widget .mss-orderSection .md-selectionControlGroup-container,
  .mss-widget .mss-orderSection .md-text-field-container,
  .mss-widget .mss-contact-form .md-text-field-container--input,
  .mss-widget .mss-contact-form .md-selectionControlGroup-container,
  .mss-widget .mss-contact-form .md-text-field-container,
  .mss-widget .mss-verificationDialog .md-text-field-container--input,
  .mss-widget .mss-verificationDialog .md-selectionControlGroup-container,
  .mss-widget .mss-verificationDialog .md-text-field-container {
    display: inline-block; }
  .mss-widget .mss-orderSection label.md-floating-label, .mss-widget .mss-contact-form label.md-floating-label, .mss-widget .mss-verificationDialog label.md-floating-label {
    margin-bottom: 15px;
    display: inline-block;
    width: fit-content;
    width: -moz-fit-content; }
  .mss-widget .mss-orderSection input.md-text-field,
  .mss-widget .mss-orderSection div.md-text-field-multiline-container,
  .mss-widget .mss-contact-form input.md-text-field,
  .mss-widget .mss-contact-form div.md-text-field-multiline-container,
  .mss-widget .mss-verificationDialog input.md-text-field,
  .mss-widget .mss-verificationDialog div.md-text-field-multiline-container {
    width: 100%;
    margin-left: 0; }
  .mss-widget .mss-orderSection .md-text-field-message-container, .mss-widget .mss-contact-form .md-text-field-message-container, .mss-widget .mss-verificationDialog .md-text-field-message-container {
    text-align: right;
    margin-top: 5px;
    position: relative;
    width: 100%;
    padding: 0;
    right: 0; }
  .mss-widget .mss-orderSection .md-select-field__toggle, .mss-widget .mss-contact-form .md-select-field__toggle, .mss-widget .mss-verificationDialog .md-select-field__toggle {
    display: block !important;
    width: 100%; }
    .mss-widget .mss-orderSection .md-select-field__toggle .md-select-field, .mss-widget .mss-contact-form .md-select-field__toggle .md-select-field, .mss-widget .mss-verificationDialog .md-select-field__toggle .md-select-field {
      width: 100%; }
  .mss-widget .mss-orderSection .md-menu--select-field ul, .mss-widget .mss-contact-form .md-menu--select-field ul, .mss-widget .mss-verificationDialog .md-menu--select-field ul {
    width: 100%;
    margin-left: 0; }
  .mss-widget .mss-orderSection fieldset, .mss-widget .mss-contact-form fieldset, .mss-widget .mss-verificationDialog fieldset {
    width: 100%;
    scroll-margin-top: 80px; }
  .mss-widget .mss-orderSection div.mss-form-text-container, .mss-widget .mss-contact-form div.mss-form-text-container, .mss-widget .mss-verificationDialog div.mss-form-text-container {
    margin-left: 0; }
  .mss-widget .mss-orderSection .md-password-btn.md-password-btn, .mss-widget .mss-contact-form .md-password-btn.md-password-btn, .mss-widget .mss-verificationDialog .md-password-btn.md-password-btn {
    top: unset;
    right: 0;
    margin: 8px;
    display: inherit; }
  .mss-widget .mss-orderSection-singleElement {
    margin-left: 0; }
  .mss-widget .md-autocomplete-container ul {
    width: 100%;
    margin-left: 0; } }

.mss-widget .mss-2RowInputFormContainer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container--input,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-selectionControlGroup-container,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container--input,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-selectionControlGroup-container,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container--input,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-selectionControlGroup-container,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container {
  display: inline-block;
  width: calc(50% - 20px);
  margin: 0 10px; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer label.md-floating-label, .mss-widget .mss-contact-form .mss-2RowInputFormContainer label.md-floating-label, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer label.md-floating-label {
  margin-bottom: 15px;
  display: inline-block;
  width: fit-content;
  width: -moz-fit-content; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer input.md-text-field,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer div.md-text-field-multiline-container,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer input.md-text-field,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer div.md-text-field-multiline-container,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer input.md-text-field,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer div.md-text-field-multiline-container {
  width: 100%;
  margin-left: 0; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-message-container, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-message-container, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-message-container {
  text-align: right;
  margin-top: 5px;
  position: relative;
  width: 100%;
  padding: 0;
  right: 0; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-select-field__toggle, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-select-field__toggle, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-select-field__toggle {
  display: block !important;
  width: 100%; }
  .mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-select-field__toggle .md-select-field, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-select-field__toggle .md-select-field, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-select-field__toggle .md-select-field {
    width: 100%; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-menu--select-field ul, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-menu--select-field ul, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-menu--select-field ul {
  width: 100%;
  margin-left: 0; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer fieldset, .mss-widget .mss-contact-form .mss-2RowInputFormContainer fieldset, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer fieldset {
  width: 100%;
  scroll-margin-top: 80px; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer div.mss-form-text-container, .mss-widget .mss-contact-form .mss-2RowInputFormContainer div.mss-form-text-container, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer div.mss-form-text-container {
  margin-left: 0; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-password-btn.md-password-btn, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-password-btn.md-password-btn, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-password-btn.md-password-btn {
  top: unset;
  right: 0;
  margin: 8px;
  display: inherit; }

@media screen and (max-width: 600px) {
  .mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container--input,
  .mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-selectionControlGroup-container,
  .mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container,
  .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container--input,
  .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-selectionControlGroup-container,
  .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container,
  .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container--input,
  .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-selectionControlGroup-container,
  .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container {
    width: 100%; } }

.mss-widget .md-radio-error label,
.mss-widget .md-radio-error .md-text-field-message-container {
  color: red !important; }

.mss-widget .md-radio-error fieldset > legend,
.mss-widget .md-radio-error fieldset > div > label,
.mss-widget .md-radio-error fieldset > div > label > div,
.mss-widget .md-radio-error fieldset > div > label > span > p,
.mss-widget .md-radio-error fieldset > div > label > span > p.p2,
.mss-widget .md-radio-error fieldset > div > label > span > p > a {
  color: red !important; }

.mss-widget .md-text-field-message {
  margin-left: 32px; }

@media screen and (min-width: 801px) {
  .mss-widget .mss-orderSection .md-text-field-message-container:before, .mss-widget .mss-contact-form .md-text-field-message-container:before, .mss-widget .mss-verificationDialog .md-text-field-message-container:before {
    background-repeat: no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute; } }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderSection .md-text-field-container.md-input-required:before,
  .mss-widget .mss-orderSection .md-autocomplete-container.md-input-required .md-autocomplete:before,
  .mss-widget .mss-orderSection .selectField-required .md-select-field__toggle:before,
  .mss-widget .mss-orderSection .md-text-field-container.md-input-valid:before,
  .mss-widget .mss-orderSection .md-autocomplete-container.md-input-valid .md-autocomplete:before,
  .mss-widget .mss-orderSection .selectField-required.md-select-valid .md-select-field__toggle:before,
  .mss-widget .mss-orderSection .md-text-field-container.md-input-error:before,
  .mss-widget .mss-orderSection .md-autocomplete-container.md-input-error .md-autocomplete:before,
  .mss-widget .mss-orderSection .md-radio-required.md-selectionControlGroup-container:before,
  .mss-widget .mss-contact-form .md-text-field-container.md-input-required:before,
  .mss-widget .mss-contact-form .md-autocomplete-container.md-input-required .md-autocomplete:before,
  .mss-widget .mss-contact-form .selectField-required .md-select-field__toggle:before,
  .mss-widget .mss-contact-form .md-text-field-container.md-input-valid:before,
  .mss-widget .mss-contact-form .md-autocomplete-container.md-input-valid .md-autocomplete:before,
  .mss-widget .mss-contact-form .selectField-required.md-select-valid .md-select-field__toggle:before,
  .mss-widget .mss-contact-form .md-text-field-container.md-input-error:before,
  .mss-widget .mss-contact-form .md-autocomplete-container.md-input-error .md-autocomplete:before,
  .mss-widget .mss-contact-form .md-radio-required.md-selectionControlGroup-container:before,
  .mss-widget .mss-verificationDialog .md-text-field-container.md-input-required:before,
  .mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-required .md-autocomplete:before,
  .mss-widget .mss-verificationDialog .selectField-required .md-select-field__toggle:before,
  .mss-widget .mss-verificationDialog .md-text-field-container.md-input-valid:before,
  .mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-valid .md-autocomplete:before,
  .mss-widget .mss-verificationDialog .selectField-required.md-select-valid .md-select-field__toggle:before,
  .mss-widget .mss-verificationDialog .md-text-field-container.md-input-error:before,
  .mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-error .md-autocomplete:before,
  .mss-widget .mss-verificationDialog .md-radio-required.md-selectionControlGroup-container:before {
    background-repeat: no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    right: 0; }
  .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer:before, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer:before, .mss-widget .mss-verificationDialog .mss-checkboxOnly-InputContainer:before {
    content: unset !important; }
  .mss-widget .mss-orderSection .md-menu--select-field ul, .mss-widget .mss-contact-form .md-menu--select-field ul, .mss-widget .mss-verificationDialog .md-menu--select-field ul {
    margin-top: -20px; }
  .mss-widget .mss-orderSection .md-autocomplete-container ul, .mss-widget .mss-contact-form .md-autocomplete-container ul, .mss-widget .mss-verificationDialog .md-autocomplete-container ul {
    margin-left: 0;
    margin-top: -35px;
    width: 100%; } }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container.md-input-required:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container.md-input-valid:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-container.md-input-error:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-radio-required.md-selectionControlGroup-container:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container.md-input-required:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container.md-input-valid:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-container.md-input-error:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-radio-required.md-selectionControlGroup-container:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container.md-input-required:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container.md-input-valid:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-container.md-input-error:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-radio-required.md-selectionControlGroup-container:before {
  background-repeat: no-repeat;
  content: '';
  width: 30px;
  height: 30px;
  background-size: cover;
  position: absolute;
  right: 0; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .mss-checkboxOnly-InputContainer:before, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .mss-checkboxOnly-InputContainer:before, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .mss-checkboxOnly-InputContainer:before {
  content: unset !important; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-menu--select-field ul, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-menu--select-field ul, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-menu--select-field ul {
  margin-top: -20px; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-autocomplete-container ul, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-autocomplete-container ul, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-autocomplete-container ul {
  margin-left: 0;
  margin-top: -35px;
  width: 100%; }

.mss-widget .mss-orderSection .mss-2RowInputFormContainer .md-text-field-message-container:before, .mss-widget .mss-contact-form .mss-2RowInputFormContainer .md-text-field-message-container:before, .mss-widget .mss-verificationDialog .mss-2RowInputFormContainer .md-text-field-message-container:before {
  background-repeat: no-repeat;
  content: unset;
  width: 30px;
  height: 30px;
  background-size: cover;
  position: absolute; }

.mss-widget .mss-orderSection .md-input-required .md-text-field-message-container:before,
.mss-widget .mss-orderSection .selectField-required .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-radio-required .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-text-field-container.md-input-required:before,
.mss-widget .mss-orderSection .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-orderSection .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-orderSection .md-radio-required.md-selectionControlGroup-container:before,
.mss-widget .mss-contact-form .md-input-required .md-text-field-message-container:before,
.mss-widget .mss-contact-form .selectField-required .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-radio-required .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-text-field-container.md-input-required:before,
.mss-widget .mss-contact-form .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-contact-form .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-contact-form .md-radio-required.md-selectionControlGroup-container:before,
.mss-widget .mss-verificationDialog .md-input-required .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .selectField-required .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-radio-required .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-text-field-container.md-input-required:before,
.mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-required .md-autocomplete:before,
.mss-widget .mss-verificationDialog .selectField-required .md-select-field__toggle:before,
.mss-widget .mss-verificationDialog .md-radio-required.md-selectionControlGroup-container:before {
  background-image: var(--mssStarIcon); }

.mss-widget .mss-orderSection .md-input-valid .md-text-field-message-container:before,
.mss-widget .mss-orderSection .selectField-required.md-select-valid .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-radio-required.md-radio-valid .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-text-field-container.md-input-valid:before,
.mss-widget .mss-orderSection .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-orderSection .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-orderSection .md-radio-required.md-radio-valid.md-selectionControlGroup-container:before,
.mss-widget .mss-contact-form .md-input-valid .md-text-field-message-container:before,
.mss-widget .mss-contact-form .selectField-required.md-select-valid .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-radio-required.md-radio-valid .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-text-field-container.md-input-valid:before,
.mss-widget .mss-contact-form .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-contact-form .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-contact-form .md-radio-required.md-radio-valid.md-selectionControlGroup-container:before,
.mss-widget .mss-verificationDialog .md-input-valid .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .selectField-required.md-select-valid .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-radio-required.md-radio-valid .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-text-field-container.md-input-valid:before,
.mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-valid .md-autocomplete:before,
.mss-widget .mss-verificationDialog .selectField-required.md-select-valid .md-select-field__toggle:before,
.mss-widget .mss-verificationDialog .md-radio-required.md-radio-valid.md-selectionControlGroup-container:before {
  background-image: var(--msscheckicon-succsessColor); }

.mss-widget .mss-orderSection .md-input-error .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-radio-error .md-text-field-message-container:before,
.mss-widget .mss-orderSection .md-menu--select-field.md-input-error .md-select-field__toggle:before,
.mss-widget .mss-orderSection .md-text-field-container.md-input-error:before,
.mss-widget .mss-orderSection .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-orderSection .md-radio-error.md-selectionControlGroup-container:before,
.mss-widget .mss-contact-form .md-input-error .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-radio-error .md-text-field-message-container:before,
.mss-widget .mss-contact-form .md-menu--select-field.md-input-error .md-select-field__toggle:before,
.mss-widget .mss-contact-form .md-text-field-container.md-input-error:before,
.mss-widget .mss-contact-form .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-contact-form .md-radio-error.md-selectionControlGroup-container:before,
.mss-widget .mss-verificationDialog .md-input-error .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-radio-error .md-text-field-message-container:before,
.mss-widget .mss-verificationDialog .md-menu--select-field.md-input-error .md-select-field__toggle:before,
.mss-widget .mss-verificationDialog .md-text-field-container.md-input-error:before,
.mss-widget .mss-verificationDialog .md-autocomplete-container.md-input-error .md-autocomplete:before,
.mss-widget .mss-verificationDialog .md-radio-error.md-selectionControlGroup-container:before {
  background-image: var(--mssStarIconError); }

.mss-widget .mss-orderSection .md-radio-valid .md-text--theme-secondary i {
  color: RGB(var(--md-succsess-color)); }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer > label, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer > label {
  display: none; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer fieldset > div, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer fieldset > div {
  height: auto; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer p, .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer fieldset, .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .md-text-field-message-container, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer p, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer fieldset, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .md-text-field-message-container {
  margin: 0 !important; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer fieldset, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer fieldset {
  width: 75%; }

@media screen and (max-width: 800px) {
  .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .md-text-field-message-container:before, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .md-text-field-message-container:before {
    background-repeat: no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    background-size: cover;
    position: relative; }
  .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .md-text-field-message, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .md-text-field-message {
    margin-left: 0; }
  .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer fieldset, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer fieldset {
    width: 100%; }
  .mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .md-text-field-message-container, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .md-text-field-message-container {
    width: auto;
    float: right;
    margin-top: 10px !important; } }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message-container:before, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message-container:before {
  background-repeat: no-repeat;
  content: '';
  width: 30px;
  height: 30px;
  background-size: cover;
  position: relative; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message {
  margin-left: 0; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer fieldset, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer fieldset {
  width: 100%; }

.mss-widget .mss-orderSection .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message-container, .mss-widget .mss-contact-form .mss-checkboxOnly-InputContainer .mss-2RowInputFormContainer .md-text-field-message-container {
  width: auto;
  float: right;
  margin-top: 10px !important; }

.mss-widget .energyConsumptionRow .organizationKMU {
  min-width: 210px !important; }

.mss-widget .energyConsumptionRow .organizationKMUNotClosed {
  min-width: 140px !important;
  max-width: 140px !important; }

@media screen and (max-width: 700px) {
  .mss-widget .energyConsumptionRow .organizationDeminimis,
  .mss-widget .energyConsumptionRow .organizationKMU,
  .mss-widget .energyConsumptionRow .organizationKMUNotClosed {
    min-width: 100% !important; } }

.mss-widget .leaflet-pane,
.mss-widget .leaflet-tile,
.mss-widget .leaflet-marker-icon,
.mss-widget .leaflet-marker-shadow,
.mss-widget .leaflet-tile-container,
.mss-widget .leaflet-pane > svg,
.mss-widget .leaflet-pane > canvas,
.mss-widget .leaflet-zoom-box,
.mss-widget .leaflet-image-layer,
.mss-widget .leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.mss-widget .leaflet-container {
  overflow: hidden; }

.mss-widget .leaflet-tile,
.mss-widget .leaflet-marker-icon,
.mss-widget .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.mss-widget .leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast; }

.mss-widget .leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0; }

.mss-widget .leaflet-marker-icon,
.mss-widget .leaflet-marker-shadow {
  display: block; }

.mss-widget .leaflet-container .leaflet-overlay-pane svg,
.mss-widget .leaflet-container .leaflet-marker-pane img,
.mss-widget .leaflet-container .leaflet-shadow-pane img,
.mss-widget .leaflet-container .leaflet-tile-pane img,
.mss-widget .leaflet-container img.leaflet-image-layer {
  max-width: none !important; }

.mss-widget .leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y; }

.mss-widget .leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom; }

.mss-widget .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none; }

.mss-widget .leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.mss-widget .leaflet-tile-loaded {
  visibility: inherit; }

.mss-widget .leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800; }

.mss-widget .leaflet-overlay-pane svg {
  -moz-user-select: none; }

.mss-widget .leaflet-pane {
  z-index: 400; }

.mss-widget .leaflet-tile-pane {
  z-index: 200; }

.mss-widget .leaflet-overlay-pane {
  z-index: 400; }

.mss-widget .leaflet-shadow-pane {
  z-index: 500; }

.mss-widget .leaflet-marker-pane {
  z-index: 600; }

.mss-widget .leaflet-tooltip-pane {
  z-index: 650; }

.mss-widget .leaflet-popup-pane {
  z-index: 700; }

.mss-widget .leaflet-map-pane canvas {
  z-index: 100; }

.mss-widget .leaflet-map-pane svg {
  z-index: 200; }

.mss-widget .leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.mss-widget .lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

.mss-widget .leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto; }

.mss-widget .leaflet-top,
.mss-widget .leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.mss-widget .leaflet-top {
  top: 0; }

.mss-widget .leaflet-right {
  right: 0; }

.mss-widget .leaflet-bottom {
  bottom: 0; }

.mss-widget .leaflet-left {
  left: 0; }

.mss-widget .leaflet-control {
  float: left;
  clear: both; }

.mss-widget .leaflet-right .leaflet-control {
  float: right; }

.mss-widget .leaflet-top .leaflet-control {
  margin-top: 10px; }

.mss-widget .leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.mss-widget .leaflet-left .leaflet-control {
  margin-left: 10px; }

.mss-widget .leaflet-right .leaflet-control {
  margin-right: 10px; }

.mss-widget .leaflet-fade-anim .leaflet-tile {
  will-change: opacity; }

.mss-widget .leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.mss-widget .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.mss-widget .leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.mss-widget .leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform; }

.mss-widget .leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.mss-widget .leaflet-zoom-anim .leaflet-tile,
.mss-widget .leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.mss-widget .leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

.mss-widget .leaflet-interactive {
  cursor: pointer; }

.mss-widget .leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.mss-widget .leaflet-crosshair,
.mss-widget .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair; }

.mss-widget .leaflet-popup-pane,
.mss-widget .leaflet-control {
  cursor: auto; }

.mss-widget .leaflet-dragging .leaflet-grab,
.mss-widget .leaflet-dragging .leaflet-grab .leaflet-interactive,
.mss-widget .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

.mss-widget .leaflet-marker-icon,
.mss-widget .leaflet-marker-shadow,
.mss-widget .leaflet-image-layer,
.mss-widget .leaflet-pane > svg path,
.mss-widget .leaflet-tile-container {
  pointer-events: none; }

.mss-widget .leaflet-marker-icon.leaflet-interactive,
.mss-widget .leaflet-image-layer.leaflet-interactive,
.mss-widget .leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  pointer-events: auto; }

.mss-widget .leaflet-container {
  background: #D2D3D3;
  outline: 0; }

.mss-widget .leaflet-container a {
  color: RGB(var(--md-primary-color)); }

.mss-widget .leaflet-container a.leaflet-active {
  outline: 2px solid #E67012; }

.mss-widget .leaflet-zoom-box {
  border: 2px dotted RGB(var(--md-secondary-color));
  background: rgba(255, 255, 255, 0.5); }

.mss-widget .leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

.mss-widget .leaflet-bar {
  box-shadow: 0 1px 5px #333333; }

.mss-widget .leaflet-bar a,
.mss-widget .leaflet-bar a:hover {
  background-color: #FFFFFF;
  border-bottom: 1px solid #D2D3D3;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #333333; }

.mss-widget .leaflet-bar a,
.mss-widget .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.mss-widget .leaflet-bar a:hover {
  background-color: #FAFBFC; }

.mss-widget .leaflet-bar a:last-child {
  border-bottom: none; }

.mss-widget .leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #FAFBFC;
  color: #D2D3D3; }

.mss-widget .leaflet-touch .leaflet-bar a {
  background-color: RGB(var(--md-secondary-color));
  border-radius: 30px;
  color: RGB(var(--md-secondary-background-text-color));
  text-align: center;
  text-decoration: none;
  margin-bottom: 5px;
  cursor: pointer; }

.mss-widget .leaflet-control-zoom-in,
.mss-widget .leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.mss-widget .leaflet-control-zoom-out {
  font-size: 20px; }

.mss-widget .leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px; }

.mss-widget .leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px; }

.mss-widget .leaflet-control-layers {
  box-shadow: 0 1px 5px #6E6F6F;
  background: #FFFFFF; }

.mss-widget .leaflet-control-layers-toggle {
  background-image: url(/mss/img/b0e429344fa3584c3349e7be10255c94.png);
  width: 36px;
  height: 36px; }

.mss-widget .leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/mss/img/56fb6b107fe09028f2640e824b4cb21b.png);
  background-size: 26px 26px; }

.mss-widget .leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.mss-widget .leaflet-control-layers .leaflet-control-layers-list,
.mss-widget .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.mss-widget .leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.mss-widget .leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333333;
  background: #FFFFFF; }

.mss-widget .leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  padding-right: 5px; }

.mss-widget .leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.mss-widget .leaflet-control-layers label {
  display: block; }

.mss-widget .leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #D2D3D3;
  margin: 5px -10px 5px -6px; }

.mss-widget .leaflet-default-icon-path {
  background-image: url(/mss/img/f93a4e7a7c50b0c56f13a3285407d1f2.png); }

.mss-widget .leaflet-container .leaflet-control-attribution {
  background: #FAFBFC;
  background: #FAFBFC;
  margin: 0; }

.mss-widget .leaflet-control-attribution,
.mss-widget .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333333; }

.mss-widget .leaflet-control-attribution a {
  text-decoration: none; }

.mss-widget .leaflet-control-attribution a:hover {
  text-decoration: underline; }

.mss-widget .leaflet-container .leaflet-control-attribution,
.mss-widget .leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.mss-widget .leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.mss-widget .leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.mss-widget .leaflet-control-scale-line {
  border: 2px solid #6E6F6F;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.5); }

.mss-widget .leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #6E6F6F;
  border-bottom: none;
  margin-top: -2px; }

.mss-widget .leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #6E6F6F; }

.mss-widget .leaflet-touch .leaflet-control-attribution,
.mss-widget .leaflet-touch .leaflet-control-layers,
.mss-widget .leaflet-touch .leaflet-bar {
  box-shadow: none; }

.mss-widget .leaflet-touch .leaflet-control-layers,
.mss-widget .leaflet-touch .leaflet-bar {
  background-clip: padding-box; }

.mss-widget .leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px; }

.mss-widget .leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left; }

.mss-widget .leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.mss-widget .leaflet-popup-content p {
  margin: 18px 0; }

.mss-widget .leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none; }

.mss-widget .leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.mss-widget .leaflet-popup-content-wrapper,
.mss-widget .leaflet-popup-tip {
  background: #FFFFFF;
  color: #333333;
  box-shadow: 0 3px 14px #D2D3D3; }

.mss-widget .leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #D2D3D3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.mss-widget .leaflet-container a.leaflet-popup-close-button:hover {
  color: #6E6F6F; }

.mss-widget .leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #D2D3D3;
  border-top: 1px solid #D2D3D3; }

.mss-widget .leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.mss-widget .leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.mss-widget .leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.mss-widget .leaflet-oldie .leaflet-control-zoom,
.mss-widget .leaflet-oldie .leaflet-control-layers,
.mss-widget .leaflet-oldie .leaflet-popup-content-wrapper,
.mss-widget .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #6E6F6F; }

.mss-widget .leaflet-div-icon {
  background: #FFFFFF;
  border: 1px solid #6E6F6F; }

.mss-widget .leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #333333;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px #6E6F6F; }

.mss-widget .leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto; }

.mss-widget .leaflet-tooltip-top:before,
.mss-widget .leaflet-tooltip-bottom:before,
.mss-widget .leaflet-tooltip-left:before,
.mss-widget .leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

.mss-widget .leaflet-tooltip-bottom {
  margin-top: 6px; }

.mss-widget .leaflet-tooltip-top {
  margin-top: -6px; }

.mss-widget .leaflet-tooltip-bottom:before,
.mss-widget .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px; }

.mss-widget .leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #FFFFFF; }

.mss-widget .leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #FFFFFF; }

.mss-widget .leaflet-tooltip-left {
  margin-left: -6px; }

.mss-widget .leaflet-tooltip-right {
  margin-left: 6px; }

.mss-widget .leaflet-tooltip-left:before,
.mss-widget .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px; }

.mss-widget .leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #FFFFFF; }

.mss-widget .leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #FFFFFF; }

@font-face {
  font-family: 'custom-icons';
  font-display: swap;
  src: url(/mss/fonts/64aeaaa6b4de04d7455f261aa2c1c9f8.ttf) format("truetype"); }

.mss-widget i.custom-icon {
  line-height: 1; }
  .mss-widget i.custom-icon::before {
    font-family: custom-icons !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top; }
  .mss-widget i.custom-icon.custom-icon-apple::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-fridge::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-light::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-oven::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-switch::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-thermometer::before {
    content: ""; }
  .mss-widget i.custom-icon.custom-icon-washing::before {
    content: ""; }

