@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loader--fixed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  position: fixed;
  height: 100%;
  width: calc(100% - 130px);
  left: 100px;
  top: 0;
}
.SherlockApp.collapsed .loader--fixed {
  width: calc(100% - 70px);
  left: 70px;
}
.loader--fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loader--absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%)
}
.loader--absolute .spinner {
  background: #fff;
}
.loader {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .loader {
    width: 100%;
  }
}
.Loading__wrapper {
  position: relative;
}
.Loading__message {
  margin-top: 5px;
}

.NewCredentialsModal__loader {
  padding: 50px 0;
}
.NewCredentialsModal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  margin-right: 20px;
}
.NewCredentialsModal__foo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 20px 0 30px
}
.NewCredentialsModal__foo .SML-Icon {
  margin-right: 20px;
}
.NewCredentialsModal__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NewCredentialsModal__client-credentials {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #cfcfcf;
  margin-bottom: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.FileNotFound {
}
.FileNotFound-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  padding-top: 10px;
  padding-left: 15px;
}
.FileNotFound-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 30px;
}
.FileNotFound__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.Terminal {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 10px;
  background: #272822
}
.Terminal .loader {
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: absolute;
}
.Terminal .Loading__message span {
  font-size: 12px;
  color: #fff;
}
.Terminal .Terminal--reconnecting {
  right: 5px;
  top: 5px;
  height: unset !important;
  width: 180px !important;
}
.Terminal .Terminal--error {
  right: 5px;
  top: 5px;
  height: unset !important;
  width: 180px !important;
}

[class*="InstanceIcon--"] > .WithTooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.InstanceIcon--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px
}

.InstanceIcon--row > .SML-TooltipWrapper  {
  margin-right: 4px;
}

.InstanceIcon--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  padding-bottom: 2px;
}

.InstanceIcon--top {
  margin-top: 12px;
}

.InstanceIcon--top-row {
  margin-right: 2px;
}

.InstanceIcon--bottom {
  margin-bottom: 12px;
}

.InstanceIcon--bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.InstanceIcon--row-last-icon {
  margin-left: 3px;
}

.TerminalList__instance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  min-width: 250px;
  cursor: pointer
}

.TerminalList__instance.error,
  .TerminalList__instance.applying-env,
  .TerminalList__instance.creating,
  .TerminalList__instance.terminating {
  cursor: default;
}

.TerminalList__instance.error,
  .TerminalList__instance.terminating {
  opacity: 0.5;
}

.TerminalList__instance-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.TerminalList__instance-left .InstanceIcon--row {
  width: inherit;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.StaticNotebook {
  position: relative;
  padding-top: 10px;
  height: 100%
}
.StaticNotebook code[class*="language-"],
  .StaticNotebook pre[class*="language-"] {
  font-family: Menlo, monospace;
  color: #1c1c1c;
  text-shadow: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.StaticNotebook :not(pre) > code[class*="language-"],
  .StaticNotebook pre[class*="language-"] {
  background: #f5f8f9;
  border-color: #e8e8e8;
}
.StaticNotebook .token.atrule,
    .StaticNotebook .token.attr-value,
    .StaticNotebook .token.keyword {
  font-weight: 600;
  color: #1f9e8a;
}
.StaticNotebook .token.string {
  color: #e81936;
}
.StaticNotebook .token.operator {
  color: #1c1c1c;
}
.StaticNotebook .token.number,
    .StaticNotebook .token.function {
  color: #9875fc;
}
.StaticNotebook__edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #1c1c1c
}
.StaticNotebook__edit .SML-Button:last-child {
  margin-left: auto;
}
.StaticNotebook__instance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
  border-right: 1px solid #cfcfcf;
  width: 500px
}
.StaticNotebook__instance .Select {
  width: calc(100% - 70px);
}
.StaticNotebook__run {
  padding-left: 10px;
  padding-right: 20px;
  border-right: 1px solid #cfcfcf;
}
.StaticNotebook__publish {
  padding-left: 10px;
}
.nb-notebook {
  line-height: 1.5;
  height: 100%;
  overflow-y: auto;
  padding: 10px 0;
}
.nb-stdout,
.nb-stderr {
  white-space: pre-wrap;
  margin: 1em 0;
  padding: 0.1em 0.5em;
}
.nb-stderr {
  background-color: #faa;
}
.nb-cell + .nb-cell {
  margin-top: 0.5em;
}
.nb-cell table,
.nb-output table {
  border: none;
  border-collapse: collapse;
  color: #1c1c1c
}
.nb-cell table thead, .nb-output table thead {
  border-bottom: 1px solid #1c1c1c;
  vertical-align: bottom;
}
.nb-cell table tr,
  .nb-cell table th,
  .nb-cell table td,
  .nb-output table tr,
  .nb-output table th,
  .nb-output table td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}
.nb-cell table tbody tr:nth-child(odd), .nb-output table tbody tr:nth-child(odd) {
  background: #e8e8e8;
}
.nb-cell table tbody tr th, .nb-output table tbody tr th {
  font-weight: 600;
}
.nb-cell {
  position: relative;
}
.nb-raw-cell {
  white-space: pre-wrap;
  background-color: #f5f2f0;
  font-family: Menlo, monospace;
  padding: 1em;
  margin: 0.5em 0;
}
.nb-output {
  min-height: 1em;
  width: 100%;
  overflow-x: scroll;
  background: #fff;
  border: 1px solid #e8e8e8
}
.nb-output > * {
  background: #fff;
  border: none;
}
.nb-output img {
  max-width: 100%;
}
.nb-output::before,
.nb-input::before {
  position: absolute;
  font-family: Menlo, monospace;
  -webkit-font-feature-settings: "calt";
          font-feature-settings: "calt";
  -webkit-font-variant-ligatures: contextual;
          font-variant-ligatures: contextual;
  color: #999;
  left: -7.5em;
  width: 7em;
  text-align: right;
}
.nb-input::before {
  content: "In [" attr(data-prompt-number) "]:";
}
.nb-output::before {
  content: "Out [" attr(data-prompt-number) "]:";
}
div[style="max-height:1000px;max-width:1500px;overflow:auto;"] {
  max-height: none !important;
}

