@charset "UTF-8";
.md-sidemenu .md-button {
  width: 100%;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 0 16px;
  border-radius: 0;
  background-color: #fff;
  text-align: left;
  text-rendering: optimizeLegibility;
  text-transform: none; }

.md-sidemenu .md-button:hover {
  background-color: #eee; }

.md-sidemenu .md-subheader {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center; }

md-sidemenu-button {
  width: 100%;
  display: flex; }

.md-sidemenu-button md-icon:first-child {
  max-width: 24px;
  margin-right: 32px; }

.md-sidemenu-button span {
  flex: 1; }

.md-sidemenu-button .md-ripple-container {
  border-radius: 0; }

.md-sidemenu-toggle md-icon {
  transition: 0.4s transform cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-sidemenu-content {
  width: 100%;
  min-height: 48px;
  overflow: hidden; }

.md-sidemenu .md-sidemenu-toggle {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-flow: column;
  z-index: 1;
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-sidemenu-toggle > div {
  flex: 1;
  display: flex;
  align-items: center; }

.md-sidemenu-toggle md-icon:first-child {
  max-width: 24px;
  margin-right: 32px; }

.md-sidemenu-toggle.md-active md-icon:last-child {
  transform: rotate(180deg) translateZ(0); }

.md-sidemenu-wrapper {
  margin-top: -120%;
  overflow: hidden;
  opacity: 0;
  transform: translate3D(0, 0, 0);
  transition: 0.4s cubic-bezier(0.55, 0, 0.55, 0.2);
  transition-property: transform, opacity, margin, background; }

.md-sidemenu-wrapper.md-active {
  margin-top: 0;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-sidemenu-wrapper .md-button {
  padding-left: 32px; }

.md-sidemenu-wrapper.md-sidemenu-wrapper-icons .md-button {
  padding-left: 72px; }

.md-sidemenu md-divider {
  width: 100%;
  margin: 8px 0; }

.md-sidemenu md-divider + .md-subheader {
  margin-top: -8px; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzIjpbIm1haW4uc2NzcyIsInZhcmlhYmxlcy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgJ3ZhcmlhYmxlcyc7XG5cbi5tZC1zaWRlbWVudSAubWQtYnV0dG9uIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDhweDtcbiAgbWluLWhlaWdodDogNDhweDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwIDE2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHRleHQtcmVuZGVyaW5nOiBvcHRpbWl6ZUxlZ2liaWxpdHk7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIH1cbn1cblxuLm1kLXNpZGVtZW51IC5tZC1zdWJoZWFkZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA0OHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG5tZC1zaWRlbWVudS1idXR0b24ge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLm1kLXNpZGVtZW51LWJ1dHRvbiBtZC1pY29uOmZpcnN0LWNoaWxkIHtcbiAgbWF4LXdpZHRoOiAyNHB4O1xuICBtYXJnaW4tcmlnaHQ6IDMycHg7XG59XG5cbi5tZC1zaWRlbWVudS1idXR0b24gc3BhbiB7XG4gIGZsZXg6IDE7XG59XG5cbi5tZC1zaWRlbWVudS1idXR0b24gLm1kLXJpcHBsZS1jb250YWluZXIge1xuICBib3JkZXItcmFkaXVzOiAwO1xufVxuXG4ubWQtc2lkZW1lbnUtdG9nZ2xlIG1kLWljb24ge1xuICB0cmFuc2l0aW9uOiAuNHMgdHJhbnNmb3JtIGN1YmljLWJlemllciguMjUsIC44LCAuMjUsIDEpO1xufVxuXG4ubWQtc2lkZW1lbnUtY29udGVudCB7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiA0OHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ubWQtc2lkZW1lbnUgLm1kLXNpZGVtZW51LXRvZ2dsZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIHotaW5kZXg6IDE7XG4gIHRyYW5zaXRpb246IC40cyBjdWJpYy1iZXppZXIoLjI1LCAuOCwgLjI1LCAxKTtcbn1cblxuLm1kLXNpZGVtZW51LXRvZ2dsZSA+IGRpdiB7XG4gIGZsZXg6IDE7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5tZC1zaWRlbWVudS10b2dnbGUgbWQtaWNvbjpmaXJzdC1jaGlsZCB7XG4gIG1heC13aWR0aDogMjRweDtcbiAgbWFyZ2luLXJpZ2h0OiAzMnB4O1xufVxuXG4ubWQtc2lkZW1lbnUtdG9nZ2xlLm1kLWFjdGl2ZSBtZC1pY29uOmxhc3QtY2hpbGQge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpIHRyYW5zbGF0ZVooMCk7XG59XG5cbi5tZC1zaWRlbWVudS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogLTEyMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM0QoMCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IC40cyBjdWJpYy1iZXppZXIoLjU1LCAwLCAuNTUsIC4yKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtLCBvcGFjaXR5LCBtYXJnaW4sIGJhY2tncm91bmQ7XG5cbiAgJi5tZC1hY3RpdmUge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKC4yNSwgLjgsIC4yNSwgMSk7XG4gIH1cbn1cblxuLm1kLXNpZGVtZW51LXdyYXBwZXIgLm1kLWJ1dHRvbiB7XG4gIHBhZGRpbmctbGVmdDogMzJweDtcbn1cblxuLm1kLXNpZGVtZW51LXdyYXBwZXIubWQtc2lkZW1lbnUtd3JhcHBlci1pY29ucyAubWQtYnV0dG9uIHtcbiAgcGFkZGluZy1sZWZ0OiA3MnB4O1xufVxuXG4ubWQtc2lkZW1lbnUgbWQtZGl2aWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDhweCAwO1xufVxuXG4ubWQtc2lkZW1lbnUgbWQtZGl2aWRlciArIC5tZC1zdWJoZWFkZXIge1xuICBtYXJnaW4tdG9wOiAtOHB4O1xufVxuIiwiJHN3aWZ0LWVhc2Utb3V0LWR1cmF0aW9uOiAwLjRzICFkZWZhdWx0O1xuJHN3aWZ0LWVhc2Utb3V0LXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuMjUsIDAuOCwgMC4yNSwgMSkgIWRlZmF1bHQ7XG4kc3dpZnQtZWFzZS1vdXQ6IGFsbCAkc3dpZnQtZWFzZS1vdXQtZHVyYXRpb24gJHN3aWZ0LWVhc2Utb3V0LXRpbWluZy1mdW5jdGlvbiAhZGVmYXVsdDtcblxuJHN3aWZ0LWVhc2UtaW4tZHVyYXRpb246IDAuM3MgIWRlZmF1bHQ7XG4kc3dpZnQtZWFzZS1pbi10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjU1LCAwLCAwLjU1LCAwLjIpICFkZWZhdWx0O1xuJHN3aWZ0LWVhc2UtaW46IGFsbCAkc3dpZnQtZWFzZS1pbi1kdXJhdGlvbiAkc3dpZnQtZWFzZS1pbi10aW1pbmctZnVuY3Rpb24gIWRlZmF1bHQ7XG5cbiRzd2lmdC1lYXNlLWluLW91dC1kdXJhdGlvbjogMC41cyAhZGVmYXVsdDtcbiRzd2lmdC1lYXNlLWluLW91dC10aW1pbmctZnVuY3Rpb246IGN1YmljLWJlemllcigwLjM1LCAwLCAwLjI1LCAxKSAhZGVmYXVsdDtcbiRzd2lmdC1lYXNlLWluLW91dDogYWxsICRzd2lmdC1lYXNlLWluLW91dC1kdXJhdGlvbiAkc3dpZnQtZWFzZS1pbi1vdXQtdGltaW5nLWZ1bmN0aW9uICFkZWZhdWx0O1xuXG4kc3dpZnQtbGluZWFyLWR1cmF0aW9uOiAwLjA4cyAhZGVmYXVsdDtcbiRzd2lmdC1saW5lYXItdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXIgIWRlZmF1bHQ7XG4kc3dpZnQtbGluZWFyOiBhbGwgJHN3aWZ0LWxpbmVhci1kdXJhdGlvbiAkc3dpZnQtbGluZWFyLXRpbWluZy1mdW5jdGlvbiAhZGVmYXVsdDtcbiJdLCJtYXBwaW5ncyI6IkFBRUEsWUFBWSxDQUFDLFVBQVUsQ0FBQztFQUN0QixLQUFLLEVBQUUsSUFBSztFQUNaLE1BQU0sRUFBRSxJQUFLO0VBQ2IsVUFBVSxFQUFFLElBQUs7RUFDakIsTUFBTSxFQUFFLENBQUU7RUFDVixPQUFPLEVBQUUsTUFBTztFQUNoQixhQUFhLEVBQUUsQ0FBRTtFQUNqQixnQkFBZ0IsRUFBRSxJQUFLO0VBQ3ZCLFVBQVUsRUFBRSxJQUFLO0VBQ2pCLGNBQWMsRUFBRSxrQkFBbUI7RUFDbkMsY0FBYyxFQUFFLElBQUs7Q0FLdEI7O0FBZkQsWUFBWSxDQUFDLFVBQVUsQUFZcEIsTUFBTSxDQUFDO0VBQ04sZ0JBQWdCLEVBQUUsSUFBSztDQUN4Qjs7QUFHSCxZQUFZLENBQUMsYUFBYSxDQUFDO0VBQ3pCLEtBQUssRUFBRSxJQUFLO0VBQ1osTUFBTSxFQUFFLElBQUs7RUFDYixPQUFPLEVBQUUsSUFBSztFQUNkLFdBQVcsRUFBRSxNQUFPO0NBQ3JCOztBQUVELGtCQUFrQixDQUFDO0VBQ2pCLEtBQUssRUFBRSxJQUFLO0VBQ1osT0FBTyxFQUFFLElBQUs7Q0FDZjs7QUFFRCxtQkFBbUIsQ0FBQyxPQUFPLEFBQUEsWUFBWSxDQUFDO0VBQ3RDLFNBQVMsRUFBRSxJQUFLO0VBQ2hCLFlBQVksRUFBRSxJQUFLO0NBQ3BCOztBQUVELG1CQUFtQixDQUFDLElBQUksQ0FBQztFQUN2QixJQUFJLEVBQUUsQ0FBRTtDQUNUOztBQUVELG1CQUFtQixDQUFDLG9CQUFvQixDQUFDO0VBQ3ZDLGFBQWEsRUFBRSxDQUFFO0NBQ2xCOztBQUVELG1CQUFtQixDQUFDLE9BQU8sQ0FBQztFQUMxQixVQUFVLEVBQUUsSUFBRyxDQUFDLFNBQVMsQ0FBQyxnQ0FBWTtDQUN2Qzs7QUFFRCxvQkFBb0IsQ0FBQztFQUNuQixLQUFLLEVBQUUsSUFBSztFQUNaLFVBQVUsRUFBRSxJQUFLO0VBQ2pCLFFBQVEsRUFBRSxNQUFPO0NBQ2xCOztBQUVELFlBQVksQ0FBQyxtQkFBbUIsQ0FBQztFQUMvQixPQUFPLEVBQUUsSUFBSztFQUNkLFdBQVcsRUFBRSxPQUFRO0VBQ3JCLGVBQWUsRUFBRSxNQUFPO0VBQ3hCLFNBQVMsRUFBRSxNQUFPO0VBQ2xCLE9BQU8sRUFBRSxDQUFFO0VBQ1gsVUFBVSxFQUFFLElBQUcsQ0FBQyxnQ0FBWTtDQUM3Qjs7QUFFRCxtQkFBbUIsR0FBRyxHQUFHLENBQUM7RUFDeEIsSUFBSSxFQUFFLENBQUU7RUFDUixPQUFPLEVBQUUsSUFBSztFQUNkLFdBQVcsRUFBRSxNQUFPO0NBQ3JCOztBQUVELG1CQUFtQixDQUFDLE9BQU8sQUFBQSxZQUFZLENBQUM7RUFDdEMsU0FBUyxFQUFFLElBQUs7RUFDaEIsWUFBWSxFQUFFLElBQUs7Q0FDcEI7O0FBRUQsbUJBQW1CLEFBQUEsVUFBVSxDQUFDLE9BQU8sQUFBQSxXQUFXLENBQUM7RUFDL0MsU0FBUyxFQUFFLGNBQU0sQ0FBUyxhQUFVO0NBQ3JDOztBQUVELG9CQUFvQixDQUFDO0VBQ25CLFVBQVUsRUFBRSxLQUFNO0VBQ2xCLFFBQVEsRUFBRSxNQUFPO0VBQ2pCLE9BQU8sRUFBRSxDQUFFO0VBQ1gsU0FBUyxFQUFFLG9CQUFXO0VBQ3RCLFVBQVUsRUFBRSxJQUFHLENBQUMsZ0NBQVk7RUFDNUIsbUJBQW1CLEVBQUUsc0NBQXVDO0NBTzdEOztBQWJELG9CQUFvQixBQVFqQixVQUFVLENBQUM7RUFDVixVQUFVLEVBQUUsQ0FBRTtFQUNkLE9BQU8sRUFBRSxDQUFFO0VBQ1gsMEJBQTBCLEVBQUUsZ0NBQVk7Q0FDekM7O0FBR0gsb0JBQW9CLENBQUMsVUFBVSxDQUFDO0VBQzlCLFlBQVksRUFBRSxJQUFLO0NBQ3BCOztBQUVELG9CQUFvQixBQUFBLDBCQUEwQixDQUFDLFVBQVUsQ0FBQztFQUN4RCxZQUFZLEVBQUUsSUFBSztDQUNwQjs7QUFFRCxZQUFZLENBQUMsVUFBVSxDQUFDO0VBQ3RCLEtBQUssRUFBRSxJQUFLO0VBQ1osTUFBTSxFQUFFLEtBQU07Q0FDZjs7QUFFRCxZQUFZLENBQUMsVUFBVSxHQUFHLGFBQWEsQ0FBQztFQUN0QyxVQUFVLEVBQUUsSUFBSztDQUNsQiIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii9zb3VyY2UvIn0= */
.status {
  font-width: bold;
  text-align: right; }
  .status.running, .status.Running, .status.paid {
    color: #7adb54; }
  .status.canceled, .status.Canceled, .status.new {
    color: #8e8e8e; }
  .status.failed, .status.Failed {
    color: #bb2804; }
  .status.succeeded, .status.Succeeded {
    color: #35baf5; }

.md-avatar-icon.status {
  color: #ffffff; }
  .md-avatar-icon.status.Normal {
    background-color: #7adb54 !important; }
  .md-avatar-icon.status.Running {
    background-color: #7adb54 !important; }
  .md-avatar-icon.status.Warning {
    background-color: orange !important; }
  .md-avatar-icon.status.Error, .md-avatar-icon.status.InsufficientResources {
    background-color: #bb2804 !important; }
  .md-avatar-icon.status.Disabled {
    background-color: #8e8e8e !important; }
  .md-avatar-icon.status.Unknown {
    background-color: #eeeeee !important; }

.projectStatus.Normal {
  color: #35baf5 !important; }

.projectStatus.Running {
  color: #7adb54 !important; }

.projectStatus.Warning {
  color: orange !important; }

.projectStatus.Error, .projectStatus.InsufficientResources {
  color: #bb2804 !important; }

.projectStatus.Disabled {
  color: #8e8e8e !important; }

.projectStatus.Unknown {
  color: #eeeeee !important; }

.projectStatus.Pending {
  color: #8e8e8e !important; }

/* font-family: "GothamProRegular"; */
@font-face {
  font-family: "GothamProRegular";
  src: url("../fonts/GothamProRegular/GothamProRegular.eot");
  src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"), url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProBold"; */
@font-face {
  font-family: "GothamProBold";
  src: url("../fonts/GothamProBold/GothamProBold.eot");
  src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProBold/GothamProBold.woff") format("woff"), url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProBlack"; */
@font-face {
  font-family: "GothamProBlack";
  src: url("../fonts/GothamProBlack/GothamProBlack.eot");
  src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"), url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProItalic"; */
@font-face {
  font-family: "GothamProItalic";
  src: url("../fonts/GothamProItalic/GothamProItalic.eot");
  src: url("../fonts/GothamProItalic/GothamProItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"), url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProMedium"; */
@font-face {
  font-family: "GothamProMedium";
  src: url("../fonts/GothamProMedium/GothamProMedium.eot");
  src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"), url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProLight"; */
@font-face {
  font-family: "GothamProLight";
  src: url("../fonts/GothamProLight/GothamProLight.eot");
  src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProLight/GothamProLight.woff") format("woff"), url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProMediumItalic"; */
@font-face {
  font-family: "GothamProMediumItalic";
  src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
  src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"), url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProLightItalic"; */
@font-face {
  font-family: "GothamProLightItalic";
  src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
  src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"), url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProBoldItalic"; */
@font-face {
  font-family: "GothamProBoldItalic";
  src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
  src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"), url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "GothamProBlackItalic"; */
@font-face {
  font-family: "GothamProBlackItalic";
  src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
  src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"), url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

.contentPageTitle {
  background-color: #ffffff;
  color: #bcbcbc;
  width: 100%; }
  .contentPageTitle .inner {
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
    .contentPageTitle .inner .title {
      font-family: "GothamProRegular" !important;
      font-size: 18px;
      line-height: 2.5em; }
      .contentPageTitle .inner .title .item {
        font-family: "GothamProRegular" !important;
        font-weight: bold;
        color: #1e88e5; }
    .contentPageTitle .inner .media {
      height: 2.5em;
      width: 2.5em;
      line-height: 2.5em;
      border-radius: 50%;
      margin-right: 1.25em; }
    .contentPageTitle .inner .padding-media {
      padding-left: 3.75em; }
  .contentPageTitle .info > * {
    font-size: 0.9em; }

cmp-block-compact cmp-block-compact-content, cmp-block-compact .cmp-block-compact-content, .cmp-block-compact cmp-block-compact-content, .cmp-block-compact .cmp-block-compact-content {
  padding: 0.5em 0 0.5em 1em;
  border-left: 3px solid rgba(0, 0, 0, 0.2); }

.cmp-order-down, .cmp-order-up {
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  text-align: end;
  margin: 0 4px;
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  outline: none; }
  .cmp-order-down:hover, .cmp-order-up:hover {
    cursor: pointer; }
  .cmp-order-down:after, .cmp-order-up:after {
    display: block;
    content: "\25BC";
    position: relative;
    margin-left: 5px;
    speak: none;
    font-size: 13px;
    -webkit-transform: scaleY(0.5) scaleX(1);
    transform: scaleY(0.5) scaleX(1); }

.cmp-order-up:after {
  content: "\25B2"; }

cmp-docs {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-height: 100%;
  box-sizing: border-box;
  max-width: 0;
  transition: all linear 0.5s; }
  cmp-docs.show {
    max-width: 20%; }

.s16 {
  width: 16px;
  height: 16px;
  min-height: 16px;
  min-width: 16px; }

@media (max-width: 960px) {
  .home-card-welcom {
    text-align: center; } }

[app-filereader-dec] {
  position: relative;
  padding-bottom: 30px; }
  [app-filereader-dec] .iconImg {
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 8px 16px 8px 0;
    white-space: normal;
    align-self: center;
    line-height: 1.25;
    display: flex;
    opacity: 0.7;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    font-size: 12px;
    min-width: auto;
    padding: 0;
    justify-content: center; }
    [app-filereader-dec] .iconImg.current {
      opacity: 1;
      border-color: rgba(33, 150, 243, 0.7); }
    [app-filereader-dec] .iconImg:hover {
      cursor: pointer;
      opacity: 1; }
  [app-filereader-dec] label {
    margin: 1em auto;
    display: block;
    width: 200px; }
  [app-filereader-dec] label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    padding: 0 6px;
    margin: 6px 8px;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    [app-filereader-dec] label.md-raised:not([disabled]):hover {
      background-color: #fafafa; }
    [app-filereader-dec] label.md-raised:not([disabled]) {
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  [app-filereader-dec] input[type="file"], [app-filereader-dec] .file {
    display: none; }

.snapshotContent {
  width: 95vw;
  max-height: 95vh; }
  .snapshotContent video {
    width: 100%;
    height: auto;
    max-height: 100%; }

cmp-form-constructor {
  display: block; }

.radioGallery {
  display: block;
  margin: 5px 0; }
  .radioGallery md-radio-group {
    margin-bottom: 16px; }
  .radioGallery md-radio-button {
    position: relative;
    margin: 8px 16px 8px 0 !important;
    overflow-wrap: break-word; }
    .radioGallery md-radio-button .md-ink-ripple {
      position: absolute;
      z-index: 1;
      top: 88px;
      left: 3px;
      display: none; }
    .radioGallery md-radio-button .md-label {
      margin-left: 0;
      width: 100px;
      opacity: .7; }
      .radioGallery md-radio-button .md-label .icon {
        width: 100px;
        height: 100px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
        border: 1px solid transparent;
        margin: auto; }
      .radioGallery md-radio-button .md-label .label {
        padding-top: 0.5em;
        word-spacing: inherit;
        width: 100%;
        display: block;
        text-align: center; }
    .radioGallery md-radio-button:hover .md-label {
      opacity: 1; }
    .radioGallery md-radio-button.md-checked .md-label {
      opacity: 1; }
    .radioGallery md-radio-button.md-checked .icon {
      border-color: rgba(33, 150, 243, 0.7); }
    .radioGallery md-radio-button.md-checked .label {
      color: #2196f3; }

cmp-webrtc-stream video {
  background-color: #4f4f4f; }

md-menu-bar item-status-icon .md-button {
  margin: 0 !important; }

item-status-icon {
  display: inline-block; }
  item-status-icon .md-button {
    text-align: left; }
  item-status-icon .md-button:hover {
    background-color: transparent; }
  item-status-icon.widthAuto .md-button {
    min-width: auto; }
  item-status-icon.width-64 .md-button {
    min-width: 64px; }

item-status-icon.Normal, item-status-icon.Idle, md-icon.status.Normal, md-icon.status.Idle {
  color: #35baf5 !important; }

item-status-icon.Running, md-icon.status.Running {
  color: #7adb54 !important; }

item-status-icon.Warning, md-icon.status.Warning {
  color: orange !important; }

item-status-icon.Error, item-status-icon.InsufficientResources, md-icon.status.Error, md-icon.status.InsufficientResources {
  color: #bb2804 !important; }

item-status-icon.Disabled, item-status-icon.Terminated, md-icon.status.Disabled, md-icon.status.Terminated {
  color: #8e8e8e !important; }

item-status-icon.Unknown, md-icon.status.Unknown {
  color: #eeeeee !important; }

item-status-icon.Pending, item-status-icon.Starting, item-status-icon.Provisioning, md-icon.status.Pending, md-icon.status.Starting, md-icon.status.Provisioning {
  color: #8e8e8e !important; }

please-wait {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  max-width: 100%;
  flex: 1;
  box-sizing: border-box;
  flex-direction: column;
  min-height: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  lefr: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }
  please-wait .title {
    color: #fff;
    font-weight: bold;
    padding-bottom: 1em; }

.wsCard {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  align-content: center;
  padding: 10px; }
  .wsCard .icon {
    height: 48px;
    width: 48px;
    line-height: 2.5em;
    border-radius: 50%;
    margin-right: 1em; }
  .wsCard .name {
    display: inline-block;
    align-self: center;
    font-weight: bold; }

cmp-workspace-faq .bold {
  font-weight: bold; }

.userWsList a {
  display: flex;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  margin: 0;
  padding: 12px 16px; }
  .userWsList a:hover {
    background-color: rgba(150, 150, 150, 0.2); }

.layoutMenu a, .layoutMenuDialog a {
  display: flex; }

.layoutMenu md-icon, .layoutMenuDialog md-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  color: inherit; }

.layoutMenu img, .layoutMenu .icon, .layoutMenuDialog img, .layoutMenuDialog .icon {
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.layoutMenu .label, .layoutMenuDialog .label {
  padding-left: 1em;
  display: flex;
  white-space: nowrap;
  overflow-wrap: break-spaces;
  overflow: hidden;
  align-self: center;
  display: flex;
  align-items: center; }

.layoutMenu md-divider, .layoutMenuDialog md-divider {
  margin: 0 5px; }

.layoutMenu h3, .layoutMenu .h3, .layoutMenuDialog h3, .layoutMenuDialog .h3 {
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
  margin: 0;
  padding: 10px;
  position: relative; }

.layoutMenu h4, .layoutMenu .h4, .layoutMenuDialog h4, .layoutMenuDialog .h4 {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0;
  padding: 10px;
  position: relative; }

.layoutMenu .blockMenu, .layoutMenuDialog .blockMenu {
  display: block;
  position: relative;
  overflow: auto;
  padding: 10px 0; }
  .layoutMenu .blockMenu a, .layoutMenuDialog .blockMenu a {
    color: inherit; }
  .layoutMenu .blockMenu .blockMenuItem, .layoutMenuDialog .blockMenu .blockMenuItem {
    padding: 10px;
    line-height: 1.2em;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    align-content: stretch; }
    .layoutMenu .blockMenu .blockMenuItem > .flex, .layoutMenuDialog .blockMenu .blockMenuItem > .flex {
      min-height: 0; }
    .layoutMenu .blockMenu .blockMenuItem:hover, .layoutMenuDialog .blockMenu .blockMenuItem:hover {
      background-color: rgba(255, 255, 255, 0.05); }
    .layoutMenu .blockMenu .blockMenuItem.current, .layoutMenuDialog .blockMenu .blockMenuItem.current {
      background-color: rgba(255, 255, 255, 0.1); }

[href], [ng-click] {
  cursor: pointer; }

.userWsList .orgIcon {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border-radius: 50%;
  display: inline-block; }

layout-page {
  z-index: 1; }

layout-main-menu {
  z-index: 2;
  position: fixed;
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  top: 0;
  left: 0; }
  layout-main-menu #mainMenu {
    width: 250px;
    background-color: #273238;
    color: #ffffff;
    height: 100%;
    box-sizing: border-box; }
    layout-main-menu #mainMenu .menuLevelItem {
      padding: 10px;
      line-height: 1.2em;
      text-decoration: none;
      font-size: 16px;
      display: flex;
      flex-direction: row;
      box-sizing: border-box;
      align-content: stretch;
      align-self: center; }
      layout-main-menu #mainMenu .menuLevelItem md-icon {
        width: 24px;
        margin: 0;
        color: inherit; }
      layout-main-menu #mainMenu .menuLevelItem .orgIcon {
        width: 24px;
        height: 24px;
        border-radius: 50%; }
      layout-main-menu #mainMenu .menuLevelItem .menuLevelItemLabel {
        display: flex;
        white-space: nowrap;
        overflow-wrap: break-spaces;
        overflow: hidden;
        align-self: center;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold; }
    layout-main-menu #mainMenu .subtitle {
      margin: 0;
      padding: 10px 10px 5px 10px;
      box-sizing: border-box; }
    layout-main-menu #mainMenu md-content {
      background-color: transparent; }
    layout-main-menu #mainMenu .subtitle {
      color: #ffffff; }
    layout-main-menu #mainMenu .menuLevelItem {
      color: #ffffff; }
      layout-main-menu #mainMenu .menuLevelItem:hover {
        background-color: rgba(255, 255, 255, 0.2); }
      layout-main-menu #mainMenu .menuLevelItem.current {
        background-color: rgba(255, 255, 255, 0.4); }
    layout-main-menu #mainMenu:hover .menuLevelItemLabel {
      display: inline-block; }
    layout-main-menu #mainMenu md-divider {
      border-top-color: #ffffff; }

#mainContent {
  margin-left: 250px; }

.mainMenuSmall #mainMenu {
  width: 48px;
  transition: width .3s;
  transition-timing-function: ease; }
  .mainMenuSmall #mainMenu .label {
    display: none; }
  .mainMenuSmall #mainMenu cmp-user-project-menu .userCard .icon {
    width: 24px; }
  .mainMenuSmall #mainMenu cmp-user-project-menu .userCard .name {
    display: none; }
  .mainMenuSmall #mainMenu cmp-user-project-menu .userCard .options {
    flex-direction: column;
    padding-top: 10px; }
    .mainMenuSmall #mainMenu cmp-user-project-menu .userCard .options .md-icon-button {
      margin: 0;
      padding: 0;
      width: auto;
      height: auto; }
      .mainMenuSmall #mainMenu cmp-user-project-menu .userCard .options .md-icon-button md-icon {
        padding: 0;
        margin: 0; }

.mainMenuSmall #mainContent, .mainMenuSmall layout-page {
  margin-left: 48px; }

.mainMenuSmall .over #mainMenu, .mainMenuSmall .overMenu #mainMenu {
  width: 250px !important; }
  .mainMenuSmall .over #mainMenu .label, .mainMenuSmall .overMenu #mainMenu .label {
    display: flex !important; }
  .mainMenuSmall .over #mainMenu cmp-user-project-menu .userCard .icon, .mainMenuSmall .overMenu #mainMenu cmp-user-project-menu .userCard .icon {
    width: 48px !important; }
  .mainMenuSmall .over #mainMenu cmp-user-project-menu .userCard .name, .mainMenuSmall .overMenu #mainMenu cmp-user-project-menu .userCard .name {
    display: flex !important; }
  .mainMenuSmall .over #mainMenu cmp-user-project-menu .userCard .options, .mainMenuSmall .overMenu #mainMenu cmp-user-project-menu .userCard .options {
    flex-direction: row !important;
    padding-top: 10px; }
    .mainMenuSmall .over #mainMenu cmp-user-project-menu .userCard .options .md-icon-button, .mainMenuSmall .overMenu #mainMenu cmp-user-project-menu .userCard .options .md-icon-button {
      margin: 0;
      padding: 0;
      width: auto;
      height: auto; }
      .mainMenuSmall .over #mainMenu cmp-user-project-menu .userCard .options .md-icon-button md-icon, .mainMenuSmall .overMenu #mainMenu cmp-user-project-menu .userCard .options .md-icon-button md-icon {
        margin: 0 6px;
        padding: 8px; }

layout-conteont-menu {
  width: 200px; }

layout-page {
  margin-left: 250px;
  display: flex;
  position: relative;
  flex: 1; }
  layout-page layout-page-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  layout-page layout-page-title layout-page-title-url {
    line-height: 48px;
    display: flex;
    font-size: 18px; }
    layout-page layout-page-title layout-page-title-url .icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 0.5em; }
    layout-page layout-page-title layout-page-title-url span {
      display: flex; }
    layout-page layout-page-title layout-page-title-url .item {
      margin: 0 0.3em;
      display: inline-block; }
  layout-page layout-page-content {
    position: relative; }
    layout-page layout-page-content layout-page-content-title {
      display: flex;
      position: relative;
      z-index: 10;
      height: 56px;
      padding: 0 10px; }
      layout-page layout-page-content layout-page-content-title .backIcon {
        padding-right: 1em;
        display: block; }
    layout-page layout-page-content layout-page-content-list {
      position: absolute;
      top: 0;
      left: 0;
      width: 250px;
      height: 100%;
      background-color: rgba(39, 50, 56, 0.9);
      color: #fff;
      z-index: 10;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      box-sizing: border-box;
      display: flex;
      flex-direction: column; }
      layout-page layout-page-content layout-page-content-list > .flex {
        min-height: 0; }
      layout-page layout-page-content layout-page-content-list md-list {
        overflow: auto; }
      layout-page layout-page-content layout-page-content-list md-list-item {
        color: #fff; }
    layout-page layout-page-content layout-page-content-item {
      position: relative;
      margin-left: 250px;
      display: flex;
      flex: 1;
      height: 100%;
      flex-direction: column; }
      layout-page layout-page-content layout-page-content-item > .flex {
        min-height: 0; }
    layout-page layout-page-content.wsHideSubMenu layout-page-content-list {
      display: none; }
    layout-page layout-page-content.wsHideSubMenu layout-page-content-item {
      margin-left: 0; }

cmp-menu-level {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 250px; }
  cmp-menu-level .menuLevelItem {
    padding: 5px 10px;
    line-height: 1.2em;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    align-content: stretch; }
    cmp-menu-level .menuLevelItem md-icon {
      width: 24px;
      margin: 0;
      color: inherit; }
    cmp-menu-level .menuLevelItem .orgIcon {
      width: 24px;
      height: 24px;
      border-radius: 50%; }
    cmp-menu-level .menuLevelItem .menuLevelItemLabel {
      padding-left: 10px;
      display: flex;
      white-space: nowrap;
      overflow-wrap: break-spaces;
      overflow: hidden;
      align-self: center; }
  cmp-menu-level md-content {
    background-color: transparent; }
  cmp-menu-level .subtitle {
    margin: 0;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box; }

#menuLevel1 {
  max-width: 250px;
  background-color: #273238; }
  #menuLevel1 .subtitle {
    color: #ffffff; }
  #menuLevel1 .menuLevelItem {
    color: #ffffff; }
    #menuLevel1 .menuLevelItem:hover {
      background-color: rgba(255, 255, 255, 0.2); }
    #menuLevel1 .menuLevelItem.current {
      background-color: rgba(255, 255, 255, 0.4); }
  #menuLevel1:hover .menuLevelItemLabel {
    display: inline-block; }
  #menuLevel1 md-divider {
    border-top-color: #ffffff; }

cmp-user-project-menu .userCard {
  padding: 10px;
  box-sizing: border-box;
  height: 150px; }
  cmp-user-project-menu .userCard .icon {
    border-radius: 50%;
    width: 48px;
    height: auto;
    margin: auto;
    display: block; }
  cmp-user-project-menu .userCard .name {
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;
    display: flex;
    justify-content: center; }
  cmp-user-project-menu .userCard * {
    color: #ffffff; }

#menuLevel1 {
  transition-property: width;
  transition-duration: 200ms;
  animation-timing-function: ease; }

#menuLevel1.small {
  width: 44px; }
  #menuLevel1.small .menuLevelItemLabel,
  #menuLevel1.small .subtitle,
  #menuLevel1.small cmp-user-project-menu .name,
  #menuLevel1.small cmp-user-project-menu .options {
    display: none; }
  #menuLevel1.small cmp-user-project-menu .icon {
    width: 24px;
    height: 24px; }

#menuLevel1:hover {
  width: 250px; }
  #menuLevel1:hover .menuLevelItemLabel,
  #menuLevel1:hover .subtitle,
  #menuLevel1:hover cmp-user-project-menu .name,
  #menuLevel1:hover cmp-user-project-menu .options {
    display: flex !important; }
  #menuLevel1:hover cmp-user-project-menu .icon {
    width: 48px;
    height: 48px; }

#menuLevel2 .menuLevelItem {
  color: #5f5f5f; }

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

/* ***************************   */
#pageUrl {
  border-bottom: 1px solid #4f4f4f;
  box-sizing: border-box; }
  #pageUrl .media {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    margin-right: 1em; }

[href]:hover, [ng-click]:hover {
  text-decoration: none; }

.small.md-button {
  min-height: 24px;
  min-width: 60px;
  line-height: 24px;
  padding: 2px 5px;
  margin: 3px 5px;
  font-size: 12px !important; }
  .small.md-button md-icon {
    width: 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    margin-top: -2px;
    padding: 0 3px; }
  .small.md-button.md-icon-button {
    min-width: auto;
    margin: 0;
    padding: 8px;
    width: 40px;
    border-radius: 50%; }

.small.table td {
  padding: 2px 3px;
  line-height: 40px; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

::-webkit-scrollbar:horizontal {
  height: 7px; }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

* {
  font-family: "GothamProLight"; }

a {
  color: #1e88e5; }

.help-block.error {
  color: #bb2804;
  padding: 0.5em;
  font-size: 80%; }

#main-content .contentPage {
  width: 100%; }
  #main-content .contentPage .topline {
    padding-bottom: 0.5em; }
    #main-content .contentPage .topline .search {
      background-color: #ffffff;
      padding-left: 6px; }
      #main-content .contentPage .topline .search input {
        border: none; }
      #main-content .contentPage .topline .search button {
        height: 32px; }

.main_width_greed, .main_width_greed-max {
  width: 100%;
  max-width: 1280px;
  min-width: 990px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.5em;
  box-sizing: border-box; }

.main_width_greed-max {
  min-width: auto; }

#header {
  background-color: #273238;
  color: #ffffff; }
  #header .md-toolbar-tools {
    padding: 0; }
  #header cmp-logo {
    font-family: "GothamProLight";
    color: #ffffff;
    font-size: 20px;
    padding-right: 1em; }
    #header cmp-logo .color_in {
      color: #1591cc; }
  #header #headMenu {
    padding: 0.5em; }
    #header #headMenu .item {
      padding-left: 0.5em;
      font-size: 16px; }
  #header cmp-auth-card-header .item {
    padding-left: 0.5em;
    font-size: 16px; }
  #header #title_user_card {
    margin: 0;
    padding: 0; }

