/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons); */
.z-level-0 {
  box-shadow: none; }

.z-level-1, .card, .card-no-background, .table-wrapper,
.table-card, .table-wrapper.table-bordered,
.table-card.table-bordered {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.z-level-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.z-level-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.z-level-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.z-level-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

/* break points */
.pull-left, .align-left {
  float: left; }

.pull-center, .align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right, .align-right {
  float: right; }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.text-align-justify {
  text-align: justify; }

.fs-12 {
  font-size: 12px; }

.fs-14 {
  font-size: 14px; }

.fs-18 {
  font-size: 18px; }

/* margin and paddings */
.mt-8 {
  margin-top: 8px !important; }

.mt-16 {
  margin-top: 16px !important; }

.mt-24 {
  margin-top: 24px !important; }

.mt-32 {
  margin-top: 32px !important; }

.mt-48 {
  margin-top: 48px !important; }

.mt-64 {
  margin-top: 64px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.mb-32 {
  margin-bottom: 32px !important; }

.mb-48 {
  margin-bottom: 48px !important; }

.mb-64 {
  margin-bottom: 64px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pt-16 {
  padding-top: 16px !important; }

.pt-24 {
  padding-top: 24px !important; }

.pt-32 {
  padding-top: 32px !important; }

.pt-48 {
  padding-top: 48px !important; }

.pt-64 {
  padding-top: 64px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.pb-32 {
  padding-bottom: 32px !important; }

.pb-48 {
  padding-bottom: 48px !important; }

.pb-64 {
  padding-bottom: 64px !important; }

.ml-8 {
  margin-left: 8px !important; }

.ml-16 {
  margin-left: 16px !important; }

.ml-24 {
  margin-left: 24px !important; }

.ml-32 {
  margin-left: 32px !important; }

.ml-48 {
  margin-left: 48px !important; }

.ml-64 {
  margin-left: 64px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mr-16 {
  margin-right: 16px !important; }

.mr-24 {
  margin-right: 24px !important; }

.mr-32 {
  margin-right: 32px !important; }

.mr-48 {
  margin-right: 48px !important; }

.mr-64 {
  margin-right: 64px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pl-16 {
  padding-left: 16px !important; }

.pl-24 {
  padding-left: 24px !important; }

.pl-32 {
  padding-left: 32px !important; }

.pl-48 {
  padding-left: 48px !important; }

.pl-64 {
  padding-left: 64px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pr-16 {
  padding-right: 16px !important; }

.pr-24 {
  padding-right: 24px !important; }

.pr-32 {
  padding-right: 32px !important; }

.pr-48 {
  padding-right: 48px !important; }

.pr-64 {
  padding-right: 64px !important; }

.no-mt {
  margin-top: 0 !important; }

.no-mb {
  margin-bottom: 0 !important; }

.no-ml {
  margin-left: 0 !important; }

.no-mr {
  margin-right: 0 !important; }

.no-m {
  margin: 0 !important; }

.no-pt {
  padding-top: 0 !important; }

.no-pb {
  padding-bottom: 0 !important; }

.no-pl {
  padding-left: 0 !important; }

.no-pr {
  padding-right: 0 !important; }

.no-p {
  padding: 0 !important; }

.no-wr, .no-br {
  white-space: nowrap; }

.hidden, .navbar-item.hidden {
  display: none; }

.visible-sm, .navbar-item.visible-sm {
  display: none; }

.visible-md, .navbar-item.visible-md {
  display: none; }

.visible-lg, .navbar-item.visible-lg {
  display: none; }

@media (min-width: 768px) {
  .hidden-sm, .navbar-item.hidden-sm {
    display: none; }

  .visible-sm {
    display: block; }

  .navbar-item.visible-sm {
    display: inline-block; } }
@media (min-width: 992px) {
  .hidden-md, .navbar-item.hidden-md {
    display: none; }

  .visible-md {
    display: block; }

  .navbar-item.visible-md {
    display: inline-block; } }
@media (min-width: 1286px) {
  .hidden-lg, .navbar-item.hidden-lg {
    display: none; }

  .visible-lg {
    display: block; }

  .navbar-item.visible-lg {
    display: inline-block; } }
/**
 * Legend:
 * TDV - theme dark values
 * CTV - color themes values
 * D7 - differs in Drupal 7 version
 * TO DO - needs to be implemented
 */
/* helpful classes */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/*
 *
 * Uncomment and set these variables to customize the grid.
 *
 * :root {
 *  --gutter-width: 1rem;
 *  --outer-margin: 2rem;
 *  --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 );
 *  --half-gutter-width: calc( var( --gutter-width / 2 ) );
 *  --screen-xs-min: 30em;
 *  --screen-sm-min: 48em;
 *  --screen-md-min: 62em;
 *  --screen-lg-min: 75em;
 *  --container-sm: calc( 45rem + var( --gutter-width ) );
 *  --container-md: calc( 60rem + var( --gutter-width ) );
 *  --container-lg: calc( 70rem + var( --gutter-width ) );
 * }
 *
*/
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px; }

.row-wrapper {
  padding-right: 12px;
  padding-left: 12px; }

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }

.row.reverse {
  flex-direction: row-reverse; }

.col.reverse {
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 12px;
  padding-left: 12px; }

.col-xs {
  flex: 1 0 0;
  max-width: 100%; }

.col-xs-1 {
  flex: 0 0 8.333%;
  max-width: 8.333%; }

.col-xs-2 {
  flex: 0 0 16.667%;
  max-width: 16.667%; }

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-xs-4 {
  flex: 0 0 33.333%;
  max-width: 33.333%; }

.col-xs-5 {
  flex: 0 0 41.667%;
  max-width: 41.667%; }

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-xs-7 {
  flex: 0 0 58.333%;
  max-width: 58.333%; }

.col-xs-8 {
  flex: 0 0 66.667%;
  max-width: 66.667%; }

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-xs-10 {
  flex: 0 0 83.333%;
  max-width: 83.333%; }

.col-xs-11 {
  flex: 0 0 91.667%;
  max-width: 91.667%; }

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.col-xs-offset-1 {
  margin-left: 8.333%; }

.col-xs-offset-2 {
  margin-left: 16.667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.333%; }

.col-xs-offset-5 {
  margin-left: 41.667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.333%; }

.col-xs-offset-8 {
  margin-left: 66.667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.333%; }

.col-xs-offset-11 {
  margin-left: 91.667%; }

.start-xs {
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  justify-content: center;
  text-align: center; }

.end-xs {
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  align-items: flex-start; }

.middle-xs {
  align-items: center; }

.bottom-xs {
  align-items: flex-end; }

.around-xs {
  justify-content: space-around; }

.between-xs {
  justify-content: space-between; }

.warning {
  color: red;
}

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 768px) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px; }

  .col-sm {
    flex: 1 0 0;
    max-width: 100%; }

  .col-sm-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%; }

  .col-sm-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%; }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%; }

  .col-sm-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%; }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%; }

  .col-sm-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%; }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%; }

  .col-sm-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%; }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }

  .col-sm-offset-1 {
    margin-left: 8.333%; }

  .col-sm-offset-2 {
    margin-left: 16.667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.333%; }

  .col-sm-offset-5 {
    margin-left: 41.667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.333%; }

  .col-sm-offset-8 {
    margin-left: 66.667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.333%; }

  .col-sm-offset-11 {
    margin-left: 91.667%; }

  .start-sm {
    justify-content: flex-start;
    text-align: start; }

  .center-sm {
    justify-content: center;
    text-align: center; }

  .end-sm {
    justify-content: flex-end;
    text-align: end; }

  .top-sm {
    align-items: flex-start; }

  .middle-sm {
    align-items: center; }

  .bottom-sm {
    align-items: flex-end; }

  .around-sm {
    justify-content: space-around; }

  .between-sm {
    justify-content: space-between; }

  .first-sm {
    order: -1; }

  .last-sm {
    order: 1; } }