.Iframe {
  position: relative;
  height: calc(100vh - 124px);
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .Iframe__iframe-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
.Iframe__iframe-wrapper {
  height: 100%;
}
.Iframe__iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.Iframe__no-padding {
  height: 100%
}
.Iframe__no-padding .Iframe__iframe {
  padding: 0;
}

.ProgressBar {
  height: 24px;
  background-color: #e8e8e8;
  overflow: hidden;
}

.ProgressBar__bar {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 1px;
  background-color: #12a864;
}

.ProgressBar.completed .ProgressBar__bar {
  background-color: #fa7268;
}

.MinimalProgressBar.in-progress .MinimalProgressBar__bar,
.ProgressBar.in-progress .ProgressBar__bar {
  background-color: #12a864;
}

.MinimalProgressBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  width: 70px;
  background-color: #606060;
  overflow: hidden;
}

.MetricsBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3px;
  background-color: #e8e8e8;
}

.MetricsBar__bar {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 1px;
  background-color: #fa7268;
}

.MetricsBar.in-progress .MetricsBar__bar {
  background-color: #9c9c9c;
}

.MetricsBar.completed .MetricsBar__bar {
  background-color: #fa7268;
}

.ServerUsageBar {
  width: 100%;
  height: 20px;
  left: 0;
  top: 0;
  z-index: 9;
  min-width: 450px;
}
.ServerUsageBar__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  height: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.ServerUsageBar__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  width: 30px;
  background: #fff;
  margin-right: -3px;
}
.ServerUsageBar__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ServerUsageBars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ServerStatWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 2px
}
.ServerStatWrapper.ServerStatWrapper--gpu {
  padding-bottom: 3px;
}
.CompactServerUsageBar {
  padding-top: 2px
}
.CompactServerUsageBar .WithTooltip {
  display: block;
}
.CompactServerUsageBar .ServerUsageBars__bar--progressBar {
  width: 56px;
}
.CompactServerUsageBar.grey .ServerUsageBars__bar--progressBar__bar {
  background: #828282;
}
.CompactServerUsageBar.green .ServerUsageBars__bar--progressBar__bar {
  background: #12a864;
}
.CompactServerUsageBar.yellow .ServerUsageBars__bar--progressBar__bar {
  background: #f4ca1a;
}
.CompactServerUsageBar.red .ServerUsageBars__bar--progressBar__bar {
  background: #e81936;
}
.ServerUsageBars__bar {
  letter-spacing: 0.4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline
}
.ServerUsageBars__bar:last-child {
  border-left: 1px solid #e8e8e8;
  padding-left: 15px;
  margin-left: 15px;
}
.ServerUsageBars__bar.grey .ServerUsageBars__bar--progressBar__bar {
  background: #828282;
}
.ServerUsageBars__bar.grey .ServerUsageBars__bar--progressBar__bar span {
  color: #828282;
}
.ServerUsageBars__bar.green .ServerUsageBars__bar--progressBar__bar {
  background: #12a864;
}
.ServerUsageBars__bar.green .ServerUsageBars__bar--progressBar__bar span {
  color: #12a864;
}
.ServerUsageBars__bar.yellow .ServerUsageBars__bar--progressBar__bar {
  background: #f4ca1a;
}
.ServerUsageBars__bar.yellow .ServerUsageBars__bar--progressBar__bar span {
  color: #f4ca1a;
}
.ServerUsageBars__bar.red .ServerUsageBars__bar--progressBar__bar {
  background: #e81936;
}
.ServerUsageBars__bar.red .ServerUsageBars__bar--progressBar__bar span {
  color: #e81936;
}
.ServerUsageBars__bar--progressBar {
  width: 50px;
  height: 3px;
  background: rgba(130, 130, 130, 0.2);
}
.ServerUsageBars__bar--progressBar__bar {
  height: 3px;
  position: relative
}
.ServerUsageBars__bar--progressBar__bar span {
  position: absolute;
  top: 6px;
  right: -10px;
}
.ServerUsageBar.inactive * {
  color: #828282;
}

.Notebook {
  position: relative;
  height: 100%
}
.Notebook .Iframe {
  height: calc(100% - 20px)
}
.Notebook .Iframe .Iframe__iframe-wrapper {
  height: 100%
}
.Notebook .Iframe .Iframe__iframe-wrapper .Iframe__iframe {
  height: calc(100% - 10px);
}

.FileList {
  text-transform: none;
  overflow-x: hidden;
}

.FileList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-direction: row
}

.FileList__item:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}

.FileList__item:hover {
  background-color: rgba(254, 237, 236, .4) !important;
}


.FileList__item--active {
  background-color: rgba(254, 237, 236, .4) !important;
}

.FileList__item--hidden {
  opacity: 0.5;
}

.Breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  background-color: #f9f9f9;
  height: 25px
}
.Breadcrumbs .SML-Icon {
  margin: 0 5px;
  fill: #1c1c1c;
}
.Breadcrumbs__crumb-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
}
.Breadcrumbs__crumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 17%;
  cursor: pointer;
  overflow: hidden
}
.Breadcrumbs__crumb:hover span {
  color: #fa7268;
}
.Breadcrumbs__crumb--last {
  max-width: 50%;
  cursor: default
}
.Breadcrumbs__crumb--last:hover span {
  color: #1c1c1c;
}
.Breadcrumbs__crumb-filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 14px;
}
.Breadcrumbs__control-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer
}
.Breadcrumbs__control-icon:hover .SML-Icon {
  fill: #fa7268;
}
.Breadcrumbs__up-one-level {
  height: 25px;
  padding: 0 8px;
  background-color: #cfcfcf;
  opacity: 0.5
}
.Breadcrumbs__up-one-level .SML-Icon {
  fill: #1c1c1c;
  margin: 0;
}
.Breadcrumbs__go-to-root .SML-Icon {
  margin-right: 5px;
}
.Breadcrumbs__control-icon__disabled {
  cursor: not-allowed;
  opacity: 0.5
}
.Breadcrumbs__control-icon__disabled:hover .SML-Icon {
  fill: #1c1c1c;
}
.Breadcrumbs__dropdown-toggle {
  max-width: 100%
}
.Breadcrumbs__dropdown-toggle:hover .SML-Icon {
  fill: #fa7268;
}

