.fg-red {
  color: red !important; }

.bg-red {
  background-color: red !important; }

.bd-red {
  border-color: red !important; }

.fg-blue {
  color: blue !important; }

.bg-blue {
  background-color: blue !important; }

.bd-blue {
  border-color: blue !important; }

.fg-green {
  color: green !important; }

.bg-green {
  background-color: green !important; }

.bd-green {
  border-color: green !important; }

.fg-yellow {
  color: #ffff00 !important; }

.bg-yellow {
  background-color: #ffff00 !important; }

.bd-yellow {
  border-color: #ffff00 !important; }

.fg-grey {
  color: lightgrey !important; }

.bg-grey {
  background-color: lightgrey !important; }

.bd-grey {
  border-color: lightgrey !important; }

.fg-white {
  color: white !important; }

.bg-white {
  background-color: white !important; }

.bd-white {
  border-color: white !important; }

.bg-purple {
  background-color: #AB47BC; }

.border-purple {
  border-color: #AB47BC; }

.fg-purple {
  color: #AB47BC !important; }

.bg-light-green {
  background-color: #8BC34A; }

.border-light-green {
  border-color: #8BC34A; }

.fg-light-green {
  color: #8BC34A !important; }

.bg-green {
  background-color: #4CAF50; }

.border-green {
  border-color: #4CAF50; }

.fg-green {
  color: #4CAF50 !important; }

.bg-dark-red {
  background-color: #B71C1C; }

.border-dark-red {
  border-color: #B71C1C; }

.fg-dark-red {
  color: #B71C1C !important; }

.bg-pink {
  background-color: #E91E63; }

.border-pink {
  border-color: #E91E63; }

.fg-pink {
  color: #E91E63 !important; }

.bg-cyan {
  background-color: #00BCD4; }

.border-cyan {
  border-color: #00BCD4; }

.fg-cyan {
  color: #00BCD4 !important; }

.bg-deep-orange {
  background-color: #FF5722; }

.border-deep-orange {
  border-color: #FF5722; }

.fg-deep-orange {
  color: #FF5722 !important; }

.bg-teal {
  background-color: #00796B; }

.border-teal {
  border-color: #00796B; }

.fg-teal {
  color: #00796B !important; }

.bg-color-0 {
  background-color: #ef5350; }

.bg-color-1 {
  background-color: #ec407a; }

.bg-color-2 {
  background-color: #ab47bc; }

.bg-color-3 {
  background-color: #7e57c2; }

.bg-color-4 {
  background-color: #5c6bc0; }

.bg-color-5 {
  background-color: #03a9f4; }

.bg-color-6 {
  background-color: #00bcd4; }

.bg-color-7 {
  background-color: #009688; }

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

.bg-color-9 {
  background-color: #8bc34a; }

.bg-color-10 {
  background-color: #cddc39; }

.bg-color-11 {
  background-color: #ffc107; }

.bg-color-12 {
  background-color: #ff9800; }

.bg-color-13 {
  background-color: #ff5722; }

.bg-color-14 {
  background-color: #795548; }

.bg-color-15 {
  background-color: #607d8b; }

.text-hide {
  font: "0/0";
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.vertical-top {
  vertical-align: top; }

.vertical-middle {
  vertical-align: middle; }

.vertical-bottom {
  vertical-align: bottom; }

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

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

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

.text-display4 {
  font: normal 300 112px Roboto, "Helvetica Neue", sans-serif; }

.text-display3 {
  font: normal 400 56px Roboto, "Helvetica Neue", sans-serif; }

.text-display2 {
  font: normal 400 45px Roboto, "Helvetica Neue", sans-serif; }

.text-display1 {
  font: normal 400 34px Roboto, "Helvetica Neue", sans-serif; }

.text-headline {
  font: normal 400 24px Roboto, "Helvetica Neue", sans-serif; }

.text-title {
  font: normal 500 20px Roboto, "Helvetica Neue", sans-serif; }

.text-subhead1 {
  font: normal 400 16px Roboto, "Helvetica Neue", sans-serif; }

.text-subhead2 {
  font: normal 500 16px Roboto, "Helvetica Neue", sans-serif; }

.text-body1 {
  font: normal 400 14px Roboto, "Helvetica Neue", sans-serif; }

.text-body2 {
  font: normal 500 14px Roboto, "Helvetica Neue", sans-serif; }

.text-caption {
  font: normal 400 12px Roboto, "Helvetica Neue", sans-serif; }

.text-button {
  font: normal 500 14px Roboto, "Helvetica Neue", sans-serif; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

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

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.invisible {
  visibility: hidden; }

.display {
  display: block; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.position-relative {
  position: relative !important; }

.position-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }

.position-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.position-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: none; }

.position-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.position-right {
  position: absolute;
  top: 0;
  left: none;
  right: 0;
  bottom: none; }

.w0 {
  width: 0 !important; }

.w2 {
  width: 2px !important; }

.w4 {
  width: 4px !important; }

.w8 {
  width: 8px !important; }

.w16 {
  width: 16px !important; }

.w24 {
  width: 24px !important; }

.w38 {
  width: 38px !important; }

.w40 {
  width: 40px !important; }

.w48 {
  width: 48px !important; }

.w56 {
  width: 56px !important; }

.w64 {
  width: 56px !important; }

.w72 {
  width: 56px !important; }

.w88 {
  width: 88px !important; }

.w100 {
  width: 100px !important; }

.w150-flex {
  width: 100px !important; }

.w178-flex {
  width: 178px !important; }

.w264-flex {
  width: 264px !important; }

.w440-flex {
  width: 440px !important; }

.w600-flex {
  width: 600px !important; }

.w900-flex {
  width: 900px !important; }

.w50-stretch {
  width: 50% !important; }

.w-stretch {
  width: 100% !important; }

.w-stretch-56 {
  width: "calc(100% - 56px)" !important; }

.w-initial {
  width: initial !important; }

@media (max-width: 1200px) {
  .w900-flex {
    width: 100% !important; } }

@media (max-width: 768px) {
  .w150-flex {
    width: 100% !important; }
  .w178-flex {
    width: 100% !important; }
  .w264-flex {
    width: 100% !important; }
  .w440-flex {
    width: 100% !important; }
  .w600-flex {
    width: 100% !important; }
  .w50-stretch {
    width: 100% !important; } }

.min-w24 {
  min-width: 24px !important; }

.min-w48 {
  min-width: 48px !important; }

.min-w56 {
  min-width: 56px !important; }

.min-w64 {
  min-width: 64px !important; }

.min-w72 {
  min-width: 72px !important; }

.min-w33-stretch {
  min-width: 33% !important; }

.min-w50-stretch {
  min-width: 50% !important; }

.min-w100-stretch {
  min-width: 100% !important; }

.max-w24 {
  max-width: 24px !important; }

.max-w48 {
  max-width: 48px !important; }

.max-w64 {
  max-width: 64px !important; }

.max-w72 {
  max-width: 72px !important; }

.max-w33-stretch {
  max-width: 33% !important; }

.max-w50-stretch {
  max-width: 50% !important; }

.max-w100-stretch {
  max-width: 100% !important; }

.h0 {
  height: 0 !important; }

.h2 {
  height: 2px !important; }

.h4 {
  height: 4px !important; }

.h8 {
  height: 8px !important; }

.h16 {
  height: 16px !important; }

.h24 {
  height: 24px !important; }

.h40 {
  height: 40px !important; }

.h48 {
  height: 48px !important; }

.h56 {
  height: 56px !important; }

.h64 {
  height: 64px !important; }

.h72 {
  height: 72px !important; }

.h88 {
  height: 88px !important; }

.h110 {
  height: 110px !important; }

.h240 {
  height: 240px !important; }

.h440 {
  height: 440px !important; }

.h12e {
  height: 1.2em !important; }

.h15e {
  height: 1.5em !important; }

.h3e {
  height: 3em !important; }

.h-stretch {
  height: 100% !important; }

.min-h48 {
  min-height: 48px !important; }

.min-h56 {
  min-height: 56px !important; }

.min-h64 {
  min-height: 64px !important; }

.min-h72 {
  min-height: 72px !important; }

.min-h88 {
  min-height: 88px !important; }

.min-h136 {
  min-height: 136px !important; }

.min-h33-stretch {
  min-height: 33% !important; }

.min-h50-stretch {
  min-height: 50% !important; }

.min-h100-stretch {
  min-height: 100% !important; }

.max-h48 {
  max-height: 48px !important; }

.max-h64 {
  max-height: 64px !important; }

.max-h72 {
  max-height: 72px !important; }

.max-h33-stretch {
  max-height: 33% !important; }

.max-h50-stretch {
  max-height: 50% !important; }

.max-h100-stretch {
  max-height: 100% !important; }

.max-h3e {
  max-height: 3em !important; }

.max-h45e {
  max-height: 4.5em !important; }

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

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

.m0 {
  margin: 0 !important; }

.m1 {
  margin: 1px !important; }

.m2 {
  margin: 2px !important; }

.m4 {
  margin: 4px !important; }

.m8 {
  margin: 8px !important; }

.m12 {
  margin: 12px !important; }

.m16 {
  margin: 16px !important; }

.m24 {
  margin: 24px !important; }

.m16-flex {
  margin: 16px !important; }

.m24-flex {
  margin: 24px !important; }

.tm-10 {
  margin-top: -10px !important; }

.tm0 {
  margin-top: 0 !important; }

.tm2 {
  margin-top: 2px !important; }

.tm4 {
  margin-top: 4px !important; }

.tm8 {
  margin-top: 8px !important; }

.tm12 {
  margin-top: 12px !important; }

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

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

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

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

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

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

.bm-10 {
  margin-bottom: -10px !important; }

.bm0 {
  margin-bottom: 0px !important; }

.bm2 {
  margin-bottom: 2px !important; }

.bm4 {
  margin-bottom: 4px !important; }

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

.bm12 {
  margin-bottom: 12px !important; }

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

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

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

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

.lm-10 {
  margin-left: -10px !important; }

.lm0 {
  margin-left: 0 !important; }

.lm2 {
  margin-left: 2px !important; }

.lm4 {
  margin-left: 4px !important; }

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

.lm12 {
  margin-left: 12px !important; }

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

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

.lm56 {
  margin-left: 56px !important; }

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

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

.rm-10 {
  margin-right: -10px !important; }

.rm0 {
  margin-right: 0px !important; }

.rm2 {
  margin-right: 2px !important; }

.rm4 {
  margin-right: 4px !important; }

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

.rm12 {
  margin-right: 12px !important; }

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

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

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

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

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

@media (max-width: 1200px) {
  .m16-flex {
    margin: 8px !important; }
  .m24-flex {
    margin: 16px !important; }
  .tm16-flex {
    margin-top: 8px !important; }
  .tm24-flex {
    margin-top: 16px !important; }
  .bm16-flex {
    margin-bottom: 8px !important; }
  .bm24-flex {
    margin-bottom: 16px !important; }
  .lm16-flex {
    margin-left: 8px !important; }
  .lm24-flex {
    margin-left: 16px !important; }
  .rm16-flex {
    margin-right: 8px !important; }
  .rm24-flex {
    margin-right: 16px !important; } }

@media (max-width: 768px) {
  .rm24-flex0 {
    margin-right: 0px !important; } }

.p0 {
  padding: 0 !important; }

.p2 {
  padding: 2px !important; }

.p4 {
  padding: 4px !important; }

.p8 {
  padding: 8px !important; }

.p12 {
  padding: 12px !important; }

.p16 {
  padding: 16px !important; }

.p24 {
  padding: 24px !important; }

.p8-flex {
  padding: 8px !important; }

.p12-flex {
  padding: 12px !important; }

.p16-flex {
  padding: 16px !important; }

.p24-flex {
  padding: 24px !important; }

.p32-flex {
  padding: 32px !important; }

.tp0 {
  padding-top: 0 !important; }

.tp2 {
  padding-top: 2px !important; }

.tp4 {
  padding-top: 4px !important; }

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

.tp12 {
  padding-top: 12px !important; }

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

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

.tp12-flex {
  padding-top: 12px !important; }

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

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

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

.bp0 {
  padding-bottom: 0 !important; }

.bp2 {
  padding-bottom: 2px !important; }

.bp4 {
  padding-bottom: 4px !important; }

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

.bp12 {
  padding-bottom: 12px !important; }

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

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

.bp12-flex {
  padding-bottom: 12px !important; }

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

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

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

.lp0 {
  padding-left: 0 !important; }

.lp2 {
  padding-left: 2px !important; }

.lp4 {
  padding-left: 4px !important; }

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

.lp12 {
  padding-left: 12px !important; }

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

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

.lp12-flex {
  padding-left: 12px !important; }

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

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

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

.rp0 {
  padding-right: 0 !important; }

.rp2 {
  padding-right: 2px !important; }

.rp4 {
  padding-right: 4px !important; }

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

.rp12 {
  padding-right: 12px !important; }

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

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

.rp12-flex {
  padding-right: 12px !important; }

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

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

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

@media (max-width: 1200px) {
  .p12-flex {
    padding: 4px !important; }
  .p16-flex {
    padding: 8px !important; }
  .p24-flex {
    padding: 16px !important; }
  .p32-flex {
    padding: 16px !important; }
  .tp12-flex {
    padding-top: 4px !important; }
  .tp16-flex {
    padding-top: 8px !important; }
  .tp24-flex {
    padding-top: 16px !important; }
  .tp32-flex {
    padding-top: 16px !important; }
  .bp12-flex {
    padding-bottom: 4px !important; }
  .bp16-flex {
    padding-bottom: 8px !important; }
  .bp24-flex {
    padding-bottom: 16px !important; }
  .bp32-flex {
    padding-bottom: 16px !important; }
  .lp12-flex {
    padding-left: 4px !important; }
  .lp16-flex {
    padding-left: 8px !important; }
  .lp24-flex {
    padding-left: 16px !important; }
  .lp32-flex {
    padding-left: 16px !important; }
  .rp12-flex {
    padding-right: 4px !important; }
  .rp16-flex {
    padding-right: 8px !important; }
  .rp24-flex {
    padding-right: 16px !important; }
  .rp32-flex {
    padding-right: 16px !important; } }

@-webkit-keyframes blink-hint {
  0% {
    opacity: 0.38; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.38; } }

@-moz-keyframes blink-hint {
  0% {
    opacity: 0.38; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.38; } }

@-o-keyframes blink-hint {
  0% {
    opacity: 0.38; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.38; } }

@keyframes blink-hint {
  0% {
    opacity: 0.38; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.38; } }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none;
  visibility: hidden; }
  .collapse.in {
    display: block;
    visibility: visible; }
  tr .collapse.in {
    display: table-row; }
  tbody .collapse.in {
    display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: "height, visibility";
  transition-property: "height, visibility";
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.grow {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .grow.in {
    -webkit-transform: scaleX(1.3);
    -ms-transform: scaleX(1.3);
    -o-transform: scaleX(1.3);
    transform: scaleX(1.3); }

.shrink {
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .shrink.in {
    -webkit-transform: scaleX(0.8);
    -ms-transform: scaleX(0.8);
    -o-transform: scaleX(0.8);
    transform: scaleX(0.8); }

.no-divider {
  border: none !important; }

.divider {
  border: 1px solid rgba(0, 0, 0, 0.12); }

.divider-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.divider-top {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.divider-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12); }

.divider-right {
  border-right: 1px solid rgba(0, 0, 0, 0.12); }

.divider-bottom-dashed {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom-style: dashed; }

.divider-top-dashed {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-top-style: dashed; }

.opacity-secondary {
  opacity: 0.54; }

.opacity-primary {
  opacity: 0.87; }

.opacity-disabled {
  opacity: 0.38; }

.scroll {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.no-scroll {
  overflow: hidden !important; }

.scroll-no {
  overflow: hidden !important; }

.scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.pointer {
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default !important; }

.cursor-auto {
  cursor: auto; }

.cursor-move {
  cursor: move; }

.disabled {
  cursor: auto;
  color: rgba(0, 0, 0, 0.54); }

/*# sourceMappingURL=pip-webui-css.css.map */