/* Copyright (C) 2016 NooBaa */
.expandable {
  overflow: hidden;
  opacity: 0;
  transition: all 250ms linear;
  padding: 0;
}
.expandable.expanding,
.expandable.expanded {
  opacity: 1;
}
.expandable.expanded {
  overflow: visible;
}
.tooltip {
  background: transparent;
  position: fixed;
  z-index: 999;
  animation: fade-in 400ms;
  max-width: 20em;
  color: rgb(var(--color02));
  /* Tooltip templates styles */
}
.tooltip .break-words > .tooltip-box > .tooltip-content {
  word-wrap: break-word;
  word-break: break-all;
}
.tooltip > .tooltip-box {
  position: relative;
  padding: 9px;
  margin: 0;
  font-size: 12px;
  background-color: rgb(var(--color15));
  text-align: left;
  box-shadow: 0px 0px 2px rgb(var(--shadow1));
}
.tooltip > .tooltip-box::before,
.tooltip > .tooltip-box::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: inherit;
  transform-origin: center;
  transform: rotate(45deg);
}
.tooltip > .tooltip-box::before {
  z-index: -1;
  box-shadow: 0px 0px 2px rgb(var(--shadow1));
}
.tooltip > .tooltip-box > .tooltip-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.tooltip > .tooltip-box > .tooltip-content::-webkit-scrollbar-thumb {
  border: 3px solid rgb(var(--color15));
}
.tooltip.above {
  padding-bottom: 14px;
}
.tooltip.above > .tooltip-box::before,
.tooltip.above > .tooltip-box::after {
  bottom: -7px;
}
.tooltip.above.left-pos.start {
  transform: translate(0, -100%);
}
.tooltip.above.left-pos.center {
  transform: translate(-50%, -100%);
}
.tooltip.above.left-pos.end {
  transform: translate(-100%, -100%);
}
.tooltip.above.right-pos.start {
  transform: translate(100%, -100%);
}
.tooltip.above.right-pos.center {
  transform: translate(50%, -100%);
}
.tooltip.above.right-pos.end {
  transform: translate(0, -100%);
}
.tooltip.below {
  padding-top: 14px;
}
.tooltip.below > .tooltip-box::before,
.tooltip.below > .tooltip-box::after {
  top: -7px;
}
.tooltip.below.left-pos.start {
  transform: translate(0, 0);
}
.tooltip.below.left-pos.center {
  transform: translate(-50%, 0);
}
.tooltip.below.left-pos.end {
  transform: translate(-100%, 0);
}
.tooltip.below.right-pos.start {
  transform: translate(100%, 0);
}
.tooltip.below.right-pos.center {
  transform: translate(50%, 0);
}
.tooltip.below.right-pos.end {
  transform: translate(0, 0);
}
.tooltip.before {
  padding-right: 14px;
}
.tooltip.before > .tooltip-box::before,
.tooltip.before > .tooltip-box::after {
  right: -7px;
}
.tooltip.before.start {
  transform: translate(-100%, 0);
}
.tooltip.before.center {
  transform: translate(-100%, -50%);
}
.tooltip.before.end {
  transform: translate(-100%, -100%);
}
.tooltip.after {
  padding-left: 14px;
}
.tooltip.after > .tooltip-box::before,
.tooltip.after > .tooltip-box::after {
  left: -7px;
}
.tooltip.after.start {
  transform: translate(0, 0);
}
.tooltip.after.center {
  transform: translate(0, -50%);
}
.tooltip.after.end {
  transform: translate(0, -100%);
}
.tooltip.above.start.left-pos,
.tooltip.below.start.left-pos {
  margin-left: -17px;
}
.tooltip.above.start.right-pos,
.tooltip.below.start.right-pos {
  margin-right: 17px;
}
.tooltip.above.start > .tooltip-box::before,
.tooltip.below.start > .tooltip-box::before,
.tooltip.above.start > .tooltip-box::after,
.tooltip.below.start > .tooltip-box::after {
  left: 10px;
}
.tooltip.above.center > .tooltip-box::before,
.tooltip.below.center > .tooltip-box::before,
.tooltip.above.center > .tooltip-box::after,
.tooltip.below.center > .tooltip-box::after {
  left: 50%;
  margin-left: -7px;
}
.tooltip.above.end.left-pos,
.tooltip.below.end.left-pos {
  margin-left: 17px;
}
.tooltip.above.end.right-pos,
.tooltip.below.end.right-pos {
  margin-right: -17px;
}
.tooltip.above.end > .tooltip-box::before,
.tooltip.below.end > .tooltip-box::before,
.tooltip.above.end > .tooltip-box::after,
.tooltip.below.end > .tooltip-box::after {
  right: 10px;
}
.tooltip.before.start,
.tooltip.after.start {
  margin-top: -17px;
}
.tooltip.before.start > .tooltip-box::before,
.tooltip.after.start > .tooltip-box::before,
.tooltip.before.start > .tooltip-box::after,
.tooltip.after.start > .tooltip-box::after {
  top: 10px;
}
.tooltip.before.center > .tooltip-box::before,
.tooltip.after.center > .tooltip-box::before,
.tooltip.before.center > .tooltip-box::after,
.tooltip.after.center > .tooltip-box::after {
  top: 50%;
  margin-top: -7px;
}
.tooltip.before.end,
.tooltip.after.end {
  margin-top: 17px;
}
.tooltip.before.end > .tooltip-box::before,
.tooltip.after.end > .tooltip-box::before,
.tooltip.before.end > .tooltip-box::after,
.tooltip.after.end > .tooltip-box::after {
  bottom: 10px;
}
.tooltip svg-icon {
  fill: rgb(var(--color02));
}
.tooltip .highlight {
  color: rgb(var(--color02));
}
.tooltip .prop-sheet .prop-name {
  color: rgb(var(--color02));
  width: 110px;
}
.tooltip chart-legend {
  color: rgb(var(--color02));
}
/* Copyright (C) 2016 NooBaa */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  16.66%,
  83.33% {
    transform: translateX(-1em);
  }
  46.66% {
    transform: translateX(1em);
  }
}
@keyframes slide-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pop-centered {
  from {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
  }
  to {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes roll-in {
  0% {
    transform: translateX(28em) rotate(720deg);
  }
  85% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
  92% {
    transform: scale(1.3);
    opacity: 0.5;
  }
  100% {
    trasform: scale(1);
    opacity: 1;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-1.5em);
  }
  30% {
    transform: translateY(0);
  }
}
@keyframes shrink-in {
  0% {
    transform: translateX(100px) scale(4);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spin {
  0 {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.shake {
  animation: shake 750ms ease-in-out;
}
.slide-left {
  animation: slide-left 300ms ease-out;
}
.fade-in {
  animation: fade-in 300ms linear;
}
.pop-centered {
  position: absolute;
  animation: pop-centered 350ms ease-out;
  animation-fill-mode: forwards;
}
.spin {
  animation: spin 2000ms linear infinite;
}
.fast-spin {
  animation: spin 1000ms linear infinite;
}
.shrink-in {
  animation: shrink-in 1000ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('/fe/assets/fonts/roboto/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('/fe/assets/fonts/roboto/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('/fe/assets/fonts/roboto/CWB0XYA8bzo0kSThX0UTuA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('/fe/assets/fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/fe/assets/fonts/roboto/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('/fe/assets/fonts/roboto/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/1DbO0RvWEevroPvEzA5briEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/5z9jpDJQqVE5bmkRqplJfiEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/cueeGLWq_s1uoQgOf76TFiEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/yTs8gw1HdasCzJ-B_iUwzSEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/gLfmBATgABwy0zMVv-qqhiEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/dzxs_VxZUhdM2mEBkNa8siEAvth_LlrfE80CYdSH47w.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fe/assets/fonts/roboto/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fe/assets/fonts/roboto/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('/fe/assets/fonts/roboto/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fe/assets/fonts/roboto/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcCzTOQ_MqJVwkKsUn0wKzc2I.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcCzUj_cnvWIuuBMVgbX098Mw.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcC0bcKLIaa1LC45dFaAfauRA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcC2o_sUJ8uO4YLWRInS22T3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcC76up8jxqWt8HVA3mDhkV_0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fe/assets/fonts/roboto/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpTTOQ_MqJVwkKsUn0wKzc2I.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpTUj_cnvWIuuBMVgbX098Mw.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpUbcKLIaa1LC45dFaAfauRA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpWo_sUJ8uO4YLWRInS22T3Y.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpb6up8jxqWt8HVA3mDhkV_0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpSYE0-AqJ3nfInTTiDXDjU4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fe/assets/fonts/roboto/bmC0pGMXrhphrZJmniIZpY4P5ICox8Kq3LLUNMylGO4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr8iECVzy6_x5mCR1UJr_CgI.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wprwWgvz7nq97YPMIWeoEnHDE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr9INifKjd1RJ3NxxEi9Cy2w.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr4-67659ICLY8bMrYhtePPA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/fe/assets/fonts/titilliumweb/7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('/fe/assets/fonts/titilliumweb/7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr_SNRT0fZ5CX-AqRkMYgJJo.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr-y7CP8YvcHYdGV61pt7QTE.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wprxP6Eu1_xfSBSoi9uie1FdE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr4raJW_TPRbuWfMPkVNer-Y.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: local('Titillium WebBlack'), local('TitilliumWeb-Black'), url('/fe/assets/fonts/titilliumweb/anMUvcNT0H1YN4FII8wpr6C95lFCEhr9IpXC9cjRuaU.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPqpbFSWqYj1iKTbak9LyLSk.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium WebThin Italic'), local('TitilliumWeb-ThinItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPk94s9wFhqwla9v9ys0uYos.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPoJk2PUjA3BuZ7-sn6ahBAU.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium WebLight Italic'), local('TitilliumWeb-LightItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPpqmdMmZ3RU_nSyRBdIw_WA.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url('/fe/assets/fonts/titilliumweb/r9OmwyQxrgzUAhaLET_KO86gOKNGPbHY3c2d_06TbvM.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url('/fe/assets/fonts/titilliumweb/r9OmwyQxrgzUAhaLET_KO6qVnG43xFTRN40gwdrG-aE.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPjAIC19vemm8z_7Iwl5FvF4.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPqnxEWeSxeYH5Yv0OHgSghs.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPuYclYpgUtTrKfkc3EPvFuo.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium WebBold Italic'), local('TitilliumWeb-BoldItalic'), url('/fe/assets/fonts/titilliumweb/RZunN20OBmkvrU7sA4GPPrVtATvrkhG8cpz4A3QpLk8.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Copyright (C) 2016 NooBaa */
/* Remove firefox default styling */
:-moz-ui-invalid,
:-moz-ui-invalid:-moz-focusring {
  box-shadow: none;
}
.input {
  display: inline-block;
  width: 274px;
  height: 42px;
  line-height: 40px;
  border: 1px solid rgb(var(--color11));
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 18px;
  color: rgb(var(--color17));
}
.input::-webkit-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
.input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: rgb(var(--color11));
}
.input ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: rgb(var(--color11));
}
.input :-ms-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
.input::placholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
.input.placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
.input:disabled,
.input.disabled {
  border-color: rgb(var(--color09));
  color: var(--color09);
  opacity: 0.3;
}
.input:focus,
.input.focus {
  outline: none;
}
.input:focus:not(.disabled),
.input.focus:not(.disabled) {
  border-color: rgb(var(--color20));
}
.input.invalid,
.input:focus.invalid,
.input.focus.invalid {
  border-color: rgb(var(--color31));
}
.input.warned,
.input:focus.warned,
.input.focus.warned {
  border-color: rgb(var(--color26));
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}
input[type="text"],
input[type="password"] {
  display: inline-block;
  width: 274px;
  height: 42px;
  line-height: 40px;
  border: 1px solid rgb(var(--color11));
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 18px;
  color: rgb(var(--color17));
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"]::placholder,
input[type="password"]::placholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"].placeholder,
input[type="password"].placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="text"].disabled,
input[type="password"].disabled {
  border-color: rgb(var(--color09));
  color: var(--color09);
  opacity: 0.3;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="text"].focus,
input[type="password"].focus {
  outline: none;
}
input[type="text"]:focus:not(.disabled),
input[type="password"]:focus:not(.disabled),
input[type="text"].focus:not(.disabled),
input[type="password"].focus:not(.disabled) {
  border-color: rgb(var(--color20));
}
input[type="text"].invalid,
input[type="password"].invalid,
input[type="text"]:focus.invalid,
input[type="password"]:focus.invalid,
input[type="text"].focus.invalid,
input[type="password"].focus.invalid {
  border-color: rgb(var(--color31));
}
input[type="text"].warned,
input[type="password"].warned,
input[type="text"]:focus.warned,
input[type="password"]:focus.warned,
input[type="text"].focus.warned,
input[type="password"].focus.warned {
  border-color: rgb(var(--color26));
}
input[type="number"] {
  display: inline-block;
  width: 274px;
  height: 42px;
  line-height: 40px;
  border: 1px solid rgb(var(--color11));
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 18px;
  color: rgb(var(--color17));
  text-align: center;
  width: 110px;
}
input[type="number"]::-webkit-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"]:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"] ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"] :-ms-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"]::placholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"].placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="number"]:disabled,
input[type="number"].disabled {
  border-color: rgb(var(--color09));
  color: var(--color09);
  opacity: 0.3;
}
input[type="number"]:focus,
input[type="number"].focus {
  outline: none;
}
input[type="number"]:focus:not(.disabled),
input[type="number"].focus:not(.disabled) {
  border-color: rgb(var(--color20));
}
input[type="number"].invalid,
input[type="number"]:focus.invalid,
input[type="number"].focus.invalid {
  border-color: rgb(var(--color31));
}
input[type="number"].warned,
input[type="number"]:focus.warned,
input[type="number"].focus.warned {
  border-color: rgb(var(--color26));
}
input[type="search"] {
  display: inline-block;
  width: 274px;
  height: 42px;
  line-height: 40px;
  border: 1px solid rgb(var(--color11));
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 18px;
  color: rgb(var(--color17));
  padding-left: 42px;
  background: url('/fe/assets/search.png') 9px no-repeat;
}
input[type="search"]::-webkit-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"] ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"] :-ms-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"]::placholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"].placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
input[type="search"]:disabled,
input[type="search"].disabled {
  border-color: rgb(var(--color09));
  color: var(--color09);
  opacity: 0.3;
}
input[type="search"]:focus,
input[type="search"].focus {
  outline: none;
}
input[type="search"]:focus:not(.disabled),
input[type="search"].focus:not(.disabled) {
  border-color: rgb(var(--color20));
}
input[type="search"].invalid,
input[type="search"]:focus.invalid,
input[type="search"].focus.invalid {
  border-color: rgb(var(--color31));
}
input[type="search"].warned,
input[type="search"]:focus.warned,
input[type="search"].focus.warned {
  border-color: rgb(var(--color26));
}
textarea {
  display: inline-block;
  width: 274px;
  height: 42px;
  line-height: 40px;
  border: 1px solid rgb(var(--color11));
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 18px;
  color: rgb(var(--color17));
  padding: 18px;
  line-height: 1.4;
}
textarea::-webkit-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea :-ms-input-placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea::placholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea.placeholder {
  font-weight: 300;
  color: rgb(var(--color11));
}
textarea:disabled,
textarea.disabled {
  border-color: rgb(var(--color09));
  color: var(--color09);
  opacity: 0.3;
}
textarea:focus,
textarea.focus {
  outline: none;
}
textarea:focus:not(.disabled),
textarea.focus:not(.disabled) {
  border-color: rgb(var(--color20));
}
textarea.invalid,
textarea:focus.invalid,
textarea.focus.invalid {
  border-color: rgb(var(--color31));
}
textarea.warned,
textarea:focus.warned,
textarea.focus.warned {
  border-color: rgb(var(--color26));
}
.icon-btn {
  display: inline-block;
  border: none;
  background: none;
  padding: 2.25px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  border-radius: 50%;
  /*
    Transition removed because of webkit bug, see the following stackoverflow:
    http://stackoverflow.com/questions/12502234/how-to-prevent-webkit-text-rendering-change-during-css-transition
    transition: all 250ms ease-out;
    */
}
.icon-btn:focus:not(:active):not(.no-focus-ring) {
  background: rgba(var(--color20), 0.15);
  box-shadow: 0px 0px 4px 7px rgba(var(--color20), 0.15);
}
.icon-btn > svg-icon {
  fill: rgb(var(--color17));
}
.icon-btn:hover:not(:disabled) {
  transform: scale(1.3, 1.3);
}
.icon-btn:hover:not(:disabled) > svg-icon {
  fill: rgb(var(--color20));
}
.icon-btn:disabled {
  cursor: not-allowed;
}
.icon-btn:disabled > svg-icon {
  fill: rgb(var(--color09));
}
.btn-flat {
  display: inline-block;
  border: none;
  background: none;
  cursor: pointer;
}
.btn-flat:disabled {
  cursor: not-allowed;
}
.btn {
  position: relative;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  min-width: 90px;
  min-height: 42px;
  padding: 0 18px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(var(--color20));
  text-align: center;
  text-transform: capitalize;
  border: 1px solid rgb(var(--color20));
  cursor: pointer;
  background-color: rgba(var(--color20), 0.1);
  border-radius: 0;
  transition: all 350ms ease-out;
}
.btn::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgb(var(--color20)) 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
.btn:active::after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
.btn:disabled,
.btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transition: unset;
  z-index: 0;
  color: rgb(var(--color20));
}
.btn:hover:not(:disabled):not(.disabled) {
  color: rgb(var(--color02));
  background-color: rgba(var(--color20), 1);
}
.btn:active:not(:disabled):not(.disabled) {
  color: rgb(var(--color02));
  border-color: transparent;
  background-color: rgb(var(--color29));
}
.btn:focus {
  background-color: rgba(var(--color20), 0.25);
}
.btn.alt-colors {
  position: relative;
  overflow: hidden;
  color: rgb(var(--color17));
  border-color: rgb(var(--color17));
  background-color: rgba(var(--color17), 0.1);
}
.btn.alt-colors::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgb(var(--color32)) 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
.btn.alt-colors:active::after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
.btn.alt-colors:not(:disabled):not(.disabled):focus {
  background-color: rgba(var(--color17), 0.25);
}
.btn.alt-colors:not(:disabled):not(.disabled):hover {
  color: rgb(var(--color32));
  background-color: rgb(var(--color17));
}
.link {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: rgb(var(--color21));
  border: none;
  background: none;
  text-decoration: none;
  display: inline;
  padding: 0;
}
.link:disabled,
.link.disabled {
  cursor: default;
  pointer-events: none;
  color: rgb(var(--color09));
}
.link:focus:not(:active):not(.no-focus-ring) {
  background: rgba(var(--color21), 0.15);
  box-shadow: 0px 0px 4px 2px rgba(var(--color21), 0.15);
}
a.link[href],
button.link {
  cursor: pointer;
}
a.link[href]:not(:disabled):not(.disabled):hover,
button.link:not(:disabled):not(.disabled):hover {
  text-decoration: underline;
}
button.link {
  height: 1.1em;
}
.link.alt-colors {
  color: rgb(var(--color17));
  font-weight: 400;
}
.link.alt-colors:focus:not(:active):not(.no-focus-ring) {
  background: rgba(var(--color17), 0.15);
  box-shadow: 0px 0px 4px 2px rgba(var(--color17), 0.15);
}
.val-msg {
  color: rgb(var(--color31));
  font-weight: 500;
  display: block;
  font-size: 12px;
  line-height: 1;
}
/* Copyright (C) 2016 NooBaa */
.fixed {
  position: fixed;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fill {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.row {
  display: flex;
  flex-direction: row;
}
.row.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
.row > .push-prev {
  margin-left: 18px;
}
.row > .push-next {
  margin-right: 18px;
}
.row > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
.row > .push-prev-half {
  margin-left: 9px;
}
.row > .push-next-half {
  margin-right: 9px;
}
.row > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
.row > .push-prev-quarter {
  margin-left: 4.5px;
}
.row > .push-next-quarter {
  margin-right: 4.5px;
}
.row > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.column {
  display: flex;
  flex-direction: column;
}
.column > .push-prev {
  margin-top: 18px;
}
.column > .push-next {
  margin-bottom: 18px;
}
.column > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.column > .push-prev-half {
  margin-top: 9px;
}
.column > .push-next-half {
  margin-bottom: 9px;
}
.column > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.column > .push-prev-quarter {
  margin-top: 4.5px;
}
.column > .push-next-quarter {
  margin-bottom: 4.5px;
}
.column > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .column > *,
.wireframe .row > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .column > *:hover,
.wireframe .row > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.row > .c12 {
  flex-basis: 100%;
  width: 100%;
}
.column > .c12 {
  flex-basis: 100%;
  height: 100%;
}
.row > .c11 {
  flex-basis: 91.66666667%;
  width: 91.66666667%;
}
.column > .c11 {
  flex-basis: 91.66666667%;
  height: 91.66666667%;
}
.row > .c10 {
  flex-basis: 83.33333333%;
  width: 83.33333333%;
}
.column > .c10 {
  flex-basis: 83.33333333%;
  height: 83.33333333%;
}
.row > .c9 {
  flex-basis: 75%;
  width: 75%;
}
.column > .c9 {
  flex-basis: 75%;
  height: 75%;
}
.row > .c8 {
  flex-basis: 66.66666667%;
  width: 66.66666667%;
}
.column > .c8 {
  flex-basis: 66.66666667%;
  height: 66.66666667%;
}
.row > .c7 {
  flex-basis: 58.33333333%;
  width: 58.33333333%;
}
.column > .c7 {
  flex-basis: 58.33333333%;
  height: 58.33333333%;
}
.row > .c6 {
  flex-basis: 50%;
  width: 50%;
}
.column > .c6 {
  flex-basis: 50%;
  height: 50%;
}
.row > .c5 {
  flex-basis: 41.66666667%;
  width: 41.66666667%;
}
.column > .c5 {
  flex-basis: 41.66666667%;
  height: 41.66666667%;
}
.row > .c4 {
  flex-basis: 33.33333333%;
  width: 33.33333333%;
}
.column > .c4 {
  flex-basis: 33.33333333%;
  height: 33.33333333%;
}
.row > .c3 {
  flex-basis: 25%;
  width: 25%;
}
.column > .c3 {
  flex-basis: 25%;
  height: 25%;
}
.row > .c2 {
  flex-basis: 16.66666667%;
  width: 16.66666667%;
}
.column > .c2 {
  flex-basis: 16.66666667%;
  height: 16.66666667%;
}
.row > .c1 {
  flex-basis: 8.33333333%;
  width: 8.33333333%;
}
.column > .c1 {
  flex-basis: 8.33333333%;
  height: 8.33333333%;
}
.greedy {
  flex-basis: 0;
  flex-grow: 999;
}
.bounded {
  width: 100%;
  max-width: 1404px;
  padding: 0 18px;
  align-self: center;
}
.align-start {
  align-self: flex-start;
}
.align-end {
  align-self: flex-end;
}
.align-middle {
  align-self: center;
}
.align-stretch {
  align-self: stretch;
}
.content-start {
  align-items: flex-start;
}
.content-middle {
  align-items: center;
}
.content-end {
  align-items: flex-end;
}
.content-stretch {
  align-items: stretch;
}
/* Copyright (C) 2016 NooBaa */
/*Take an Hex value and break it to it RGB channels*/
/* Copyright (C) 2016 NooBaa */
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  overflow: hidden;
  color: rgb(var(--color11));
  background-color: rgb(var(--color05));
}
body:not(.preview) .preview-only {
  display: none !important;
}
a {
  text-decoration: none;
  color: inherit;
}
p {
  line-height: 1.3;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
fieldset {
  border: none;
}
ul,
ol {
  line-height: 1.3;
}
label {
  cursor: pointer;
}
label.disabled {
  cursor: default;
}
hr {
  border: none;
  border-top: 1px solid rgb(var(--color07));
  margin: 0;
}
vr {
  width: 1px;
  min-width: 1px;
  background-color: rgb(var(--color07));
  margin: 0;
  align-self: stretch;
}
output {
  margin-bottom: 0.5em;
  margin-right: 1em;
  line-height: 1.4;
  padding: 1px 0;
  border-bottom: 1px solid transparent;
}
pre {
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
}
:focus {
  outline: none;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  margin: 2px;
}
::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color08));
  border: 3px solid rgb(var(--color01));
  border-radius: 5px;
}
::-webkit-scrollbar-corner {
  border-color: transparent;
}
.no-overflow {
  overflow-y: hidden;
}
.scroll-overflow {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.auto-overflow {
  overflow-y: auto;
  scroll-behavior: smooth;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.valign-top {
  vertical-align: top;
}
.valign-bottom {
  vertical-align: bottom;
}
.valign-middle {
  vertical-align: middle;
}
.list-no-style {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.no-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rotate {
  transition: transform 250ms ease-out;
}
.rotate.deg0,
.rotate.deg360,
.rotate.deg-360 {
  transform: rotate(0deg);
}
.rotate.deg90 {
  transform: rotate(90deg);
}
.rotate.deg180 {
  transform: rotate(180deg);
}
.rotate.deg270 {
  transform: rotate(270deg);
}
.rotate.deg-90 {
  transform: rotate(-90deg);
}
.rotate.deg-180 {
  transform: rotate(-180deg);
}
.rotate.deg-270 {
  transform: rotate(-270deg);
}
.heading1 {
  line-height: 1.7;
  font-size: 26px;
  color: rgb(var(--color17));
  font-weight: 300;
}
.heading2 {
  line-height: 1.7;
  font-size: 20px;
  color: rgb(var(--color17));
  font-weight: 300;
}
.heading3 {
  line-height: 1.7;
  font-size: 16px;
  color: rgb(var(--color17));
  font-weight: 300;
}
.remark {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  color: rgb(var(--color11));
}
.remark .link {
  font-size: 12px;
}
.hint {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  color: rgb(var(--color11));
  position: relative;
  margin-top: -1em;
  top: 1.2em;
  line-height: 1;
  height: 1em;
}
.hint .link {
  font-size: 12px;
}
.highlight {
  color: rgb(var(--color17));
}
.highlight.disabled,
.disabled .highlight {
  color: rgb(var(--color09));
}
.highlight.warning,
.warning .highlight {
  color: rgb(var(--color26));
  font-weight: 400;
}
.highlight.success,
.succss .highlight {
  color: rgb(var(--color27));
  font-weight: 400;
}
.highlight.error,
.error .highlight {
  color: rgb(var(--color31));
  font-weight: 500;
}
.highlight.info,
.info .highlight {
  color: rgb(var(--color23));
  font-weight: 400;
}
.success {
  color: rgb(var(--color27));
  font-weight: 400;
}
.warning {
  color: rgb(var(--color26));
  font-weight: 400;
}
.error {
  color: rgb(var(--color31));
  font-weight: 500;
}
.info {
  color: rgb(var(--color23));
  font-weight: 400;
}
.disabled,
.disabled .success,
.disabled .warning,
.disabled .error,
.disabled .info {
  color: rgb(var(--color09));
}
.bullet-list {
  margin: 0;
  padding: 0;
  padding-left: 18px;
  line-height: 1.8;
}
.text-tech {
  line-height: 1.5;
  font-family: consolas, monospace;
  font-size: 13px;
  font-weight: 200;
  padding: 0.25em 0.5em;
}
.sticky {
  overflow-y: hidden;
  background-color: rgba(var(--color13), 0.5);
  outline: 1px solid rgb(var(--color13));
  outline-offset: -1px;
  position: relative;
}
.sticky.sticky-error {
  background-color: rgba(var(--color31), 0.5);
  outline-color: rgb(var(--color31));
}
.sticky.sticky-warning {
  background-color: rgba(var(--color26), 0.5);
  outline-color: rgb(var(--color26));
}
.sticky.sticky-success {
  background-color: rgba(var(--color27), 0.5);
  outline-color: rgb(var(--color27));
}
.sticky .sticky-content {
  padding: 9px 18px;
  color: rgb(var(--color15));
  font-weight: 500;
}
.sticky svg-icon {
  fill: rgb(var(--color15));
}
.sticky vr {
  align-self: stretch;
  background-color: rgb(var(--color15));
  margin: 0 18px;
}
.sticky .sticky-content {
  margin-top: -36px;
  transition: margin-top 500ms ease-out;
}
.sticky.active .sticky-content {
  margin-top: 0;
}
.sticky .sticky-action {
  font-size: 13px;
  font-weight: 400;
  border: none;
  background: none;
  display: inline;
  padding: 0;
  color: rgb(var(--color18));
  text-decoration: underline;
  cursor: pointer;
}
.hide {
  position: absolute;
  /* Changed from fixed to absolute to prevent the lost of parentOffset */
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  max-width: 0;
  max-height: 0;
}
.pad {
  padding: 18px;
}
.pad-double {
  padding: 36px;
}
.pad-half {
  padding: 9px;
}
.pad-quarter {
  padding: 4.5px;
}
.vpad {
  padding-top: 18px;
  padding-bottom: 18px;
}
.vpad-double {
  padding-top: 36px;
  padding-bottom: 36px;
}
.hpad {
  padding-right: 18px;
  padding-left: 18px;
}
.hpad-double {
  padding-right: 36px;
  padding-left: 36px;
}
.pad-left {
  padding-left: 18px;
}
.pad-right {
  padding-right: 18px;
}
.pad-top {
  padding-top: 18px;
}
.pad-bottom {
  padding-bottom: 18px;
}
.borders {
  border: 1px solid rgb(var(--color07));
}
.border-bottom {
  border-bottom: 1px solid rgb(var(--color07));
}
.border-top {
  border-top: 1px solid rgb(var(--color07));
}
.border-left {
  border-left: 1px solid rgb(var(--color07));
}
.border-right {
  border-right: 1px solid rgb(var(--color07));
}
.break-words {
  word-wrap: break-word;
}
.cursor-pointer {
  cursor: pointer;
}
.bg-stars {
  /*
    https://unsplash.com/license
    https://unsplash.com/collections/136301/space?photo=NORa8-4ohA0
    */
  background: url('/fe/assets/stars.jpg');
  background-size: cover;
}
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
    not supported by any browser */
}
.beta-tag::after {
  content: 'BETA';
  display: inline-block;
  background: rgb(var(--color28));
  border-radius: 6px;
  font-size: 10px;
  padding: 3px;
  opacity: 1;
  line-height: 1.1;
  font-weight: 500;
}
.restriction-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  color: rgb(var(--color11));
  padding-left: 0;
}
.restriction-list .link {
  font-size: 12px;
}
.restriction-list.disabled {
  color: rgb(var(--color09));
}
.restriction-list > li::before {
  content: '\2022';
  text-align: center;
  display: inline-block;
  width: 5px;
  margin-right: 1em;
}
.restriction-list > li.success::before {
  content: '\2713';
}
.restriction-list > li.error::before {
  content: '\2715';
}
dirty-mark {
  vertical-align: text-top;
  font-size: 12px;
  color: rgb(var(--color31));
}
dirty-mark::after {
  content: '*';
}
.preserve-whitespaces {
  white-space: pre;
}
.preserve-whitespaces-wrap {
  white-space: pre-wrap;
}
.blur {
  filter: blur(4px);
}
.scale-on-hover:hover {
  transform: scale(1.15, 1.15);
}
.scale-on-hover.disabled:hover,
.scale-on-hover:disabled:hover {
  transform: unset;
}
.round-corners {
  border-radius: 3px;
}
.card-bg {
  background-color: rgb(var(--color32));
}
.card-decor {
  border-left: 4px solid rgb(var(--color22));
}
.card-shadow {
  box-shadow: 0px 2px 4px rgba(var(--shadow2));
  margin-bottom: 3px;
}
.card {
  background-color: rgb(var(--color32));
  transition: background-color 300ms ease-out;
  box-shadow: 0px 2px 4px rgba(var(--shadow2));
  margin-bottom: 3px;
  border-left: 4px solid rgb(var(--color22));
}
.content-box {
  background-color: rgb(var(--color03));
}
.content-box::-webkit-scrollbar-thumb,
.content-box ::-webkit-scrollbar-thumb {
  border: 3px solid rgb(var(--color03));
}
.warning-box {
  background-color: rgb(var(--color32));
  border: 1px solid rgb(var(--color26));
}
.info-box {
  background-color: rgb(var(--color32));
  border: 1px solid rgb(var(--color23));
}
.text-thin {
  font-weight: 200;
}
.text-light {
  font-weight: 300;
}
.text-bold {
  font-weight: 500;
}
.tag {
  border-radius: 2px;
  font-size: 12px;
  font-weight: 400;
  color: rgb(var(--color11));
  padding: 4.5px 9px;
  background-color: rgb(var(--color07));
  text-align: center;
}
a.tag {
  color: rgb(var(--color21));
}
a.tag:hover {
  text-decoration: underline;
}
svg-icon.circled-icon {
  box-sizing: content-box;
  border: 2px solid rgb(var(--color24));
  fill: rgb(var(--color24));
  border-radius: 30px;
  padding: 12px;
}
/* Handles theme transition effect */
body,
.card-bg,
.content-box,
.tabs-row,
.warning-box {
  transition: background-color 300ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
.tabs {
  display: flex;
  flex-direction: column;
}
.tabs > .push-prev {
  margin-top: 18px;
}
.tabs > .push-next {
  margin-bottom: 18px;
}
.tabs > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.tabs > .push-prev-half {
  margin-top: 9px;
}
.tabs > .push-next-half {
  margin-bottom: 9px;
}
.tabs > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.tabs > .push-prev-quarter {
  margin-top: 4.5px;
}
.tabs > .push-next-quarter {
  margin-bottom: 4.5px;
}
.tabs > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .tabs > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .tabs > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.tabs > nav {
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  width: 100%;
  color: rgb(var(--color17));
  padding: 0 4px;
}
.tabs > nav.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
.tabs > nav > .push-prev {
  margin-left: 18px;
}
.tabs > nav > .push-next {
  margin-right: 18px;
}
.tabs > nav > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
.tabs > nav > .push-prev-half {
  margin-left: 9px;
}
.tabs > nav > .push-next-half {
  margin-right: 9px;
}
.tabs > nav > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
.tabs > nav > .push-prev-quarter {
  margin-left: 4.5px;
}
.tabs > nav > .push-next-quarter {
  margin-right: 4.5px;
}
.tabs > nav > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe .tabs > nav > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .tabs > nav > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.tabs > nav > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding: 0 18px;
  line-height: 44px;
  min-width: 150px;
  text-align: center;
  cursor: pointer;
}
.tabs > nav > a:before,
.tabs > nav > a:after {
  content: '';
  position: absolute;
  height: 2px;
  left: 1px;
  right: 1px;
  bottom: 4px;
}
.tabs > nav > a:before {
  background-color: rgb(var(--color17));
}
.tabs > nav > a::after {
  left: 51%;
  right: 51%;
  background-color: rgb(var(--color20));
  transition: 300ms;
}
.tabs > nav > a.selected {
  color: rgb(var(--color20));
}
.tabs > nav > a.selected::after {
  left: 1px;
  right: 1px;
}
.tabs > nav > a:focus:not(:active):not(.selected) {
  background: rgba(var(--color17), 0.1);
  box-shadow: 0px 0px 4px rgba(var(--color17), 0.1);
}
.tabs > .tabs-row {
  display: flex;
  flex-direction: row;
  flex-basis: 0;
  flex-grow: 999;
  position: relative;
  background-color: rgb(var(--color01));
  overflow-x: hidden;
  overflow-y: auto;
}
.tabs > .tabs-row.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
.tabs > .tabs-row > .push-prev {
  margin-left: 18px;
}
.tabs > .tabs-row > .push-next {
  margin-right: 18px;
}
.tabs > .tabs-row > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
.tabs > .tabs-row > .push-prev-half {
  margin-left: 9px;
}
.tabs > .tabs-row > .push-next-half {
  margin-right: 9px;
}
.tabs > .tabs-row > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
.tabs > .tabs-row > .push-prev-quarter {
  margin-left: 4.5px;
}
.tabs > .tabs-row > .push-next-quarter {
  margin-right: 4.5px;
}
.tabs > .tabs-row > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe .tabs > .tabs-row > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .tabs > .tabs-row > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.tabs > .tabs-row > .tab {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateX(-100%);
  opacity: 0;
  overflow: hidden;
  transition: all 500ms;
}
.tabs > .tabs-row > .tab.selected {
  left: 0;
  opacity: 1;
  overflow: auto;
  transform: unset;
}
.tabs > .tabs-row > .tab.selected ~ .tab {
  transform: translateX(100%);
  opacity: 0;
}
/* Copyright (C) 2016 NooBaa */
.theme-down-dark {
  --color01: 41, 46, 52;
  --color02: 250, 250, 250;
  --color03: 57, 63, 68;
  --color04: 245, 245, 245;
  --color05: 3, 3, 3;
  --color06: 77, 82, 88;
  --color07: 77, 82, 88;
  --color08: 187, 187, 187;
  --color09: 77, 82, 88;
  --color10: 139, 141, 143;
  --color11: 139, 141, 143;
  --color12: 114, 118, 123;
  --color13: 77, 82, 88;
  --color14: 187, 187, 187;
  --color15: 57, 63, 68;
  --color16: 41, 46, 52;
  --color17: 250, 250, 250;
  --color18: 3, 3, 3;
  --color19: 0, 136, 206;
  --color20: 0, 136, 206;
  --color21: 125, 195, 232;
  --color22: 0, 136, 206;
  --color23: 53, 202, 237;
  --color24: 0, 136, 206;
  --color25: 0, 67, 104;
  --color26: 240, 171, 0;
  --color27: 63, 156, 53;
  --color28: 53, 202, 237;
  --color29: 0, 185, 228;
  --color30: 161, 143, 255;
  --color31: 204, 0, 0;
  --color32: 41, 46, 52;
  --shadow1: 3, 3, 3, .5;
  --shadow2: 3, 3, 3, .5;
}
/* Copyright (C) 2016 NooBaa */
.theme-down-light {
  --color01: 250, 250, 250;
  --color02: 250, 250, 250;
  --color03: 245, 245, 245;
  --color04: 245, 245, 245;
  --color05: 237, 237, 237;
  --color06: 237, 237, 237;
  --color07: 209, 209, 209;
  --color08: 187, 187, 187;
  --color09: 187, 187, 187;
  --color10: 209, 209, 209;
  --color11: 114, 118, 123;
  --color12: 114, 118, 123;
  --color13: 77, 82, 88;
  --color14: 77, 82, 88;
  --color15: 57, 63, 68;
  --color16: 41, 46, 52;
  --color17: 41, 46, 52;
  --color18: 3, 3, 3;
  --color19: 3, 3, 3;
  --color20: 0, 136, 206;
  --color21: 0, 136, 206;
  --color22: 0, 136, 206;
  --color23: 0, 136, 206;
  --color24: 0, 136, 206;
  --color25: 0, 67, 104;
  --color26: 240, 171, 0;
  --color27: 63, 156, 53;
  --color28: 53, 202, 237;
  --color29: 0, 185, 228;
  --color30: 161, 143, 255;
  --color31: 204, 0, 0;
  --color32: 255, 255, 255;
  --shadow1: 3, 3, 3, .5;
  --shadow2: 57, 63, 68, .15;
}
/* Copyright (C) 2016 NooBaa */
.theme-up-dark {
  --color01: 41, 46, 52;
  --color02: 250, 250, 250;
  --color03: 57, 63, 68;
  --color04: 245, 245, 245;
  --color05: 3, 3, 3;
  --color06: 77, 82, 88;
  --color07: 77, 82, 88;
  --color08: 187, 187, 187;
  --color09: 77, 82, 88;
  --color10: 139, 141, 143;
  --color11: 139, 141, 143;
  --color12: 114, 118, 123;
  --color13: 77, 82, 88;
  --color14: 187, 187, 187;
  --color15: 57, 63, 68;
  --color16: 41, 46, 52;
  --color17: 250, 250, 250;
  --color18: 3, 3, 3;
  --color19: 242, 0, 155;
  --color20: 242, 0, 155;
  --color21: 157, 183, 255;
  --color22: -;
  --color23: 53, 202, 237;
  --color24: 250, 250, 250;
  --color25: 0, 67, 104;
  --color26: 240, 171, 0;
  --color27: 63, 156, 53;
  --color28: 53, 202, 237;
  --color29: 159, 0, 100;
  --color30: 161, 143, 255;
  --color31: 204, 0, 0;
  --color32: 41, 46, 52;
  --shadow1: 3, 3, 3, .5;
  --shadow2: 3, 3, 3, .5;
}
/* Copyright (C) 2016 NooBaa */
.theme-up-light {
  --color01: 250, 250, 250;
  --color02: 250, 250, 250;
  --color03: 245, 245, 245;
  --color04: 245, 245, 245;
  --color05: 237, 237, 237;
  --color06: 237, 237, 237;
  --color07: 209, 209, 209;
  --color08: 187, 187, 187;
  --color09: 187, 187, 187;
  --color10: 209, 209, 209;
  --color11: 114, 118, 123;
  --color12: 114, 118, 123;
  --color13: 77, 82, 88;
  --color14: 77, 82, 88;
  --color15: 57, 63, 68;
  --color16: 41, 46, 52;
  --color17: 41, 46, 52;
  --color18: 3, 3, 3;
  --color19: 3, 3, 3;
  --color20: 242, 0, 155;
  --color21: 0, 136, 206;
  --color22: -;
  --color23: 0, 136, 206;
  --color24: 41, 46, 52;
  --color25: 0, 67, 104;
  --color26: 240, 171, 0;
  --color27: 63, 156, 53;
  --color28: 53, 202, 237;
  --color29: 159, 0, 100;
  --color30: 161, 143, 255;
  --color31: 204, 0, 0;
  --color32: 255, 255, 255;
  --shadow1: 3, 3, 3, .5;
  --shadow2: 57, 63, 68, .15;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
accounts-table {
  display: flex;
  flex-direction: column;
}
accounts-table > .push-prev {
  margin-top: 18px;
}
accounts-table > .push-next {
  margin-bottom: 18px;
}
accounts-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
accounts-table > .push-prev-half {
  margin-top: 9px;
}
accounts-table > .push-next-half {
  margin-bottom: 9px;
}
accounts-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
accounts-table > .push-prev-quarter {
  margin-top: 4.5px;
}
accounts-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
accounts-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe accounts-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe accounts-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
accounts-table .accounts-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  max-width: 300px;
  text-align: left;
}
accounts-table .accounts-table .connections-col {
  min-width: 160px;
}
accounts-table .accounts-table .role-col {
  min-width: 82px;
}
accounts-table .accounts-table .access-type-col {
  min-width: 160px;
}
accounts-table .accounts-table .default-resource-col {
  min-width: 200px;
  max-width: 200px;
}
accounts-table .accounts-table .delete-button-col {
  min-width: 50px;
}
/* Copyright (C) 2016 NooBaa */
account-connections-list {
  display: flex;
  flex-direction: column;
}
account-connections-list > .push-prev {
  margin-top: 18px;
}
account-connections-list > .push-next {
  margin-bottom: 18px;
}
account-connections-list > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
account-connections-list > .push-prev-half {
  margin-top: 9px;
}
account-connections-list > .push-next-half {
  margin-bottom: 9px;
}
account-connections-list > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
account-connections-list > .push-prev-quarter {
  margin-top: 4.5px;
}
account-connections-list > .push-next-quarter {
  margin-bottom: 4.5px;
}
account-connections-list > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe account-connections-list > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe account-connections-list > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
account-connections-list .service-icon {
  min-width: 24px;
}
account-connections-list .usage-details .prop-name {
  width: auto;
}
account-connections-list .ld-list {
  line-height: 45px;
}
account-connections-list .ld-list vr {
  margin: 9px;
}
account-connections-list .bucket-list .tag {
  margin: 0 9px 9px 0;
}
/* Copyright (C) 2016 NooBaa */
account-details-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
account-s3-access-form {
  display: flex;
  flex-direction: column;
}
account-s3-access-form > .push-prev {
  margin-top: 18px;
}
account-s3-access-form > .push-next {
  margin-bottom: 18px;
}
account-s3-access-form > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
account-s3-access-form > .push-prev-half {
  margin-top: 9px;
}
account-s3-access-form > .push-next-half {
  margin-bottom: 9px;
}
account-s3-access-form > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
account-s3-access-form > .push-prev-quarter {
  margin-top: 4.5px;
}
account-s3-access-form > .push-next-quarter {
  margin-bottom: 4.5px;
}
account-s3-access-form > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe account-s3-access-form > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe account-s3-access-form > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
account-s3-access-form .s3-access-details .prop-name {
  align-self: flex-start;
  width: 250px;
}
/* Copyright (C) 2016 NooBaa */
.alerts-pane {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 999;
}
.alerts-pane > .push-prev {
  margin-top: 18px;
}
.alerts-pane > .push-next {
  margin-bottom: 18px;
}
.alerts-pane > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.alerts-pane > .push-prev-half {
  margin-top: 9px;
}
.alerts-pane > .push-next-half {
  margin-bottom: 9px;
}
.alerts-pane > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.alerts-pane > .push-prev-quarter {
  margin-top: 4.5px;
}
.alerts-pane > .push-next-quarter {
  margin-bottom: 4.5px;
}
.alerts-pane > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .alerts-pane > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .alerts-pane > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.alerts-pane .pane-header {
  line-height: 54px;
  background-color: rgb(var(--color03));
  border-bottom: 1px solid rgb(var(--color20));
}
.alerts-pane .alert {
  border-bottom: 1px solid rgba(var(--color11), 0.3);
  border-left: 4px solid transparent;
}
.alerts-pane .alert.alert-crit {
  border-left-color: rgb(var(--color31));
}
.alerts-pane .alert.alert-crit svg-icon {
  fill: rgb(var(--color31));
}
.alerts-pane .alert.alert-major {
  border-left-color: rgb(var(--color26));
}
.alerts-pane .alert.alert-major svg-icon {
  fill: rgb(var(--color26));
}
.alerts-pane .alert.alert-info {
  border-left-color: rgb(var(--color23));
}
.alerts-pane .alert.alert-info svg-icon {
  fill: rgb(var(--color23));
}
.alerts-pane .alert .mark-as-read-btn {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  margin-left: 9px;
}
.alerts-pane .alert .alert-loader {
  padding: 9px 18px;
}
.alerts-pane .alert:hover .mark-as-read-btn {
  opacity: 1;
}
.alerts-pane .alert.unread {
  background-color: rgb(var(--color06));
}
.alerts-pane .alert.unread.crit {
  border-left-color: rgb(var(--color31));
}
.alerts-pane .alert.unread.major {
  border-left-color: rgb(var(--color26));
}
.alerts-pane .alert.unread.info {
  border-left-color: rgb(var(--color23));
}
/* Copyright (C) 2016 NooBaa */
.audit-pane {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 999;
}
.audit-pane > .push-prev {
  margin-top: 18px;
}
.audit-pane > .push-next {
  margin-bottom: 18px;
}
.audit-pane > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.audit-pane > .push-prev-half {
  margin-top: 9px;
}
.audit-pane > .push-next-half {
  margin-bottom: 9px;
}
.audit-pane > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.audit-pane > .push-prev-quarter {
  margin-top: 4.5px;
}
.audit-pane > .push-next-quarter {
  margin-bottom: 4.5px;
}
.audit-pane > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .audit-pane > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .audit-pane > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.audit-pane .pane-header {
  line-height: 54px;
  background-color: rgb(var(--color03));
  border-bottom: 1px solid rgb(var(--color20));
}
.audit-pane .category-filter {
  height: 130px;
}
.audit-pane .audit-table {
  background: transparent;
  display: unset;
  position: unset;
}
.audit-pane .audit-table table {
  display: table;
}
.audit-pane .audit-table th {
  background-color: rgb(var(--color03));
}
.audit-pane .audit-table .main-row {
  height: 54px;
  cursor: pointer;
  transition: all 300ms;
}
.audit-pane .audit-table .main-row:hover {
  background-color: rgb(var(--color07));
}
.audit-pane .audit-table .main-row.selected {
  cursor: default;
  background-color: rgb(var(--color07));
}
.audit-pane .audit-table .time-col {
  min-width: 80px;
  max-width: 80px;
}
.audit-pane .audit-table tbody .time-col {
  text-align: left;
}
.audit-pane .audit-table .account-col {
  min-width: 90px;
  max-width: 90px;
  word-wrap: break-word;
  word-break: break-all;
}
.audit-pane .audit-table .category-col {
  min-width: 78px;
}
.audit-pane .audit-table .event-col {
  min-width: 90px;
}
.audit-pane .audit-table .entity-col {
  width: 100%;
  max-width: 200px;
  word-wrap: break-word;
  word-break: break-all;
}
.audit-pane .desc-box {
  height: 80px;
  overflow-y: auto;
}
/* Copyright (C) 2016 NooBaa */
account-usage-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.analytics-panel {
  display: flex;
  flex-direction: column;
}
.analytics-panel > .push-prev {
  margin-top: 18px;
}
.analytics-panel > .push-next {
  margin-bottom: 18px;
}
.analytics-panel > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.analytics-panel > .push-prev-half {
  margin-top: 9px;
}
.analytics-panel > .push-next-half {
  margin-bottom: 9px;
}
.analytics-panel > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.analytics-panel > .push-prev-quarter {
  margin-top: 4.5px;
}
.analytics-panel > .push-next-quarter {
  margin-bottom: 4.5px;
}
.analytics-panel > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .analytics-panel > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .analytics-panel > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
analytics-resource-distribution-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
bucket-usage-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
cloud-usage-stats-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
data-breakdown-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
app {
  position: fixed;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  min-width: 1280px;
  min-height: 680px;
}
/* Copyright (C) 2016 NooBaa */
objects-distribution-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
exit-confirmation-message {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.login-layout {
  background-color: rgb(var(--color16));
  height: 100%;
}
.login-layout main {
  height: 100%;
}
.login-layout .logo {
  height: 64px;
  width: 128px;
}
/* Copyright (C) 2016 NooBaa */
.main-layout {
  height: 100%;
  /* Creates a new plane sub-indexes which allow the background to be sent to
    back without going behind the body's background */
  position: relative;
  z-index: 1;
}
.main-layout .sticky-wrapper {
  max-height: 36px;
  background-color: white;
}
.main-layout .content-wrapper {
  position: relative;
}
.main-layout .logo {
  position: relative;
  margin-right: 15px;
  /*      position: relative;*/
  /*        margin-right: 35px;*/
  /*&::after {
            content: '';
            display: block;
            position: absolute;
            background: inherit;
            height: 42px;
            width: 42px;
            transform: translateX(35px) rotate(45deg) ;

        }*/
}
.main-layout .logo::after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 30px 0 30px 15px;
  border-color: transparent;
  border-left-color: rgb(var(--color16));
  right: -15px;
  top: 0;
  z-index: 1;
}
.main-layout .logo > svg-icon {
  width: calc(71px * 1.3);
  height: calc(24px * 1.3);
  margin-left: 11.5px;
  margin-right: 6px;
  z-index: 1;
}
.main-layout .main-header {
  height: 61px;
  background-color: rgb(var(--color18));
  border-bottom: 1px solid rgb(var(--color19));
}
.main-layout .main-header,
.main-layout .main-nav {
  z-index: 2;
}
.main-layout .main-nav,
.main-layout .logo {
  background: rgb(var(--color16));
}
.main-layout main {
  margin: 0 auto;
  padding: 18px;
  padding-bottom: 9px;
}
/* Copyright (C) 2016 NooBaa */
modal-manager .modals-backdrop {
  display: block;
  z-index: 999;
  background-color: rgba(var(--shadow1));
}
modal-manager .modal-heading {
  padding: 0 18px;
  line-height: 54px;
  text-align: left;
  border-bottom: 1px solid rgb(var(--color20));
  font-weight: 300;
}
modal-manager .modal-heading svg-icon {
  margin-right: 9px;
}
modal-manager .modal-heading.info {
  border-color: rgb(var(--color23));
}
modal-manager .modal-heading.success {
  border-color: rgb(var(--color27));
}
modal-manager .modal-heading.warning {
  border-color: rgb(var(--color26));
}
modal-manager .modal-heading.error {
  border-color: rgb(var(--color31));
}
modal-manager .modal {
  display: none;
  width: 610px;
  height: 455px;
  transition: all 250ms ease-in-out;
  outline: none;
  background-color: rgb(var(--color01));
}
modal-manager .modal:last-child {
  display: flex;
}
modal-manager .modal.modal-xsmall {
  width: 570px;
  height: 330px;
}
modal-manager .modal.modal-medium {
  width: 610px;
  height: 560px;
}
modal-manager .modal.modal-large {
  width: 750px;
  height: 560px;
}
modal-manager .modal.modal-xlarge {
  width: 900px;
  height: 560px;
}
modal-manager .modal.modal-auto-height {
  width: 900px;
  height: 80%;
  min-height: 560px;
}
modal-manager .close-btn {
  padding: 0;
}
modal-manager .close-btn > svg-icon {
  width: 12px;
  height: 12px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
buckets-summary {
  display: block;
  position: relative;
}
buckets-summary .summary {
  opacity: 0;
}
buckets-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
buckets-table data-table .state-col {
  min-width: 44px;
}
buckets-table data-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 90px;
  width: 100%;
}
buckets-table data-table .object-count-col {
  min-width: 56px;
}
buckets-table data-table .resiliency-policy-col {
  min-width: 130px;
}
buckets-table data-table .resources-col {
  min-width: 170px;
}
buckets-table data-table .versioning-col {
  min-width: 80px;
}
buckets-table data-table .capacity-col {
  min-width: 120px;
}
buckets-table data-table .delete-col {
  min-width: 40px;
}
/* Copyright (C) 2016 NooBaa */
namespace-buckets-table {
  display: block;
}
namespace-buckets-table .buckets-table .state-col {
  min-width: 44px;
}
namespace-buckets-table .buckets-table .name-col {
  text-align: left;
  width: 100%;
}
namespace-buckets-table .buckets-table .object-count-col {
  min-width: 60px;
}
namespace-buckets-table .buckets-table .read-policy-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 160px;
  max-width: 160px;
}
namespace-buckets-table .buckets-table .write-policy-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 160px;
  max-width: 160px;
}
namespace-buckets-table .buckets-table .usage-col {
  min-width: 80px;
}
namespace-buckets-table .buckets-table .delete-col {
  min-width: 50px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
cloud-resource-properties-form {
  display: block;
}
cloud-resource-properties-form property-sheet .prop-name {
  width: 180px;
}
/* Copyright (C) 2016 NooBaa */
cloud-resource-summary {
  display: block;
  position: relative;
}
cloud-resource-summary .io-chart {
  width: 168px;
  height: 168px;
}
cloud-resource-summary .summary {
  opacity: 0;
}
cloud-resource-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
bucket-data-placement-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
bucket-data-policies-form {
  display: block;
}
bucket-data-policies-form .bucket-policy-summary {
  cursor: pointer;
}
bucket-data-policies-form .bucket-policy-summary .btn {
  width: 164px;
}
/* Copyright (C) 2016 NooBaa */
bucket-data-resiliency-policy-form {
  display: block;
}
bucket-data-resiliency-policy-form property-sheet .prop-name {
  width: 180px;
}
/* Copyright (C) 2016 NooBaa */
bucket-objects-table {
  display: flex;
  flex-direction: column;
}
bucket-objects-table > .push-prev {
  margin-top: 18px;
}
bucket-objects-table > .push-next {
  margin-bottom: 18px;
}
bucket-objects-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
bucket-objects-table > .push-prev-half {
  margin-top: 9px;
}
bucket-objects-table > .push-next-half {
  margin-bottom: 9px;
}
bucket-objects-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
bucket-objects-table > .push-prev-quarter {
  margin-top: 4.5px;
}
bucket-objects-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
bucket-objects-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe bucket-objects-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe bucket-objects-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
bucket-objects-table .upload-btn {
  margin-left: auto;
}
bucket-objects-table .file-selector-wrapper {
  position: relative;
}
bucket-objects-table .file-selector-wrapper > .icon-btn {
  position: absolute;
  top: 27px;
  right: 9px;
}
bucket-objects-table .file-selector-wrapper > .icon-btn svg-icon {
  height: 12px;
  width: 12px;
}
bucket-objects-table .objects-table .state-col {
  min-width: 44px;
}
bucket-objects-table .objects-table .key-col {
  text-align: left;
  width: 100%;
  max-width: 600px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
bucket-objects-table .objects-table .version-id-col {
  min-width: 100px;
}
bucket-objects-table .objects-table .creation-time-col {
  min-width: 150px;
}
bucket-objects-table .objects-table .size-col {
  min-width: 100px;
}
bucket-objects-table .objects-table .delete-col {
  min-width: 40px;
}
@media (max-width: 1279px) {
  bucket-objects-table .search-input {
    max-width: 210px;
  }
}
/* Copyright (C) 2016 NooBaa */
.bucket-panel .issue-counter {
  position: relative;
}
.bucket-panel .issue-counter::after {
  position: absolute;
  left: 2px;
  top: -3px;
  content: attr(data-count);
  display: block;
  min-width: 10px;
  height: 10px;
  line-height: 100%;
  padding: 2px;
  background-color: rgb(var(--color02));
  color: rgb(var(--color20));
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  z-index: 1;
}
.bucket-panel .issue-counter.warning::after {
  border: 1px solid rgb(var(--color26));
  background: transparent;
  color: rgb(var(--color26));
  font-weight: 500;
}
.bucket-panel .issue-counter.error::after {
  border: 1px solid rgb(var(--color31));
  background: transparent;
  color: rgb(var(--color31));
  font-weight: 500;
}
/* Copyright (C) 2016 NooBaa */
bucket-quota-policy-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
bucket-s3-access-policy-form {
  display: flex;
  flex-direction: column;
}
bucket-s3-access-policy-form > .push-prev {
  margin-top: 18px;
}
bucket-s3-access-policy-form > .push-next {
  margin-bottom: 18px;
}
bucket-s3-access-policy-form > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
bucket-s3-access-policy-form > .push-prev-half {
  margin-top: 9px;
}
bucket-s3-access-policy-form > .push-next-half {
  margin-bottom: 9px;
}
bucket-s3-access-policy-form > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
bucket-s3-access-policy-form > .push-prev-quarter {
  margin-top: 4.5px;
}
bucket-s3-access-policy-form > .push-next-quarter {
  margin-bottom: 4.5px;
}
bucket-s3-access-policy-form > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe bucket-s3-access-policy-form > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe bucket-s3-access-policy-form > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
bucket-s3-access-policy-form .accounts-table .name-col {
  text-align: left;
  min-width: 5em;
  width: 100%;
}
bucket-s3-access-policy-form .accounts-table .credentials-details-col {
  min-width: 100px;
}
/* Copyright (C) 2016 NooBaa */
bucket-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 186px;
}
bucket-summary > .push-prev {
  margin-top: 18px;
}
bucket-summary > .push-next {
  margin-bottom: 18px;
}
bucket-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
bucket-summary > .push-prev-half {
  margin-top: 9px;
}
bucket-summary > .push-next-half {
  margin-bottom: 9px;
}
bucket-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
bucket-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
bucket-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
bucket-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe bucket-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe bucket-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
bucket-summary .summary {
  opacity: 0;
}
bucket-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
bucket-summary .avil-legend .legend-item .legend-label {
  flex-basis: 210px;
}
bucket-summary .storage-bar .bar-line {
  height: 4px;
}
bucket-summary .data-usage-chart,
bucket-summary .raw-usage-chart {
  width: 60px;
  height: 60px;
}
bucket-summary .data-usage-chart > .usage-bars {
  transform: scale(60, 60);
}
bucket-summary .data-usage-chart .usage-bar {
  height: 0;
  y: 1;
  transition: all 350ms ease-out;
}
bucket-summary .data-usage-chart.disabled {
  opacity: 0.2;
}
bucket-summary .data-usage-chart.disabled .usage-bar {
  transition: none;
}
/* Copyright (C) 2016 NooBaa */
bucket-triggers-form {
  display: block;
}
bucket-triggers-form .functions-table .state-col {
  min-width: 44px;
}
bucket-triggers-form .functions-table .func-name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
bucket-triggers-form .functions-table .event-col {
  min-width: 120px;
}
bucket-triggers-form .functions-table .prefix-col {
  min-width: 120px;
}
bucket-triggers-form .functions-table .suffix-col {
  min-width: 120px;
}
bucket-triggers-form .functions-table .last-run-col {
  min-width: 120px;
}
bucket-triggers-form .functions-table .edit-col {
  min-width: 40px;
}
bucket-triggers-form .functions-table .delete-col {
  min-width: 40px;
}
/* Copyright (C) 2016 NooBaa */
bucket-versioning-policy-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
tier-data-placement-policy-form {
  display: block;
}
tier-data-placement-policy-form .placement-table .state-col {
  min-width: 44px;
}
tier-data-placement-policy-form .placement-table .type-col {
  min-width: 44px;
}
tier-data-placement-policy-form .placement-table .resource-name-col {
  text-align: left;
  width: 100%;
  max-width: 340px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
tier-data-placement-policy-form .placement-table .region-col {
  min-width: 100px;
}
tier-data-placement-policy-form .placement-table .healthy-hosts-col {
  min-width: 100px;
}
tier-data-placement-policy-form .placement-table .healthy-nodes-col {
  min-width: 100px;
}
tier-data-placement-policy-form .placement-table .bucket-usage-col {
  min-width: 160px;
}
/* Copyright (C) 2016 NooBaa */
endpoint-groups-scaling-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
endpoint-groups-table data-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
endpoint-groups-table data-table .count-col {
  min-width: 120px;
}
endpoint-groups-table data-table .range-col {
  min-width: 140px;
}
endpoint-groups-table data-table .region-col {
  min-width: 120px;
}
endpoint-groups-table data-table .cpu-usage-col {
  min-width: 120px;
}
endpoint-groups-table data-table .memory-usage-col {
  min-width: 120px;
}
endpoint-groups-table data-table .edit-col {
  min-width: 44px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
endpoints-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 186px;
}
endpoints-summary > .push-prev {
  margin-top: 18px;
}
endpoints-summary > .push-next {
  margin-bottom: 18px;
}
endpoints-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
endpoints-summary > .push-prev-half {
  margin-top: 9px;
}
endpoints-summary > .push-next-half {
  margin-bottom: 9px;
}
endpoints-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
endpoints-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
endpoints-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
endpoints-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe endpoints-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe endpoints-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
endpoints-summary .summary {
  opacity: 0;
}
endpoints-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
endpoints-summary .groups-chart {
  width: calc(100% - 1px);
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
cluster-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 180px;
}
cluster-summary > .push-prev {
  margin-top: 18px;
}
cluster-summary > .push-next {
  margin-bottom: 18px;
}
cluster-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
cluster-summary > .push-prev-half {
  margin-top: 9px;
}
cluster-summary > .push-next-half {
  margin-bottom: 9px;
}
cluster-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
cluster-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
cluster-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
cluster-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe cluster-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe cluster-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
cluster-summary .summary {
  opacity: 0;
}
cluster-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
cluster-summary .status-label {
  margin-right: 0.5em;
}
cluster-summary .servers-bar .bar-line {
  height: 4px;
}
/* Copyright (C) 2016 NooBaa */
server-table {
  display: flex;
  flex-direction: column;
}
server-table > .push-prev {
  margin-top: 18px;
}
server-table > .push-next {
  margin-bottom: 18px;
}
server-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
server-table > .push-prev-half {
  margin-top: 9px;
}
server-table > .push-next-half {
  margin-bottom: 9px;
}
server-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
server-table > .push-prev-quarter {
  margin-top: 4.5px;
}
server-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
server-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe server-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe server-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
server-table .server-data-table .usage-cell > progress-bar {
  width: 85%;
}
server-table .server-data-table .state-col {
  min-width: 44px;
}
server-table .server-data-table .name-col {
  text-align: left;
  width: 100%;
}
server-table .server-data-table .disk-usage-col,
server-table .server-data-table .memory-usage-col,
server-table .server-data-table .cpu-usage-col {
  min-width: 140px;
}
server-table .server-data-table .version-col {
  min-width: 120px;
}
/* Copyright (C) 2016 NooBaa */
func-config-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
func-code-form {
  display: block;
  position: relative;
}
func-code-form .handler-summary {
  max-width: 200px;
}
func-code-form .stale-backdrop {
  position: relative;
  opacity: 0.5;
}
func-code-form .empty-message {
  margin: 18px;
  position: relative;
  text-align: left;
  font-size: 16px;
  color: rgb(var(--color11));
}
/* Copyright (C) 2016 NooBaa */
func-monitoring-form {
  display: block;
}
func-monitoring-form .toggle-option {
  width: 88px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
func-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 168px;
}
func-summary > .push-prev {
  margin-top: 18px;
}
func-summary > .push-next {
  margin-bottom: 18px;
}
func-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
func-summary > .push-prev-half {
  margin-top: 9px;
}
func-summary > .push-next-half {
  margin-bottom: 9px;
}
func-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
func-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
func-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
func-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe func-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe func-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
func-summary .summary {
  opacity: 0;
}
func-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
func-triggers-form {
  display: block;
}
func-triggers-form .functions-table .state-col {
  min-width: 44px;
}
func-triggers-form .functions-table .bucket-name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
func-triggers-form .functions-table .bucket-type-col {
  min-width: 120px;
}
func-triggers-form .functions-table .event-col {
  min-width: 120px;
}
func-triggers-form .functions-table .prefix-col {
  min-width: 120px;
}
func-triggers-form .functions-table .suffix-col {
  min-width: 120px;
}
func-triggers-form .functions-table .last-run-col {
  min-width: 120px;
}
func-triggers-form .functions-table .edit-col {
  min-width: 40px;
}
func-triggers-form .functions-table .delete-col {
  min-width: 40px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
funcs-table {
  display: flex;
  flex-direction: column;
}
funcs-table > .push-prev {
  margin-top: 18px;
}
funcs-table > .push-next {
  margin-bottom: 18px;
}
funcs-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
funcs-table > .push-prev-half {
  margin-top: 9px;
}
funcs-table > .push-next-half {
  margin-bottom: 9px;
}
funcs-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
funcs-table > .push-prev-quarter {
  margin-top: 4.5px;
}
funcs-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
funcs-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe funcs-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe funcs-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
funcs-table data-table .state-col {
  min-width: 44px;
}
funcs-table data-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 90px;
  width: 100%;
}
funcs-table data-table .version-col {
  min-width: 128px;
}
funcs-table data-table .description-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 300px;
  min-width: 200px;
}
funcs-table data-table .size-col {
  min-width: 128px;
}
funcs-table data-table .placement-policy-col {
  min-width: 128px;
}
funcs-table data-table .last-modified-col {
  min-width: 180px;
}
funcs-table data-table .delete-col {
  min-width: 40px;
}
/* Copyright (C) 2016 NooBaa */
.change-password-form .box {
  width: 600px;
}
/* Copyright (C) 2016 NooBaa */
.create-system-form .welcome-message {
  color: rgb(var(--color02));
}
.create-system-form .box {
  width: 600px;
}
/* Copyright (C) 2016 NooBaa */
.oauth-callback .heading1 {
  color: rgb(var(--color02));
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.oauth-callback loading-indicator .circle {
  background-color: rgb(var(--color02));
}
/* Copyright (C) 2016 NooBaa */
.sign-in-from .welcome-message {
  color: rgb(var(--color02));
}
.sign-in-from .box {
  width: 600px;
}
.sign-in-from checkbox {
  margin: 18px 0;
}
.sign-in-from .error {
  visibility: hidden;
}
.sign-in-from .error.visible {
  visibility: visible;
}
/* Copyright (C) 2016 NooBaa */
.splash-screen .heading1 {
  color: rgb(var(--color02));
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.splash-screen loading-indicator .circle {
  background-color: rgb(var(--color02));
}
/* Copyright (C) 2016 NooBaa */
.unsupported-form .wrapper {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.unsupported-form .heading1 {
  color: rgb(var(--color02));
}
/* Copyright (C) 2016 NooBaa */
host-details-form {
  display: block;
}
host-details-form .deamon-info .prop-name {
  width: 180px;
}
/* Copyright (C) 2016 NooBaa */
host-diagnostics-form {
  display: flex;
  flex-direction: column;
}
host-diagnostics-form > .push-prev {
  margin-top: 18px;
}
host-diagnostics-form > .push-next {
  margin-bottom: 18px;
}
host-diagnostics-form > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
host-diagnostics-form > .push-prev-half {
  margin-top: 9px;
}
host-diagnostics-form > .push-next-half {
  margin-bottom: 9px;
}
host-diagnostics-form > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
host-diagnostics-form > .push-prev-quarter {
  margin-top: 4.5px;
}
host-diagnostics-form > .push-next-quarter {
  margin-bottom: 4.5px;
}
host-diagnostics-form > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe host-diagnostics-form > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe host-diagnostics-form > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
.host-panel .redirect-overlay {
  animation: fade-in 300ms linear;
  position: fixed;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(var(--shadow1));
}
/* Copyright (C) 2016 NooBaa */
host-summary {
  display: block;
  position: relative;
}
host-summary .summary {
  opacity: 0;
}
host-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
host-summary .progress-bar {
  margin-top: 18px;
}
host-summary .progress-bar bar {
  margin-bottom: 9px;
}
/* Copyright (C) 2016 NooBaa */
account-menu {
  display: block;
  position: relative;
}
account-menu .menu-header {
  color: rgb(var(--color08));
  background-color: rgb(var(--color16));
  height: 60px;
}
account-menu .menu-header > .user-email {
  min-width: 140px;
  max-width: 140px;
}
account-menu .menu-items {
  color: rgb(var(--color02));
  background: rgb(var(--color16));
  top: 100%;
  left: 0;
  right: 0;
  position: absolute;
  max-height: 0;
  transition: max-height 250ms ease-out;
  overflow-y: hidden;
  cursor: pointer;
}
account-menu .menu-items > hr {
  margin: 0;
  border-color: rgb(var(--color13));
}
account-menu .menu-items .menu-item {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 18px;
  vertical-align: middle;
  display: block;
  border: none;
  background: none;
}
account-menu .menu-items .menu-item.disabled {
  cursor: default;
  color: rgb(var(--color11));
  opacity: 0.5;
}
account-menu .menu-items .menu-item:not(.disabled):hover {
  background-color: rgb(var(--color15));
}
account-menu .menu-items .theme-switch {
  display: flex;
  align-items: center;
}
account-menu .menu-items .theme-switch::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-left: auto;
  background: rgb(var(--color17));
  box-shadow: 0 0 8px rgb(var(--color02));
  transition: all 300ms ease-out;
}
account-menu .open > .menu-header,
account-menu .open > .menu-items {
  box-shadow: -2px 2px 4px rgba(var(--shadow1));
}
account-menu .open > .menu-items {
  max-height: 300px;
}
/* Copyright (C) 2016 NooBaa */
commands-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
commands-bar.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
commands-bar > .push-prev {
  margin-left: 18px;
}
commands-bar > .push-next {
  margin-right: 18px;
}
commands-bar > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
commands-bar > .push-prev-half {
  margin-left: 9px;
}
commands-bar > .push-next-half {
  margin-right: 9px;
}
commands-bar > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
commands-bar > .push-prev-quarter {
  margin-left: 4.5px;
}
commands-bar > .push-next-quarter {
  margin-right: 4.5px;
}
commands-bar > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe commands-bar > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe commands-bar > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
commands-bar .icon-btn {
  margin: 0 9px;
}
commands-bar .icon-btn > svg-icon {
  fill: rgb(var(--color02));
}
commands-bar .alerts {
  position: relative;
  overflow: visible;
}
commands-bar .alerts.counter {
  position: relative;
}
commands-bar .alerts.counter::after {
  position: absolute;
  left: 0;
  top: -5px;
  content: attr(data-count);
  display: block;
  min-width: 10px;
  height: 10px;
  line-height: 100%;
  padding: 2px;
  background-color: rgb(var(--color02));
  color: rgb(var(--color20));
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  z-index: 1;
}
commands-bar .alerts.counter.warning::after {
  border: 1px solid rgb(var(--color26));
  background: transparent;
  color: rgb(var(--color26));
  font-weight: 500;
}
commands-bar .alerts.counter.error::after {
  border: 1px solid rgb(var(--color31));
  background: transparent;
  color: rgb(var(--color31));
  font-weight: 500;
}
commands-bar .refresh-spin {
  animation: spin 1000ms linear;
}
/* Copyright (C) 2016 NooBaa */
notification-box ul {
  position: fixed;
  bottom: 9px;
  left: 9px;
  font-size: 14px;
  transform: translateY(120%);
  transition: all 500ms ease-out;
  z-index: 3;
  width: 400px;
  height: 68px;
  overflow-y: hidden;
  border: 1px solid black;
  font-weight: 400;
  background-color: rgba(var(--color32), 0.85);
}
notification-box ul:hover {
  background-color: rgba(var(--color32), 1);
}
notification-box ul.visible {
  transform: translateY(0);
}
notification-box ul.info-borders {
  border-color: rgba(var(--color23), 0.85);
}
notification-box ul.success-borders {
  border-color: rgba(var(--color27), 0.85);
}
notification-box ul.warning-borders {
  border-color: rgba(var(--color26), 0.85);
}
notification-box ul.error-borders {
  border-color: rgba(var(--color31), 0.85);
}
notification-box .notif {
  font-size: 14px;
  line-height: 1.2;
  height: 68px;
  transition: margin 500ms linear;
  margin-top: -68px;
}
notification-box .notif:last-child {
  margin-top: 0;
}
/* Copyright (C) 2016 NooBaa */
uploads-indicator {
  position: relative;
  margin-left: 0;
  width: 42px;
  margin: 0 auto;
}
uploads-indicator .icon-btn > svg-icon {
  margin: 0 auto;
  fill: rgb(var(--color02));
}
uploads-indicator .anim {
  position: absolute;
  display: block;
  top: 3px;
  left: 8px;
  background: transparent;
  border: 1px solid rgb(var(--color17));
  border-radius: 1px;
  padding: 4px 2px;
  color: rgb(var(--color20));
  animation-fill-mode: forwards;
}
uploads-indicator .anim::before {
  content: '+';
}
uploads-indicator .icon-btn {
  overflow: visible;
}
uploads-indicator .icon-btn.uploading {
  position: relative;
}
uploads-indicator .icon-btn.uploading::after {
  position: absolute;
  left: 3px;
  top: -5px;
  content: attr(data-count);
  display: block;
  min-width: 10px;
  height: 10px;
  line-height: 100%;
  padding: 2px;
  background-color: rgb(var(--color02));
  color: rgb(var(--color20));
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  z-index: 1;
}
uploads-indicator .icon-btn.uploading.warning::after {
  border: 1px solid rgb(var(--color26));
  background: transparent;
  color: rgb(var(--color26));
  font-weight: 500;
}
uploads-indicator .icon-btn.uploading.error::after {
  border: 1px solid rgb(var(--color31));
  background: transparent;
  color: rgb(var(--color31));
  font-weight: 500;
}
/* Copyright (C) 2016 NooBaa */
diagnostics-form {
  display: flex;
  flex-direction: column;
}
diagnostics-form > .push-prev {
  margin-top: 18px;
}
diagnostics-form > .push-next {
  margin-bottom: 18px;
}
diagnostics-form > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
diagnostics-form > .push-prev-half {
  margin-top: 9px;
}
diagnostics-form > .push-next-half {
  margin-bottom: 9px;
}
diagnostics-form > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
diagnostics-form > .push-prev-quarter {
  margin-top: 4.5px;
}
diagnostics-form > .push-next-quarter {
  margin-bottom: 4.5px;
}
diagnostics-form > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe diagnostics-form > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe diagnostics-form > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
maintenance-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
p2p-form {
  display: flex;
  flex-direction: column;
}
p2p-form > .push-prev {
  margin-top: 18px;
}
p2p-form > .push-next {
  margin-bottom: 18px;
}
p2p-form > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
p2p-form > .push-prev-half {
  margin-top: 9px;
}
p2p-form > .push-next-half {
  margin-bottom: 9px;
}
p2p-form > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
p2p-form > .push-prev-quarter {
  margin-top: 4.5px;
}
p2p-form > .push-next-quarter {
  margin-bottom: 4.5px;
}
p2p-form > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe p2p-form > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe p2p-form > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
ssl-certificate-form {
  display: block;
}
ssl-certificate-form drop-area {
  width: 30em;
  height: 10em;
}
/* Copyright (C) 2016 NooBaa */
version-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
virtual-hosting-form {
  display: block;
}
virtual-hosting-form .summary-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  max-width: 300px;
}
/* Copyright (C) 2016 NooBaa */
namespace-bucket-data-placement-form {
  display: block;
}
namespace-bucket-data-placement-form .placement-table .state-col {
  min-width: 44px;
}
namespace-bucket-data-placement-form .placement-table .type-col {
  min-width: 40px;
}
namespace-bucket-data-placement-form .placement-table .name-col {
  text-align: left;
  width: 100%;
}
namespace-bucket-data-placement-form .placement-table .target-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 140px;
  max-width: 140px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
namespace-bucket-s3-access-form {
  display: block;
}
namespace-bucket-s3-access-form .accounts-table .name-col {
  text-align: left;
  width: 100%;
}
namespace-bucket-s3-access-form .accounts-table .credentials-details-col {
  min-width: 100px;
}
/* Copyright (C) 2016 NooBaa */
namespace-bucket-summary {
  display: block;
  position: relative;
}
namespace-bucket-summary .summary {
  opacity: 0;
  min-height: 174px;
}
namespace-bucket-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
namespace-bucket-triggers-form {
  display: block;
}
namespace-bucket-triggers-form .functions-table .state-col {
  min-width: 44px;
}
namespace-bucket-triggers-form .functions-table .func-name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
}
namespace-bucket-triggers-form .functions-table .event-col {
  min-width: 120px;
}
namespace-bucket-triggers-form .functions-table .prefix-col {
  min-width: 120px;
}
namespace-bucket-triggers-form .functions-table .suffix-col {
  min-width: 120px;
}
namespace-bucket-triggers-form .functions-table .last-run-col {
  min-width: 120px;
}
namespace-bucket-triggers-form .functions-table .edit-col {
  min-width: 40px;
}
namespace-bucket-triggers-form .functions-table .delete-col {
  min-width: 40px;
}
/* Copyright (C) 2016 NooBaa */
.account-created-modal {
  display: block;
}
.account-created-modal .message {
  font-family: roboto;
  line-height: 1.5;
  white-space: pre-line;
}
/* Copyright (C) 2016 NooBaa */
.add-bucket-trigger-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.add-cloud-connection-modal .small-input {
  width: 133px;
}
.add-cloud-connection-modal .gc-file-selector validation-message {
  height: 1.2em;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
.add-resources-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.add-tier-modal {
  display: block;
}
.add-tier-modal tag-list .tag.dim {
  opacity: 0.5;
}
/* Copyright (C) 2016 NooBaa */
.assign-region-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.attach-server-modal {
  display: block;
}
.attach-server-modal .hostname {
  padding-right: 85px;
}
.attach-server-modal .name-suffix {
  line-height: 40px;
  margin-left: -80px;
}
/* Copyright (C) 2016 NooBaa */
.bucket-placement-summary-modal {
  display: flex;
  flex-direction: column;
}
.bucket-placement-summary-modal > .push-prev {
  margin-top: 18px;
}
.bucket-placement-summary-modal > .push-next {
  margin-bottom: 18px;
}
.bucket-placement-summary-modal > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.bucket-placement-summary-modal > .push-prev-half {
  margin-top: 9px;
}
.bucket-placement-summary-modal > .push-next-half {
  margin-bottom: 9px;
}
.bucket-placement-summary-modal > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.bucket-placement-summary-modal > .push-prev-quarter {
  margin-top: 4.5px;
}
.bucket-placement-summary-modal > .push-next-quarter {
  margin-bottom: 4.5px;
}
.bucket-placement-summary-modal > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .bucket-placement-summary-modal > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .bucket-placement-summary-modal > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
.change-cluster-connectivity-ip-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.change-password-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.cloud-connection-update-warning-modal {
  display: block;
}
.cloud-connection-update-warning-modal .usage-table .resource-name-col {
  text-align: left;
  width: 100%;
}
.cloud-connection-update-warning-modal .usage-table .target-bucket-col {
  min-width: 120px;
}
.cloud-connection-update-warning-modal .usage-table .usage-type-col {
  min-width: 130px;
}
/* Copyright (C) 2016 NooBaa */
.complete-ssl-certificate-installation-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.confirm-dangerous-scaling-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.connect-app-modal {
  display: block;
}
.connect-app-modal .summary .prop-name {
  width: 180px;
}
/* Copyright (C) 2016 NooBaa */
.create-account-modal editor > .editor-label {
  min-width: 190px;
}
/* Copyright (C) 2016 NooBaa */
.create-bucket-modal .page-footer span,
.create-bucket-modal .page-footer a {
  line-height: 16px;
  vertical-align: middle;
}
/* Copyright (C) 2016 NooBaa */
.create-func-modal {
  display: block;
}
.create-func-modal .desc-field {
  resize: none;
  height: 8em;
}
.create-func-modal .code-field {
  width: auto;
  border: none;
  resize: none;
  font-family: consolas, monospace;
  font-size: 12px;
}
/* Copyright (C) 2016 NooBaa */
.create-namespace-bucket-modal {
  display: block;
}
.create-namespace-bucket-modal .resource-table .selected-col {
  min-width: 25px;
}
.create-namespace-bucket-modal .resource-table .state-col {
  min-width: 46px;
}
.create-namespace-bucket-modal .resource-table .type-col {
  min-width: 46px;
}
.create-namespace-bucket-modal .resource-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 1px;
}
.create-namespace-bucket-modal .resource-table .target-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 140px;
  max-width: 140px;
}
/* Copyright (C) 2016 NooBaa */
.create-namespace-resource-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.delete-current-account-warning-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.delete-pool-with-data-warning-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.deploy-k8s-pool-modal {
  display: block;
}
.deploy-k8s-pool-modal .size-unit-dd {
  width: 100px;
}
.deploy-k8s-pool-modal .editor-large-label .editor-label {
  width: 200px;
}
/* Copyright (C) 2016 NooBaa */
.deploy-remote-endpoint-group-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.edit-account-s3-access-modal editor > .editor-label {
  width: 190px;
}
/* Copyright (C) 2016 NooBaa */
.edit-bucket-data-resiliency-modal {
  display: block;
}
.edit-bucket-data-resiliency-modal .validation-message-wrapper {
  position: relative;
  white-space: nowrap;
}
.edit-bucket-data-resiliency-modal .validation-message-wrapper > validation-message {
  position: absolute;
}
/* Copyright (C) 2016 NooBaa */
.edit-bucket-quota-modal {
  display: block;
}
.edit-bucket-quota-modal .storage-bardisabled {
  opacity: 0.2;
}
.edit-bucket-quota-modal .storage-bar .bar-line {
  height: 4px;
}
.edit-bucket-quota-modal .size-unit {
  width: 100px;
}
/* Copyright (C) 2016 NooBaa */
.bucket-s3-access-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.edit-bucket-trigger-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.edit-cloud-connection-modal {
  display: block;
}
.edit-cloud-connection-modal .gc-file-selector validation-message {
  height: 1.2em;
}
/* Copyright (C) 2016 NooBaa */
.edit-endpoint-group-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.edit-func-code-modal {
  display: block;
}
.edit-func-code-modal .code-field {
  width: auto;
  border: none;
  resize: none;
  font-family: consolas, monospace;
  font-size: 12px;
}
/* Copyright (C) 2016 NooBaa */
.edit-func-config-modal {
  display: block;
}
.edit-func-config-modal .desc-field {
  resize: none;
  height: 8em;
}
/* Copyright (C) 2016 NooBaa */
.edit-k8s-pool-modal {
  display: block;
}
.edit-k8s-pool-modal .size-unit-dd {
  width: 100px;
}
.edit-k8s-pool-modal .editor-large-label .editor-label {
  width: 200px;
}
/* Copyright (C) 2016 NooBaa */
.edit-namespace-bucket-data-placement-modal {
  display: block;
}
.edit-namespace-bucket-data-placement-modal .resource-table .selected-col {
  min-width: 25px;
}
.edit-namespace-bucket-data-placement-modal .resource-table .state-col {
  min-width: 46px;
}
.edit-namespace-bucket-data-placement-modal .resource-table .type-col {
  min-width: 46px;
}
.edit-namespace-bucket-data-placement-modal .resource-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 1px;
}
.edit-namespace-bucket-data-placement-modal .resource-table .target-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 140px;
  max-width: 140px;
}
/* Copyright (C) 2016 NooBaa */
.edit-server-details-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.edit-tier-data-placement-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.empty-data-placement-warning-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.file-uploads-modal .progress-bar {
  height: 3px;
  width: 180px;
}
.file-uploads-modal .uploads-table {
  height: 100%;
}
.file-uploads-modal .uploads-table .file-name-col {
  text-align: left;
  width: 100%;
  max-width: 360px;
}
.file-uploads-modal .uploads-table .file-name-col a,
.file-uploads-modal .uploads-table .file-name-col span {
  display: inherit;
  line-height: 1.5;
  max-width: 350px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.file-uploads-modal .uploads-table .bucket-name-col {
  min-width: 100px;
  max-width: 100px;
}
.file-uploads-modal .uploads-table .size-col {
  min-width: 70px;
}
.file-uploads-modal .uploads-table .progress-col {
  min-width: 90px;
}
.file-uploads-modal .summary {
  padding: 0 18px;
  line-height: 24px;
  height: 24px;
}
.file-uploads-modal .summary svg-icon {
  margin-right: 9px;
}
.file-uploads-modal .summary .file-counter {
  margin-left: auto;
}
/* Copyright (C) 2016 NooBaa */
.invoke-func-modal {
  display: block;
}
.invoke-func-modal .event-field {
  resize: none;
  width: 100%;
}
/* Copyright (C) 2016 NooBaa */
.keep-using-internal-storage-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.management-console-error-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.oauth-access-denied-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.oauth-unauthorized-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.object-preview-modal iframe {
  width: 100%;
  height: 440px;
}
/* Copyright (C) 2016 NooBaa */
.password-reset-failed-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.password-reset-completed-modal {
  display: block;
}
.password-reset-completed-modal .user-message {
  font-family: roboto;
  line-height: 1.5;
}
/* Copyright (C) 2016 NooBaa */
.regenerate-account-credentials-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.reset-password-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.risky-bucket-data-resiliency-warning-modal {
  display: block;
}
.risky-bucket-data-resiliency-warning-modal editor .editor-label {
  width: auto;
}
/* Copyright (C) 2016 NooBaa */
.s3-access-details-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.session-expired-modal {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
.set-account-ip-restrictions-modal {
  display: block;
}
.set-account-ip-restrictions-modal form {
  margin-top: -18px;
}
/* Copyright (C) 2016 NooBaa */
.set-node-as-trusted-modal {
  display: block;
}
.set-node-as-trusted-modal .untrusted-reason-table {
  text-align: left;
}
.set-node-as-trusted-modal .untrusted-reason-table .test-date-col {
  min-width: 140px;
}
.set-node-as-trusted-modal .untrusted-reason-table .drive-col {
  min-width: 100px;
  width: 100%;
}
.set-node-as-trusted-modal .untrusted-reason-table .test-type-col {
  min-width: 110px;
}
.set-node-as-trusted-modal .untrusted-reason-table .results-col {
  min-width: 110px;
}
/* Copyright (C) 2016 NooBaa */
.start-maintenance-modal .duration-unit {
  width: 150px;
}
/* Copyright (C) 2016 NooBaa */
.test-node-modal data-table .test-col {
  min-width: 75px;
}
.test-node-modal data-table .source-node-col,
.test-node-modal data-table .target-node-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 50%;
  max-width: 136px;
}
.test-node-modal data-table .protocol-col {
  min-width: 50px;
}
.test-node-modal data-table .ip-col {
  min-width: 100px;
}
.test-node-modal data-table .port-col {
  min-width: 55px;
}
.test-node-modal data-table .time-col {
  min-width: 100px;
}
.test-node-modal data-table .speed-col {
  min-width: 100px;
}
.test-node-modal data-table .progress-col {
  min-width: 75px;
  text-transform: capitalize;
}
.test-node-modal data-table .progress-col .completed {
  color: rgb(var(--color27));
  font-weight: 400;
}
.test-node-modal data-table .progress-col .failed {
  color: rgb(var(--color31));
  font-weight: 500;
}
.test-node-modal data-table .progress-col .aborted {
  color: rgb(var(--color26));
  font-weight: 400;
}
.test-node-modal .summary {
  padding: 0 18px;
  line-height: 24px;
  height: 24px;
}
.test-node-modal .summary svg-icon {
  margin-right: 9px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
object-parts-list {
  display: block;
}
object-parts-list .block-tables {
  overflow-y: auto;
}
object-parts-list .block-tables data-table .state-col {
  min-width: 46px;
}
object-parts-list .block-tables data-table .replicas-col,
object-parts-list .block-tables data-table .fragments-col,
object-parts-list .block-tables data-table .mixed-col {
  text-align: left;
  width: 100%;
}
object-parts-list .block-tables data-table .resource-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 250px;
  max-width: 250px;
}
/* Copyright (C) 2016 NooBaa */
object-properties {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
object-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 186px;
}
object-summary > .push-prev {
  margin-top: 18px;
}
object-summary > .push-next {
  margin-bottom: 18px;
}
object-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
object-summary > .push-prev-half {
  margin-top: 9px;
}
object-summary > .push-next-half {
  margin-bottom: 9px;
}
object-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
object-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
object-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
object-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe object-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe object-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
object-summary > div {
  min-height: inherit;
}
object-summary .size-chart {
  width: 168px;
  height: 168px;
}
object-summary .summary {
  opacity: 0;
}
object-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
alerts-overview {
  display: block;
}
alerts-overview .card {
  height: 100%;
}
/* Copyright (C) 2016 NooBaa */
buckets-overview {
  display: block;
}
buckets-overview .usage-chart .empty-message {
  font-size: 14px;
}
/* Copyright (C) 2016 NooBaa */
cluster-overview {
  display: block;
}
cluster-overview .card {
  height: 100%;
}
/* Copyright (C) 2016 NooBaa */
.overview-panel .content-wrapper {
  width: 100%;
  max-width: 1404px;
  padding: 0 18px;
  align-self: center;
  height: 100%;
  max-width: 1150px;
  max-height: 630px;
}
.overview-panel .overview-btn {
  font-size: 16px;
  width: 100%;
  padding: 9px;
}
/* Copyright (C) 2016 NooBaa */
resource-overview {
  display: block;
}
resource-overview .resources-chart {
  width: calc(100% - 1px);
}
resource-overview .resources-chart .empty-message {
  font-size: 14px;
}
/* Copyright (C) 2016 NooBaa */
storage-overview {
  display: block;
}
storage-overview .card {
  height: 100%;
}
storage-overview .usage-bar .bar-line {
  height: 4px;
}
/* Copyright (C) 2016 NooBaa */
pool-hosts-table {
  display: flex;
  flex-direction: column;
}
pool-hosts-table > .push-prev {
  margin-top: 18px;
}
pool-hosts-table > .push-next {
  margin-bottom: 18px;
}
pool-hosts-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
pool-hosts-table > .push-prev-half {
  margin-top: 9px;
}
pool-hosts-table > .push-next-half {
  margin-bottom: 9px;
}
pool-hosts-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
pool-hosts-table > .push-prev-quarter {
  margin-top: 4.5px;
}
pool-hosts-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
pool-hosts-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe pool-hosts-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe pool-hosts-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
pool-hosts-table .filter-by-editor {
  padding: 0;
}
pool-hosts-table .filter-by-editor .editor-label {
  line-height: 42px;
  width: auto;
  min-width: unset;
}
pool-hosts-table > data-table .state-col {
  min-width: 64px;
}
pool-hosts-table > data-table .hostname-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  max-width: 117px;
  width: 100%;
}
pool-hosts-table > data-table .ip-col {
  min-width: 120px;
}
pool-hosts-table > data-table .drives-col {
  min-width: 100px;
}
pool-hosts-table > data-table .capacity-col {
  min-width: 120px;
}
pool-hosts-table > data-table .data-activity-col {
  min-width: 178px;
}
pool-hosts-table > .state-filter {
  display: inline-block;
}
/* Copyright (C) 2016 NooBaa */
.pool-panel {
  display: flex;
  flex-direction: column;
}
.pool-panel > .push-prev {
  margin-top: 18px;
}
.pool-panel > .push-next {
  margin-bottom: 18px;
}
.pool-panel > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
.pool-panel > .push-prev-half {
  margin-top: 9px;
}
.pool-panel > .push-next-half {
  margin-bottom: 9px;
}
.pool-panel > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
.pool-panel > .push-prev-quarter {
  margin-top: 4.5px;
}
.pool-panel > .push-next-quarter {
  margin-bottom: 4.5px;
}
.pool-panel > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe .pool-panel > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe .pool-panel > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
.pool-panel .redirect-overlay {
  animation: fade-in 300ms linear;
  position: fixed;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(var(--shadow1));
}
/* Copyright (C) 2016 NooBaa */
pool-summary {
  position: relative;
  display: block;
}
pool-summary .summary {
  opacity: 0;
}
pool-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
pool-summary .host-count {
  color: rgb(var(--color17));
  font-size: 20px;
  line-height: 1.7;
}
pool-summary .host-count.disabled,
.disabled pool-summary .host-count {
  color: rgb(var(--color09));
}
pool-summary .host-count.warning,
.warning pool-summary .host-count {
  color: rgb(var(--color26));
  font-weight: 400;
}
pool-summary .host-count.success,
.succss pool-summary .host-count {
  color: rgb(var(--color27));
  font-weight: 400;
}
pool-summary .host-count.error,
.error pool-summary .host-count {
  color: rgb(var(--color31));
  font-weight: 500;
}
pool-summary .host-count.info,
.info pool-summary .host-count {
  color: rgb(var(--color23));
  font-weight: 400;
}
pool-summary .progress-bar {
  margin-top: 18px;
}
pool-summary .progress-bar bar {
  margin-bottom: 9px;
}
pool-summary .host-counters {
  min-width: unset;
}
/* Copyright (C) 2016 NooBaa */
namespace-resources-table {
  display: block;
}
namespace-resources-table .resources-table .state-col {
  min-width: 50px;
}
namespace-resources-table .resources-table .type-col {
  min-width: 50px;
}
namespace-resources-table .resources-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 1px;
}
namespace-resources-table .resources-table .connected-buckets-col {
  min-width: 250px;
}
namespace-resources-table .resources-table .target-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 170px;
  max-width: 170px;
}
namespace-resources-table .resources-table .delete-col {
  min-width: 50px;
}
/* Copyright (C) 2016 NooBaa */
/* Copyright (C) 2016 NooBaa */
resources-summary {
  display: block;
  position: relative;
}
resources-summary .summary {
  opacity: 0;
}
resources-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
/* Copyright (C) 2016 NooBaa */
storage-resources-table {
  display: block;
}
storage-resources-table .resources-table .state-col {
  min-width: 44px;
}
storage-resources-table .resources-table .type-col {
  min-width: 42px;
}
storage-resources-table .resources-table .name-col {
  text-align: left;
  max-width: 85px;
  min-width: 75px;
  width: 100%;
}
storage-resources-table .resources-table .buckets-col {
  min-width: 120px;
}
storage-resources-table .resources-table .region-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 110px;
  max-width: 110px;
}
storage-resources-table .resources-table .hosts-col {
  min-width: 130px;
}
storage-resources-table .resources-table .endpoints-col {
  min-width: 90px;
}
storage-resources-table .resources-table .capacity-col {
  min-width: 120px;
}
storage-resources-table .resources-table .delete-col {
  min-width: 50px;
}
/* Copyright (C) 2016 NooBaa */
server-communication-form {
  display: block;
}
server-communication-form .communication-table .result-col {
  min-width: 50px;
}
server-communication-form .communication-table .name-col {
  text-align: left;
  width: 100%;
}
server-communication-form .communication-table .address-col {
  min-width: 100px;
}
/* Copyright (C) 2016 NooBaa */
server-details-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
server-diagnostics-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
server-monitoring-form {
  display: block;
}
server-monitoring-form loading-indicator {
  position: absolute;
  padding: 18px;
}
server-monitoring-form .service-table {
  border-collapse: collapse;
}
server-monitoring-form .service-table tr + tr {
  border-top: 1px solid rgb(var(--color07));
}
server-monitoring-form .service-table td {
  padding: 0 9px;
  box-sizing: content-box;
  line-height: 44px;
  height: 44px;
}
server-monitoring-form .service-table td:first-child {
  padding-left: 18px;
}
server-monitoring-form .service-table td:last-child {
  padding-right: 18px;
}
server-monitoring-form .service-table .seperator {
  margin: 12px 18px;
}
server-monitoring-form .service-table .state-col {
  min-width: 44px;
}
server-monitoring-form .service-table .service-col {
  min-width: 250px;
}
server-monitoring-form .service-table .info-col {
  width: 100%;
}
server-monitoring-form .service-table .action-col {
  min-width: 42px;
}
/* Copyright (C) 2016 NooBaa */
.server-panel .issue-counter {
  position: relative;
}
.server-panel .issue-counter::after {
  position: absolute;
  left: 2px;
  top: -3px;
  content: attr(data-count);
  display: block;
  min-width: 10px;
  height: 10px;
  line-height: 100%;
  padding: 2px;
  background-color: rgb(var(--color02));
  color: rgb(var(--color20));
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  z-index: 1;
}
.server-panel .issue-counter.warning::after {
  border: 1px solid rgb(var(--color26));
  background: transparent;
  color: rgb(var(--color26));
  font-weight: 500;
}
.server-panel .issue-counter.error::after {
  border: 1px solid rgb(var(--color31));
  background: transparent;
  color: rgb(var(--color31));
  font-weight: 500;
}
/* Copyright (C) 2016 NooBaa */
server-summary {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 186px;
}
server-summary > .push-prev {
  margin-top: 18px;
}
server-summary > .push-next {
  margin-bottom: 18px;
}
server-summary > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
server-summary > .push-prev-half {
  margin-top: 9px;
}
server-summary > .push-next-half {
  margin-bottom: 9px;
}
server-summary > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
server-summary > .push-prev-quarter {
  margin-top: 4.5px;
}
server-summary > .push-next-quarter {
  margin-bottom: 4.5px;
}
server-summary > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe server-summary > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe server-summary > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
server-summary .utilization-chart {
  height: 168px;
  /*width: 320px;*/
}
server-summary .summary {
  opacity: 0;
}
server-summary .summary.visible {
  opacity: 1;
  transition: opacity 250ms ease-out;
}
server-summary .gague {
  margin: 0 auto;
}
/* Copyright (C) 2016 NooBaa */
autocomplete {
  position: relative;
}
autocomplete .suggestion-list {
  display: block;
  position: absolute;
  width: 100%;
  top: auto;
  bottom: auto;
  background-color: rgb(var(--color02));
  margin-top: 2px;
  padding: 2px 0;
  z-index: 1;
  min-height: 24px;
  max-height: 170px;
  overflow-y: auto;
}
autocomplete .suggestion-list::-webkit-scrollbar-thumb {
  border-color: rgb(var(--color02));
}
autocomplete .suggestion {
  color: rgb(var(--color16));
  font-size: 14px;
  cursor: pointer;
  padding: 9px;
  border: 1px solid transparent;
  background: none;
  margin: 0 2px;
}
autocomplete .suggestion.ring {
  display: relative;
  z-index: 1;
  border-color: rgba(var(--color20), 0.3);
  box-shadow: 0 0 2px rgba(var(--color20), 0.3), inset 0 0 2px rgba(var(--color20), 0.3);
}
autocomplete .suggestion:hover {
  background-color: rgb(var(--color04));
  border-color: rgb(var(--color04));
}
autocomplete .suggestion:hover.ring {
  border-color: rgba(var(--color20), 0.3);
}
autocomplete .suggestion .match {
  display: inline;
  font-weight: 500;
}
/* Copyright (C) 2016 NooBaa */
bar {
  display: block;
  position: relative;
  font-size: 12px;
  stroke-width: 100px;
}
bar .bar-line {
  height: 2px;
}
bar .bar-svg {
  display: block;
  width: 100%;
  height: inherit;
}
bar .bar-svg.empty {
  background-color: rgb(var(--color07));
}
bar .bar-markers {
  position: absolute;
  width: 100%;
  height: inherit;
}
bar .bar-marker {
  position: absolute;
  font-size: 12px;
  font-weight: 300;
  color: rgb(var(--color17));
  border: 1px solid rgb(var(--color11));
  padding: 2px 4px;
  max-width: 100px;
  text-align: center;
  margin: 8px 0;
  bottom: 100%;
  font-weight: 200;
}
bar .bar-marker::before,
bar .bar-marker::after {
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  bottom: 0;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, 50%) rotate(45deg);
}
bar .bar-marker::before {
  border: 1px solid;
  border-color: transparent rgb(var(--color11)) rgb(var(--color11)) transparent;
}
bar .bar-marker::after {
  background-color: inherit;
}
bar .bar-limits {
  display: flex;
  flex-direction: row;
  padding-bottom: 2px;
}
bar .bar-limit {
  display: block;
  text-align: left;
  width: 50%;
}
bar .bar-limit + .bar-limit {
  text-align: right;
}
bar.bar-flip-markers .bar-marker {
  bottom: auto;
  top: 100%;
}
bar.bar-flip-markers .bar-marker::before,
bar.bar-flip-markers .bar-marker::after {
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  top: 0;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
bar.bar-flip-markers .bar-marker::before {
  border: 1px solid;
  border-color: rgb(var(--color11)) transparent transparent rgb(var(--color11));
}
bar.disabled .bar-line {
  opacity: 0.5;
}
/* Copyright (C) 2016 NooBaa */
breadcrumbs {
  color: rgb(var(--color02));
  font-size: 16px;
}
breadcrumbs nav {
  line-height: 18px;
}
breadcrumbs .crumb {
  position: relative;
  display: block;
  margin-right: 36px;
}
breadcrumbs .crumb span {
  display: inline-block;
  max-width: 320px;
  vertical-align: middle;
}
breadcrumbs .crumb:last-child {
  margin-right: 0;
}
breadcrumbs .crumb:last-child::after,
breadcrumbs .crumb:last-child::before {
  display: none;
}
breadcrumbs .crumb::after,
breadcrumbs .crumb::before {
  content: '';
  position: absolute;
  right: -22.5px;
  top: 0;
  border: 9px solid transparent;
  border-right-width: 0;
}
breadcrumbs .crumb::after {
  top: 4px;
  right: -23.5px;
  border-width: 5px;
  border-left-color: rgb(var(--color18));
}
breadcrumbs .crumb::before {
  border-left-color: rgb(var(--color20));
}
/* Copyright (C) 2016 NooBaa */
button-group {
  display: block;
  position: relative;
}
button-group .more-toggle {
  min-width: unset;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 3px;
}
button-group .more-toggle > svg-icon {
  fill: rgb(var(--color20));
}
button-group .more-toggle:hover > svg-icon {
  fill: rgb(var(--color02));
}
button-group .more-actions {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 999;
  margin-top: 3px;
  opacity: 1;
  transition: all 150ms linear;
}
button-group .more-actions > .btn {
  width: 100%;
}
button-group .more-actions > .btn:not(:first-child) {
  border-top: none;
}
/* Copyright (C) 2016 NooBaa */
capacity-bar {
  display: block;
  line-height: 1;
}
capacity-bar .bar-legend {
  font-size: 12px;
}
.disabled capacity-bar bar {
  opacity: 0.1;
}
/* Copyright (C) 2016 NooBaa */
chart-legend {
  display: block;
  min-width: 255px;
  color: rgb(var(--color17));
}
chart-legend .legend-caption {
  margin-bottom: 9px;
}
chart-legend .legend-item {
  margin: 9px 0;
  line-height: 1;
  font-size: 12px;
  display: flex;
  flex-direction: row;
}
chart-legend .legend-item::before {
  content: '';
  display: inline-block;
  border: 4px solid;
  vertical-align: middle;
  border-color: inherit;
  margin-right: 4px;
  height: 0;
  width: 0;
  align-self: center;
}
chart-legend .legend-item .legend-label {
  display: inline-block;
  flex-basis: 150px;
  font-weight: 400;
}
chart-legend .legend-item .legend-value {
  text-align: right;
  display: inline-block;
  flex-grow: 1;
}
chart-legend .legend-item.toggable {
  cursor: pointer;
}
chart-legend .legend-item.disabled {
  color: rgb(var(--color17));
  opacity: 0.3;
}
chart-legend .legend-item.disabled::before {
  border-width: 1px;
  width: 6px;
  height: 6px;
}
chart-legend.disabled {
  opacity: 0.3;
}
chart-legend.disabled .legend-label {
  color: rgb(var(--color09));
}
chart-legend.legend-row {
  width: auto;
}
chart-legend.legend-row .legend-items {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
chart-legend.legend-row .legend-item {
  display: block;
  margin-right: 4.5px;
  margin-bottom: 4.5px;
}
chart-legend.legend-row .legend-value {
  margin-left: 9px;
  margin-right: 18px;
}
chart-legend.legend-row .legend-label,
chart-legend.legend-row .legend-value {
  width: auto;
}
/* Copyright (C) 2016 NooBaa */
chartjs {
  display: block;
  position: relative;
  width: 100%;
}
chartjs .chartjs-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
/* Copyright (C) 2016 NooBaa */
checkbox {
  display: inline-block;
  height: 18px;
  line-height: 40px;
  vertical-align: middle;
}
checkbox label {
  position: relative;
  display: block;
  white-space: nowrap;
  line-height: 18px;
  height: 18px;
  cursor: default;
}
checkbox .checkbox-label {
  color: rgb(var(--color17));
  font-weight: 300;
  margin-left: 8px;
  cursor: pointer;
}
checkbox .checkbox-box {
  display: inline-block;
  cursor: pointer;
  min-height: 18px;
  max-height: 18px;
  min-width: 18px;
  max-width: 18px;
}
checkbox .checkbox-box > .outer-rect {
  height: 18px;
  width: 18px;
  stroke: rgb(var(--color17));
  fill: none;
}
checkbox .checkbox-box > .inner-path {
  stroke-linecap: round;
  stroke-width: 2;
  stroke: rgb(var(--color20));
  fill: none;
  d: path('M4 10 l3 3 l7 -8');
  stroke-dasharray: 16;
  stroke-dashoffset: 16;
}
checkbox input {
  position: absolute;
  /* Changed from fixed to absolute to prevent the lost of parentOffset */
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  max-width: 0;
  max-height: 0;
}
checkbox input:checked ~ .checkbox-box > .inner-path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 150ms linear;
}
checkbox input:disabled {
  opacity: 0;
}
checkbox input:disabled ~ .checkbox-box {
  cursor: default;
}
checkbox input:disabled ~ .checkbox-box > .outer-rect,
checkbox input:disabled ~ .checkbox-box > .inner-path {
  stroke: rgb(var(--color09));
}
checkbox input:disabled ~ .checkbox-label {
  opacity: 0.3;
  color: rgb(var(--color17));
  cursor: default;
}
checkbox input:focus + .checkbox-box > .outer-rect,
checkbox input:active:not(:disabled) + .checkbox-box > .outer-rect {
  stroke: rgb(var(--color20));
}
/* Copyright (C) 2016 NooBaa */
/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #2d2d2d;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #999;
}
.token.punctuation {
  color: #ccc;
}
.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
  color: #e2777a;
}
.token.function-name {
  color: #6196cc;
}
.token.boolean,
.token.number,
.token.function {
  color: #f08d49;
}
.token.property,
.token.class-name,
.token.constant,
.token.symbol {
  color: #f8c555;
}
.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
  color: #cc99cd;
}
.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
  color: #7ec699;
}
.token.operator,
.token.entity,
.token.url {
  color: #67cdcc;
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.token.inserted {
  color: green;
}
code-viewer {
  overflow: hidden;
}
code-viewer > pre {
  margin: 0;
  max-height: 100%;
  min-height: 100%;
  padding-left: 0 !important;
  counter-reset: line;
}
code-viewer .codeline::before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: rgb(var(--color12));
  border-right: 1px solid rgb(var(--color12));
  padding: 0 0.8em;
  margin-right: 1em;
  min-width: 24px;
  text-align: right;
}
/* Copyright (C) 2016 NooBaa */
collapsible-section {
  display: block;
}
collapsible-section .collapsed-wrapper {
  opacity: 0;
  transition: opacity 250ms linear;
}
collapsible-section .collapsed-wrapper.show {
  opacity: 1;
}
collapsible-section .collapsed-wrapper + .expandable {
  padding-top: 1.3em;
  margin-top: -1.3em;
}
collapsible-section .collapsed-wrapper + .expandable > [data-name="expanded"] {
  margin-top: -1.3em;
}
/* Copyright (C) 2016 NooBaa */
copy-to-clipboard-button .btn-flat {
  padding: 0;
}
/* Copyright (C) 2016 NooBaa */
counter {
  display: block;
}
counter > span:not(.no-color) {
  border-left: 4px solid transparent;
  padding-left: 4.5px;
}
/* Copyright (C) 2016 NooBaa */
data-table {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  overflow-y: hidden;
  background-color: rgb(var(--color01));
  border-bottom: 1px solid rgb(var(--color07));
  color: rgb(var(--color17));
  width: 100%;
  min-height: 126px;
  /* Default cell templates css */
}
data-table > .push-prev {
  margin-top: 18px;
}
data-table > .push-next {
  margin-bottom: 18px;
}
data-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
data-table > .push-prev-half {
  margin-top: 9px;
}
data-table > .push-next-half {
  margin-bottom: 9px;
}
data-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
data-table > .push-prev-quarter {
  margin-top: 4.5px;
}
data-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
data-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe data-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe data-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
data-table.content-box {
  border-bottom: unset;
}
data-table table {
  display: block;
  border-collapse: collapse;
  overflow-y: auto;
  z-index: 1;
}
data-table table.table-disabled {
  opacity: 0.1;
  pointer-events: none;
}
data-table table::-webkit-scrollbar-track {
  margin-top: 40px;
}
data-table thead {
  line-height: 40px;
  text-transform: capitalize;
  font-size: 12px;
}
data-table thead > tr > th {
  position: sticky;
  z-index: 1;
  top: 0;
}
data-table thead > tr > th::after {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  top: auto;
  height: 1px;
  background-color: rgb(var(--color07));
}
data-table table,
data-table thead,
data-table thead tr,
data-table th {
  background-color: inherit;
}
data-table tbody > tr + tr {
  border-top: 1px solid rgb(var(--color07));
}
data-table th,
data-table td {
  padding: 0 9px;
  box-sizing: content-box;
}
data-table th:first-child,
data-table td:first-child {
  padding-left: 18px;
}
data-table th:last-child,
data-table td:last-child {
  padding-right: 18px;
}
data-table th {
  font-weight: 400;
}
data-table th .sortable {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
}
data-table th .sortable::before,
data-table th .sortable::after {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  right: 0;
  border: solid transparent;
  border-width: 4px 4px;
}
data-table th .sortable:before {
  top: -2px;
  border-bottom-color: rgb(var(--color10));
}
data-table th .sortable::after {
  bottom: -2px;
  border-top-color: rgb(var(--color10));
}
data-table th .sortable.des::before {
  border-bottom-color: rgb(var(--color17));
}
data-table th .sortable.asc::after {
  border-top-color: rgb(var(--color17));
}
data-table .main-row {
  line-height: 44px;
  height: 44px;
  font-size: 13px;
}
data-table .main-row.row-disabled {
  opacity: 0.25;
  pointer-events: none;
}
data-table .sub-row {
  height: auto;
  vertical-align: top;
  font-size: 13px;
  border-top: none;
}
data-table .sub-row > div {
  margin-bottom: 18px;
}
data-table .sub-row li {
  padding: 9px 0;
}
data-table .empty-message {
  margin: 18px;
  position: relative;
  text-align: left;
  font-size: 16px;
  color: rgb(var(--color11));
}
data-table .expand-col {
  min-width: 28px;
}
data-table .text-cell,
data-table .link-cell {
  width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
  line-height: 1.5;
}
data-table .link-cell a {
  margin-left: 2px;
}
data-table .link-cell a:focus {
  outline-offset: 1px;
}
/* Copyright (C) 2016 NooBaa */
date-time-chooser dropdown,
date-time-chooser input[type=number] {
  width: 90px;
}
/* Copyright (C) 2016 NooBaa */
delete-button {
  display: block;
  position: relative;
}
delete-button .message-wrapper {
  direction: rtl;
  display: block;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgb(var(--color05));
  max-width: 0;
  box-shadow: 0px 2px 4px rgba(var(--shadow2));
  transition: max-width 200ms ease-in-out;
}
delete-button .message-text {
  white-space: nowrap;
  display: block;
  padding-right: 60px;
  padding-left: 18px;
  line-height: 44px;
}
delete-button .btn {
  position: relative;
  background: red;
}
delete-button .icon-btn:focus > svg-icon {
  fill: rgb(var(--color20));
}
delete-button .active .message-wrapper {
  max-width: 300px;
}
/* Copyright (C) 2016 NooBaa */
drawer {
  z-index: 999;
}
drawer .drawer-wrapper {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
drawer .drawer-wrapper.opened > .drawer-backdrop {
  opacity: 1;
}
drawer .drawer-wrapper.opened > .drawer-content {
  transform: translateX(0);
}
drawer .drawer-backdrop {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--shadow1));
  opacity: 0;
  transition: opacity 300ms linear;
}
drawer .drawer-content {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--color01));
  left: auto;
  width: 650px;
  box-shadow: 0 0 20px rgb(var(--color18));
  transform: translateX(100%);
  transition: transform 300ms ease-out;
}
drawer .drawer-content > .push-prev {
  margin-top: 18px;
}
drawer .drawer-content > .push-next {
  margin-bottom: 18px;
}
drawer .drawer-content > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
drawer .drawer-content > .push-prev-half {
  margin-top: 9px;
}
drawer .drawer-content > .push-next-half {
  margin-bottom: 9px;
}
drawer .drawer-content > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
drawer .drawer-content > .push-prev-quarter {
  margin-top: 4.5px;
}
drawer .drawer-content > .push-next-quarter {
  margin-bottom: 4.5px;
}
drawer .drawer-content > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe drawer .drawer-content > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe drawer .drawer-content > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
drop-area {
  display: block;
}
drop-area .drop-container {
  position: relative;
  border: 1px dashed rgb(var(--color11));
  font-size: 14px;
  height: 100%;
}
drop-area .drop-container:focus-within {
  border-color: rgb(var(--color20));
}
drop-area .drop-container::after,
drop-area .drop-container::before {
  content: '';
  position: absolute;
  border: 1px solid;
  background: transparent;
  top: -1px;
  left: -1px;
  width: 0;
  height: 0;
  opacity: 0;
}
drop-area .drop-container::before {
  border-color: rgb(var(--color20)) rgb(var(--color20)) transparent transparent;
}
drop-area .drop-container::after {
  border-color: transparent transparent rgb(var(--color20)) rgb(var(--color20));
}
drop-area .drop-container.dragover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0ms, width 300ms linear, height 300ms linear 300ms;
}
drop-area .drop-container.dragover:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0ms, height 300ms linear, width 300ms linear 300ms;
}
drop-area .drop-container.dragover.active,
drop-area .drop-container.dragover.disabled {
  animation: shake 750ms ease-in-out;
  cursor: no-drop;
}
drop-area .drop-container.active {
  border-color: rgb(var(--color29));
}
drop-area .drop-container.disabled,
drop-area .drop-container.disabled.dragover {
  border-color: rgb(var(--color09));
}
drop-area.invalid .drop-container {
  border-color: rgb(var(--color31));
}
/* Copyright (C) 2016 NooBaa */
dropdown {
  display: inline-block;
  width: 274px;
}
dropdown hr {
  margin: 2px auto;
}
dropdown .dd-wrapper {
  position: relative;
}
dropdown .dd-summary {
  display: block;
  padding-right: 32px;
  width: 100%;
}
dropdown .dd-summary::before {
  content: attr(data-placeholder);
}
dropdown.disabled .dd-summary,
dropdown.disabled .dd-summary:focus {
  border-color: rgb(var(--color09));
  color: rgb(var(--color09));
}
dropdown.invalid .dd-summary:not(.disabled),
dropdown.invalid .dd-summary:not(.disabled):focus {
  border-color: rgb(var(--color31));
}
dropdown.warned .dd-summary:not(.disabled),
dropdown.warned .dd-summary:not(.disabled):focus {
  border-color: rgb(var(--color26));
}
dropdown .dd-chevron {
  position: absolute;
  top: 12px;
  right: 12px;
  pointer-events: none;
  fill: rgb(var(--color11));
}
dropdown .dd-collapse-wrapper {
  top: auto;
  bottom: auto;
  z-index: 3;
}
dropdown .dd-list {
  display: block;
  background-color: rgb(var(--color02));
  margin-top: 2px;
  overflow-y: auto;
  padding: 2px 0;
}
dropdown .dd-filter > input {
  border: none;
  width: auto;
  color: rgb(var(--color16));
}
dropdown .dd-options {
  min-height: 24px;
  max-height: 164px;
  overflow-y: auto;
}
dropdown .dd-options::-webkit-scrollbar-thumb {
  border-color: rgb(var(--color02));
}
dropdown .dd-option,
dropdown .dd-action {
  color: rgb(var(--color16));
  font-size: 14px;
  cursor: pointer;
  padding: 9px;
  border: 1px solid transparent;
  background: none;
}
dropdown .dd-option:disabled,
dropdown .dd-action:disabled,
dropdown .dd-option.disabled,
dropdown .dd-action.disabled {
  cursor: default;
  opacity: 0.4;
}
dropdown .dd-option:focus,
dropdown .dd-action:focus {
  display: relative;
  z-index: 1;
  border-color: rgba(var(--color20), 0.3);
  box-shadow: 0 0 2px rgba(var(--color20), 0.3), inset 0 0 2px rgba(var(--color20), 0.3);
}
dropdown .dd-option:hover,
dropdown .dd-action:hover {
  background-color: rgb(var(--color04));
  border-color: rgb(var(--color04));
}
dropdown .dd-option:hover.disabled,
dropdown .dd-action:hover.disabled {
  background-color: transparent;
  border-color: rgb(var(--color10));
}
dropdown .dd-option:hover:focus,
dropdown .dd-action:hover:focus {
  border-color: rgba(var(--color20), 0.3);
}
dropdown .dd-action {
  width: 100%;
}
dropdown .dd-option svg-icon:not(.warning):not(.error):not(.success):not(.info) {
  fill: rgb(var(--color12));
}
dropdown .dd-option .dd-checkbox {
  display: block;
  width: 18px;
  height: 18px;
}
dropdown .dd-option .dd-checkbox > .outer-rect {
  height: 18px;
  width: 18px;
  stroke: rgb(var(--color16));
  fill: none;
}
dropdown .dd-option .dd-checkbox > .inner-path {
  stroke-linecap: round;
  stroke-width: 2;
  stroke: rgb(var(--color20));
  fill: none;
  d: path('M4 10 l3 3 l7 -8');
  stroke-dasharray: 16;
  stroke-dashoffset: 16;
}
dropdown .dd-option.selected svg-icon {
  fill: rgb(var(--color20));
}
dropdown .dd-option.selected .dd-checkbox > .inner-path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 150ms linear;
}
dropdown .dd-option.selected .dd-option-label {
  color: rgb(var(--color20));
}
dropdown .dd-option.partial .dd-checkbox > .inner-path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 250ms linear;
  d: path('M4 9 l3 0 l7 0');
}
dropdown .dd-option .dd-option-label {
  display: block;
  margin: 0;
  font-weight: 400;
  line-height: 1.2;
}
dropdown .dd-option .dd-option-label > .remark {
  color: inherit;
}
dropdown .dd-select-all {
  margin-bottom: 2px;
}
dropdown .dd-hidden,
dropdown .dd-empty {
  text-align: center;
  position: relative;
  font-size: 12px;
  color: rgb(var(--color11));
  line-height: 3em;
}
dropdown .dd-hidden.error,
dropdown .dd-empty.error {
  color: rgb(var(--color31));
  font-weight: 500;
}
dropdown loading-indicator .circle {
  background-color: rgb(var(--color13));
  border-color: rgb(var(--color13));
}
/* Copyright (C) 2016 NooBaa */
editor {
  display: flex;
  flex-direction: row;
  padding: 18px 0;
  line-height: 42px;
}
editor.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
editor > .push-prev {
  margin-left: 18px;
}
editor > .push-next {
  margin-right: 18px;
}
editor > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
editor > .push-prev-half {
  margin-left: 9px;
}
editor > .push-next-half {
  margin-right: 9px;
}
editor > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
editor > .push-prev-quarter {
  margin-left: 4.5px;
}
editor > .push-next-quarter {
  margin-right: 4.5px;
}
editor > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe editor > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe editor > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
editor validation-message,
editor .val-msg {
  position: relative;
  margin-top: -1em;
  top: 1.2em;
  line-height: 1;
  height: 1em;
}
editor > .editor-label {
  font-size: 14px;
  font-weight: 300;
  color: rgb(var(--color11));
  width: 152px;
  min-width: 152px;
  line-height: 1.3;
  margin-top: 11px;
}
editor > .editor-label.disabled {
  color: inherit;
  opacity: 0.3;
}
editor > .editor-label.disabled more-info-icon {
  pointer-events: none;
}
editor > .editor-content {
  position: relative;
  line-height: inherit;
}
/* Copyright (C) 2016 NooBaa */
gauge-chart {
  display: block;
  stroke-width: 15px;
}
gauge-chart .gc-svg {
  width: 100px;
  height: 50px;
  fill: transparent;
}
gauge-chart .gc-svg > g {
  transform: translate(50%, 100%) scale(42.5);
}
gauge-chart .gc-outline,
gauge-chart .gc-filler,
gauge-chart .gc-value {
  vector-effect: non-scaling-stroke;
}
gauge-chart .gc-label {
  text-align: center;
  margin-bottom: 9px;
  color: rgb(var(--color17));
}
gauge-chart .gc-outline {
  stroke: rgb(var(--color07));
  d: path("M-1 0 A1 1 0 0 1 1 0");
}
gauge-chart .gc-filler {
  stroke: rgb(var(--color20));
}
gauge-chart .gc-value {
  text-anchor: middle;
  font-size: 14px;
  font-weight: 200;
  stroke: rgb(var(--color17));
  stroke-width: 1px;
  transform: translate(50%, 98%);
}
/* Copyright (C) 2016 NooBaa */
file-selector {
  display: block;
}
file-selector .drop-message {
  display: block;
  font-size: 16px;
  margin: 0;
  margin-bottom: 9px;
}
/* Copyright (C) 2016 NooBaa */
host-parts-table {
  display: flex;
  flex-direction: column;
}
host-parts-table > .push-prev {
  margin-top: 18px;
}
host-parts-table > .push-next {
  margin-bottom: 18px;
}
host-parts-table > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
host-parts-table > .push-prev-half {
  margin-top: 9px;
}
host-parts-table > .push-next-half {
  margin-bottom: 9px;
}
host-parts-table > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
host-parts-table > .push-prev-quarter {
  margin-top: 4.5px;
}
host-parts-table > .push-next-quarter {
  margin-bottom: 4.5px;
}
host-parts-table > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe host-parts-table > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe host-parts-table > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
host-parts-table .parts-table .state-col {
  min-width: 28px;
}
host-parts-table .parts-table .object-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  min-width: 90px;
  max-width: 410px;
  width: 100%;
}
host-parts-table .parts-table .bucket-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 120px;
  max-width: 120px;
}
host-parts-table .parts-table .version-col {
  min-width: 100px;
}
host-parts-table .parts-table .start-col,
host-parts-table .parts-table .end-col {
  min-width: 100px;
}
host-parts-table .parts-table .size-col {
  min-width: 54px;
}
/* Copyright (C) 2016 NooBaa */
list-details {
  display: block;
  overflow: hidden;
}
list-details .ld-wrapper {
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
}
list-details .ld-loading-indicator {
  margin-top: 18px;
}
list-details .ld-list {
  width: 420px;
  margin: 5px 0;
  overflow: auto;
}
list-details .ld-list .ld-row {
  box-sizing: content-box;
  padding: 0 18px;
  min-height: 44px;
  cursor: pointer;
}
list-details .ld-list .ld-row > div {
  width: 100%;
  white-space: nowrap;
}
list-details .ld-list .ld-row.ld-row-selected {
  background-color: rgb(var(--color03));
}
list-details .ld-list .ld-row > .ld-details-btn {
  display: none;
}
list-details .ld-list .ld-row:hover {
  background-color: rgb(var(--color03));
}
list-details .ld-list .ld-row:hover > .ld-details-btn {
  display: block;
}
list-details .ld-details-pane {
  width: calc(100% - 420px);
  margin-right: calc(420px - 100%);
  transition: margin 750ms ease;
}
list-details .ld-details-pane > div {
  margin: 9px;
}
list-details .ld-expanded .ld-row:hover > .ld-details-btn {
  display: none;
}
list-details .ld-expanded .ld-row > div {
  width: 380px;
  white-space: normal;
}
list-details .ld-expanded .ld-details-pane {
  border-left: 1px solid rgb(var(--color07));
  margin-right: 0;
}
list-details .empty-message {
  margin: 18px;
  position: relative;
  text-align: left;
  font-size: 16px;
  color: rgb(var(--color11));
}
/* Copyright (C) 2016 NooBaa */
@keyframes pop {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(2, 2);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
}
loading-indicator > .push-prev {
  margin-top: 18px;
}
loading-indicator > .push-next {
  margin-bottom: 18px;
}
loading-indicator > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
loading-indicator > .push-prev-half {
  margin-top: 9px;
}
loading-indicator > .push-next-half {
  margin-bottom: 9px;
}
loading-indicator > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
loading-indicator > .push-prev-quarter {
  margin-top: 4.5px;
}
loading-indicator > .push-next-quarter {
  margin-bottom: 4.5px;
}
loading-indicator > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe loading-indicator > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe loading-indicator > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
loading-indicator .circle {
  display: block;
  float: left;
  margin: 4px;
  width: 4px;
  height: 4px;
  background-color: rgb(var(--color17));
  border: 1px solid rgb(var(--color17));
  border-radius: 10px;
  animation: pop 1200ms linear infinite;
}
loading-indicator .circle + .circle {
  animation-delay: 400ms;
}
loading-indicator .circle + .circle + .circle {
  animation-delay: 800ms;
}
/* Copyright (C) 2016 NooBaa */
managed-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
more-info-icon {
  display: inline-block;
}
more-info-icon:hover > svg-icon.normal:not(.disabled) {
  fill: rgb(var(--color17));
}
/* Copyright (C) 2016 NooBaa */
multiselect {
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--color03));
  transition: background-color 300ms ease-out;
  padding: 9px 0;
  margin-bottom: 4px;
}
multiselect > .push-prev {
  margin-top: 18px;
}
multiselect > .push-next {
  margin-bottom: 18px;
}
multiselect > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
multiselect > .push-prev-half {
  margin-top: 9px;
}
multiselect > .push-next-half {
  margin-bottom: 9px;
}
multiselect > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
multiselect > .push-prev-quarter {
  margin-top: 4.5px;
}
multiselect > .push-next-quarter {
  margin-bottom: 4.5px;
}
multiselect > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe multiselect > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe multiselect > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
multiselect::-webkit-scrollbar-thumb,
multiselect ::-webkit-scrollbar-thumb {
  border: 3px solid rgb(var(--color03));
}
multiselect .multiselect-options {
  overflow-y: auto;
  margin: 0 18px;
  margin-right: 4.5px;
}
multiselect .option {
  padding-right: 18px;
  line-height: 36px;
  width: 25%;
}
multiselect checkbox {
  width: 100%;
}
multiselect.cols-3 .option {
  width: 33.33333333%;
}
multiselect.cols-2 .option {
  width: 50%;
}
/* Copyright (C) 2016 NooBaa */
password-field {
  display: inline-block;
}
password-field input[type="password"],
password-field input[type="text"] {
  padding: 0;
  border: none;
  width: auto;
}
password-field .input {
  position: relative;
}
password-field .strength-indicator {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  height: 4px;
  pointer-events: none;
  background-color: black;
  transition: width 300ms ease-out;
}
password-field .strength-indicator .rect {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgb(var(--color27));
  mix-blend-mode: screen;
  transition: opacity 300ms linear;
}
password-field .strength-indicator .rect + .rect {
  background-color: rgb(var(--color31));
}
password-field.invalid .input,
password-field.invalid .input.focus {
  border-color: rgb(var(--color31));
}
/* Copyright (C) 2016 NooBaa */
paginator {
  display: block;
  padding: 9px 18px;
  text-align: right;
  color: rgb(var(--color17));
}
paginator .paginator-wrapper {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
  margin: 0 auto;
  margin-right: -4px;
}
paginator .item-counter {
  display: inline-block;
  vertical-align: middle;
}
paginator .page-size-selector {
  position: relative;
  display: inline-block;
  border: 5px solid transparent;
  border-top-color: rgb(var(--color17));
  border-bottom: none;
  margin-right: 12px;
  margin-left: 2.25px;
}
paginator .page-size-selector:focus > .page-size-options,
paginator .page-size-selector:focus-within > .page-size-options {
  display: block;
}
paginator .page-size-options {
  display: none;
  position: absolute;
  right: 100%;
  bottom: 100%;
  margin-bottom: 1.2em;
  margin-right: -6px;
  padding: 4.5px 0;
  width: 100px;
  z-index: 999;
}
paginator .page-size-option {
  background: none;
  border: none;
  padding: 9px 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
  color: rgb(var(--color17));
}
paginator .page-size-option::after {
  content: 'per page';
  color: rgb(var(--color09));
  margin-left: 4.5px;
  white-space: nowrap;
}
paginator .page-size-option:hover {
  background: rgb(var(--color05));
}
paginator .page-size-option.selected {
  color: rgb(var(--color20));
}
paginator .page-size-option.selected::after {
  color: inherit;
}
paginator .page-counter {
  display: inline-block;
  margin: 0 4.5px;
  vertical-align: middle;
}
paginator .btn-flat {
  padding: 0;
  display: inline;
  vertical-align: middle;
}
paginator .btn-flat > svg-icon {
  fill: rgb(var(--color17));
}
paginator .btn-flat:disabled {
  cursor: default;
}
paginator .btn-flat:disabled > svg-icon {
  fill: rgb(var(--color09));
}
/* Copyright (C) 2016 NooBaa */
pie-chart {
  display: block;
  width: 168px;
  height: 168px;
  stroke-width: 6px;
}
pie-chart svg {
  display: block;
  fill: transparent;
  width: inherit;
  height: inherit;
  pointer-events: visibleStroke;
}
pie-chart svg > .content-wrapper {
  transform: translate(50%, 50%);
}
pie-chart svg .outline,
pie-chart svg .outer-seg,
pie-chart svg .inner-seg {
  vector-effect: non-scaling-stroke;
}
pie-chart svg .outline,
pie-chart svg .outer-seg {
  transform: rotate(2.35619449rad) scale(74);
}
pie-chart svg .outline {
  stroke: rgba(var(--color17), 0.1);
  r: 1px;
}
pie-chart svg .outer-seg {
  cursor: default;
}
pie-chart svg .outer-seg:hover {
  stroke-width: 9px;
}
pie-chart svg .outer-seg:hover + .inner-seg {
  display: block;
}
pie-chart svg .inner-seg {
  display: none;
  stroke-width: 2px;
  transform: rotate(2.35619449rad) scale(67);
}
pie-chart svg .pri-text {
  display: none;
  text-anchor: middle;
  font-size: 20px;
  font-weight: 200;
  stroke: rgb(var(--color17));
  stroke-width: 1px;
}
pie-chart svg .sec-text {
  display: none;
  text-anchor: middle;
  transform: translateY(16px);
  font-size: 13px;
  font-weight: 200;
  stroke: rgb(var(--color11));
  stroke-width: 1px;
}
pie-chart svg .outer-seg:hover ~ .pri-text,
pie-chart svg .segments:not(:hover) ~ .pri-text,
pie-chart svg .outer-seg:hover ~ .sec-text,
pie-chart svg .segments:not(:hover) ~ .sec-text {
  display: block;
}
pie-chart.pc-non-interactive svg,
pie-chart.disabeld svg {
  pointer-events: none;
}
pie-chart.disabled {
  opacity: 0.5;
}
pie-chart.pc-hide-values .outer-seg:hover ~ .pri-text,
pie-chart.pc-hide-values .segments:not(:hover) ~ .pri-text,
pie-chart.pc-hide-values .outer-seg:hover ~ .sec-text,
pie-chart.pc-hide-values .segments:not(:hover) ~ .sec-text {
  display: none;
}
/* Copyright (C) 2016 NooBaa */
placement-policy-toggle {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
progress-bar {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
property-sheet {
  display: block;
  line-height: 2;
}
property-sheet loading-indicator {
  position: absolute;
}
property-sheet .porp-list {
  line-height: inherit;
  opacity: 0;
  transition: opacity 250ms ease-out;
}
property-sheet .porp-list.visible {
  opacity: 1;
}
property-sheet .prop-name {
  width: 156px;
  color: rgb(var(--color17));
}
property-sheet .prop-name.disabled,
property-sheet .prop-name.disabled .success,
property-sheet .prop-name.disabled .warning,
property-sheet .prop-name.disabled .error,
property-sheet .prop-name.disabled .info {
  color: rgb(var(--color09));
}
/* Copyright (C) 2016 NooBaa */
radio-btn {
  display: block;
  vertical-align: bottom;
  white-space: nowrap;
  line-height: 40px;
}
radio-btn label {
  display: inline-block;
  cursor: default;
}
radio-btn label:focus {
  background-color: red;
}
radio-btn .radio-knob {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}
radio-btn .radio-knob > .outer-circle {
  cx: 8px;
  cy: 8px;
  r: 7px;
  stroke: rgb(var(--color17));
  fill: none;
}
radio-btn .radio-knob > .inner-circle {
  cx: 8px;
  cy: 8px;
  r: 0;
  stroke: none;
  fill: rgb(var(--color20));
  transition: all 350ms ease-out;
}
radio-btn .radio-label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  color: rgb(var(--color17));
  cursor: pointer;
}
radio-btn input {
  position: absolute;
  /* Changed from fixed to absolute to prevent the lost of parentOffset */
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  max-width: 0;
  max-height: 0;
}
radio-btn input:focus ~ .radio-knob > .outer-circle,
radio-btn input:active ~ .radio-knob > .outer-circle {
  stroke: rgb(var(--color20));
}
radio-btn input:checked ~ .radio-knob > .inner-circle {
  r: 4px;
}
radio-btn input:disabled ~ .radio-knob > .outer-circle {
  stroke: rgb(var(--color09));
}
radio-btn input:disabled:checked ~ .radio-knob > .inner-circle {
  fill: rgb(var(--color09));
}
radio-btn input:disabled ~ .radio-label {
  color: rgb(var(--color09));
  opacity: 0.3;
}
radio-btn input:disabled ~ .radio-knob,
radio-btn input:disabled ~ .radio-label {
  cursor: default;
}
/* Copyright (C) 2016 NooBaa */
radio-group {
  display: block;
}
radio-group .radio-group-container:not(.multiline) {
  display: flex;
  flex-direction: row;
}
radio-group .radio-group-container:not(.multiline).multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
radio-group .radio-group-container:not(.multiline) > .push-prev {
  margin-left: 18px;
}
radio-group .radio-group-container:not(.multiline) > .push-next {
  margin-right: 18px;
}
radio-group .radio-group-container:not(.multiline) > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
radio-group .radio-group-container:not(.multiline) > .push-prev-half {
  margin-left: 9px;
}
radio-group .radio-group-container:not(.multiline) > .push-next-half {
  margin-right: 9px;
}
radio-group .radio-group-container:not(.multiline) > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
radio-group .radio-group-container:not(.multiline) > .push-prev-quarter {
  margin-left: 4.5px;
}
radio-group .radio-group-container:not(.multiline) > .push-next-quarter {
  margin-right: 4.5px;
}
radio-group .radio-group-container:not(.multiline) > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe radio-group .radio-group-container:not(.multiline) > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe radio-group .radio-group-container:not(.multiline) > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
radio-group .radio-group-container:not(.multiline) > radio-btn {
  margin-right: 18px;
}
radio-group .radio-group-container.multiline {
  display: flex;
  flex-direction: column;
}
radio-group .radio-group-container.multiline > .push-prev {
  margin-top: 18px;
}
radio-group .radio-group-container.multiline > .push-next {
  margin-bottom: 18px;
}
radio-group .radio-group-container.multiline > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
radio-group .radio-group-container.multiline > .push-prev-half {
  margin-top: 9px;
}
radio-group .radio-group-container.multiline > .push-next-half {
  margin-bottom: 9px;
}
radio-group .radio-group-container.multiline > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
radio-group .radio-group-container.multiline > .push-prev-quarter {
  margin-top: 4.5px;
}
radio-group .radio-group-container.multiline > .push-next-quarter {
  margin-bottom: 4.5px;
}
radio-group .radio-group-container.multiline > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe radio-group .radio-group-container.multiline > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe radio-group .radio-group-container.multiline > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
radio-group .radio-group-container.multiline > radio-btn {
  line-height: 1.8;
}
/* Copyright (C) 2016 NooBaa */
range-indicator {
  display: block;
}
range-indicator .bar {
  margin-top: 1em;
  height: 0.3em;
}
range-indicator .value {
  height: 100%;
  float: left;
  text-align: center;
}
range-indicator .value::before {
  content: attr(data-value);
  position: relative;
  top: -1.5em;
  font-size: 12px;
  font-weight: 500;
}
/* Copyright (C) 2016 NooBaa */
resource-associated-account-list {
  display: flex;
  flex-direction: column;
}
resource-associated-account-list > .push-prev {
  margin-top: 18px;
}
resource-associated-account-list > .push-next {
  margin-bottom: 18px;
}
resource-associated-account-list > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
resource-associated-account-list > .push-prev-half {
  margin-top: 9px;
}
resource-associated-account-list > .push-next-half {
  margin-bottom: 9px;
}
resource-associated-account-list > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
resource-associated-account-list > .push-prev-quarter {
  margin-top: 4.5px;
}
resource-associated-account-list > .push-next-quarter {
  margin-bottom: 4.5px;
}
resource-associated-account-list > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe resource-associated-account-list > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe resource-associated-account-list > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
resource-associated-account-list .accounts-list {
  overflow: auto;
}
resource-associated-account-list .accounts-list li + li {
  border-top: 1px solid rgb(var(--color07));
}
resource-associated-account-list .empty-message {
  font-size: 16px;
  color: rgb(var(--color11));
}
/* Copyright (C) 2016 NooBaa */
resource-connected-buckets-form {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
resource-distribution-chart {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
resource-distribution-table {
  display: block;
}
resource-distribution-table .buckets-table .name-col {
  text-align: left;
  width: 100%;
}
resource-distribution-table .buckets-table .usage-col {
  min-width: 150px;
}
resource-distribution-table .buckets-table .distribution-col {
  min-width: 150px;
}
/* Copyright (C) 2016 NooBaa */
resources-selection-table {
  display: block;
}
resources-selection-table .resource-table .selected-col {
  min-width: 24px;
}
resources-selection-table .resource-table .state-col {
  min-width: 44px;
}
resources-selection-table .resource-table .type-col {
  min-width: 44px;
}
resources-selection-table .resource-table .name-col {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-width: 92px;
}
resources-selection-table .resource-table .region-col {
  min-width: 100px;
}
resources-selection-table .resource-table .healthy-hosts-col {
  min-width: 100px;
}
resources-selection-table .resource-table .healthy-nodes-col {
  min-width: 100px;
}
resources-selection-table .resource-table .usage-col {
  min-width: 120px;
}
/* Copyright (C) 2016 NooBaa */
side-nav {
  display: flex;
  flex-direction: column;
  padding: 4.5px 0;
}
side-nav > .push-prev {
  margin-top: 18px;
}
side-nav > .push-next {
  margin-bottom: 18px;
}
side-nav > .push-both {
  margin-top: 18px;
  margin-bottom: 18px;
}
side-nav > .push-prev-half {
  margin-top: 9px;
}
side-nav > .push-next-half {
  margin-bottom: 9px;
}
side-nav > .push-both-half {
  margin-top: 9px;
  margin-bottom: 9px;
}
side-nav > .push-prev-quarter {
  margin-top: 4.5px;
}
side-nav > .push-next-quarter {
  margin-bottom: 4.5px;
}
side-nav > .push-both-quarter {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}
.wireframe side-nav > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe side-nav > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
side-nav .nav-link {
  color: rgb(var(--color02));
  cursor: pointer;
  position: relative;
  padding-left: 15px;
  overflow-x: hidden;
  border-left: 3px solid transparent;
  border-top: 1px solid transparent;
  transition: all 250ms ease-in-out;
}
side-nav .nav-link > svg-icon {
  z-index: 1;
  transition: opacity 250ms ease-in-out;
  fill: rgb(var(--color02));
}
side-nav .nav-link > span {
  position: absolute;
  left: 100%;
  top: 0;
  background-color: rgb(var(--color15));
  line-height: 24px;
  width: 150px;
  box-shadow: 2px 2px 2px rgba(var(--shadow1));
  transform: translateX(54px);
  transition: all 250ms ease-out;
}
side-nav .nav-link.selected {
  border-left-color: rgb(var(--color20));
  background-color: rgb(var(--color15));
}
side-nav .nav-link.selected > svg-icon {
  fill: rgb(var(--color20));
}
side-nav .nav-link:hover {
  background: rgb(var(--color15));
  overflow: visible;
  box-shadow: 0 2px 2px rgb(var(--shadow1));
}
side-nav .nav-link:hover > svg-icon {
  fill: rgb(var(--color20));
  transform: scale(1.3, 1.3);
}
side-nav .nav-link:hover > span {
  transform: translateX(-9px);
}
side-nav .nav-link + .nav-link {
  border-top-color: rgb(var(--color18));
}
/* Copyright (C) 2016 NooBaa */
slider .slides {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  margin-top: 2em;
  overflow: visible !important;
  transition: transform 500ms;
}
slider .slides > .slide {
  vertical-align: top;
  white-space: normal;
  width: 100%;
  display: inline-block;
  opacity: 0;
  transition: opacity 500ms;
}
slider .slides > .slide.current {
  opacity: 1;
}
/* Copyright (C) 2016 NooBaa */
stepper {
  display: block;
  text-align: center;
  line-height: 54px;
  font-size: 16px;
  color: rgb(var(--color17));
}
stepper > ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  counter-reset: step;
  line-height: inherit;
}
stepper > ol li + li {
  margin-left: 36px;
}
stepper .stepper-step {
  counter-increment: step;
  display: inline-block;
  text-transform: capitalize;
  line-height: 26px;
}
stepper .stepper-step .step-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4.5px;
}
stepper .stepper-step .step-bullet {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}
stepper .stepper-step .step-bullet > .step-number,
stepper .stepper-step .step-bullet > .step-done {
  position: absolute;
  display: block;
  overflow: hidden;
  backface-visibility: hidden;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  transition: transform 500ms linear, background-color 250ms, border-color 250ms;
}
stepper .stepper-step .step-bullet .step-done {
  fill: rgb(var(--color11));
  margin-right: 1px;
}
stepper .stepper-step .step-bullet .step-number {
  transform: rotateY(180deg);
  border: 1px solid rgb(var(--color09));
}
stepper .stepper-step.selected ~ .stepper-step {
  color: rgb(var(--color09));
}
stepper .stepper-step.selected .step-bullet > .step-number {
  color: rgb(var(--color02));
  border-color: rgb(var(--color20));
  background-color: rgb(var(--color20));
}
stepper .stepper-step.selected .step-bullet > .step-number,
stepper .stepper-step.selected ~ .stepper-step .step-bullet > .step-number {
  transform: rotateY(0deg);
}
stepper .stepper-step.selected .step-bullet > .step-done,
stepper .stepper-step.selected ~ .stepper-step .step-bullet > .step-done {
  transform: rotateY(180deg);
}
/* Copyright (C) 2016 NooBaa */
svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  line-height: 1;
  fill: rgb(var(--color08));
  stroke: none;
  position: relative;
}
svg-icon > svg {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
svg-icon.icon-xsmall {
  width: 10px;
  height: 10px;
}
svg-icon.icon-small {
  width: 16px;
  height: 16px;
}
svg-icon.icon-medium {
  width: 32px;
  height: 32px;
}
svg-icon.icon-big {
  width: 48px;
  height: 48px;
}
svg-icon.icon-xbig {
  width: 64px;
  height: 64px;
}
svg-icon.icon-xxbig {
  width: 128px;
  height: 128px;
}
svg-icon.beta-tag::after {
  position: absolute;
  bottom: -10px;
  left: -2px;
  z-index: 1;
}
.highlight svg-icon,
svg-icon.highlight {
  fill: rgb(var(--color17));
}
.success svg-icon,
svg-icon.success {
  fill: rgb(var(--color27));
}
.warning svg-icon,
svg-icon.warning {
  fill: rgb(var(--color26));
}
.error svg-icon,
svg-icon.error {
  fill: rgb(var(--color31));
}
.info svg-icon,
svg-icon.info {
  fill: rgb(var(--color23));
}
.disabled svg-icon,
svg-icon.disabled {
  fill: rgb(var(--color09));
}
svg-icon.match-theme {
  fill: rgb(var(--color20));
}
/* Copyright (C) 2016 NooBaa */
tag-list {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
timezone-chooser {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
toggle-group {
  display: inline-block;
}
toggle-group .toggle-options {
  background: rgb(var(--color01));
  border: 1px solid rgb(var(--color12));
  overflow: hidden;
  line-height: 1;
  font-weight: 400;
}
toggle-group .toggle-option {
  padding: 1px;
}
toggle-group .toggle-option > input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
}
toggle-group .toggle-option > input:checked + .toggle-btn {
  color: rgb(var(--color20));
  fill: rgb(var(--color20));
  background-color: rgba(var(--color20), 0.2);
}
toggle-group .toggle-option + .toggle-option {
  margin-left: 4px;
}
toggle-group .toggle-btn {
  position: relative;
  overflow: hidden;
  line-height: 24px;
  min-width: 52px;
  padding: 2px 9px;
  color: rgb(var(--color08));
  fill: rgb(var(--color08));
  font-size: 12px;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
  background-color: rgba(var(--color03));
  transition: all 500ms ease-in-out;
}
toggle-group .toggle-btn::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgb(var(--color20)) 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
}
toggle-group .toggle-btn:active::after {
  transform: scale(0, 0);
  opacity: 0.2;
  transition: 0s;
}
toggle-group .toggle-btn > svg-icon {
  fill: inherit;
}
toggle-group.toggle-light .toggle-options {
  border: none;
  background: none;
  font-weight: 300;
}
toggle-group.toggle-light .toggle-options > vr {
  display: none;
}
toggle-group.toggle-light .toggle-options .toggle-btn {
  background: none;
  padding: 0 4.5px;
  min-width: 0;
}
toggle-group.toggle-light .toggle-options .toggle-option > input:checked + .toggle-btn {
  background: none;
}
/* Copyright (C) 2016 NooBaa */
toggle-switch {
  height: 42px;
  line-height: 42px;
  display: inline-block;
  vertical-align: middle;
}
toggle-switch > .toggle-wrapper {
  cursor: default;
}
toggle-switch .toggle-box {
  width: 44px;
  height: 22px;
  vertical-align: middle;
  cursor: pointer;
}
toggle-switch .toggle-box > .outer-capsule {
  x: 1;
  y: 1;
  width: 42px;
  height: 20px;
  rx: 11px;
  fill: rgb(var(--color15));
}
toggle-switch .toggle-box > .inner-circle {
  cx: 12px;
  cy: 11px;
  r: 7px;
  fill: rgb(var(--color11));
  transition: all 350ms ease;
}
toggle-switch .toggle-label {
  display: inline-block;
  vertical-align: middle;
  text-transform: capitalize;
  cursor: pointer;
  margin-left: 4px;
  line-height: 1em;
  color: rgb(var(--color11));
}
toggle-switch :checked + .toggle-box > .inner-circle {
  cx: 32px;
  fill: rgb(var(--color20));
}
toggle-switch :checked ~ .toggle-label {
  color: rgb(var(--color17));
}
toggle-switch :focus ~ .toggle-box > .outer-capsule {
  stroke-width: 1;
  stroke: rgb(var(--color20));
}
toggle-switch :focus ~ .toggle-label {
  color: rgb(var(--color20));
}
toggle-switch :disabled + .toggle-box {
  opacity: 0.5;
  cursor: default;
}
toggle-switch :disabled ~ .toggle-label {
  color: rgb(var(--color09));
  cursor: default;
}
/* Copyright (C) 2016 NooBaa */
token-field {
  display: block;
}
token-field .token-field-wrapper {
  padding: 2.25px 6.75px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
token-field.invalid > .token-field-wrapper,
token-field.invalid > .token-field-wrapper:focus,
token-field.invalid > .token-field-wrapper.focus {
  border-color: rgb(var(--color31));
}
token-field .token {
  position: relative;
  border-radius: 1px;
  font-size: 12px;
  line-height: 13px;
  margin: 4.5px;
  padding: 9px;
  max-width: 100%;
}
token-field .token > .token-text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
token-field .token > .token-remove-btn {
  margin-left: 9px;
  z-index: 1;
}
token-field .token > .token-remove-btn > svg-icon {
  width: 8px;
  height: 8px;
}
token-field .token:before {
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: rgb(var(--color07));
  animation: fade-in 250ms ease-out;
}
token-field input[type="text"] {
  border: none;
  padding: 0 9px;
  height: 36px;
  margin: 4.5px 0;
}
/* Copyright (C) 2016 NooBaa */
validation-indicator {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
validation-message {
  display: block;
  font-size: 12px;
  line-height: 1.4;
}
validation-message > span {
  height: 1em;
}
/* Copyright (C) 2016 NooBaa */
validation-rules-list {
  display: block;
}
validation-rules-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 0;
}
validation-rules-list ul > li::before {
  content: '\2022';
  text-align: center;
  display: inline-block;
  width: 5px;
  margin-right: 1em;
}
validation-rules-list ul > li.success::before {
  content: '\2713';
}
validation-rules-list ul > li.error::before {
  content: '\2715';
}
/* Copyright (C) 2016 NooBaa */
wizard {
  display: block;
}
wizard .pages {
  overflow: visible;
}
wizard .pages > .page {
  animation: fade-in 300ms linear;
  min-width: 100%;
}
wizard stepper {
  border-bottom: 1px solid rgb(var(--color07));
}
/* Copyright (C) 2016 NooBaa */
wizard-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: block;
}
wizard-controls.multiline {
  flex-wrap: wrap;
  align-content: flex-start;
}
wizard-controls > .push-prev {
  margin-left: 18px;
}
wizard-controls > .push-next {
  margin-right: 18px;
}
wizard-controls > .push-both {
  margin-left: 18px;
  margin-right: 18px;
}
wizard-controls > .push-prev-half {
  margin-left: 9px;
}
wizard-controls > .push-next-half {
  margin-right: 9px;
}
wizard-controls > .push-both-half {
  margin-left: 9px;
  margin-right: 9px;
}
wizard-controls > .push-prev-quarter {
  margin-left: 4.5px;
}
wizard-controls > .push-next-quarter {
  margin-right: 4.5px;
}
wizard-controls > .push-both-quarter {
  margin-left: 4.5px;
  margin-right: 4.5px;
}
.wireframe wizard-controls > * {
  outline: 1px solid red;
  outline-offset: -1px;
}
.wireframe wizard-controls > *:hover {
  outline: 2px solid #00ffff;
  outline-offset: -2px;
}
/* Copyright (C) 2016 NooBaa */
working-button {
  display: block;
  position: relative;
}
working-button .working-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
working-button .working-label > svg-icon {
  margin-right: 0.5em;
}
working-button .disabled > .content-wrapper {
  transform: scale(0.5, 0.5);
  opacity: 0;
  transition: all 400ms ease-out;
  color: ;
}
/* Copyright (C) 2016 NooBaa */
cluster-availability-sticky {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
debug-mode-sticky {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
maintenance-sticky {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
phone-home-connectivity-sticky {
  display: block;
}
/* Copyright (C) 2016 NooBaa */
prefered-browsers-sticky {
  display: block;
}
prefered-browsers-sticky .sticky-action:hover > svg-icon {
  transform: scale(1.3, 1.3);
}

/*# sourceMappingURL=styles.css.map */