.FileExplorer .FileList {
  max-height: 100%;
  overflow-y: auto;
}

.FileExplorer__AutoSizer {
  height: calc(100% - 25px) !important;
  width: 100% !important;
}

.TabSwitcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.TabSwitcher__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: calc(100% - 60px);
}
.TabSwitcher__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
}
.TabSwitcher__tab--inactive {
  display: none;
}
.TabSwitcher__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  height: 60px;
  background-color: #fff;
}
.TabSwitcher--nested .TabSwitcher__header {
  height: 50px;
}
.TabSwitcher--nested .TabSwitcher__tab {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
}
.TabSwitcher__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  height: 100%;
  letter-spacing: 0.55px;
  border-bottom: 3px solid #fff;
  cursor: pointer;
  min-width: 100px;
}
.TabSwitcher__button--inactive:hover {
  border-bottom: 3px solid rgba(254, 237, 236, .4);
  color: #fa7268;
}
.TabSwitcher__button--inactive {
  color: #1c1c1c;
}
.TabSwitcher__button--active {
  color: #fa7268;
  border-bottom: 3px solid #fa7268;
}
.TabSwitcher__container {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  position: relative;
  background: #f9f9f9;
  padding: 20px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch
}
.TabSwitcher__container.full-height {
  height: calc(100vh - 164px);
}
.TabSwitcher__container .ListItem:last-child .ListItem__wrapper {
  margin-bottom: 0;
}
.TabSwitcher__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 130px;
  border: 1px dashed #9c9c9c;
  padding: 20px;
  text-align: center;
  color: #9c9c9c;
}
.TabSwitcher__empty--nested {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  padding: 10px;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.LogViewer {
  font-family: Menlo, monospace;
  padding: 0;
  background: #1c1c1c;
  color: #fff;
  overflow-y: scroll;
  position: relative;
  height: 100%;
  counter-reset: line;
}
.LogViewerContainer {
  height: 100%;
}
.LogViewerScrollButtons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ScrollButton {
  background-color: #fa7268;
  color: #fff;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;

  opacity: 0.8;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  max-width: 19px;
  -webkit-transition: max-width 0.2s ease-in-out, opacity 0.15s ease-in-out;
  transition: max-width 0.2s ease-in-out, opacity 0.15s ease-in-out;
}
.ScrollButton-top {
  z-index: 999999;
  top: 15px;
  right: 15px;
}
.ScrollButton-bottom {
  z-index: 999999;
  bottom: 15px;
  right: 15px;
}
.ScrollButton:hover {
  opacity: 1;
  max-width: 162px;
}
.LogLine {
  padding-right: 20px;
  padding-left: 10px;
  margin-left: 59px;
  position: relative;
  border-left: 1px dotted #828282;
  word-break: break-all
}
.LogLine:before {
  position: absolute;
  left: -50px;
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  border-right: 1px solid #828282;
  padding: 0 0.5em;
  margin-right: 0.5em;
  color: #828282;
  width: 50px;
  text-align: right;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}

.UploadFile__file-input {
  padding-top: 14px
}

.UploadFile__file-input > div > div:last-child > div > div {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.UploadFile__file-input > div > div:last-child > div > div input {
  border: none;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 0;
}

.UploadFile__lens-label {
  font-weight: 400;
  margin-left: 5px;
  margin-bottom: 0;
  text-transform: none;
}

.UploadFile__lens-wrapper {
  line-height: 1;
}

.UploadFile__lens-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.UploadFile__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-right: 15px;
}

.NavbarOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  background: transparent;
  z-index: 9999999999;
  -webkit-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.NavbarOverlay .Navbar__container {
  background: #fff;
  position: relative;
  height: 100%;
}
.NavbarOverlay:not(.visible) {
  -webkit-transition: width 0.15s ease-out, background 0.15s ease-out;
  transition: width 0.15s ease-out, background 0.15s ease-out;
}
.NavbarOverlay.visible {
  background: rgba(28, 28, 28, 0.7);
  width: 100vw;
}
.NavbarOverlay__container {
  padding: 15px 20px;
}
.NavbarOverlay__brand {
  margin-bottom: 30px
}
.NavbarOverlay__brand .SML-Icon {
  fill: #1c1c1c;
  -webkit-transition: fill 0.25s ease;
  transition: fill 0.25s ease;
}
.NavbarOverlay__sidebar {
  position: relative;
  left: -300px;
  width: 300px;
  height: 100%;
  background: #fff;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.NavbarOverlay__sidebar.visible {
  left: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.NavbarOverlay__content {
  width: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px;
}
.NavbarOverlay__button-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  cursor: pointer
}
.NavbarOverlay__button-back .SML-Icon {
  fill: #fa7268;
}
.NavbarOverlay__button-back:hover .SML-Icon {
  fill: #f83526;
}
.Navbar__brand {
  cursor: pointer;
}
.NavbarOverlay__mask {
  width: calc(100% - 300px);
  height: 100%;
}

.NavbarOverlay__search .NavbarOverlay__button-back {
    margin-top: 10px;
}
.NavbarOverlay__search .NavbarOverlay__content {
    margin-top: 15px;
    padding-bottom: 20px;
}
.NavbarOverlay__search .NavbarOverlay__project-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    height: auto;
}
.NavbarOverlay__search .ProjectListFilter__search {
    width: 100%;
}
.NavbarOverlay__search .ProjectListFilter__search .Input .Input__input {
    width: 0;
}
.NavbarOverlay__search .NavbarOverlay__search-create-project {
    margin-bottom: 9px;
    padding-top: 20px;
    width: 100%;
}
.NavbarOverlay__search .NavbarOverlay__project-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 10px 8px;
    cursor: pointer;
}
.NavbarOverlay__search .NavbarOverlay__project-summary .SML-Icon {
    fill: #b5b5b5;
}
.NavbarOverlay__search .NavbarOverlay__project-summary:hover {
    background: rgba(254, 237, 236, .4);
}
.NavbarOverlay__search .NavbarOverlay__project-summary:hover .SML-Icon {
    fill: #fa7268;
}
.NavbarOverlay__search .NavbarOverlay__project-summary .Icon {
    fill: inherit;
}
.NavbarOverlay__search .NavbarOverlay__project-summary .NavbarOverlay__project-summary-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 14px;
    width: calc(100% - 14px);
}