@media only screen and (min-width: 992px) {
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px; }

  .col-md {
    flex: 1 0 0;
    max-width: 100%; }

  .col-md-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%; }

  .col-md-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%; }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%; }

  .col-md-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%; }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%; }

  .col-md-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%; }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%; }

  .col-md-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%; }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }

  .col-md-offset-1 {
    margin-left: 8.333%; }

  .col-md-offset-2 {
    margin-left: 16.667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.333%; }

  .col-md-offset-5 {
    margin-left: 41.667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.333%; }

  .col-md-offset-8 {
    margin-left: 66.667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.333%; }

  .col-md-offset-11 {
    margin-left: 91.667%; }

  .start-md {
    justify-content: flex-start;
    text-align: start; }

  .center-md {
    justify-content: center;
    text-align: center; }

  .end-md {
    justify-content: flex-end;
    text-align: end; }

  .top-md {
    align-items: flex-start; }

  .middle-md {
    align-items: center; }

  .bottom-md {
    align-items: flex-end; }

  .around-md {
    justify-content: space-around; }

  .between-md {
    justify-content: space-between; }

  .first-md {
    order: -1; }

  .last-md {
    order: 1; } }
@media only screen and (min-width: 1286px) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 12px;
    padding-left: 12px; }

  .col-lg {
    flex: 1 0 0;
    max-width: 100%; }

  .col-lg-1 {
    flex: 0 0 8.333%;
    max-width: 8.333%; }

  .col-lg-2 {
    flex: 0 0 16.667%;
    max-width: 16.667%; }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%; }

  .col-lg-5 {
    flex: 0 0 41.667%;
    max-width: 41.667%; }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%; }

  .col-lg-8 {
    flex: 0 0 66.667%;
    max-width: 66.667%; }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    flex: 0 0 83.333%;
    max-width: 83.333%; }

  .col-lg-11 {
    flex: 0 0 91.667%;
    max-width: 91.667%; }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }

  .col-lg-offset-1 {
    margin-left: 8.333%; }

  .col-lg-offset-2 {
    margin-left: 16.667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.333%; }

  .col-lg-offset-5 {
    margin-left: 41.667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.333%; }

  .col-lg-offset-8 {
    margin-left: 66.667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.333%; }

  .col-lg-offset-11 {
    margin-left: 91.667%; }

  .start-lg {
    justify-content: flex-start;
    text-align: start; }

  .center-lg {
    justify-content: center;
    text-align: center; }

  .end-lg {
    justify-content: flex-end;
    text-align: end; }

  .top-lg {
    align-items: flex-start; }

  .middle-lg {
    align-items: center; }

  .bottom-lg {
    align-items: flex-end; }

  .around-lg {
    justify-content: space-around; }

  .between-lg {
    justify-content: space-between; }

  .first-lg {
    order: -1; }

  .last-lg {
    order: 1; } }
