/*---------------------------------
-----  dimension variables --------
----------------------------------*/
/*------  standard elements padding & margin  -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/* special breakpoint for the 100 Years special navigation */
.row--gutter {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

/**
**  Official Font sizes
------------------------------- */
/** patternlab style takeover for a tags */
a {
  color: #727272;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: color 0.5s ease;
}
a:hover {
  color: #131313;
}

/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/* special breakpoint for the 100 Years special navigation */
.row--gutter {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

/* stylelint-disable max-nesting-depth, selector-max-compound-selectors */
.ux-iws-stateful-overview ux-table-sort {
  display: inline-block;
  max-width: 220px;
  white-space: unset;
}
.ux-iws-stateful-overview .gutter-row {
  margin-left: -15px;
  margin-right: -15px;
}
.ux-iws-stateful-overview ux-iws-stateful-table .ux-toggle-button {
  font-size: 21px;
}
.ux-iws-stateful-overview .section__arrow-down {
  z-index: 1;
}
.ux-iws-stateful-overview .u-background-blue-gradient {
  position: relative;
}
.ux-iws-stateful-overview .u-background-blue-gradient .ux-spinner-overlay {
  position: absolute;
}
.ux-iws-stateful-overview .u-background-blue-gradient.loading > div {
  opacity: 0;
}
.ux-iws-stateful-overview .empty-results {
  text-align: center;
}
.ux-iws-stateful-overview .empty-results .ux-icon {
  font-size: 50px;
}
.ux-iws-stateful-overview .results {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ux-iws-stateful-overview .results .ux-select {
  background: white;
  display: flex;
}
.ux-iws-stateful-overview .results .ux-button {
  height: 46px;
}
.ux-iws-stateful-overview .results .ux-button-group {
  margin-left: 15px;
}
.ux-iws-stateful-overview__label-count {
  margin-left: 5px;
}
.ux-iws-stateful-overview__sorting-select {
  width: max-content;
}
.ux-iws-stateful-overview .results__numbers {
  width: 100%;
}
.ux-iws-stateful-overview__sorting-select {
  width: max-content;
}
.ux-iws-stateful-overview .results__sorting {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ux-iws-stateful-overview .results__sorting-select {
  display: none;
}
@media only screen and (min-width: 768px) {
  .ux-iws-stateful-overview .results__sorting-select {
    display: block;
  }
}
.ux-iws-stateful-overview .results__sorting-select--mobile {
  display: block;
}
@media only screen and (min-width: 768px) {
  .ux-iws-stateful-overview .results__sorting-select--mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .ux-iws-stateful-overview .results__sorting {
    flex-direction: row-reverse;
  }
}
.ux-iws-stateful-overview .table-detail {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.ux-iws-stateful-overview .ux-icon[name=circle-cross] svg {
  fill: #ff0201;
}
.ux-iws-stateful-overview .ux-mobile-table__select {
  padding-left: 8.333%;
  padding-right: 8.333%;
}

/* stylelint-enable max-nesting-depth, selector-max-compound-selectors */