.Panel__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.Panel__body {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  position: relative;
  background-color: #fff;
}

.Panel__loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}

.Template {
  padding: 10px;
}

.Template__header {
  margin-bottom: 26px;
}

.Template--hidden {
  position: fixed;
  max-height: 100vh;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.Template--hidden * {
  visibility: hidden !important;
}

.CreateProject__template {
  width: 529px;
  margin: 60px auto 0 !important;
}

.CreateProject__actions {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

div.NotFound {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100vh;
  color: #fff;
  text-align: center;
}
.NotFound::before {
  background: #1c1c1c url(/img/bg-not-found.png) center center no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.2" /><feFuncG type="linear" slope="0.2" /><feFuncB type="linear" slope="0.2" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(20%);
          filter: brightness(20%);
  background-size: cover;
  height: 100vh;
  width: 100%; height: 100%;
}
.NotFound__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}
.NotFound__content h1 {
  font-size: 100px;
  letter-spacing: 3px;
  margin-top: 0;
}
.NotFound__content h2 {
  font-size: 18px;
  letter-spacing: 0.5px;
}
.NotFound__content .SML-Button {
  margin-top: 30px;
}

.ServerStats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  margin: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important
}

.ServerStats .ServerStat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  padding: 0 5px 0 0;
  margin: 0;
  height: 20px;
}

.ServerStats .ServerStat:first-child {
  border: none;
  border-radius: 0;
}

.ServerStats .WithTooltip {
  cursor: pointer;
}

.ServerStats.list-inline li {
  padding-left: 0;
  padding-right: 4px;
  display: contents;
}

.ServerStats__Separator {
  height: calc(100% - 4px);
  border-left: 1px solid #cfcfcf;
}

.NoMatchingProjects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  padding-top: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NoMatchingProjects__icon {
  color: #cfcfcf;
  font-size: 100px;
  line-height: normal;
}

@media (max-width: 768px) {
  .page-main {
    padding-left: 0;
  }
}
.page-main {
  overflow: hidden;
  background-color: #1c1c1c;
}
@media (max-width: 768px) {
  .page-content {
    padding-bottom: 0;
  }
}
.page-content {
  background-color: #f9f9f9;
  overflow: hidden;
  min-height: 100vh;
}
.ProjectHome__project-bar {
  padding: 0;
}

.WorkspaceExpander {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  cursor: pointer;
  position: absolute;
  left: -10px;
  width: 15px;
  height: 100%;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease
}
.WorkspaceExpander .SML-Icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: fill 0.15s ease;
  transition: fill 0.15s ease;
}
.WorkspaceExpander:hover {
  background-color: rgba(250, 114, 104, 0.1)
}
.WorkspaceExpander:hover .WorkspaceExpander__expand-container {
  width: 65px;
}
.WorkspaceExpander:hover .WorkspaceExpander__expand {
  width: 32px;
}
.WorkspaceExpander:hover .WorkspaceExpander-chevron {
  display: none;
}
.WorkspaceExpander__expand-container {
  position: absolute;
  top: 25%;
  left: 15px;
  height: 50%;
  width: 0;
  z-index: 30;
  overflow: hidden
}
.WorkspaceExpander__expand-container.collapsed {
  left: 70px;
}
.WorkspaceExpander__expand-container {
  -webkit-transition: width 0.15s ease, right 0.15s ease;
  transition: width 0.15s ease, right 0.15s ease
}
.WorkspaceExpander__expand-container:hover {
  width: 65px
}
.WorkspaceExpander__expand-container:hover .WorkspaceExpander__expand {
  width: 32px;
}
.WorkspaceExpander__expand {
  position: absolute;
  height: 50px;
  width: 0;
  left: -4px;
  top: calc(50% - 25px);
  background: rgba(250, 114, 104, 0.1);
  z-index: 30;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 3px 0 4px rgba(28, 28, 28, 0.1);
          box-shadow: 3px 0 4px rgba(28, 28, 28, 0.1);
  overflow: hidden;
  -webkit-transition: width 0.15s ease, right 0.15s ease, border-color 0.15s ease;
  transition: width 0.15s ease, right 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
  border: 1px solid #fa7268;
  border-left: none
}
.WorkspaceExpander__expand .SML-Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.WorkspaceExpander__expand:focus .SML-Icon, .WorkspaceExpander__expand:hover .SML-Icon {
  opacity: 0.35;
}

.ServersHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 10px 5px 10px 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0
}

.ServersHeader .Button-geometry--small {
  padding-right: 0;
}

.ServersHeader .ServerStat {
  background-color: #f9f9f9;
  padding: 0;
}

.ServersHeader .CompactServerUsageBar {
  width: 100%;
}

.ServersHeader .ServerUsageBars__bar--progressBar {
  width: 100%;
}

.ServersHeader .ServerStats > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ServersHeader__number-of-servers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ServersHeader__number-of-servers--value {
  margin-left: 5px;
}

.ServersHeader__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.ServersHeader__left .dropdown .dropdown-toggle {
  padding-bottom: 0;
  padding-right: 0;
}

.LogsHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}

.LogsHeader__instance-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}

.LogsHeader__instance-name .SML-Icon {
  margin-right: 17px;
}