/* fonts */
.material-icons, .icon-left:before, .icon-right:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

.title.has-subtitle {
  margin-bottom: 1.68rem; }
  .title.has-subtitle h1 {
    margin-bottom: 0; }

.title {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.3125rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.16667em; }

.subtitle {
  display: flex;
  color: rgba(0, 0, 0, 0.54);
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.5em; }
  .subtitle > div {
    display: flex; }

.headline {
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87); }

.title {
  font-size: 1.3125rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87); }

.subheading {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 2em;
  color: rgba(0, 0, 0, 0.87); }

p {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 2em;
  color: rgba(0, 0, 0, 0.87); }

.caption {
  font-size: 0.75rem;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.54); }

button {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif; }

/* common styles */
* {
  box-sizing: border-box !important; }

#page * {
  box-sizing: border-box; }
#page .cke * {
  box-sizing: content-box; }

body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  background: #FAFAFA; }

h4 {
  font-size: 1.25rem; }

.layout-container {
  overflow: hidden; }
  .layout-container .block-local-tasks-block,
  .layout-container .table-card.table-wrapper {
    overflow: scroll; }

.material-container {
  max-width: 1200px; }

input[type="tel"], input[type="number"] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: block;
  max-width: 460px;
  padding: 8px 0;
  width: 100%; }
  input[type="tel"]:focus, input[type="tel"].error:focus, input[type="number"]:focus, input[type="number"].error:focus {
    border-bottom: 2px solid #00b0ff;
    padding-bottom: 7px; }
  input[type="tel"].error, input[type="number"].error {
    border-bottom: 2px solid #f44336;
    padding: 8px 0 7px; }
  input[type="tel"]:-moz-placeholder, input[type="number"]:-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  input[type="tel"]::-moz-placeholder, input[type="number"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  input[type="tel"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  input[type="tel"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.26); }

.border-bottom--light, .horizontal-tabs ul.horizontal-tabs-list {
  border-bottom: 1px solid #eeeeee; }

.profile-image {
  display: flex;
  justify-content: center; }
  .profile-image .profile-image--large {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }

.bg-success {
  background-color: #4caf50; }

.bg-error {
  background-color: #f44336; }

.text-success {
  color: #4caf50; }

.text-error {
  color: #f44336; }

.error-cross {
  transform: rotate(45deg); }

.tabs .tab a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto; }

.dropdown-button {
  padding: 0 9px;
  border-radius: 50%;
  transition: background-color .2s; }

#block-pdfexport {
  display: flex;
  margin-top: 15px;
  justify-content: flex-end; }

.inventory-item-chart {
  margin-top: 15px; }
.inventory-item-chart-container {
  overflow: hidden;
}

.form-type-select label {
  padding-right: 10px; }
  .form-type-select label:after {
    top: 0;
    opacity: 1;
    right: 0;
    left: auto; }

#block-chm-material-sitebranding {
  flex: 1; }

@media (min-width: 628px) {
  .layout-container {
    overflow: visible; }
    .layout-container .block-local-tasks-block,
    .layout-container .table-card.table-wrapper {
      overflow: visible; }

  .layout-content {
    margin: auto; }

  .wrap {
    display: flex;
    flex-wrap: wrap; } }
.time-overview {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-align: center; }
  .time-overview .time-overview-item {
    padding: 10px;
    display: inline-block; }
    .time-overview .time-overview-item.active {
      background-color: #1e88e5;
      color: white; }

.add-product {
  margin-top: 1em;
  width: 100%;
  display: flex;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-direction: row; }
  .flex-row .form-item {
    padding: 0 5px;
    flex: 1; }

.collapsible-body .container:first-child {
  width: 100% !important; }
  .collapsible-body .container:first-child .row {
    padding: 0 !important; }

@media (min-width: 628px) {
  .row.material-container {
    padding: 20px 5px; } }
.drawer-toggle {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center; }
  .drawer-toggle #navbar-menu-toggle a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; }
    .drawer-toggle #navbar-menu-toggle a:hover {
      text-decoration: none; }

#drawer {
  background-color: white;
  border-right: 1px solid #e0e0e0; }
  #drawer .region-drawer {
    height: 100%;
    display: flex;
    flex-direction: column; }
  #drawer #block-chm-theme-carehomemanager-menu {
    display: flex;
    flex: 1; }
  #drawer #block-chm-theme-account-menu {
    border-top: 1px solid #e0e0e0; }
  #drawer .menu {
    margin: 0;
    width: 100%; }
    #drawer .menu .menu-item--expanded ul {
      margin-left: 30px; }
      #drawer .menu .menu-item--expanded ul a {
        color: rgba(0, 0, 0, 0.54); }