.home_welcome_block {
  width: 100%;
  background-color: #273238;
  color: #ffffff; }
  .home_welcome_block h2 {
    font-family: "GothamProRegular" !important;
    font-size: 48px;
    margin: 0;
    color: #ffffff; }
  .home_welcome_block .content {
    font-size: 30px;
    font-family: "GothamProLight";
    line-height: 42px;
    color: #273238; }
  .home_welcome_block .select {
    color: #1591cc; }

.home-card-welcom {
  text-align: center; }
  .home-card-welcom label {
    text-align: left; }
  .home-card-welcom home-card-welcom-content {
    box-sizing: border-box;
    margin: 8px; }

.login-form-wrapper, .home_welcome_block {
  background-color: #273238;
  color: #ffffff; }
  .login-form-wrapper cmp-error-toast, .home_welcome_block cmp-error-toast {
    min-width: 100% !important; }
  .login-form-wrapper h2, .home_welcome_block h2 {
    font-family: "GothamProRegular" !important;
    font-size: 48px;
    margin: 0;
    color: #ffffff; }
  .login-form-wrapper h4, .login-form-wrapper md-icon, .login-form-wrapper .dimmed, .home_welcome_block h4, .home_welcome_block md-icon, .home_welcome_block .dimmed {
    color: #aeaeae !important; }
  .login-form-wrapper md-icon, .home_welcome_block md-icon {
    width: 32px;
    height: 32px; }
  .login-form-wrapper md-divider, .home_welcome_block md-divider {
    margin: 30px 0 0 0; }
  .login-form-wrapper .auth-form-services, .home_welcome_block .auth-form-services {
    min-height: 100px; }
  .login-form-wrapper .auth-form-link-actions, .home_welcome_block .auth-form-link-actions {
    margin: 25px 0 0 0; }
    .login-form-wrapper .auth-form-link-actions a, .home_welcome_block .auth-form-link-actions a {
      text-decoration: none;
      color: #56A1B1; }
      .login-form-wrapper .auth-form-link-actions a:hover, .home_welcome_block .auth-form-link-actions a:hover {
        text-decoration: underline; }
    .login-form-wrapper .auth-form-link-actions .sign_up:before, .home_welcome_block .auth-form-link-actions .sign_up:before {
      content: "|";
      margin: 0 10px;
      color: #aeaeae !important; }
  .login-form-wrapper .content, .home_welcome_block .content {
    font-size: 30px;
    font-family: "GothamProLight";
    line-height: 42px;
    color: #ffffff; }
  .login-form-wrapper .select, .home_welcome_block .select {
    color: #fff; }
  .login-form-wrapper .title,
  .login-form-wrapper .title *, .home_welcome_block .title,
  .home_welcome_block .title * {
    font-size: 28px;
    color: #56A1B1;
    font-family: GothamProRegular;
    margin: 15px 0 0 10px; }
  .login-form-wrapper .title span, .home_welcome_block .title span {
    margin: 0; }

.hovered .showByHoverParent {
  opacity: 0; }

.hovered:hover .showByHoverParent {
  opacity: 1; }

h1, h2, h3, h4, h5, h6 {
  font-family: "GothamProRegular" !important; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none; }

h2 {
  font-size: 1.5em; }

#main-content {
  display: flex;
  flex-direction: column;
  background-color: #eeeeee; }
  #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
    color: #5f5f5f; }
  #main-content .innerContentBorder {
    background-color: #ffffff; }
    #main-content .innerContentBorder .contentText {
      background-color: #FFFFFF;
      border-radius: 0 0 2px 2px; }
  #main-content main {
    display: none;
    flex: 0 0 0;
    width: 100%;
    flex-direction: column; }
    #main-content main.complite {
      display: flex;
      flex: 1 0 auto; }
  #main-content footer {
    flex: 0 0 48px;
    width: 100%;
    height: 48px; }
    #main-content footer .inner {
      width: 100%;
      color: #ffffff;
      height: 48px;
      background-color: #546f7a; }
      #main-content footer .inner #footer-version {
        font-size: 12px; }

md-tabs.itemContent md-tabs-wrapper {
  border-width: 1px 0 1px;
  border-style: solid; }

div[ng-jsoneditor] {
  height: 400px; }

.innerContent {
  margin-top: 1em;
  margin-bottom: 1em; }

.innerContentBorder {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.col_3_row, .col_3_view {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .col_3_row .col_row_item, .col_3_row .item_view, .col_3_view .col_row_item, .col_3_view .item_view {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    margin: 0 0 1em 0; }
    .col_3_row .col_row_item > *, .col_3_row .item_view > *, .col_3_view .col_row_item > *, .col_3_view .item_view > * {
      width: 90%;
      display: flex; }
    .col_3_row .col_row_item:nth-child(3n+1) > *, .col_3_row .item_view:nth-child(3n+1) > *, .col_3_view .col_row_item:nth-child(3n+1) > *, .col_3_view .item_view:nth-child(3n+1) > * {
      margin-right: auto; }
    .col_3_row .col_row_item:nth-child(3n+2) > *, .col_3_row .item_view:nth-child(3n+2) > *, .col_3_view .col_row_item:nth-child(3n+2) > *, .col_3_view .item_view:nth-child(3n+2) > * {
      margin-right: auto;
      margin-left: auto; }
    .col_3_row .col_row_item:nth-child(3n+3) > *, .col_3_row .item_view:nth-child(3n+3) > *, .col_3_view .col_row_item:nth-child(3n+3) > *, .col_3_view .item_view:nth-child(3n+3) > * {
      margin-left: auto; }
  .col_3_row md-card-actions button:first-child, .col_3_view md-card-actions button:first-child {
    border-left: none; }

.line_view {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .line_view .col_row_item, .line_view .item_view {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%; }
    .line_view .col_row_item .chartCardSmall, .line_view .item_view .chartCardSmall {
      margin: 0 0 1em 0;
      flex: 1 1 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      flex-direction: row;
      max-width: 100%; }
      .line_view .col_row_item .chartCardSmall md-card-title, .line_view .col_row_item .chartCardSmall md-card-title-text, .line_view .item_view .chartCardSmall md-card-title, .line_view .item_view .chartCardSmall md-card-title-text {
        min-width: 0; }
      .line_view .col_row_item .chartCardSmall md-card-title, .line_view .item_view .chartCardSmall md-card-title {
        margin: 0;
        padding: 8px 0 8px 8px; }
      .line_view .col_row_item .chartCardSmall .chartTitle, .line_view .item_view .chartCardSmall .chartTitle {
        margin-top: 0 !important;
        margin-bottom: 0; }
      .line_view .col_row_item .chartCardSmall .chartVersion, .line_view .item_view .chartCardSmall .chartVersion {
        display: none; }
      .line_view .col_row_item .chartCardSmall .chartTitle, .line_view .col_row_item .chartCardSmall .chartDescription, .line_view .item_view .chartCardSmall .chartTitle, .line_view .item_view .chartCardSmall .chartDescription {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        margin: 8px 0 0 0; }
      .line_view .col_row_item .chartCardSmall md-card-actions, .line_view .item_view .chartCardSmall md-card-actions {
        max-width: 40%; }

.padding-content, .chartCardFull md-tabs-wrapper {
  padding-left: 5em;
  padding-right: 5em; }

.fix_bottom_right {
  position: fixed;
  bottom: 30px;
  right: 30px;
  top: auto;
  left: auto; }

*[ng-jsoneditor] {
  width: 100%;
  height: 500px; }

.errorInfo {
  color: #ff3200; }
  .errorInfo h1, .errorInfo h2, .errorInfo h3, .errorInfo h4, .errorInfo h5, .errorInfo h6, .errorInfo a, .errorInfo md-icon {
    color: inherit !important; }

.warningInfo {
  color: orange; }
  .warningInfo h1, .warningInfo h2, .warningInfo h3, .warningInfo h4, .warningInfo h5, .warningInfo h6, .warningInfo a, .warningInfo md-icon {
    color: inherit !important; }
  .warningInfo a {
    text-decoration: underline; }

cmp-error-page .compact {
  margin: 8px 3px; }
  cmp-error-page .compact md-card-title {
    padding: 20px 10px; }
  cmp-error-page .compact .md-headline {
    font-size: 16px; }

cmp-error-toast {
  display: block; }
  cmp-error-toast div {
    background: #CE5C54;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    word-break: break-word; }
  cmp-error-toast.worning div {
    color: #CE5C54;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid;
    margin: 5px; }

.ts {
  font-size: 80%;
  line-height: 1.2em; }

.icon-tree-point {
  margin-right: 16px;
  margin-left: 0px; }

.log-view-title {
  padding: 0 18px; }

.log-view {
  font-family: monospace;
  overflow: auto;
  max-height: 400px;
  display: block;
  white-space: pre;
  background-color: #4f4f4f;
  color: #fafafa;
  padding: 18px; }
  .log-view pre {
    margin: 0;
    font-family: monospace; }
  .log-view .logError-Item {
    color: #ff3200; }
  .log-view .logSuccess-Item {
    color: #35baf5; }
  .log-view .logStart-Item {
    color: #7adb54;
    font-weight: bold; }

.md-button.link {
  text-transform: none;
  color: #1e88e5;
  text-decoration: underline; }
  .md-button.link:hover {
    background-color: transparent;
    text-decoration: none; }

md-menu.submenu {
  padding: 0; }
  md-menu.submenu button, md-menu.submenu .md-button {
    text-align: left;
    display: inline-block;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%; }
    md-menu.submenu button > :after, md-menu.submenu .md-button > :after {
      display: block;
      content: "\25BC";
      position: absolute;
      top: 0;
      speak: none;
      -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
      transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
      right: 8px; }

.cmp-clickable {
  cursor: pointer;
  outline: none; }
  .cmp-clickable:hover {
    background-color: rgba(0, 0, 0, 0.05); }

md-menu-bar.padding-zero {
  padding: 0; }

.worning, .worning md-icon {
  color: #ff3200; }

.ace_editor {
  height: 400px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

.ace_editor, .ace_editor * {
  font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace !important; }

cmp-core-error-failed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }
  cmp-core-error-failed h4 {
    margin: 0;
    padding: 0.5em 1em; }
  cmp-core-error-failed .container {
    margin: auto;
    width: 500px;
    background-color: #ffffff;
    border: 1px solid #ff3200; }
    cmp-core-error-failed .container .reload {
      width: 100%;
      margin: 0;
      background-color: #ff3200;
      color: #ffffff; }
  cmp-core-error-failed .header {
    background-color: #ff3200;
    color: #ffffff; }
    cmp-core-error-failed .header * {
      color: #ffffff; }
  cmp-core-error-failed .errors .item {
    color: #ff3200; }

.cmp-menu-v {
  background-color: rgba(0, 0, 0, 0.02); }
  .cmp-menu-v a:hover {
    cursor: pointer; }
  .cmp-menu-v * {
    box-sizing: border-box; }
  .cmp-menu-v h5 {
    margin: 0;
    padding: 1em 0 1em 1em; }
    .cmp-menu-v h5 .action-buttons {
      margin: 0 0 0 3px; }
  .cmp-menu-v .action-buttons.save {
    visibility: visible !important; }
  .cmp-menu-v .md-icon-button {
    margin: 0;
    padding: 0;
    width: 30px;
    height: auto;
    min-height: auto; }
  .cmp-menu-v ng-include {
    position: absolute;
    right: 0;
    top: calc(50% - 10px); }
  .cmp-menu-v ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .cmp-menu-v li {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%; }
    .cmp-menu-v li .title .action-buttons,
    .cmp-menu-v li a .action-buttons {
      visibility: hidden; }
    .cmp-menu-v li input {
      width: 130px; }
    .cmp-menu-v li .title {
      display: inline-block;
      width: 100%;
      position: relative;
      border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
      border-top: 1px dashed rgba(0, 0, 0, 0.2); }
      .cmp-menu-v li .title:hover .action-buttons {
        visibility: visible; }
    .cmp-menu-v li a {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      position: relative; }
    .cmp-menu-v li a.active {
      background-color: #1e88e5;
      color: #ffffff; }
    .cmp-menu-v li a:hover {
      background-color: rgba(30, 136, 229, 0.8);
      color: #ffffff; }
      .cmp-menu-v li a:hover .action-buttons {
        visibility: visible; }
    .cmp-menu-v li a, .cmp-menu-v li .title {
      padding: 0.5em 1em; }
    .cmp-menu-v li li a, .cmp-menu-v li li .title {
      padding: 0.5em 1em 0.5em 2em; }
    .cmp-menu-v li li li a, .cmp-menu-v li li li .title {
      padding: 0.5em 1em 0.5em 3em; }

.one-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 80px);
  display: inline-block; }

.hidden {
  visibility: hidden; }

.table {
  width: 100%;
  border: 1px solid #cbcbcb;
  border-collapse: collapse;
  background: #fff;
  margin: auto; }
  .table th, .table td {
    border: 1px solid #cbcbcb; }
  .table th, .table td {
    padding: 15px 10px; }
  .table th {
    background: #e0e0e0; }
  .table thead {
    text-align: left;
    background: #e0e0e0; }
  .table md-chips-wrap {
    box-shadow: none; }
  .table md-chip {
    color: darkgreen;
    font-weight: bold; }
  .table .not-paid md-chip {
    color: darkred; }

.md-button.md-button-small {
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  min-height: 20px; }
  .md-button.md-button-small md-icon {
    width: 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px; }

.md-fab img {
  width: 100%;
  height: 100%; }

.loadHide {
  display: none; }
  .loadHide.complite {
    display: flex; }

#headMenu .item.loadHide.complite {
  display: inline; }

md-icon {
  color: inherit; }

.waitPage {
  background-color: #273238; }

.appLoadingPlace {
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  flex-direction: column; }
  .appLoadingPlace h2 {
    text-align: center;
    color: #ffffff;
    font-size: 30px; }
  .appLoadingPlace .desc {
    text-align: center;
    color: #ffffff; }
  .appLoadingPlace .progress {
    position: relative;
    height: 70px; }
  .appLoadingPlace .blob {
    width: 1.5rem;
    height: 1.5rem;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25); }
  .appLoadingPlace .blob-2 {
    animation: animate-to-2 1.5s infinite; }
  .appLoadingPlace .blob-3 {
    animation: animate-to-3 1.5s infinite; }
  .appLoadingPlace .blob-1 {
    animation: animate-to-1 1.5s infinite; }
  .appLoadingPlace .blob-4 {
    animation: animate-to-4 1.5s infinite; }
  .appLoadingPlace .blob-0 {
    animation: animate-to-0 1.5s infinite; }
  .appLoadingPlace .blob-5 {
    animation: animate-to-5 1.5s infinite; }

@keyframes animate-to-2 {
  25%, 75% {
    transform: translateX(-1.5rem) scale(0.75); }
  95% {
    transform: translateX(0rem) scale(1); } }

@keyframes animate-to-3 {
  25%, 75% {
    transform: translateX(1.5rem) scale(0.75); }
  95% {
    transform: translateX(0rem) scale(1); } }

@keyframes animate-to-1 {
  25% {
    transform: translateX(-1.5rem) scale(0.75); }
  50%, 75% {
    transform: translateX(-4.5rem) scale(0.6); }
  95% {
    transform: translateX(0rem) scale(1); } }

@keyframes animate-to-4 {
  25% {
    transform: translateX(1.5rem) scale(0.75); }
  50%, 75% {
    transform: translateX(4.5rem) scale(0.6); }
  95% {
    transform: translateX(0rem) scale(1); } }

@keyframes animate-to-0 {
  25% {
    transform: translateX(-1.5rem) scale(0.75); }
  50% {
    transform: translateX(-4.5rem) scale(0.6); }
  75% {
    transform: translateX(-7.5rem) scale(0.5); }
  95% {
    transform: translateX(0rem) scale(1); } }

@keyframes animate-to-5 {
  25% {
    transform: translateX(1.5rem) scale(0.75); }
  50% {
    transform: translateX(4.5rem) scale(0.6); }
  75% {
    transform: translateX(7.5rem) scale(0.5); }
  95% {
    transform: translateX(0rem) scale(1); } }

.radioToggleButton md-radio-button {
  opacity: .5;
  margin: 0 !important;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 40px;
  border-radius: 50%; }
  .radioToggleButton md-radio-button .md-label {
    margin: 0; }
  .radioToggleButton md-radio-button .md-ink-ripple {
    display: none; }
  .radioToggleButton md-radio-button:hover {
    opacity: .7; }
  .radioToggleButton md-radio-button.md-checked {
    opacity: 1; }

.md-checkbox-button {
  margin: 0;
  padding: 8px;
  opacity: .5; }
  .md-checkbox-button.md-checked {
    opacity: 1; }
  .md-checkbox-button .md-ink-ripple {
    display: none; }
  .md-checkbox-button .md-label {
    margin: 0; }

.bg-transparent {
  background: url("/0/img/bg-transparent.png") center center; }

.small {
  font-size: 80%;
  font-weight: normal; }

md-list-item-text h4 {
  margin: .5em; }
  md-list-item-text h4 span {
    font-size: 80%; }

md-list-item-text p {
  font-size: 90%;
  margin: .5em; }

cmp-user-card-header, .cmp-user-card-header {
  height: 100%; }
  cmp-user-card-header .full_height, .cmp-user-card-header .full_height {
    height: 100%;
    color: #fff; }
  cmp-user-card-header cmp-layout-title-user-card, .cmp-user-card-header cmp-layout-title-user-card {
    height: 100%; }
    cmp-user-card-header cmp-layout-title-user-card .md-avatar, .cmp-user-card-header cmp-layout-title-user-card .md-avatar {
      -webkit-box-flex: 0;
      -webkit-flex: none;
      flex: none;
      width: 40px;
      height: 40px;
      margin-top: 8px;
      margin-bottom: 8px;
      margin-right: 16px;
      border-radius: 50%;
      box-sizing: content-box; }
    cmp-user-card-header cmp-layout-title-user-card md-menu-bar, .cmp-user-card-header cmp-layout-title-user-card md-menu-bar {
      padding: 0; }
  cmp-user-card-header #title_user_card, .cmp-user-card-header #title_user_card {
    height: 100%; }
  cmp-user-card-header #title_info_block, .cmp-user-card-header #title_info_block {
    height: 100%; }
  cmp-user-card-header .md-avatar, .cmp-user-card-header .md-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 1em; }
    cmp-user-card-header .md-avatar.font-size, .cmp-user-card-header .md-avatar.font-size {
      width: 24px;
      height: 24px; }

.state_settings .state_settings_menu {
  width: 240px;
  background-color: transparent !important; }
  .state_settings .state_settings_menu .md-avatar {
    width: 24px;
    height: 24px; }

.state_settings cmp-user-card-big .user-card-content {
  padding: 0; }
  .state_settings cmp-user-card-big .user-card-content md-tab-content md-content {
    background-color: rgba(0, 0, 0, 0.03); }

.state_settings cmp-organizations-list .org-full-info {
  padding: 0; }
  .state_settings cmp-organizations-list .org-full-info md-tab-content md-content {
    background-color: rgba(0, 0, 0, 0.03); }
    .state_settings cmp-organizations-list .org-full-info md-tab-content md-content .title {
      padding: 0 16px; }
    .state_settings cmp-organizations-list .org-full-info md-tab-content md-content .md-subheader {
      background-color: transparent; }

.leftMenu .active {
  font-weight: bold;
  text-decoration: none;
  color: #666; }
  .leftMenu .active md-list-item:hover {
    background-color: rgba(255, 255, 255, 0.05); }

.leftMenu md-list-item {
  padding: 0; }
  .leftMenu md-list-item .md-button {
    padding: 0 6px 0 30px;
    text-align: left;
    width: 100%; }

.leftMenu .active a {
  text-decoration: underline; }

home-card-welcom {
  color: #ffffff;
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%; }
  home-card-welcom home-card-welcom-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1; }
    home-card-welcom home-card-welcom-content h2 {
      font-size: 48px;
      font-family: "GothamProRegular"; }
  home-card-welcom home-card-welcom-actions {
    width: 234px; }
    home-card-welcom home-card-welcom-actions md-menu-item {
      padding: 0.3em; }
      home-card-welcom home-card-welcom-actions md-menu-item .md-button {
        background-color: #ececec;
        font-family: 'GothamProLight';
        font-size: 18px;
        color: #a6a6a6; }

cmp-organization-card-settings .addTeamBtn {
  position: absolute;
  top: -10px;
  right: 0; }

cmp-organization-card-settings cmp-team-user-list md-list {
  overflow-y: auto; }

cmp-organization-full .listTeamUser h5, cmp-organization-full cmp-team-rights h5 {
  padding-left: 1em; }

org-icon, [org-icon] {
  display: block; }

#workspace .wsHeader {
  padding: 1em; }
  #workspace .wsHeader .md-avatar {
    height: 52px;
    width: 52px;
    border-radius: 50%;
    margin-right: 2em; }
  #workspace .wsHeader .title {
    line-height: 52px;
    font-size: 24px;
    color: #00b3ee; }

.projectContent .applicationInfo {
  padding: 1em; }

.projectContent .clusterStatus {
  font-weight: bold; }
  .projectContent .clusterStatus.running {
    color: #b2dba1; }
  .projectContent .clusterStatus.new {
    color: #1591cc; }
  .projectContent .clusterStatus.failed {
    color: #c12e2a; }
  .projectContent .clusterStatus.outofdate {
    color: #c12e2a; }
  .projectContent .clusterStatus.undefined {
    color: #666666; }

.projectContent .tabContent md-list-item.paddingListItemTabContent > div.md-button:first-child,
.projectContent .tabContent .paddingListItemTabContent.fullInfo {
  padding: 0 5em; }

.projectContent .tabContent .fullInfo.paddingListItemTabContent > md-card {
  margin: 1em 0; }

.projectContent .clusterVolumes {
  width: 100%; }
  .projectContent .clusterVolumes th {
    text-align: left;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.12); }
  .projectContent .clusterVolumes td, .projectContent .clusterVolumes th {
    padding: 1em 0.5em; }

.chartProjectSmall:hover {
  box-shadow: 0px 1px 3px 0px rgba(3, 169, 245, 0.2), 0px 1px 1px 0px rgba(3, 169, 245, 0.14), 0px 2px 1px -1px rgba(3, 169, 245, 0.12); }

.chartProjectSmall a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54); }

.chartProjectSmall .md-headline {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  fonr-size: 18px; }

.chartProjectSmall .md-subhead {
  text-decoration: none; }

.newEnvironmentForm {
  height: auto !important; }
  .newEnvironmentForm .md-errors-spacer {
    display: none; }

.clusterApps .errorItem {
  padding: 0.5em;
  border-radius: 3px;
  border: 1px solid #cccccc; }
  .clusterApps .errorItem .title {
    font-weight: bold;
    padding-bottom: 0.5em; }
    .clusterApps .errorItem .title > * {
      color: #ff3200; }

.clusterApps .fullInfo {
  min-height: initial;
  text-align: left;
  padding: 0;
  margin: 0;
  cursor: pointer; }

.list-padding-left {
  padding-left: 48px; }

.ws-padding-content {
  padding: 0 5em; }

.titleList {
  background-color: #efefef;
  padding: 1em 5em; }

cmp-projects-card-home .md-list-item-inner {
  min-width: 0; }

cmp-projects-card-home .description {
  height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%; }

.task-filter md-input-container {
  width: 100%; }

.task-filter md-datepicker {
  margin: 18px 0; }

cmp-project-tasks .fullInfo {
  margin-bottom: 1em;
  margin-top: 0.5em; }

.chartList_Item {
  outline: none; }
  .chartList_Item .chartCardSmall {
    margin: 0 0 1em 0; }
    .chartList_Item .chartCardSmall .md-headline {
      margin-bottom: 0.5em; }
    .chartList_Item .chartCardSmall a {
      color: rgba(0, 0, 0, 0.54); }
    .chartList_Item .chartCardSmall md-card-title-media {
      margin: 0 2em 0 0; }
    .chartList_Item .chartCardSmall .md-subhead md-icon {
      margin-right: 1em; }
    .chartList_Item .chartCardSmall .chartTitle md-icon {
      margin-left: 1em; }
  .chartList_Item cmp-chart-rating button {
    width: 100%; }

.chartCardFull {
  padding: 0; }
  .chartCardFull md-card-title {
    padding: 0; }
  .chartCardFull md-card-actions {
    padding-left: 3em; }
  .chartCardFull .fullInfo {
    padding-top: 1em;
    padding-bottom: 1em; }
  .chartCardFull #chartVer {
    padding: 0; }

.installFromChart md-tab-content {
  padding: 5px;
  height: 100%; }

.installFromChart .selectCluster {
  font-size: 85%; }

.installFromChart .selectCluster, .installFromChart div[ng-jsoneditor] {
  width: 100%;
  height: 100% !important; }

.chartInfo .broken {
  font-size: 2em;
  font-weight: bold;
  color: #d43f3a; }

.chartInfo .published {
  font-size: 1em;
  color: #060; }
  .chartInfo .published.not {
    color: #600; }

.chartInfo .keyword a {
  border: 1px rgba(3, 69, 145, 0.4) solid;
  border-radius: 2px;
  padding: 0 5px;
  white-space: nowrap;
  text-decoration: none;
  font-size: .8em;
  font-weight: bold; }
  .chartInfo .keyword a:hover {
    background-color: rgba(3, 69, 145, 0.05); }

.chartInfo .keyword:after {
  content: ",";
  margin: 0 .3em 0 .1em; }

.chartInfo .keyword:last-child:after {
  content: "";
  margin: 0; }

cmp-install-chart-cluster form {
  padding: 10px; }

cmp-install-chart-cluster .title_list {
  margin-bottom: 1em; }

cmp-install-chart-cluster md-checkbox {
  width: 100%;
  margin-right: 0; }

cmp-install-chart-cluster .md-label {
  width: calc(100% - 30px); }

cmp-install-chart-cluster .title {
  font-weight: bold; }

cmp-install-chart-cluster .desk {
  font-size: 85%; }

cmp-chart-wizard .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row; }
  cmp-chart-wizard .item .form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box; }
  cmp-chart-wizard .item .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
    cmp-chart-wizard .item .info p {
      padding-left: 1em;
      font-size: 90%; }

.installFromChart {
  max-width: 900px;
  max-height: 650px;
  width: 90%;
  height: 90%; }
  .installFromChart md-tab-content {
    padding: 5px 16px;
    box-sizing: border-box; }
  .installFromChart cmp-install-chart-find md-list {
    padding: 0; }
  .installFromChart cmp-install-chart-find md-radio-group {
    padding: 0 16px;
    display: block; }

cmp-help-list {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10; }
  cmp-help-list .helpButton {
    background-color: rgba(39, 50, 56, 0.9) !important;
    color: #fff;
    font-weight: bold; }
  cmp-help-list .editButton {
    color: rgba(39, 50, 56, 0.9);
    display: none; }
  cmp-help-list:hover .editButton {
    display: inline-block; }

@keyframes upper {
  0%, 20%, 25%, 45%, 50%, 70%, 75%, 95%, 100% {
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px; }
  22.5%, 47.5%, 72.5%, 97.5% {
    top: 0%;
    left: 0%;
    width: 40px;
    height: 40px; } }

@keyframes bell {
  0%, 81%, 100% {
    margin: 0;
    width: 0px;
    height: 0px; }
  80% {
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px; } }

#listNotifyButton {
  position: relative; }
  #listNotifyButton md-icon {
    position: relative;
    z-index: 10; }
  #listNotifyButton.noOpen md-icon:before {
    content: " ";
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    animation: bell 5s linear infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

#listNotify {
  font-size: 14px;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 400px;
  z-index: 100;
  background-color: #5f5f5f;
  border-radius: 0 0 5px 5px;
  max-height: 70%; }
  #listNotify h4 {
    margin: 0;
    font-size: 110%;
    background-color: #273238;
    padding: 0.5em; }
  #listNotify .listNotifyContent {
    overflow-y: auto; }
    #listNotify .listNotifyContent .listNotifyItem {
      padding: 0.5em; }
      #listNotify .listNotifyContent .listNotifyItem h5 {
        margin: 0; }

help-hint, .help-hint {
  position: absolute;
  left: auto;
  right: 16px;
  top: 8px; }
  help-hint md-icon, .help-hint md-icon {
    color: rgba(0, 0, 0, 0.2);
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px; }
    help-hint md-icon:hover, .help-hint md-icon:hover {
      color: rgba(0, 0, 0, 0.5); }

md-tooltip.help-hint {
  max-width: 300px;
  height: auto;
  white-space: normal;
  line-height: 1.5em;
  padding-top: .5em;
  padding-bottom: .5em; }

cmp-mlapps .mlappList.limitHeagth md-list {
  max-height: 300px;
  overflow: hidden; }

.mlappRepoImportBtn:focus {
  outline: none; }

.mlappRepoImportBtn:hover {
  cursor: pointer; }

.mlappMetricShort .item {
  padding: 10px;
  width: 33%;
  border-width: 0 1px;
  border-style: solid;
  border-color: #bcbcbc; }
  .mlappMetricShort .item .wordTime {
    font-size: 12px; }
  .mlappMetricShort .item .value {
    text-align: center;
    font-size: 20px;
    padding: 5px; }
  .mlappMetricShort .item .legend {
    text-align: center;
    font-size: 10px; }

cmp-mlapps-pip {
  padding: 1em; }
  cmp-mlapps-pip .packageEnterList {
    padding: 18px; }
  cmp-mlapps-pip form {
    padding: 0 1em; }
  cmp-mlapps-pip .logList {
    min-height: 200px;
    background-color: #4f4f4f;
    color: #fafafa;
    padding: 18px; }

cmp-mlapps-logs .margin-left {
  margin-left: 48px; }

cmp-mlapps-logs .jobDesc {
  min-height: 48px; }
  cmp-mlapps-logs .jobDesc h4 {
    margin: auto 0; }

cmp-mlapps-logs .fullInfo {
  padding: 1em 0; }
  cmp-mlapps-logs .fullInfo cmp-mlapps-logs-job-pod {
    margin-bottom: 1em;
    display: block; }
    cmp-mlapps-logs .fullInfo cmp-mlapps-logs-job-pod pre {
      margin: 0; }
    cmp-mlapps-logs .fullInfo cmp-mlapps-logs-job-pod .title {
      padding: 0 1em; }

cmp-mlapps-jobs .col_3_view .tsIcon {
  margin: auto 1em auto 0; }

cmp-mlapps-jobs .col_3_view md-card-content {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  flex: 1 1 auto;
  align-content: flex-start; }
  cmp-mlapps-jobs .col_3_view md-card-content.mlappJobServe .md-button {
    margin: auto 0 auto auto; }
  cmp-mlapps-jobs .col_3_view md-card-content .name {
    order: 0;
    flex: 1; }
  cmp-mlapps-jobs .col_3_view md-card-content .menu {
    order: 1;
    width: 48px; }
  cmp-mlapps-jobs .col_3_view md-card-content .wordTime {
    order: 2;
    width: 100%; }
  cmp-mlapps-jobs .col_3_view md-card-content .mlappMetricShort {
    padding-top: 1em;
    order: 3;
    width: 100%; }
    cmp-mlapps-jobs .col_3_view md-card-content .mlappMetricShort .item:nth-child(2n + 1) {
      border: none; }

cmp-mlapps-jobs .line_view .tsIcon {
  margin: auto 1em auto 0.5em; }

cmp-mlapps-jobs .line_view md-card {
  flex: 1; }

cmp-mlapps-jobs .line_view md-card-content {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: flex;
  flex: 1 1 auto;
  align-content: center; }
  cmp-mlapps-jobs .line_view md-card-content.mlappJobServe > * {
    margin: auto; }
  cmp-mlapps-jobs .line_view md-card-content.mlappJobServe .md-button {
    margin: auto 0 auto 1em; }
  cmp-mlapps-jobs .line_view md-card-content .name {
    order: 0;
    flex: 1;
    margin: auto; }
  cmp-mlapps-jobs .line_view md-card-content .menu {
    order: 4;
    width: 48px;
    margin: auto; }
  cmp-mlapps-jobs .line_view md-card-content .wordTime {
    order: 3;
    width: 30%;
    margin: auto;
    margin-left: 2em; }
  cmp-mlapps-jobs .line_view md-card-content .mlappMetricShort {
    order: 2;
    width: 30%;
    margin: auto; }
    cmp-mlapps-jobs .line_view md-card-content .mlappMetricShort .item:nth-child(2n) {
      border: none; }

cmp-applications-history .gitPiontDescription {
  position: absolute;
  width: 80%;
  padding: 1em 0;
  box-sizing: border-box; }
  cmp-applications-history .gitPiontDescription .menu {
    top: 1em;
    right: 1em;
    position: absolute; }

cmp-applications .applicationList.limitHeagth md-list {
  max-height: 300px;
  overflow: hidden; }

.applicationTasksList, .applicationTaskResourcesList {
  list-style-type: none;
  padding-left: 1em; }
  .applicationTasksList li a, .applicationTaskResourcesList li a {
    padding: 0.5em 0.5em;
    display: block; }
    .applicationTasksList li a:hover, .applicationTaskResourcesList li a:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .applicationTasksList .active, .applicationTaskResourcesList .active {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87); }

.applicationTasksList {
  padding-right: 1em; }

.applicationRepoImportBtn:focus {
  outline: none; }

.applicationRepoImportBtn:hover {
  cursor: pointer; }

.applicationMetricShort .item {
  padding: 10px;
  width: 33%; }
  .applicationMetricShort .item .wordTime {
    font-size: 12px; }
  .applicationMetricShort .item .value {
    text-align: center;
    font-size: 20px;
    padding: 5px; }
  .applicationMetricShort .item .legend {
    text-align: center;
    font-size: 10px; }

cmp-applications-pip {
  padding: 1em; }
  cmp-applications-pip .packageEnterList {
    padding: 18px; }
  cmp-applications-pip form {
    padding: 0 1em; }
  cmp-applications-pip .logList {
    min-height: 200px;
    background-color: #4f4f4f;
    color: #fafafa;
    padding: 18px;
    word-wrap: break-word; }

cmp-applications-logs .margin-left {
  margin-left: 48px; }

cmp-applications-logs .jobDesc {
  min-height: 48px; }
  cmp-applications-logs .jobDesc h4 {
    margin: auto 0; }

cmp-applications-logs .fullInfo {
  padding: 1em 0; }
  cmp-applications-logs .fullInfo cmp-applications-logs-job-pod {
    margin-bottom: 1em;
    display: block; }
    cmp-applications-logs .fullInfo cmp-applications-logs-job-pod pre {
      margin: 0; }
    cmp-applications-logs .fullInfo cmp-applications-logs-job-pod .title {
      padding: 0 1em; }
    cmp-applications-logs .fullInfo cmp-applications-logs-job-pod .update-button {
      position: absolute;
      bottom: 0;
      right: 0;
      min-width: auto;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      opacity: .5; }
      cmp-applications-logs .fullInfo cmp-applications-logs-job-pod .update-button span {
        display: none; }
      cmp-applications-logs .fullInfo cmp-applications-logs-job-pod .update-button:hover {
        opacity: 1; }
        cmp-applications-logs .fullInfo cmp-applications-logs-job-pod .update-button:hover span {
          display: inline-block; }

cmp-applications-logs-job cmp-applications-logs-job-pod {
  display: block;
  position: relative; }
  cmp-applications-logs-job cmp-applications-logs-job-pod .update-button {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: auto;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: .5;
    margin: 0; }
    cmp-applications-logs-job cmp-applications-logs-job-pod .update-button span {
      display: none; }
    cmp-applications-logs-job cmp-applications-logs-job-pod .update-button:hover {
      opacity: 1; }
      cmp-applications-logs-job cmp-applications-logs-job-pod .update-button:hover span {
        display: inline-block; }

cmp-applications-task .content {
  padding: 1em;
  border-left: 3px solid rgba(0, 0, 0, 0.2); }
  cmp-applications-task .content .advanced {
    padding: 1em;
    border-left: 3px solid rgba(0, 0, 0, 0.2); }

.resource_states {
  margin-top: 0.5em;
  border-collapse: collapse; }
  .resource_states tr:nth-child(2n + 1) {
    background-color: #eeeeee; }
  .resource_states th {
    text-align: left;
    height: 32px; }
  .resource_states td, .resource_states th {
    padding: 0.5em; }

.applicationMetrics .leftMenu {
  padding: 0 1em; }
  .applicationMetrics .leftMenu ul {
    list-style: none;
    padding-left: 1em; }

.applicationMetrics .metricItem {
  position: relative;
  margin: 5px 0; }
  .applicationMetrics .metricItem .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05); }

.projectItemStatus {
  position: relative; }
  .projectItemStatus md-icon {
    margin: 8px;
    border-radius: 50%;
    box-sizing: content-box;
    background-color: rgba(0, 0, 0, 0.38);
    color: #fafafa;
    padding: 8px;
    min-height: auto; }
  .projectItemStatus .ContainersCount {
    position: absolute;
    top: 20%;
    right: 0%;
    color: #333;
    font-size: 80%;
    margin-top: -1em;
    background: #fff;
    border-radius: 50%;
    line-height: 1.6em;
    width: 1.5em;
    height: 1.5em;
    text-align: center; }

cmp-applications-list-item .paddingListItemTabContent {
  margin: 0.5em  0; }

cmp-applications-list-item .md-list-item-text {
  padding-left: 8px; }

cmp-applications-list-item h4, cmp-applications-list-item p {
  padding: 0;
  margin: 0; }

.blink {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-duration: 3s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-duration: 3s; }

@keyframes blinker {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.4; } }

@-webkit-keyframes blinker {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.4; } }

cmp-applications-short {
  display: flex;
  flex-direction: column; }

cmp-applications-task {
  display: flex;
  position: relative; }

cmp-applications-jobs {
  display: flex;
  height: 100%;
  width: 100%;
  flex: 1;
  flex-direction: column; }
  cmp-applications-jobs > * {
    max-width: 100%; }
  cmp-applications-jobs .hasJob .applicationJobsList {
    background-color: rgba(0, 0, 0, 0.05);
    min-width: 300px; }

cmp-application-job-item, cmp-application-job-item-full {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column !important; }
  cmp-application-job-item h4, cmp-application-job-item-full h4 {
    line-height: 1.4em;
    word-break: break-all; }
  cmp-application-job-item .active, cmp-application-job-item-full .active {
    background-color: rgba(0, 0, 0, 0.1); }
  cmp-application-job-item .infoPadding, cmp-application-job-item-full .infoPadding {
    width: 66px; }
  cmp-application-job-item .info, cmp-application-job-item-full .info {
    padding-bottom: 1em;
    font-size: 80%;
    margin: 0; }

#simplyConfigDialog .topControll {
  display: none; }

#simplyConfigDialog .simplyFormContent {
  height: 400px; }

cmp-applications-simply {
  display: flex; }

cmp-applications-models .cmp-menu-v {
  width: 30%;
  min-width: 300px;
  background-color: rgba(0, 0, 0, 0.05); }
  cmp-applications-models .cmp-menu-v md-content {
    background-color: transparent; }
  cmp-applications-models .cmp-menu-v li a {
    display: flex !important;
    color: rgba(0, 0, 0, 0.87) !important;
    font-weight: bold;
    padding: 6px 1em; }
    cmp-applications-models .cmp-menu-v li a.active {
      background-color: rgba(0, 0, 0, 0.1); }
    cmp-applications-models .cmp-menu-v li a:hover {
      background-color: rgba(0, 0, 0, 0.15) !important; }
    cmp-applications-models .cmp-menu-v li a md-icon {
      color: #1e88e5;
      margin: 6px 8px; }
    cmp-applications-models .cmp-menu-v li a .label {
      word-wrap: break-word; }

.galleryList .galleryListItem {
  margin: 10px;
  background-color: #273238;
  height: 250px;
  position: relative;
  display: block;
  text-align: center; }
  .galleryList .galleryListItem img {
    max-width: 100%;
    max-height: 100%;
    height: 100%; }
  .galleryList .galleryListItem .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: right;
    padding: 5px 10px;
    box-sizing: border-box; }
    .galleryList .galleryListItem .desc h2, .galleryList .galleryListItem .desc h3, .galleryList .galleryListItem .desc h4, .galleryList .galleryListItem .desc h5, .galleryList .galleryListItem .desc h6 {
      color: #fff !important; }

.galleryItem cmp-serving-parameters {
  display: block; }

cmp-serving-parameters {
  border-style: solid;
  border-width: 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
  disaplay: flex;
  nargin: 10px 0; }
  cmp-serving-parameters .responceCaption {
    text-align: center; }
  cmp-serving-parameters .requestImg, cmp-serving-parameters .responceImg {
    box-sizing: border-box;
    height: 350px;
    border: 1px solid #e0e0e0;
    position: relative; }
    cmp-serving-parameters .requestImg .update-button, cmp-serving-parameters .responceImg .update-button {
      position: absolute;
      bottom: 0;
      right: 0;
      opacity: .4;
      margin: 0;
      background-color: white; }
      cmp-serving-parameters .requestImg .update-button:hover, cmp-serving-parameters .responceImg .update-button:hover {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.5); }
    cmp-serving-parameters .requestImg .onImage, cmp-serving-parameters .responceImg .onImage {
      background: url("/img/NoImage.png") center center no-repeat;
      background-size: contain !important;
      height: 100%;
      width: 100%; }
    cmp-serving-parameters .requestImg .responceCaption, cmp-serving-parameters .responceImg .responceCaption {
      text-align: center;
      font-size: 16px;
      font-weight: bold; }
    cmp-serving-parameters .requestImg .hasImage, cmp-serving-parameters .responceImg .hasImage {
      background-size: contain !important;
      height: 100%;
      width: 100%; }
  cmp-serving-parameters table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: grey; }
    cmp-serving-parameters table thead tr {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    cmp-serving-parameters table tbody tr:nth-child(2n) {
      background-color: rgba(0, 0, 0, 0.1); }
    cmp-serving-parameters table md-select {
      margin: 0; }
    cmp-serving-parameters table td, cmp-serving-parameters table th {
      padding: 16px;
      text-align: left; }
    cmp-serving-parameters table .img img {
      max-height: 64px;
      cursor: pointer; }
  cmp-serving-parameters .imageBufData .title a {
    color: inherit; }
  cmp-serving-parameters .example {
    padding: 10px;
    min-width: 350px !important; }
  cmp-serving-parameters .exampleResponseImage {
    text-align: center; }
    cmp-serving-parameters .exampleResponseImage img {
      max-width: 100%; }

.catalogCardItemDesc table {
  width: 100%;
  border: 1px solid #273238;
  border-collapse: collapse; }
  .catalogCardItemDesc table th {
    background-color: #273238;
    color: #ffffff;
    padding: 5px;
    text-align: left; }
  .catalogCardItemDesc table td {
    padding: 5px;
    text-align: left; }

.block {
  padding: 1em 0; }
  .block .title {
    background: #273238;
    color: #ffffff !important;
    padding: 10px;
    margin: 0;
    font-weight: normal; }
  .block .body {
    max-height: 400px;
    overflow: auto;
    border: 1px solid #273238;
    margin: 0; }
  .block pre {
    margin: 0; }
  .block md-tabs-wrapper {
    padding: 0; }
  .block md-tabs-canvas {
    background: #273238;
    color: #ffffff !important; }
  .block md-tabs .md-tab {
    color: rgba(255, 255, 255, 0.9); }
    .block md-tabs .md-tab.md-active {
      color: #fff; }

._md-panel-shown .md-panel {
  max-height: 99%; }

.mainGalleryList > md-content {
  max-width: 800px;
  margin: auto;
  padding: 2em; }

.mainGalleryList .mainGalleryListItem {
  padding: 16px 16px 16px 0;
  width: 50%; }
  .mainGalleryList .mainGalleryListItem .mainGalleryListItemContent {
    padding: 32px;
    box-sizing: border-box;
    height: 214px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 100%; }
  .mainGalleryList .mainGalleryListItem .image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover !important; }
  .mainGalleryList .mainGalleryListItem .content {
    padding: 0 1em 0 0; }
    .mainGalleryList .mainGalleryListItem .content .desc {
      display: block;
      display: -webkit-box;
      max-width: 100%;
      max-height: 100%;
      font-size: 14px;
      line-height: 1;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mainGalleryList .mainGalleryListItem .content .title {
      padding-bottom: 0.5em;
      color: #5f5f5f;
      font-size: 16px;
      margin-top: -0.5em;
      box-sizing: border-box;
      font-size: 20px;
      font-weight: bold; }
      .mainGalleryList .mainGalleryListItem .content .title a {
        color: inherit;
        text-decoration: none; }
  .mainGalleryList .mainGalleryListItem:nth-child(2n) {
    padding: 16px 0 16px 16px; }
  .mainGalleryList .mainGalleryListItem .showEffectContainer {
    height: 32px; }
  .mainGalleryList .mainGalleryListItem .showEffect {
    display: inline-block;
    padding: 0 16px;
    color: #fff;
    background: #8693d0;
    background: linear-gradient(0deg, #8693d0 0%, #94a9df 100%);
    text-decoration: none;
    border-radius: 16px;
    font-size: 16px;
    line-height: 16px;
    box-sizing: border-box;
    line-height: 1em;
    line-height: 32px; }
    .mainGalleryList .mainGalleryListItem .showEffect md-icon {
      margin-left: 8px;
      color: inherit;
      height: 16px;
      width: 16px;
      min-height: 16px;
      min-width: 16px;
      margin-top: -2px; }

cmp-serving-parameters-table td img {
  max-height: 64px;
  max-width: 64px;
  cursor: pointer; }

cmp-serving-parameters-table td a {
  display: block;
  text-decoration: underline;
  padding: 0.2em; }
  cmp-serving-parameters-table td a md-icon {
    color: #d0d0d0; }
  cmp-serving-parameters-table td a:hover {
    text-decoration: none; }
    cmp-serving-parameters-table td a:hover md-icon {
      color: inherit; }

cmp-serving-parameters {
  border-style: solid;
  border-width: 1px 0;
  border-color: rgba(0, 0, 0, 0.12);
  disaplay: flex;
  nargin: 10px 0;
  display: block; }
  cmp-serving-parameters .requestImg, cmp-serving-parameters .responceImg {
    box-sizing: border-box;
    height: 350px;
    border: 1px solid #e0e0e0; }
    cmp-serving-parameters .requestImg .onImage, cmp-serving-parameters .responceImg .onImage {
      background: url("/img/NoImage.png") center center no-repeat;
      background-size: contain !important;
      height: 100%;
      width: 100%; }
    cmp-serving-parameters .requestImg .hasImage, cmp-serving-parameters .responceImg .hasImage {
      background-size: contain !important;
      height: 100%;
      width: 100%; }
  cmp-serving-parameters .example {
    padding: 10px;
    min-width: 350px !important; }
  cmp-serving-parameters .exampleResponseImage {
    text-align: center; }
    cmp-serving-parameters .exampleResponseImage img {
      max-width: 100%; }

cmp-serving-list .applicationList.limitHeagth md-list {
  max-height: 300px;
  overflow: hidden; }

cmp-serving-list-item .paddingListItemTabContent {
  margin: 0.5em  0; }

cmp-serving-list-item .md-list-item-text {
  padding-left: 8px; }

cmp-serving-list-item h4, cmp-serving-list-item p {
  padding: 0;
  margin: 0; }

#servingGalleryDisalog {
  width: 400px; }
  #servingGalleryDisalog .img {
    width: 100%;
    min-height: 100px;
    text-align: center;
    background: #666;
    padding: 5px;
    box-sizing: border-box; }
    #servingGalleryDisalog .img img {
      max-width: 100%; }

cmp-serving-list-short {
  display: flex;
  flex-direction: column; }

cmp-serving-logs .podLog {
  position: relative; }
  cmp-serving-logs .podLog .md-button {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: auto;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: .5; }
    cmp-serving-logs .podLog .md-button span {
      display: none; }
    cmp-serving-logs .podLog .md-button:hover {
      opacity: 1; }
      cmp-serving-logs .podLog .md-button:hover span {
        display: inline-block; }

.active-table tr[ng-click]:hover {
  cursor: pointer;
  background-color: #eeeeee; }

.billingPlace {
  position: relative; }
  .billingPlace .progress {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2); }

cmp-billing-plan-list cmp-billing-plan .content, cmp-billing-plan-list .cmp-billing-plan .content {
  margin: .5em;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  cmp-billing-plan-list cmp-billing-plan .content .dsp, cmp-billing-plan-list .cmp-billing-plan .content .dsp {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    z-index: 10;
    font-size: 10px;
    border: 25px solid transparent;
    border-top: 25px solid orange;
    border-right: 25px solid orange; }
    cmp-billing-plan-list cmp-billing-plan .content .dsp:after, cmp-billing-plan-list .cmp-billing-plan .content .dsp:after {
      content: "ADM";
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      position: absolute;
      top: -16px;
      right: -21px;
      z-index: 10;
      transform: rotate(45deg); }

cmp-billing-plan-list cmp-billing-plan h4, cmp-billing-plan-list .cmp-billing-plan h4 {
  padding: 0.5em 1em;
  text-align: center;
  margin: 0;
  margin-top: 1em; }

cmp-billing-plan-list cmp-billing-plan h5, cmp-billing-plan-list .cmp-billing-plan h5 {
  margin-bottom: 0;
  padding-bottom: 0; }

cmp-billing-plan-list cmp-billing-plan .price, cmp-billing-plan-list .cmp-billing-plan .price {
  text-align: center;
  padding: 0.5em 0; }
  cmp-billing-plan-list cmp-billing-plan .price .amount, cmp-billing-plan-list .cmp-billing-plan .price .amount {
    font-size: 36px;
    color: #35baf5; }
    cmp-billing-plan-list cmp-billing-plan .price .amount md-icon, cmp-billing-plan-list .cmp-billing-plan .price .amount md-icon {
      color: inherit; }
  cmp-billing-plan-list cmp-billing-plan .price .currency, cmp-billing-plan-list .cmp-billing-plan .price .currency {
    font-weight: bold; }
  cmp-billing-plan-list cmp-billing-plan .price .until, cmp-billing-plan-list .cmp-billing-plan .price .until {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: center;
    width: 100%; }

cmp-billing-plan-list cmp-billing-plan .description, cmp-billing-plan-list .cmp-billing-plan .description {
  padding: 0.5em;
  text-align: center;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px 0; }

cmp-billing-plan-list cmp-billing-plan .plan_limits, cmp-billing-plan-list .cmp-billing-plan .plan_limits {
  margin: auto;
  padding: 0.5em 0; }
  cmp-billing-plan-list cmp-billing-plan .plan_limits .name, cmp-billing-plan-list .cmp-billing-plan .plan_limits .name {
    text-align: right;
    position: relative; }
    cmp-billing-plan-list cmp-billing-plan .plan_limits .name help-hint, cmp-billing-plan-list .cmp-billing-plan .plan_limits .name help-hint {
      position: static; }
  cmp-billing-plan-list cmp-billing-plan .plan_limits .limit .value, cmp-billing-plan-list .cmp-billing-plan .plan_limits .limit .value {
    font-weight: bold;
    font-size: 120%; }
  cmp-billing-plan-list cmp-billing-plan .plan_limits .limit .unit, cmp-billing-plan-list .cmp-billing-plan .plan_limits .limit .unit {
    font-weight: bold;
    font-size: 70%; }

cmp-billing-plan-list cmp-billing-plan .prepaid, cmp-billing-plan-list cmp-billing-plan .limits, cmp-billing-plan-list .cmp-billing-plan .prepaid, cmp-billing-plan-list .cmp-billing-plan .limits {
  text-align: center; }

cmp-billing-plan-list cmp-billing-plan .action, cmp-billing-plan-list .cmp-billing-plan .action {
  text-align: center;
  padding: 1em;
  background-color: #35baf5;
  color: #ffffff; }
  cmp-billing-plan-list cmp-billing-plan .action.click, cmp-billing-plan-list .cmp-billing-plan .action.click {
    cursor: pointer; }
  cmp-billing-plan-list cmp-billing-plan .action md-icon, cmp-billing-plan-list .cmp-billing-plan .action md-icon {
    color: #ffffff; }

cmp-billing-plan-list cmp-billing-plan .selected .amount, cmp-billing-plan-list .cmp-billing-plan .selected .amount {
  color: orange; }

cmp-billing-plan-list cmp-billing-plan .selected .action, cmp-billing-plan-list .cmp-billing-plan .selected .action {
  background-color: orange; }

table.cmp-billing-plan {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  table-layout: fixed; }
  table.cmp-billing-plan .planName {
    position: relative; }
    table.cmp-billing-plan .planName .dsp {
      position: absolute;
      top: 0px;
      right: 0px;
      color: #ffffff;
      z-index: 10;
      font-size: 10px;
      border: 20px solid transparent;
      border-top: 20px solid orange;
      border-right: 20px solid orange; }
      table.cmp-billing-plan .planName .dsp:after {
        content: "ADM";
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        position: absolute;
        top: -13px;
        right: -18px;
        z-index: 10;
        transform: rotate(45deg);
        font-weight: bold; }
  table.cmp-billing-plan td {
    width: 100%;
    text-align: center;
    min-width: 100px;
    padding: 2px;
    position: relative; }
    table.cmp-billing-plan td.title {
      text-align: right;
      font-size: 12px;
      min-width: 120px;
      width: 25%;
      padding-right: 20px; }
      table.cmp-billing-plan td.title help-hint {
        top: 50%;
        right: 0;
        margin-top: -8px; }
  table.cmp-billing-plan .header td {
    vertical-align: top; }
  table.cmp-billing-plan .desc td {
    font-size: 12px; }
  table.cmp-billing-plan tbody tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.03);
    /* Зебра */ }
  table.cmp-billing-plan .desc {
    background-color: #eee; }
  table.cmp-billing-plan th {
    padding-top: 1em;
    border-color: #eee;
    border-style: solid;
    border-width: 1px 0 1px 0; }
  table.cmp-billing-plan .price {
    text-align: center;
    padding: 0.5em 0; }
    table.cmp-billing-plan .price .amount {
      font-size: 24px;
      color: #35baf5; }
      table.cmp-billing-plan .price .amount md-icon {
        color: inherit; }
    table.cmp-billing-plan .price .currency {
      font-weight: normal; }
    table.cmp-billing-plan .price .until {
      background-color: rgba(0, 0, 0, 0.03);
      padding: 5px;
      text-align: center;
      width: 100%;
      font-size: 70%; }
  table.cmp-billing-plan h4 {
    padding: 0; }
  table.cmp-billing-plan .selected .amount {
    color: orange; }
  table.cmp-billing-plan .selected .action {
    background-color: orange; }
  table.cmp-billing-plan .action {
    text-align: center;
    padding: 10px;
    background-color: #35baf5;
    color: #ffffff; }

.catalogCardItem .card-media {
  position: relative; }
  .catalogCardItem .card-media .uploadFile {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0; }
  .catalogCardItem .card-media .edit {
    position: absolute;
    top: 0;
    right: 0; }

.catalogCardItem md-card-title-text {
  padding: 0 !important; }

md-menu-content .md-button span.no-float {
  float: inherit !important; }

md-menu-item > a.md-button.no-padding {
  padding-top: 0; }

cmp-viewer-md {
  display: block; }

@font-face {
  font-family: octicons-link;
  src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff"); }

.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #24292e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word; }

.markdown-body .pl-c {
  color: #6a737d; }

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #005cc5; }

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #6f42c1; }

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: #24292e; }

.markdown-body .pl-ent {
  color: #22863a; }

.markdown-body .pl-k {
  color: #d73a49; }

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: #032f62; }

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: #e36209; }

.markdown-body .pl-bu {
  color: #b31d28; }

.markdown-body .pl-ii {
  color: #fafbfc;
  background-color: #b31d28; }

.markdown-body .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49; }

.markdown-body .pl-c2::before {
  content: "^M"; }

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: #22863a; }

.markdown-body .pl-ml {
  color: #735c0f; }

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: #005cc5; }

.markdown-body .pl-mi {
  font-style: italic;
  color: #24292e; }

.markdown-body .pl-mb {
  font-weight: bold;
  color: #24292e; }

.markdown-body .pl-md {
  color: #b31d28;
  background-color: #ffeef0; }

.markdown-body .pl-mi1 {
  color: #22863a;
  background-color: #f0fff4; }

.markdown-body .pl-mc {
  color: #e36209;
  background-color: #ffebda; }

.markdown-body .pl-mi2 {
  color: #f6f8fa;
  background-color: #005cc5; }

.markdown-body .pl-mdr {
  font-weight: bold;
  color: #6f42c1; }

.markdown-body .pl-ba {
  color: #586069; }

.markdown-body .pl-sg {
  color: #959da5; }

.markdown-body .pl-corl {
  text-decoration: underline;
  color: #032f62; }

.markdown-body .octicon {
  display: inline-block;
  vertical-align: text-top;
  fill: currentColor; }

.markdown-body a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

.markdown-body a:active,
.markdown-body a:hover {
  outline-width: 0; }

.markdown-body strong {
  font-weight: inherit; }

.markdown-body strong {
  font-weight: bolder; }

.markdown-body h1 {
  font-size: 2em;
  margin: 0.67em 0; }

.markdown-body img {
  border-style: none; }

.markdown-body svg:not(:root) {
  overflow: hidden; }

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
  font-family: monospace, monospace;
  font-size: 1em; }

.markdown-body hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.markdown-body input {
  font: inherit;
  margin: 0; }

.markdown-body input {
  overflow: visible; }

.markdown-body [type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

.markdown-body * {
  box-sizing: border-box; }

.markdown-body input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.markdown-body a {
  color: #0366d6;
  text-decoration: none; }

.markdown-body a:hover {
  text-decoration: underline; }

.markdown-body strong {
  font-weight: 600; }

.markdown-body hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5; }

.markdown-body hr::before {
  display: table;
  content: ""; }

.markdown-body hr::after {
  display: table;
  clear: both;
  content: ""; }

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse; }

.markdown-body td,
.markdown-body th {
  padding: 0; }

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 0;
  margin-bottom: 0; }

.markdown-body h1 {
  font-size: 32px;
  font-weight: 600; }

.markdown-body h2 {
  font-size: 24px;
  font-weight: 600; }

.markdown-body h3 {
  font-size: 20px;
  font-weight: 600; }

.markdown-body h4 {
  font-size: 16px;
  font-weight: 600; }

.markdown-body h5 {
  font-size: 14px;
  font-weight: 600; }

.markdown-body h6 {
  font-size: 12px;
  font-weight: 600; }

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px; }

.markdown-body blockquote {
  margin: 0; }

.markdown-body ul,
.markdown-body ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman; }

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha; }

.markdown-body dd {
  margin-left: 0; }

.markdown-body code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px; }

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px; }

.markdown-body .octicon {
  vertical-align: text-bottom; }

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

.markdown-body .pl-1 {
  padding-left: 4px !important; }

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

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

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

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

.markdown-body .pl-6 {
  padding-left: 40px !important; }

.markdown-body::before {
  display: table;
  content: ""; }

.markdown-body::after {
  display: table;
  clear: both;
  content: ""; }

.markdown-body > *:first-child {
  margin-top: 0 !important; }

.markdown-body > *:last-child {
  margin-bottom: 0 !important; }

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none; }

.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1; }

.markdown-body .anchor:focus {
  outline: none; }

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 16px; }

.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0; }

.markdown-body blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5; }

.markdown-body blockquote > :first-child {
  margin-top: 0; }

.markdown-body blockquote > :last-child {
  margin-bottom: 0; }

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5; }

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25; }

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden; }

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none; }

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible; }

.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid #eaecef; }

.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef; }

.markdown-body h3 {
  font-size: 1.25em; }

.markdown-body h4 {
  font-size: 1em; }

.markdown-body h5 {
  font-size: 0.875em; }

.markdown-body h6 {
  font-size: 0.85em;
  color: #6a737d; }

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em; }

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0; }

.markdown-body li > p {
  margin-top: 16px; }

.markdown-body li + li {
  margin-top: 0.25em; }

.markdown-body dl {
  padding: 0; }

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600; }

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px; }

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto; }

.markdown-body table th {
  font-weight: 600; }

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5; }

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1; }

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa; }

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff; }

.markdown-body img[align=right] {
  padding-left: 20px; }

.markdown-body img[align=left] {
  padding-right: 20px; }

.markdown-body code {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px; }

.markdown-body code::before,
.markdown-body code::after {
  letter-spacing: -0.2em;
  content: "\00a0"; }

.markdown-body pre {
  word-wrap: normal; }

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0; }

.markdown-body .highlight {
  margin-bottom: 16px; }

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal; }

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px; }

.markdown-body pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0; }

.markdown-body pre code::before,
.markdown-body pre code::after {
  content: normal; }

.markdown-body .full-commit .btn-outline:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5; }

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #d1d5da;
  border-bottom-color: #c6cbd1;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #c6cbd1; }

.markdown-body :checked + .radio-label {
  position: relative;
  z-index: 1;
  border-color: #0366d6; }

.markdown-body .task-list-item {
  list-style-type: none; }

.markdown-body .task-list-item + .task-list-item {
  margin-top: 3px; }

.markdown-body .task-list-item input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle; }

.markdown-body hr {
  border-bottom-color: #eee; }

cmp-catalog-version-tree-v2 list-item md-content {
  height: 450px; }

cmp-catalog-version-tree-v2 .fileName {
  word-break: break-all; }
  cmp-catalog-version-tree-v2 .fileName .newFolder {
    position: relative;
    display: inline-block;
    padding-right: 25px; }
    cmp-catalog-version-tree-v2 .fileName .newFolder:after {
      position: absolute;
      top: -5px;
      right: -2px;
      content: 'new';
      font-size: 10px;
      color: red;
      WIDTH: 25PX;
      line-height: 10px;
      font-weight: bold; }

cmp-catalog-version-tree-v2 .newFolder md-input-container {
  margin: 0; }

cmp-catalog-version-tree-v2 ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  cmp-catalog-version-tree-v2 ul li {
    margin: 0;
    padding: 0; }
    cmp-catalog-version-tree-v2 ul li .md-button {
      padding: 0 !important;
      height: auto !important;
      line-height: 1em !important;
      min-height: auto !important; }
    cmp-catalog-version-tree-v2 ul li ul {
      margin-left: 1em; }
    cmp-catalog-version-tree-v2 ul li .fileName {
      word-break: break-all;
      margin: 4px 0 0 5px; }
      cmp-catalog-version-tree-v2 ul li .fileName .newFolder {
        position: relative;
        display: inline-block;
        padding-right: 25px; }
        cmp-catalog-version-tree-v2 ul li .fileName .newFolder:after {
          position: absolute;
          top: -5px;
          right: -2px;
          content: 'new';
          font-size: 10px;
          color: red;
          WIDTH: 25PX;
          line-height: 10px;
          font-weight: bold; }
    cmp-catalog-version-tree-v2 ul li .error a {
      color: red; }
  cmp-catalog-version-tree-v2 ul .title {
    border-bottom: 1px solid transparent; }
  cmp-catalog-version-tree-v2 ul .selected > .title {
    border-bottom-color: #aaaaaa; }

.catalog-common .catalog-common-menu cmp-catalog-menu {
  background-color: #fff; }
  .catalog-common .catalog-common-menu cmp-catalog-menu .menu-item a {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none; }
    .catalog-common .catalog-common-menu cmp-catalog-menu .menu-item a:hover {
      background-color: rgba(255, 255, 255, 0.5); }
    .catalog-common .catalog-common-menu cmp-catalog-menu .menu-item a.active {
      background-color: #ffffff; }

.catalog-common cmp-workspace-catalog .catalog-common-menu .menu-item a.active {
  background-color: rgba(0, 0, 0, 0.05); }

.catalog-common cmp-workspace-catalog .catalog-common-menu .menu-item a:hover {
  background-color: rgba(255, 255, 255, 0.03); }

.catalog-common cmp-catalog-item-small {
  margin: 0; }
  .catalog-common cmp-catalog-item-small md-card md-card-title {
    padding: 0.5em;
    overflow-x: hidden; }
    .catalog-common cmp-catalog-item-small md-card md-card-title .md-headline {
      font-size: 20px;
      line-height: 26px; }

.catalog-common .catalog-interface-tags a {
  text-decoration: none; }

.catalog-common .catalog-interface-tags .active md-card .title {
  color: orange !important; }

.catalog-common .catalog-interface-tags md-card {
  margin: 0;
  width: 100%; }
  .catalog-common .catalog-interface-tags md-card .title {
    text-align: center;
    margin: 0;
    padding: 0.5em 1em; }
  .catalog-common .catalog-interface-tags md-card .img {
    background-color: rgba(0, 0, 0, 0.2);
    background-size: contain;
    display: block;
    height: 100px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.catalogFork .catalogForkItem .readOnly {
  font-size: 12px;
  text-transform: lowercase; }

.catalogCardSmall .catalogCardSmall-content {
  padding: 8px;
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }

.catalogCardSmall a {
  color: #5f5f5f; }

.catalogCardSmall .media {
  height: 64px; }

.catalogCardSmall .content {
  padding: 5px; }
  .catalogCardSmall .content h5 {
    margin: 0;
    padding-top: 1em;
    font-size: 18px;
    color: #5f5f5f;
    word-break: break-all; }
  .catalogCardSmall .content .chartWS {
    font-size: 14px; }

.catalogCardSmall md-icon {
  margin-right: 0.5em; }

.chartList.grid {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal; }
  .chartList.grid .item_view {
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    padding: 8px;
    box-sizing: border-box; }
    .chartList.grid .item_view md-card {
      height: 100%; }
      .chartList.grid .item_view md-card .content {
        text-align: center; }

.chartList.sequential {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  .chartList.sequential .catalogCardSmall-content {
    padding: 8px;
    flex: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; }
  .chartList.sequential .media {
    width: 100px;
    margin-right: 1em;
    height: auto;
    height: 52px; }
  .chartList.sequential .content h5 {
    padding-top: 0; }

md-input-container .md-errors-spacer {
  min-height: 0; }

md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style,
md-list-item.md-3-line:before, md-list-item.md-3-line > .md-no-style:before {
  min-height: 60px; }

.flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

md-toast {
  text-align: center;
  position: fixed; }
  md-toast .md-toast-content {
    display: inline-flex; }
  md-toast.md-info-toast-theme .md-toast-content {
    background-color: #FFEB3B;
    color: #000; }
  md-toast.md-error-toast-theme .md-toast-content {
    background-color: #F44336;
    color: #fff;
    font-size: 16px; }

.md-in-menu-bar > a.md-button {
  padding-top: 0;
  padding-bottom: 0; }

cmp-notify-list {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: #333;
  color: #fff; }

@keyframes upper {
  0%, 20%, 25%, 45%, 50%, 70%, 75%, 95%, 100% {
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px; }
  22.5%, 47.5%, 72.5%, 97.5% {
    top: 0%;
    left: 0%;
    width: 40px;
    height: 40px; } }

@keyframes bell {
  0%, 81%, 100% {
    margin: 0;
    width: 0px;
    height: 0px; }
  80% {
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px; } }

#listNotifyButton {
  position: relative; }
  #listNotifyButton md-icon {
    position: relative;
    z-index: 10; }
  #listNotifyButton.noOpen md-icon:before {
    content: " ";
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    animation: bell 5s linear infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

#listNotify {
  font-size: 14px;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 400px;
  z-index: 100;
  background-color: #5f5f5f;
  border-radius: 0 0 5px 5px;
  max-height: 70%; }
  #listNotify h4 {
    margin: 0;
    font-size: 110%;
    background-color: #273238;
    padding: 0.5em; }
  #listNotify .listNotifyContent {
    overflow-y: auto; }
    #listNotify .listNotifyContent .listNotifyItem {
      padding: 0.5em; }
      #listNotify .listNotifyContent .listNotifyItem h5 {
        margin: 0; }

cmp-pricing-index .md-headline {
  text-align: center; }

cmp-pricing-index .md-subhead {
  border-width: 1px 0 1px 0;
  border-style: solid; }

cmp-pricing-index .desc {
  text-align: center; }

cmp-pricing-index .price {
  text-align: center; }
  cmp-pricing-index .price .count {
    font-size: 54px;
    font-weight: 700;
    color: #1e88e5; }

.ng-table th {
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .ng-table th.sortable {
    cursor: pointer; }
    .ng-table th.sortable .sort-indicator {
      padding-right: 18px;
      position: relative; }
      .ng-table th.sortable .sort-indicator:after, .ng-table th.sortable .sort-indicator:before {
        content: "";
        border-width: 0 4px 4px;
        border-style: solid;
        border-color: #000 transparent;
        visibility: visible;
        right: 5px;
        top: 50%;
        position: absolute;
        opacity: .3;
        margin-top: -4px; }
      .ng-table th.sortable .sort-indicator:before {
        margin-top: 2px;
        border-bottom: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #000; }
    .ng-table th.sortable .sort-indicator:hover:after, .ng-table th.sortable .sort-indicator:hover:before {
      opacity: 1;
      visibility: visible; }
    .ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
      background-color: rgba(141, 192, 219, 0.25);
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
      .ng-table th.sortable.sort-desc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:after {
        margin-top: -2px; }
      .ng-table th.sortable.sort-desc .sort-indicator:before, .ng-table th.sortable.sort-asc .sort-indicator:before {
        visibility: hidden; }
    .ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:after {
      visibility: visible;
      filter: alpha(opacity=60);
      -khtml-opacity: 0.6;
      -moz-opacity: 0.6;
      opacity: 0.6; }
    .ng-table th.sortable.sort-desc .sort-indicator:after {
      border-bottom: none;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #000;
      visibility: visible;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      filter: alpha(opacity=60);
      -khtml-opacity: 0.6;
      -moz-opacity: 0.6;
      opacity: 0.6; }
  .ng-table th.filter .input-filter {
    margin: 0;
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.ng-table .ng-table-group-header th {
  text-align: left; }

.ng-table .ng-table-group-selector {
  display: block; }

.ng-table .ng-table-group-close, .ng-table .ng-table-group-toggle {
  float: right; }

.ng-table .ng-table-group-toggle {
  margin-right: 5px; }

@media only screen and (max-width: 800px) {
  .ng-table-responsive {
    border-bottom: 1px solid #999; }
    .ng-table-responsive tr {
      border-top: 1px solid #999;
      border-left: 1px solid #999;
      border-right: 1px solid #999; }
    .ng-table-responsive td:before {
      position: absolute;
      padding: 8px;
      left: 0;
      top: 0;
      width: 50%;
      white-space: nowrap;
      text-align: left;
      font-weight: bold; }
    .ng-table-responsive thead tr th {
      text-align: left; }
    .ng-table-responsive thead tr.ng-table-filters th {
      padding: 0; }
      .ng-table-responsive thead tr.ng-table-filters th form > div {
        padding: 8px; }
    .ng-table-responsive td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      white-space: normal;
      text-align: left; }
      .ng-table-responsive td:before {
        content: attr(data-title-text); }
    .ng-table-responsive, .ng-table-responsive thead, .ng-table-responsive tbody, .ng-table-responsive th, .ng-table-responsive td, .ng-table-responsive tr {
      display: block; } }

.ng-table-pagination {
  margin-top: 0; }

.ng-table-group-selector:before,
.ng-table-group-selector:after,
.filter:before,
.filter:after {
  display: table;
  content: " "; }

.ng-table-group-selector:after,
.filter:after {
  clear: both; }

.filter > .filter-cell {
  float: left;
  box-sizing: border-box; }

.filter-horizontal > .filter-cell {
  padding: 0 2px; }

.filter-horizontal > .filter-cell:first-child {
  padding-left: 0; }

.filter-horizontal > .filter-cell:last-child, .filter-horizontal > .filter-cell.last {
  padding-right: 0; }

.s12 {
  width: 100%; }

.s11 {
  width: 91.66666666666666%; }

.s10 {
  width: 83.33333333333334%; }

.s9 {
  width: 75%; }

.s8 {
  width: 66.66666666666666%; }

.s7 {
  width: 58.333333333333336%; }

.s6 {
  width: 50%; }

.s5 {
  width: 41.66666666666667%; }

.s4 {
  width: 33.33333333333333%; }

.s3 {
  width: 25%; }

.s2 {
  width: 16.666666666666664%; }

.s1 {
  width: 8.333333333333332%; }

@media all and (max-width: 468px) {
  .s12, .s11, .s10, .s9, .s8, .s7, .s6, .s5, .s4, .s3, .s2, .s1 {
    width: 100%; }
  .filter > .filter-cell {
    padding: 0px; } }

.ng-table-pager .pull-right {
  float: right; }

.ng-table-pager .ng-table-counts button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 36px;
  /* min-width: 88px; */
  line-height: 36px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  border: 0;
  padding: 0 10px;
  /* margin: 6px 8px; */
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .ng-table-pager .ng-table-counts button.active {
    background-color: #35baf5;
    color: #ffffff; }

.ng-table-pager .ng-table-pagination {
  margin: 0;
  float: left;
  padding: 0;
  list-style: none; }
  .ng-table-pager .ng-table-pagination .page-item {
    margin: 0;
    display: inline-block; }
    .ng-table-pager .ng-table-pagination .page-item .page-link {
      margin: auto;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      height: 24px;
      width: 24px;
      min-height: 24px;
      min-width: 24px;
      text-decoration: none;
      border-radius: 50%;
      text-align: center;
      padding: 8px;
      line-height: 24px; }
    .ng-table-pager .ng-table-pagination .page-item.active .page-link {
      background-color: #35baf5;
      color: #ffffff; }

cmp-error-page md-card-title-text, cmp-error-dialog md-card-title-text, cmp-error-dialog md-card-title-text {
  min-width: 0;
  word-break: break-all; }

cmp-error-page.heightLimit, cmp-error-dialog.heightLimit, cmp-error-dialog.heightLimit {
  max-height: 94px;
  overflow: scroll; }

nvd3 {
  display: block;
  height: 100%; }
  nvd3 text {
    /* font: normal 12px Arial, sans-serif; */
    font-family: "GothamProLight";
    font-size: 12px; }

cmp-catalog-version-tree .newFolder md-input-container {
  margin: 0; }

cmp-catalog-version-tree ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  cmp-catalog-version-tree ul li {
    margin: 0;
    padding: 0; }
    cmp-catalog-version-tree ul li .md-button {
      padding: 0 !important;
      height: auto !important;
      line-height: 1em !important;
      min-height: auto !important; }
    cmp-catalog-version-tree ul li ul {
      margin-left: 1em; }
    cmp-catalog-version-tree ul li .fileName {
      word-break: break-all;
      margin: 4px 0 0 5px; }
      cmp-catalog-version-tree ul li .fileName .newFolder {
        position: relative;
        display: inline-block;
        padding-right: 25px; }
        cmp-catalog-version-tree ul li .fileName .newFolder:after {
          position: absolute;
          top: -5px;
          right: -2px;
          content: 'new';
          font-size: 10px;
          color: red;
          WIDTH: 25PX;
          line-height: 10px;
          font-weight: bold; }
    cmp-catalog-version-tree ul li .error a {
      color: red; }
  cmp-catalog-version-tree ul .title {
    border-bottom: 1px solid transparent; }
  cmp-catalog-version-tree ul .selected > .title {
    border-bottom-color: #aaaaaa; }

cmp-catalog-data-item-version {
  display: block; }

cmp-catalog-version-view-item-full {
  display: block; }
  cmp-catalog-version-view-item-full .nameVersion {
    display: block; }

cmp-catalog-version-view-item, cmp-mlmodel-version-item, cmp-mlmodel-version-item-full, cmp-catalog-version-view-item-full {
  position: relative;
  display: block;
  border: 1px solid transparent; }
  cmp-catalog-version-view-item.fullView, cmp-mlmodel-version-item.fullView, cmp-mlmodel-version-item-full.fullView, cmp-catalog-version-view-item-full.fullView {
    border-color: rgba(0, 0, 0, 0.12); }
  cmp-catalog-version-view-item .versionMessage, cmp-mlmodel-version-item .versionMessage, cmp-mlmodel-version-item-full .versionMessage, cmp-catalog-version-view-item-full .versionMessage {
    padding: 0 1em; }
  cmp-catalog-version-view-item .editForm, cmp-mlmodel-version-item .editForm, cmp-mlmodel-version-item-full .editForm, cmp-catalog-version-view-item-full .editForm {
    position: relative;
    min-height: 200px; }
  cmp-catalog-version-view-item .setNewVersion, cmp-mlmodel-version-item .setNewVersion, cmp-mlmodel-version-item-full .setNewVersion, cmp-catalog-version-view-item-full .setNewVersion {
    position: relative;
    background-color: rgba(0, 0, 0, 0.5); }
  cmp-catalog-version-view-item .contentVersion, cmp-mlmodel-version-item .contentVersion, cmp-mlmodel-version-item-full .contentVersion, cmp-catalog-version-view-item-full .contentVersion {
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px; }
    cmp-catalog-version-view-item .contentVersion md-content, cmp-mlmodel-version-item .contentVersion md-content, cmp-mlmodel-version-item-full .contentVersion md-content, cmp-catalog-version-view-item-full .contentVersion md-content {
      background-color: transparent; }
  cmp-catalog-version-view-item .title .cmp-clickable, cmp-mlmodel-version-item .title .cmp-clickable, cmp-mlmodel-version-item-full .title .cmp-clickable, cmp-catalog-version-view-item-full .title .cmp-clickable {
    padding: 0 10px; }
  cmp-catalog-version-view-item cmp-catalog-version-uploading-files, cmp-mlmodel-version-item cmp-catalog-version-uploading-files, cmp-mlmodel-version-item-full cmp-catalog-version-uploading-files, cmp-catalog-version-view-item-full cmp-catalog-version-uploading-files {
    display: block; }

.versionHistory .versionMessage {
  text-overflow: ellipsis;
  padding: 0 1em;
  height: 1em;
  white-space: nowrap;
  overflow: hidden; }

cmp-catalog-version-viewer .content {
  width: 100%;
  text-align: center; }
  cmp-catalog-version-viewer .content .text {
    text-align: left; }
  cmp-catalog-version-viewer .content img {
    max-width: 100%;
    max-height: 100%; }

cmp-catalog-version-viewer .fileName {
  word-break: break-all; }

.demo-md-panel {
  min-height: 500px; }

.demo-dialog-example {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 500px; }

.demo-dialog-content {
  padding: 0 15px;
  width: 100%; }

.demo-dialog-content img {
  height: 300px;
  margin: auto; }

.demo-dialog-button {
  width: 100%; }

.demo-menu-example {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 256px; }

.demo-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 16px;
  position: relative;
  transition: background 0.15s linear;
  width: auto; }

.demo-menu-item:hover,
.demo-menu-item:focus {
  background-color: #eeeeee; }

.demo-menu-item.selected {
  color: #106cc8; }

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