.LogsHeader__status span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.LogsHeader__status .SML-Icon {
  margin-right: 10px;
}

.LogViewerHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.LogViewerHeader--queued {
}

.LogViewerHeader--cancelled {
}

.LogViewerHeader--started .SML-Icon {
  fill: #12a864;
}

.LogViewerHeader--success {
}

.LogViewerHeader--failure .SML-Icon {
  fill: #e81936;
}

.LogViewerHeader--failure .LogViewerHeader__left {
  color: #e81936;
}

.LogViewerHeader__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: lowercase
}

.LogViewerHeader__right .SML-Icon {
  margin-left: 10px;
}

.AccordionPanel {
  padding-bottom: 10px
}
.AccordionPanel:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}
.AccordionPanel--open {
  padding-bottom: 0
}
.AccordionPanel--open:not(:first-child) {
  border-top-width: 3px;
}
.AccordionPanel--open:not(:last-child) {
  border-bottom: 2px solid #e8e8e8;
}
.AccordionPanel__body {
  max-height: 0;
  overflow: hidden;
}
.AccordionPanel__body--open {
  max-height: none;
  overflow: visible;
}
.Accordion-help {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  background-color: #fff;
  margin-bottom: 20px
}
.Accordion-help .AccordionHeader {
  padding: 12px 20px;
}
.Accordion-help .AccordionPanel {
  padding-bottom: 0;
}
.Accordion-help .AccordionPanel__body--open {
  border-top: 1px solid #e8e8e8;
  padding: 20px;
  letter-spacing: 0.3px
}
.Accordion-help .AccordionPanel__body--open p:last-child {
  margin-bottom: 0;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.AccordionHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 0;
  padding: 20px 20px 10px;
}
.AccordionHeader--open .SML-Icon {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.AccordionHeader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.EnvironmentLogs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%
}

.EnvironmentLogs .AccordionPanel__body--open {
  margin-top: 10px
}

.EnvironmentLogs .AccordionPanel__body--open .LogViewerContainer {
  height: 200px;
}

.EnvironmentLogs .AccordionHeader__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.EnvironmentLogs__container {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  background-color: #fff;
}

.ServerList__container {
  overflow-y: auto;
  padding: 0 10px;
}

.Servers {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  max-height: 50%;
  background-color: #f9f9f9;
  margin-top: 5px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}
.Servers .ServerList__container {
  padding-bottom: 10px;
}
.Servers .loader {
  padding: 40px 0;
}