/* drawer */
#drawer-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 39; }
  .drawer-open #drawer-overlay {
    display: block; }

[class*="toolbar-"] #drawer {
  margin-top: 39px; }

#drawer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 270px;
  margin-left: -294px;
  z-index: 40;
  background: #FAFAFA;
  overflow: auto;
  border-right: 1px solid #FAFAFA;
  transition: margin-left .2s; }
  .drawer-open #drawer {
    margin-left: 0;
    border-right-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  #drawer .drawer-item {
    padding: 8px 12px; }
  #drawer #drawer-menu-close {
    float: left; }
  #drawer #drawer-menu-close a {
    display: inline-block;
    padding: 12px;
    height: 48px;
    width: 48px;
    color: #000; }
  #drawer #drawer-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    padding: 12px;
    color: rgba(0, 0, 0, 0.54); }
  #drawer .menu {
    list-style: none;
    padding: 0;
    margin: 0 -12px; }
    #drawer .menu li a {
      display: block;
      padding: 12px 24px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87); }
      #drawer .menu li a:hover {
        background: #eeeeee; }
      #drawer .menu li a.icon-left:before, #drawer .menu li a.icon-right:after {
        color: rgba(0, 0, 0, 0.54); }
      #drawer .menu li a.services-icon-left:before, #drawer .menu li a.services-icon-right:after {
        background: rgba(0, 0, 0, 0.54); }
    #drawer .menu .active-trail a, #drawer .menu .is-active {
      color: #607d8b; }
      #drawer .menu .active-trail a.icon-left:before, #drawer .menu .active-trail a.icon-right:after, #drawer .menu .is-active.icon-left:before, #drawer .menu .is-active.icon-right:after {
        color: #607d8b; }
      #drawer .menu .active-trail a.services-icon-left:before, #drawer .menu .active-trail a.services-icon-right:after, #drawer .menu .is-active.services-icon-left:before, #drawer .menu .is-active.services-icon-right:after {
        background: #607d8b; }

@media (min-width: 992px) {
  .drawer-toggle {
    display: none; } }