.RenameFileForm {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RenameFileForm__input {
  margin-right: 5px;
  margin-left: 5px;
}
.RenameFileForm__space {
  height: 10px;
}

.ContextMenu__trigger {
  display: block;
  visibility: hidden
}

.ContextMenu__trigger:hover {
  visibility: visible;
}

.ContextMenu__trigger--active {
  visibility: visible;
}

.WorkspaceActionsBar {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.WorkspaceActionsBar__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.WorkspaceActionsBar__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 17px;
}

.Workspace {
  border: 1px solid #fff;
  -webkit-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow-y: auto;
  overflow-x: visible
}
.Workspace .FileExplorer {
  height: calc(100% - 35px);
}
.Workspace .UploadsMonitor--collapsed ~ .Workspace__file-tree {
  max-height: calc(100vh - 253px);
}
.Workspace .UploadsMonitor--expanded ~ .Workspace__file-tree {
  max-height: 0;
}
.Workspace .UploadsMonitor--expanded {
  height: calc(100% - 60px);
  overflow-y: auto;
}
.Workspace .UploadsMonitor--expanded ~ .FileExplorerHeader {
  display: none;
}
.Workspace:hover {
  border-color: #1c1c1c
}
.Workspace:hover .Workspace__collapse-container {
  width: 65px;
}
.Workspace:hover .Workspace__collapse {
  width: 32px;
  border-color: #1c1c1c;
}
.Workspace__creating-instance {
  width: 350px;
  top: 150px
}
.Workspace__creating-instance div.loader {
  height: 200px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 15px;
}
.NewItemForm .NewItemForm__text {
  line-height: 40px;
}
.NewItemForm .NewItemForm__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.Workspace__collapse-container {
  position: absolute;
  top: calc(100vh - 75% - 10px);
  left: calc(100% - 1px);
  height: 50%;
  width: 0;
  z-index: 30;
  overflow: hidden
}
.Workspace__collapse-container.collapsed {
  left: 70px;
}
.Workspace__collapse-container:hover {
  width: 65px
}
.Workspace__collapse-container:hover .Workspace__collapse {
  width: 32px;
}
.Workspace__collapse {
  position: absolute;
  height: 50px;
  width: 0;
  left: -8px;
  top: calc(25vh - 25px);
  background: #fff;
  z-index: 30;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 3px 0 4px rgba(28, 28, 28, 0.1);
          box-shadow: 3px 0 4px rgba(28, 28, 28, 0.1);
  overflow: hidden;
  -webkit-transition: width 0.15s ease, right 0.15s ease, border-color 0.15s ease;
  transition: width 0.15s ease, right 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
  border: 1px solid transparent;
  border-left: none
}
.Workspace__collapse > .SML-Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.Workspace__collapse:focus .SML-Icon, .Workspace__collapse:hover .SML-Icon {
  opacity: 0.35;
}

.WorkspaceSidebar {
  position: relative;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 20px;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}

.PanedWorkspace {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.PanedWorkspace .Workspace {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
  background-color: #fff;
}

.PanedWorkspace .flexlayout__layout .flexlayout__tab_header_inner {
  background-color: #f9f9f9;
}

.PanedWorkspace .flexlayout__layout .flexlayout__tab {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
}

.PanedWorkspace .flexlayout__splitter {
  background-color: #f9f9f9;
}

.PanedWorkspace .flexlayout__outline_rect {
  border: 1px solid #fa7268;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(250, 114, 104, 0.1);
}

.PanedWorkspace .flexlayout__outline_rect_edge {
  border: 1px solid #fa7268;
}

.PanedWorkspace .flexlayout__outline_rect_edge,
  .PanedWorkspace .flexlayout__edge_rect {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(250, 114, 104, 0.3);
}

.PanedWorkspace .flexlayout__drag_rect {
  border: none;
  background: rgba(28, 28, 28, 0.95);
  color: #fff;
}

.PanedWorkspace .flexlayout__splitter_drag {
  background: rgba(130, 130, 130, 0.5);
}

.PanedWorkspace [class^='flexlayout__tab_toolbar_button-'] {
  position: relative;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  background: none;
  color: #828282;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease
}

.PanedWorkspace [class^='flexlayout__tab_toolbar_button-']:hover {
  color: #fa7268;
}

.PanedWorkspace [class^='flexlayout__tab_toolbar_button-'].flexlayout__tab_toolbar_button-min:before {
  content: '\e140';
}

.PanedWorkspace [class^='flexlayout__tab_toolbar_button-'].flexlayout__tab_toolbar_button-max:before {
  content: '\e097';
}

.PanedWorkspace .flexlayout__tab_button_trailing {
  font-size: 16px;
  line-height: 0.5;
  background: none !important;
  color: #828282;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  margin-top: 0
}

.PanedWorkspace .flexlayout__tab_button_trailing:hover {
  color: #e81936;
}

.PanedWorkspace .flexlayout__tab_button_trailing:before {
  content: '\00d7';
  position: relative;
  bottom: 1px;
}

.PanedWorkspace .flexlayout__tab_button_overflow {
  background: none;
  position: relative;
  color: #828282;
  -webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  width: 30px;
  font-size: 12px
}

.PanedWorkspace .flexlayout__tab_button_overflow:before {
  content: '»';
  position: absolute;
  top: -2px;
  left: 2px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: inherit;
}

.PanedWorkspace .flexlayout__tab_button_overflow:hover {
  color: #fa7268;
}

.flexlayout__popup_menu_container {
  color: #1c1c1c;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08)
}

.flexlayout__popup_menu_container .flexlayout__popup_menu_item {
  cursor: pointer
}

.flexlayout__popup_menu_container .flexlayout__popup_menu_item:hover {
  background-color: rgba(254, 237, 236, .4);
}

.PanedWorkspace__filetree-only .WorkspaceSidebar {
  width: 100%;
}

.PanedWorkspace__filetree-only .PanedWorkspace__divider {
  display: none;
}

.PanedWorkspace__filetree-only .flexlayout__layout {
  display: none;
}

.PanedWorkspace__filetree-small .WorkspaceSidebar {
  width: 25%;
  min-width: 280px;
}

.PanedWorkspace__filetree-small .PanedWorkspace__divider {
  width: 5px;
  background-color: #f9f9f9;
}

.PanedWorkspace__filetree-small .flexlayout__layout {
  left: auto;
  width: calc(75% - 5px);
  max-width: calc(100% - 285px);
}

.PanedWorkspace__filetree-hidden .WorkspaceSidebar {
  display: none;
}

.PanedWorkspace__filetree-hidden .PanedWorkspace__divider {
  display: none;
}

.PanedWorkspace__filetree-hidden .flexlayout__layout {
  margin-left: 5px;
  width: calc(100% - 5px);
}

.PanedWorkspace__fullscreen .flexlayout__layout {
  margin-left: 0;
  width: 100%;
}

.PanedWorkspace__header {
  -webkit-box-shadow: 0 -2px 2px 0 rgba(28, 28, 28, 0.05) inset;
          box-shadow: 0 -2px 2px 0 rgba(28, 28, 28, 0.05) inset;
  border-radius: 0;
  margin: 0;
  margin-right: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  color: #828282;
  max-width: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.PanedWorkspace__header .flexlayout__tab_button_content {
  text-overflow: ellipsis;
  width: calc(100% - 13px);
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.PanedWorkspace__header .flexlayout__tab_button_content .SML-TooltipWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.flexlayout__tab_button--selected.PanedWorkspace__header {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
}

.flexlayout__tabset-selected .flexlayout__tab_button--selected.PanedWorkspace__header {
  -webkit-box-shadow: inset 0 2px 0 #1c1c1c;
          box-shadow: inset 0 2px 0 #1c1c1c;
  color: #1c1c1c;
}

.Workspace__wrapper {
  height: calc(100vh - 20px);
  min-height: 480px;
  position: relative;
}

.Report {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
}
@media (max-width: 767px) {
  .Report {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
    padding-top: 15px;
  }
}
.Report {
  padding-top: 20px;
  background: #fff;
  margin: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .Report .Iframe__fullscreen-button {
    display: none;
  }
}
.Report .Iframe__fullscreen-button {
  top: -56px;
}
@media (max-width: 767px) {
  .Report .Iframe {
    height: calc(100vh - 133px);
  }
}
.Report .Iframe {
  background: #fff;
  height: calc(100vh - 108px);
}
.Report .Iframe__iframe {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.Report .Iframe--fullscreen .Iframe__fullscreen-button {
  top: 19px;
}
.Report__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Report__meta {
  margin-top: -3px;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .Report__separator {
    margin-top: 15px;
  }
}
.Report__separator {
  height: 1px;
  background-color: #f9f9f9;
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px;
}

.ListItemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 15px;
  width: 100%;
}

.ListItem__top,
.ListItem__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ListItem__wrapper {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  background: #fff;
  margin-bottom: 20px;
}

.ListItem__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  width: 50px;
  border-left: 5px solid #1c1c1c;
}

.ListItem__extraHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ListItem__dropdown-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.LensReport {
  height: 100%
}
.LensReport .Panel__Lens {
  height: 100%;
}
.LensReport .Panel__body {
  height: 100%;
}
.LensReport--fetching {
  min-height: 500px;
  position: relative;
}
.LensReport--plotting {
  height: 500px;
  overflow-y: hidden;
}
.LensReport.LensReport--plotting .TabSwitcher__tab--inactive {
  display: block;
  visibility: hidden;
}
.LensReport .plot-container.plotly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.LensReportColumnsTab {
  width: 100%
}
.LensReportColumnsTab .Table__head-cell:last-child {
  text-align: left;
}
.LensReportColumnsTab .Table__cell {
  letter-spacing: 0.5px;
  color: #828282
}
.LensReportColumnsTab .Table__cell:first-child {
  padding-left: 10px;
  color: #cfcfcf;
  letter-spacing: 0;
}
.LensReportColumnsTab .Table__cell:nth-child(2) {
  color: #fa7268;
  letter-spacing: 0;
}
.LensReportColumnsTab .Table__cell:last-child {
  text-align: left;
}
.LensReportColumnsTab .Table__row {
  height: 38px;
  cursor: pointer;
}

.ReactTable {
  border: none !important
}

.ReactTable .rt-thead.-header {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.ReactTable .rt-thead .rt-th.-sort-asc,
    .ReactTable .rt-thead .rt-td.-sort-asc {
  -webkit-box-shadow: inset 0 3px 0 0 #fa7268 !important;
          box-shadow: inset 0 3px 0 0 #fa7268 !important;
}

.ReactTable .rt-thead .rt-th.-sort-desc,
    .ReactTable .rt-thead .rt-td.-sort-desc {
  -webkit-box-shadow: inset 0 -3px 0 0 #fa7268 !important;
          box-shadow: inset 0 -3px 0 0 #fa7268 !important;
}

.ReactTable .rt-thead .Table__head-row:first-child {
  padding-left: 15px;
}

.Table .rt-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: none !important;
}

.Table .rt-th {
  border-right: none !important;
}

.Table .rt-tr-group {
  border-bottom: none !important
}

.Table .rt-tr-group:not(:first-child) {
  border-top: 1px solid #e8e8e8;
}

.Table__head {
  text-transform: uppercase;
  color: #1c1c1c;
  letter-spacing: 1px
}

.Table__head .Table__head-row.Table__head-cell.rt-th {
  color: #fff;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Table__head .Table__row {
  background-color: #1c1c1c;
  height: 30px;
}

.Table__body .Table__row {
  background-color: #fff;
}

.Table__body .rt-tr-group .Table__cell:first-child {
  padding-left: 15px;
}

.SidePanel__property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.DistributionHistogram {
  border-top: 1px solid #e8e8e8;
}

.DistributionHistogram__header {
  margin-left: 20px;
  margin-top: 30px;
}

.ColumnData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.ColumnData__left {
  min-width: 200px;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.ColumnData__left-title {
  margin-left: 10px;
}

.ColumnData__back-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 25px;
  margin-bottom: 40px;
}

.ColumnData__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-left: 1px solid #e8e8e8;
}

.FilterablePlot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.FilterablePlot__canvas {
  position: relative;
  padding-top: 45px;
  border-left: 1px solid #e8e8e8;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.SelectFilter {
  height: 100%;
}

.SelectFilter__filter-toggle {
  padding: 15px 15px 10.5px;
  border-bottom: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.SelectFilter__filter-title {
  margin-right: 34px;
}

.SelectFilter__filter-list {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 18.5px;
  list-style-type: none;
  margin: 0;
  height: calc(100vh - 300px);
  overflow: scroll;
}

.SelectFilter__filter-item {
  margin-bottom: 20px;
}

.SelectFilter__checkbox {
  margin-top: 0 !important;
  margin-right: 8px !important;
}

.SelectFilter__label {
  color: #1c1c1c;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

.CorrelationMatrix--drawing #CorrelationMatrix__canvas {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.CorrelationMatrix__spinner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 50%;
}

.Environment {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  height: 100%;
  background-color: #fff;
  margin: 5px
}
.Environment .Accordion .AccordionPanel__body--open {
  padding: 15px 20px;
}
.Environment .loader {
  padding: 20px 0;
}
.Environment__wrapper {
  height: 100%;
}
.Environment__header {
  position: static;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #1c1c1c;
}
.Environment__title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Environment__body {
  height: calc(100% - 48px);
  overflow-y: auto;
}
.Environment__body--global-environment {
  height: calc(100% - 81px);
  overflow-y: auto;
}
.EnvironmentSectionBody hr {
  margin-left: -20px;
  margin-right: -20px;
  border-color: #e8e8e8;
  border-style: dashed;
}
.Environment__save-button-wrapper {
  margin-left: 20px;
}

.Scripts__add-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.Python__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ManagedAppSettings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ManagedAppSettings__form {
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.08);

  width: 100%;
  background-color: #fff;
}

.ManagedAppSettings__type-image {
  width: 62px;
}

.ProjectSettings {
  max-width: 733px;
  margin: 15px auto 0;
}

.ProjectSettings__project-details {
  padding-bottom: 27px;
}

.ProjectSettings__archive-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f9f9f9;
  border: 1px solid #e81936;
  padding: 20px;
}

.ProjectSettings__left .SML-Icon {
  position: relative;
  top: 2px;
}

.ProjectSettings__centre {
  padding-left: 15px;
  padding-right: 20px;
}

.ProjectSettings__right {
  -ms-flex-item-align: center;
      align-self: center
}

.ProjectSettings__right .SML-Button {
  width: 195px;
}

.ProjectSettings__prompt .modal-footer .SML-Button:last-child {
  background: #e81936;
}

.ProjectSettings__prompt .modal-footer .SML-Button:last-child:hover {
  background: #ac1127;
}

.ProjectSettings__loading {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
}

.ProjectSettings__mask {
  background: #f9f9f9;
  opacity: 0.2;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
}

.ReportVersionsItem {
  border-top: 1px solid #e8e8e8
}

.ReportVersionsItem .Iframe__fullscreen-button {
  z-index: 999999;
  top: 12px;
}

.ReportVersionsItem .Iframe {
  padding-bottom: 15px;
  height: 500px;
  width: 100%
}

.ReportVersionsItem .Iframe .Iframe__iframe {
  width: 133.33333%;
  height: 646.66667px;
  margin: 0 auto;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.ReportVersionsItem__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 38px;
}

.ReportVersionsItem__left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.ReportVersionsItem__left-col .SML-Icon {
  margin-right: 10px;
}

.ReportVersionsItem__right-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.ReportVersionsItem__right-col button {
  margin-right: 15px;
}

.ReportVersions .loader {
  padding-bottom: 15px;
}

.ReportVersions__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 13px
}