.card, .card-no-background {
  padding: 24px;
  border-radius: 2px;
  background: #FFFFFF; }
  .card.card-vertical, .card-vertical.card-no-background {
    padding: 0; }
    .card.card-vertical .card-column-left, .card-vertical.card-no-background .card-column-left,
    .card.card-vertical .card-column-right,
    .card-vertical.card-no-background .card-column-right {
      padding: 24px; }
  .card > .breadcrumbs:first-child, .card-no-background > .breadcrumbs:first-child, .card > .title:first-child, .card-no-background > .title:first-child, .card > .block:first-child, .card-no-background > .block:first-child, .card > div > .breadcrumbs:first-child, .card-no-background > div > .breadcrumbs:first-child, .card > div > .title:first-child, .card-no-background > div > .title:first-child, .card > div > .block:first-child, .card-no-background > div > .block:first-child {
    margin-top: 0 !important; }
  .card > .block:last-child, .card-no-background > .block:last-child, .card > div > .block:last-child, .card-no-background > div > .block:last-child {
    margin-bottom: 0 !important; }

.card-item {
  margin-left: -24px;
  margin-right: -24px; }
  .card-item:first-child {
    margin-top: -24px; }
  .card-item:last-child {
    margin-bottom: -24px; }

.card-main .card-item {
  margin-left: -16px;
  margin-right: -16px; }
  .card-main .card-item:first-child {
    margin-top: -16px; }
  .card-main .card-item:last-child {
    margin-bottom: -16px; }

.card-title {
  padding: 24px 24px 16px 24px; }
  .card-title:last-child {
    padding-bottom: 24px; }
  .card-title h1, .card-title h2, .card-title h3, .card-title h4, .card-title .h1, .card-title .h2, .card-title .h3, .card-title .h4 {
    margin: 0; }

.card-media {
  position: relative;
  min-height: 240px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  overflow: hidden; }
  .card-media a {
    display: block; }
  .card-media img {
    display: block;
    width: 100%;
    height: auto; }
  .card-media .title {
    background: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 8px 24px; }
    .card-media .title a {
      margin: -8px -24px;
      padding: 8px 24px; }
  .card-media .pull-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .card-media .pull-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

.media-cover img {
  -o-object-fit: cover;
     object-fit: cover; }

.card-actions .action-item {
  display: inline-block;
  height: 36px;
  line-height: 20px;
  padding: 8px 16px;
  margin: 8px; }

.card-text {
  padding: 16px 24px 8px 24px; }
  .card-text:last-child {
    padding-bottom: 16px; }
  .card-title + .card-text {
    padding-top: 0; }
  .card-title.divider-bottom + .card-text, .card-title + .card-text.divider-top {
    padding-top: 16px; }

.card-no-background {
  padding: 0 !important; }
  .card-no-background h1 {
    margin: 1.78rem 0 1.424rem 0; }
  .card-no-background .col-left {
    background-color: #fff; }
  .card-no-background .col-right {
    background-color: #f5f5f5; }

@media (min-width: 992px) {
  .card-no-background--col-left {
    margin: -24px 0; } }
.horizontal-tabs details,
.field-group-tabs-wrapper details {
  box-shadow: none; }
  .horizontal-tabs details summary,
  .field-group-tabs-wrapper details summary {
    padding: 10px 0;
    background-color: transparent;
    border: none; }
    .horizontal-tabs details summary:focus,
    .field-group-tabs-wrapper details summary:focus {
      outline: none; }
    .horizontal-tabs details summary:hover,
    .field-group-tabs-wrapper details summary:hover {
      cursor: auto; }
.horizontal-tabs details.form-wrapper[open] > summary:after,
.field-group-tabs-wrapper details.form-wrapper[open] > summary:after {
  content: ''; }

.horizontal-tabs {
  border: none; }
  .horizontal-tabs ul.horizontal-tabs-list {
    display: flex;
    margin: inherit;
    padding-left: 0;
    background-color: transparent;
    border-right: none;
    list-style: none; }
    .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button {
      display: block;
      float: none;
      padding: 0;
      background-color: transparent;
      border: none; }
      .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a {
        display: inline-block;
        line-height: 20px;
        padding: 14px 12px 12px 12px;
        border-bottom: 2px solid transparent;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.54); }
        .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:hover {
          background-color: transparent;
          border-color: rgba(96, 125, 139, 0.5); }
      .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected {
        background-color: transparent; }
        .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
          border-color: #607d8b;
          color: #607d8b; }
          .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a:hover {
            border-color: #607d8b; }

.region-header {
  display: flex;
  align-items: center; }
  .region-header .block-page-title-block {
    flex: 1; }

header .menu {
  display: none; }
header .navigation.menu--chm {
  display: flex;
  align-items: center; }
header .dropbutton-wrapper {
  display: none; }

@media (min-width: 992px) {
  header .menu {
    display: flex;
    justify-content: flex-end; }
    header .menu > .menu-item {
      margin: 10px;
      border-bottom: 1px solid transparent; }
      header .menu > .menu-item:last-child {
        margin-right: 0; }
      header .menu > .menu-item.menu-item--active-trail, header .menu > .menu-item:hover {
        border-bottom: 1px solid white; }
    header .menu .menu-item--collapsed {
      list-style-image: none !important; }
    header .menu > .menu-item a {
      color: white;
      font-size: 14px;
      text-transform: uppercase;
      text-decoration: none; }
  header .dropbutton-wrapper {
    display: inline-block; }
    header .dropbutton-wrapper .dropdown-button {
      padding: 0 10px;
      border-radius: 50%;
      transition: background-color .2s; }
      header .dropbutton-wrapper .dropdown-button.active {
        background: rgba(0, 0, 0, 0.2); }
      header .dropbutton-wrapper .dropdown-button i {
        color: white; }
    header .dropbutton-wrapper .dropdown-content {
      margin-top: 40px; } }
.material-icons, .icon-left:before, .icon-right:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

.material-icons.fs-18, .fs-18.icon-left:before, .fs-18.icon-right:after {
  font-size: 18px; }

.material-icons.fs-24, .fs-24.icon-left:before, .fs-24.icon-right:after {
  font-size: 24px; }

.material-icons.fs-36, .fs-36.icon-left:before, .fs-36.icon-right:after {
  font-size: 36px; }

.material-icons.fs-48, .fs-48.icon-left:before, .fs-48.icon-right:after {
  font-size: 48px; }

.icon-dark.icon-left:before, .icon-dark.icon-right:after {
  color: rgba(0, 0, 0, 0.87) !important; }

.icon-secondary.icon-left:before, .icon-secondary.icon-right:after {
  color: rgba(0, 0, 0, 0.54); }

.icon-disabled.icon-left:before, .icon-disabled.icon-right:after {
  color: rgba(0, 0, 0, 0.26); }

.icon-light.icon-left:before, .icon-light.icon-right:after {
  color: #FFF !important; }

.icon-light.icon-disabled.icon-left:before, .icon-light.icon-disabled.icon-right:after {
  color: rgba(255, 255, 255, 0.3) !important; }

.icon-primary.icon-left:before, .icon-primary.icon-right:after {
  color: #607d8b; }

.icon-accent.icon-left:before, .icon-accent.icon-right:after {
  color: #00b0ff; }

.icon-left:before {
  content: attr(data-icon);
  margin-right: 12px;
  float: left; }

.icon-right:after {
  content: attr(data-icon);
  margin-left: 12px;
  float: right; }

.theme-dark .icon-secondary.icon-left:before, .theme-dark .icon-secondary.icon-right:after {
  color: rgba(255, 255, 255, 0.7); }
.theme-dark .icon-disabled.icon-left:before, .theme-dark .icon-disabled.icon-right:after {
  color: rgba(255, 255, 255, 0.3); }
.theme-dark .icon-primary.icon-left:before, .theme-dark .icon-primary.icon-right:after {
  color: #78909c; }
.theme-dark .icon-accent.icon-left:before, .theme-dark .icon-accent.icon-right:after {
  color: #40c4ff; }

#notification-wrapper {
  margin: 0;
  border: none; }
  #notification-wrapper .message-trigger {
    background: transparent; }

@media (min-width: 992px) {
  #notification-wrapper {
    bottom: 0; } }
header .material-container {
  position: relative; }
  header .material-container .header-container {
    display: flex;
    align-items: center; }
    header .material-container .header-container .region-header {
      flex: 1; }
      header .material-container .header-container .region-header .block-system-menu-blockchm {
        display: flex;
        align-items: center; }
header .row {
  padding: 0 !important; }
header .sub-header-container {
  display: flex; }
  header .sub-header-container #block-chm-material-primary-local-tasks {
    flex: 1; }

body[class^='report--'] .table-wrapper thead th,
body[class^='report--'] .table-wrapper tbody td {
  width: 18%; }
body[class^='report--'] .table-wrapper thead th:first-child,
body[class^='report--'] .table-wrapper tbody td:first-child {
  width: 50%; }
body[class^='report--'] .table-wrapper thead th:last-child,
body[class^='report--'] .table-wrapper tbody td:last-child {
  width: 14%; }

fieldset.form-wrapper .fieldset-wrapper {
  display: flex;
  flex-direction: column; }
  fieldset.form-wrapper .fieldset-wrapper .table-wrapper {
    order: 2; }

.table-wrapper,
.table-card {
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 2px;
  background-color: #fff; }
  .card .table-wrapper.table-bordered, .card-no-background .table-wrapper.table-bordered, .card
  .table-card.table-bordered, .card-no-background
  .table-card.table-bordered {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
  .table-wrapper table.ief-entity-table,
  .table-card table.ief-entity-table {
    margin: 0; }

th, td {
  padding: 12px 12px; }

th:first-child, td:first-child {
  padding-left: 16px; }

th:last-child, td:last-child {
  padding-right: 16px; }

.form-wrapper.form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.form-wrapper {
  overflow: scroll; }

table [class*='ief-entity-operations '],
table [id*='form-actions'] {
  display: flex; }

fieldset [id*='inline-entity-form-actions'] {
  display: flex; }

form:not([id*='edit-form']):not([id*='add-form']) fieldset.form-wrapper {
  padding: 0;
  border: 0; }
  form:not([id*='edit-form']):not([id*='add-form']) fieldset.form-wrapper .ief-entity-operations {
    display: flex;
    flex-direction: row; }

form fieldset.form-wrapper button.button-action {
  margin-bottom: 10px; }
form div.image-widget {
  margin-bottom: 10px; }
form div[class*='address-postal-code'] {
  min-width: 150px;
  margin-right: 10px !important; }
  form div[class*='address-postal-code'] input.postal-code,
  form div[class*='address-postal-code'] label {
    width: 100% !important; }

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default) {
  width: 100%; }

.form-type-number input:focus {
  padding-bottom: 0; }

.has-suffix,
.has-prefix {
  margin-top: 45px; }
  .has-suffix .input-icon-element .input-icon-element--icon,
  .has-prefix .input-icon-element .input-icon-element--icon {
    position: absolute;
    bottom: 13px;
    color: #9e9e9e; }
    .has-suffix .input-icon-element .input-icon-element--icon.currency,
    .has-prefix .input-icon-element .input-icon-element--icon.currency {
      bottom: 48px; }
    .has-suffix .input-icon-element .input-icon-element--icon.measurement,
    .has-prefix .input-icon-element .input-icon-element--icon.measurement {
      bottom: 13px; }

.has-prefix .input-icon-element .input-icon-element--icon {
  left: 0; }
.has-prefix .input-icon-element label {
  margin-top: -15px;
  transform: translateY(-14px) scale(0.8); }
  .has-prefix .input-icon-element label.active {
    margin-top: 0; }
.has-prefix .input-icon-element input {
  padding-left: 30px; }

.has-suffix .input-icon-element .input-icon-element--icon {
  right: 0; }
.has-suffix .input-icon-element input {
  padding-right: 30px; }

@media (min-width: 628px) {
  .form-wrapper {
    overflow: visible; } }
/* tooltips */
.tooltip {
  position: relative; }
  .tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    box-sizing: border-box;
    max-width: 160px;
    background: rgba(97, 97, 97, 0.9);
    padding: 6px 16px;
    border-radius: 2px;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    line-height: 20px;
    white-space: normal;
    opacity: 0;
    transition: opacity .2s;
    bottom: calc(100% + 16px);
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, 0); }
  .tooltip:hover:after {
    opacity: 1; }
  .tooltip.tooltip-top-left:after {
    left: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-top-right:after {
    left: auto;
    right: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-bottom-left:after {
    bottom: auto;
    top: calc(100% + 16px);
    left: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-bottom:after {
    bottom: auto;
    top: calc(100% + 16px); }
  .tooltip.tooltip-bottom-right:after {
    bottom: auto;
    top: calc(100% + 16px);
    left: auto;
    right: 0;
    transform: translate(0%, 0); }
  .tooltip.tooltip-left:after {
    transform: translate(0, -50%);
    right: calc(100% + 12px);
    top: 50%;
    bottom: auto;
    left: auto; }
  .tooltip.tooltip-right:after {
    transform: translate(0, -50%);
    left: calc(100% + 12px);
    top: 50%;
    bottom: auto; }

.fixed-action-btn,
.local-action-links {
  display: flex;
  position: relative;
  margin: 0 0 -20px 0;
  padding: 0 20px 0 0;
  right: 0;
  top: -40px;
  justify-content: flex-end; }
  .fixed-action-btn ul,
  .local-action-links ul {
    margin: 0; }
  .fixed-action-btn.horizontal,
  .local-action-links.horizontal {
    padding: 0 20px 0 0; }
    .fixed-action-btn.horizontal a.actions-link .material-icons, .fixed-action-btn.horizontal a.actions-link .icon-left:before, .fixed-action-btn.horizontal a.actions-link .icon-right:after,
    .local-action-links.horizontal a.actions-link .material-icons,
    .local-action-links.horizontal a.actions-link .icon-left:before,
    .local-action-links.horizontal a.actions-link .icon-right:after {
      width: 100%;
      height: 100%;
      transition: all .3s ease; }
    .fixed-action-btn.horizontal ul,
    .local-action-links.horizontal ul {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .fixed-action-btn.horizontal ul li,
      .local-action-links.horizontal ul li {
        margin-top: 0; }

.collapsible .collapsible-header {
  background-color: #efefef; }
  .collapsible .collapsible-header .arrow {
    transition: all .3s ease-in-out;
    transform: rotate(0deg); }
  .collapsible .collapsible-header.active .arrow {
    transform: rotate(180deg); }

div[id*="edit-upload-upload"] .messages {
  display: none; }

.messages {
  padding: 0; }
  .messages [role*='alert'] .row {
    padding: 0; }
    .messages [role*='alert'] .row > .col {
      padding: 0 2px; }
      .messages [role*='alert'] .row > .col > .card, .messages [role*='alert'] .row > .col > .card-no-background {
        margin: 2px 0; }
    .messages [role*='alert'] .row .card, .messages [role*='alert'] .row .card-no-background {
      padding: 0; }
      .messages [role*='alert'] .row .card .card-title, .messages [role*='alert'] .row .card-no-background .card-title {
        padding: 0 0 24px; }

.utility-wrapper {
  background-color: #42A5F5; }

.address {
  display: inline-block;
  margin-bottom: 1em; }
  .address > a {
    transition: opacity 250ms ease-in;
    display: inline-block;
    vertical-align: middle;
    margin-left: .2em;
    opacity: 0; }
  .address:hover > a {
    transition: opacity 150ms ease-in;
    opacity: 1; }
  .address > div:last-of-type {
    display: inline-block; }

.field-name-fax {
  margin-bottom: .5em; }
  .field-name-fax:before {
    border: 1px solid;
    border-radius: 2px;
    font-size: 22px; }

.field-name-phone {
  margin-bottom: .5em; }


  .user-form .form-item-roles-administrator,
  .view-user-admin-people.view-display-id-page_1 .user-add-role-actionadministrator,
  .view-user-admin-people.view-display-id-page_1 .user-remove-role-actionadministrator {
    display: none;
  }

.form-item-translation .form-select {
  overflow-y: overlay;
}

.block-release-announcement-block {
  border: 1px solid red;
  background: #FFF4F4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.block-release-announcement-block > div {
  margin: 1rem;
}

.block-release-announcement-block h3 {
  margin: 0 0 1rem;
}

.release .content-wrapper .row.panel-row .panel {
  background-color: #f9f9f9;
  border: 5px solid white;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  padding: 12px;
}

.hidden-row {
  background-color: #eeeeee;
}

.filterable-list-pager {
  display: flex;
  justify-content: center;
}

.filterable-list-pager .button {
  background-color: transparent;
  color: black;
  box-shadow: none;
  font-size: 1.2rem;
}

.filterable-list-pager .button.active {
  background-color: #42A5F5;
  color: white;
}

.filterable-list-pager .button input {
  padding: .5rem 1rem;
}
.footer-menu .menu {
  float: left;
  margin: 1rem;
}
.footer-menu .manual {
  float: right;
  width: 5rem;
  margin: 1rem;
}
.block-system-main-block .manual {
  background: white;
  padding: 0 5px;
}
.block-system-main-block .manual .menu {
  margin-left: 0;
}
.block-system-main-block .manual .text-formatted h5 {
  font-size: 1.1rem;
}
.block-system-main-block .manual .text-formatted p {
  font-weight: normal;
  font-size: 1rem;
}
.block-system-main-block .manual .text-formatted ul,
.block-system-main-block .manual .text-formatted ol {
  padding-left: 25px;
  font-size: 1rem;
}
.block-system-main-block .manual .text-formatted ul li {
  list-style-type: disc;
}
.manuals-menu-link a {
  display: block;
  text-align: center;
  border: 1px solid;
  padding: 5px;
  margin-bottom: 5px;
}
.resident-form .form-type-managed-file {
  display: -ms-grid;
  display: grid;
}
.resident-form .form-type-managed-file label {
  transform: none;
}
.resident-form .form-type-managed-file .description {
  position: relative;
}
.locale-translate-filter-form .details-wrapper {
  overflow: auto;
}
.drupalchm-productformpackagepriceviewer strong{
  float: right;
}

@font-face {
  font-family: 'Material Icons';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/material-icons.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto300.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto700.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-i-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-i-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-i-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-i-700.woff2') format('woff2');
}