.ReportVersions__title .SML-Icon {
  margin-right: 10px;
}

.ReportListItem .ListItem__wrapper {
  height: 100%;
}
.ReportListItem.pending .ListItem__icon-wrapper {
  border-color: #f4ca1a;
}
.ReportListItem .ListItemContent {
  padding: 5px 0 15px 15px;
}
.ReportListItem__info {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .ReportListItem__info::before {
    content: '▸';
    display: inline-block;
    padding-right: 5px;
    color: #1c1c1c;
  }
}
.ReportListItem__description {
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .ReportListItem__description {
    margin-left: 12px;
  }
}

.ReportsWelcomeMessage {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px
}

.ReportsWelcomeMessage .Message__header {
  border-radius: 0;
}

.ReportsWelcomeMessage__gif {
  overflow: hidden;
  margin-top: 20px;
  -webkit-box-shadow: 0 10px 50px rgba(28, 28, 28, 0.15);
          box-shadow: 0 10px 50px rgba(28, 28, 28, 0.15)
}

.ReportsWelcomeMessage__gif img {
  width: 100%;
}


.TeamTable__role-cell {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content 25px;
  grid-template-columns: max-content 25px;
}

#intercom-container {
  display: none;
}

#intercom-frame {
  display: none;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.rotate {
  -webkit-animation: rotate 1s infinite;
          animation: rotate 1s infinite;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-counter {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-counter {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
* {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  -webkit-resize: none !important;
  -moz-resize: none !important;
  resize: none !important;
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.no-scroll {
  overflow: hidden !important;
  position: relative;
  height: 100%;
}
html,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::-moz-selection {
  background-color: #fdcecb;
}
::selection {
  background-color: #fdcecb;
}
/*
  this is because we are styling fields our way and want to prevent
  default styles from being inherited (especially iOS)
*/
@media (max-width: 767px) {
  input[type='text'],
input[type='search'] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input[data-com-onepassword-filled='light'] {
  background-color: #fff !important;
}
html,
body {
  height: 100%;
  min-height: 100%;
  line-height: 1.25;
}
body {
  background: #f9f9f9;
  font-family: 'Inter', sans-serif;
}
a,
button {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-transition-property: color, background, opacity;
  transition-property: color, background, opacity;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #fa7268;
}
hr {
  border-top: 1px solid #cfcfcf;
}
/* Clear bootstrap css */
label {
  display: inline;
  display: initial;
  max-width: unset;
  margin-bottom: unset;
  font-weight: unset;
}
.error-message-box {
  padding: 30px
}
.error-message-box span {
  display: block;
  border: 1px solid #e81936;
  color: #e81936;
  font-weight: 600;
  text-align: center;
  padding: 10px;
}
.modal {
  /* Needed as react-joyride beacon is 1500 */
  z-index: 999999 !important;
}
.modal-backdrop {
  background: rgba(28, 28, 28, 0.7);
  z-index: 999990 !important
}
.modal-backdrop.in {
  opacity: 0.65;
}
.modal-dialog .modal-body {
  padding-bottom: 10px;
}
.modal-dialog .modal-title {
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  color: #828282;
  letter-spacing: 0.5px;
}
.modal-dialog .modal-header {
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 2px 3px 0 rgba(28, 28, 28, 0.08);
          box-shadow: 0 2px 3px 0 rgba(28, 28, 28, 0.08);
}
.modal-dialog .modal-content {
  background-color: #f9f9f9;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}
.modal-dialog .modal-footer {
  margin-left: -15px;
  margin-right: -15px;
  background-color: #fff;
  border: none;
}
.modal-dialog .close {
  font-size: 24px;
  color: #9c9c9c;
  opacity: 1;
}
.modal-dialog .close:hover {
  color: #e81936;
}
.signup-login-bg {
  min-height: 100vh;
  background-color: #1c1c1c;
  padding-bottom: 80px;
}
.react-contextmenu--visible {
  z-index: 99999 !important;
}
.Zendesk__post-login #launcher {
  display: none;
}
.Zendesk__post-login #webWidget {
  left: 30px !important;
  bottom: 80px !important;
}

:root {

  /* We no longer have semi-bold so setting this to the same as bold for now rather than fixing everything */
}
.joyride-beacon .joyride-beacon__inner {
  background-color: #12a864;
}
.joyride-beacon .joyride-beacon__outer {
  border-color: #12a864;
  background: rgba(18, 168, 100, 0.2);
}
.joyride-tooltip {
  -webkit-filter: none;
          filter: none;
  -webkit-box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.1);
          box-shadow: 0 5px 10px 0 rgba(28, 28, 28, 0.1);
  color: #3e3e3e;
}
.joyride-tooltip__main {
  font-size: 16px;
}
.joyride-tooltip__close {
  color: #828282;
  right: 6px;
  top: 10px
}
.joyride-tooltip__close:hover {
  color: #e81936;
}
.joyride-tooltip__button--primary {
  background-color: #1c1c1c
}
.joyride-tooltip__button--primary:hover,
  .joyride-tooltip__button--primary:focus,
  .joyride-tooltip__button--primary:active {
  background-color: #fa7268;
}
.joyride-tooltip__button--secondary {
  color: #12a864;
}
.joyride-tooltip__button--skip {
  color: #606060
}
.joyride-tooltip__button--skip:hover {
  color: #e81936;
}
.joyride-hole {
  -webkit-box-shadow: 0 0 0 9999px rgba(28, 28, 28, 0.5), 0 0 10px rgba(28, 28, 28, 0.3);
          box-shadow: 0 0 0 9999px rgba(28, 28, 28, 0.5), 0 0 10px rgba(28, 28, 28, 0.3);
}