@charset "UTF-8";
.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.status-box {
  border-left: 10px solid #4c4c4c;
}

.status-box .status-box-text {
  color: #4c4c4c;
}

.status-box.status-box-pending {
  border-color: #ccc;
}

.status-box.status-box-pending .status-box-text {
  color: #ccc;
}

.status-box.status-box-terminated, .status-box.status-box-error {
  border-color: #eb5848;
}

.status-box.status-box-terminated .status-box-text, .status-box.status-box-error .status-box-text {
  color: #eb5848;
}

.status-box.status-box-success {
  border-color: #1abc9c;
}

.status-box.status-box-success .status-box-text {
  color: #1abc9c;
}

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

.cf-overlay-backdrop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: white;
  opacity: 0.6;
}

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

.cf-flex-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-container-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-flex-container-static > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-flex-align-center {
  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;
}

.cf-flex-align-center > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-container-header {
  font-size: 20px;
  color: #4c4c4c;
  padding-left: 50px;
}

.cf-container-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.cf-container-box {
  padding: 40px;
  background: #fff;
}

.modal-content-loading {
  min-height: 250px;
  min-width: 250px;
}

.dialog-container {
  margin: 15px;
  padding: 20px;
  background-color: #f5faf9;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dialog-container.modal-content-loading {
  background-image: none;
}

.dialog-container .cf-container-header {
  padding: 0;
  margin: 0 0 20px;
}

.cf-pre {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.full-h {
  height: 100%;
}

.cf-button {
  color: #fff;
  background-color: #1abc9c;
  border-width: 2px;
  padding: 6px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button:hover, .cf-button:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button.btn-sm {
  padding: 2px;
}

.cf-button-light {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 6px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button-light:hover, .cf-button-light:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light.btn-sm {
  padding: 2px;
}

.buttons-on-background .cf-button[disabled], .buttons-on-background .btn-group-run .btn-run-dropdown[disabled], .buttons-on-background .btn-group-run > .btn-run[disabled] {
  background-color: #b4bece;
  color: #ebedef;
  border-color: #b4bece;
}

.cf-button-top-menu {
  padding-left: 24px !important;
  padding-right: 24px !important;
  border: 2px solid #fff !important;
  background-color: #1abc9c !important;
  color: #fff !important;
  font-weight: bold !important;
  text-transform: uppercase;
}

.cf-button-top-menu i {
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.cf-button-top-menu:hover, .cf-button-top-menu:focus, .cf-button-top-menu:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.help-icon-light {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.19);
}

.help-icon-light.fa {
  font-size: 25px !important;
}

.help-icon-light.small {
  font-size: 15px !important;
}

.exclamation-icon {
  margin: 3px;
}

.exclamation-icon-warn {
  color: rgba(230, 236, 21, 0.4) !important;
}

.exclamation-icon-error {
  color: rgba(236, 11, 25, 0.4) !important;
}

.cf-button-link {
  text-decoration: underline;
  font-size: inherit;
  padding: 0;
  line-height: inherit;
  vertical-align: baseline;
  font-weight: inherit;
  color: inherit;
  background: transparent;
}

.cf-button-link:hover {
  color: #0b897c;
  text-decoration: underline;
}

.cf-button-link:active, .cf-button-link:focus {
  color: #26BC9D;
  text-decoration: underline;
}

.cf-button-link[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: underline;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.input-md-modern {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  height: 50px;
  padding: 6px 20px;
  border: 1px solid #dbdbdb;
  color: #2f2f2f;
  width: 100%;
}

.input-md-modern:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.input-md-modern[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.input-md-modern[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.input-md-modern.ng-invalid.ng-dirty, .input-md-modern.ng-invalid.validate-no-dirty {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.input-md-modern-regex.ng-valid {
  color: #F39C12;
}

.input-md-modern::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.input-md-modern, .input-md-modern:focus, .input-md-modern.ng-invalid.ng-dirty, .input-md-modern.validate-no-dirty {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-md-modern:focus {
  border-color: #11b5a4;
}

.cf-col-lg-1 {
  width: 8.33333%;
}

.cf-col-lg-2 {
  width: 16.66666%;
}

.cf-col-lg-3 {
  width: 24.99999%;
}

.cf-col-lg-4 {
  width: 33.33332%;
}

.cf-col-lg-5 {
  width: 41.66665%;
}

.cf-col-lg-6 {
  width: 49.99998%;
}

.cf-col-lg-7 {
  width: 58.33331%;
}

.cf-col-lg-8 {
  width: 66.66664%;
}

.cf-col-lg-9 {
  width: 74.99997%;
}

.cf-col-lg-10 {
  width: 83.3333%;
}

.cf-col-lg-11 {
  width: 91.66663%;
}

.cf-col-lg-12 {
  width: 99.99996%;
}

.cf-hide-lg {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .cf-col-md-1 {
    width: 8.33333%;
  }
  .cf-col-md-2 {
    width: 16.66666%;
  }
  .cf-col-md-3 {
    width: 24.99999%;
  }
  .cf-col-md-4 {
    width: 33.33332%;
  }
  .cf-col-md-5 {
    width: 41.66665%;
  }
  .cf-col-md-6 {
    width: 49.99998%;
  }
  .cf-col-md-7 {
    width: 58.33331%;
  }
  .cf-col-md-8 {
    width: 66.66664%;
  }
  .cf-col-md-9 {
    width: 74.99997%;
  }
  .cf-col-md-10 {
    width: 83.3333%;
  }
  .cf-col-md-11 {
    width: 91.66663%;
  }
  .cf-col-md-12 {
    width: 99.99996%;
  }
  .cf-hide-md {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .cf-col-sm-1 {
    width: 8.33333%;
  }
  .cf-col-sm-2 {
    width: 16.66666%;
  }
  .cf-col-sm-3 {
    width: 24.99999%;
  }
  .cf-col-sm-4 {
    width: 33.33332%;
  }
  .cf-col-sm-5 {
    width: 41.66665%;
  }
  .cf-col-sm-6 {
    width: 49.99998%;
  }
  .cf-col-sm-7 {
    width: 58.33331%;
  }
  .cf-col-sm-8 {
    width: 66.66664%;
  }
  .cf-col-sm-9 {
    width: 74.99997%;
  }
  .cf-col-sm-10 {
    width: 83.3333%;
  }
  .cf-col-sm-11 {
    width: 91.66663%;
  }
  .cf-col-sm-12 {
    width: 99.99996%;
  }
  .cf-hide-sm {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .cf-col-xs-1 {
    width: 8.33333%;
  }
  .cf-col-xs-2 {
    width: 16.66666%;
  }
  .cf-col-xs-3 {
    width: 24.99999%;
  }
  .cf-col-xs-4 {
    width: 33.33332%;
  }
  .cf-col-xs-5 {
    width: 41.66665%;
  }
  .cf-col-xs-6 {
    width: 49.99998%;
  }
  .cf-col-xs-7 {
    width: 58.33331%;
  }
  .cf-col-xs-8 {
    width: 66.66664%;
  }
  .cf-col-xs-9 {
    width: 74.99997%;
  }
  .cf-col-xs-10 {
    width: 83.3333%;
  }
  .cf-col-xs-11 {
    width: 91.66663%;
  }
  .cf-col-xs-12 {
    width: 99.99996%;
  }
  .cf-hide-xs {
    display: none;
  }
}

/*
structure:

.cf-form-group
  .cf-form-line-label (recommended add .cf-col-lg-2 .cf-col-md-4)
  .cf-form-line
    .cf-form-segment, .cf-form-segment, .cf-form-segment....

      &.editor-segment and &.input-segment will stretch to 55% on lg and 100% on med

      .cf-form-sub-label (recommended add cf-col-lg-3, cf-col-xs-4)

      .input-wrap
          .cf-input (will stretch to fill the segment, **works on all @extenders of .cf-input)
*/
.cf-form-group, .cf-form-group-vert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-form-group > *, .cf-form-group-vert > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-form-group .cf-input-dark, .cf-form-group-vert .cf-input-dark, .cf-form-group .cf-multiselect-dark .multiSelect > button, .cf-multiselect-dark .cf-form-group .multiSelect > button, .cf-form-group-vert .cf-multiselect-dark .multiSelect > button, .cf-multiselect-dark .cf-form-group-vert .multiSelect > button, .cf-form-group .cf-select-dark .cf-select-toggle, .cf-select-dark .cf-form-group .cf-select-toggle, .cf-form-group-vert .cf-select-dark .cf-select-toggle, .cf-select-dark .cf-form-group-vert .cf-select-toggle, .cf-form-group .cf-terminal-search .terminal-search, .cf-terminal-search .cf-form-group .terminal-search, .cf-form-group-vert .cf-terminal-search .terminal-search, .cf-terminal-search .cf-form-group-vert .terminal-search, .cf-form-group .cf-select, .cf-form-group-vert .cf-select {
  font-size: 14px;
}

.cf-form-group.form-group-seperate, .form-group-seperate.cf-form-group-vert {
  padding-top: 25px;
  border-top: 2px solid #DADADA;
  margin: 15px 0 0;
}

.cf-form-group .cf-form-line, .cf-form-group-vert .cf-form-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-form-group .cf-form-line > *, .cf-form-group-vert .cf-form-line > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-form-group .cf-form-line > *, .cf-form-group-vert .cf-form-line > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cf-form-group .cf-form-line.cf-form-line-hor, .cf-form-group-vert .cf-form-line.cf-form-line-hor {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-form-group .cf-form-line .cf-form-text, .cf-form-group-vert .cf-form-line .cf-form-text {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-form-group .cf-form-line .public-url-link, .cf-form-group-vert .cf-form-line .public-url-link {
  margin-left: 30px;
}

.cf-form-group .cf-form-line-label, .cf-form-group-vert .cf-form-line-label {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  height: 34px;
  margin-bottom: 15px;
}

.cf-form-group .cf-form-line-label > *, .cf-form-group-vert .cf-form-line-label > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-form-group .cf-form-line-label > span, .cf-form-group-vert .cf-form-line-label > span {
  padding-right: 5px;
}

.cf-form-group .cf-form-line-label label, .cf-form-group-vert .cf-form-line-label label {
  font-weight: normal;
}

.cf-form-group .cf-radio-group, .cf-form-group-vert .cf-radio-group {
  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;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-form-group .cf-radio-group > *, .cf-form-group-vert .cf-radio-group > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-form-group .cf-radio-group .cf-radio, .cf-form-group-vert .cf-radio-group .cf-radio {
  line-height: 34px;
  white-space: nowrap;
  padding-right: 10px;
  min-width: 45%;
  max-width: 100%;
}

.cf-form-group .cf-radio-group .cf-radio label, .cf-form-group-vert .cf-radio-group .cf-radio label {
  font-weight: normal;
  white-space: initial;
}

.cf-form-group .cf-form-line-label .help-icon-light.fa, .cf-form-group-vert .cf-form-line-label .help-icon-light.fa {
  font-size: 20px !important;
}

.cf-form-group-vert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.cf-form-group-vert .cf-form-line-label {
  margin-bottom: 10px;
  width: auto;
}

.cf-form-group-vert .cf-form-line {
  width: 100%;
}

.cf-form-segment, .cf-form-segment-start {
  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;
  padding-right: 10px;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 15px;
}

.cf-form-segment > *, .cf-form-segment-start > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-form-segment--mb0 {
  margin-bottom: 0;
}

.cf-form-segment .cf-form-segment, .cf-form-segment-start .cf-form-segment, .cf-form-segment .cf-form-segment-start, .cf-form-segment-start .cf-form-segment-start {
  padding-right: 0;
}

.cf-form-segment.input-segment, .input-segment.cf-form-segment-start {
  width: 55%;
}

@media only screen and (max-width: 1200px) {
  .cf-form-segment.input-segment, .input-segment.cf-form-segment-start {
    width: 100%;
  }
}

.cf-form-segment.wrapped-segment, .wrapped-segment.cf-form-segment-start {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-form-segment.editor-segment, .editor-segment.cf-form-segment-start {
  width: 100%;
}

.cf-form-segment.editor-segment .cf-editor, .editor-segment.cf-form-segment-start .cf-editor {
  margin-top: 15px;
  font-size: 14px;
}

.cf-form-segment.no-margin-bottom, .no-margin-bottom.cf-form-segment-start {
  margin-bottom: 0;
}

.cf-form-segment .cf-switcher + *, .cf-form-segment-start .cf-switcher + * {
  margin: 0 0 0 5px;
}

.cf-form-segment .cf-input-regex + cf-help, .cf-form-segment-start .cf-input-regex + cf-help {
  margin-left: 10px;
}

.cf-form-segment .cf-content-wrap, .cf-form-segment-start .cf-content-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-form-segment .cf-form-sub-label, .cf-form-segment-start .cf-form-sub-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: normal;
  margin: 0 10px 0 0;
  height: 34px;
  min-width: 25%;
  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;
}

.cf-form-segment .cf-form-sub-label > *, .cf-form-segment-start .cf-form-sub-label > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-form-segment .cf-form-sub-label > span, .cf-form-segment-start .cf-form-sub-label > span {
  padding-right: 5px;
}

.cf-form-segment .cf-form-sub-label label, .cf-form-segment-start .cf-form-sub-label label {
  font-weight: normal;
}

.cf-form-segment .cf-form-sub-label .small-label, .cf-form-segment-start .cf-form-sub-label .small-label {
  font-size: 12px;
}

.cf-form-segment .cf-form-sub-label-rightspace, .cf-form-segment-start .cf-form-sub-label-rightspace {
  margin-right: 25px;
}

.cf-form-segment .cf-input-wrap, .cf-form-segment-start .cf-input-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-form-segment .registry-providers, .cf-form-segment-start .registry-providers {
  margin: 0;
}

.cf-form-segment-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cf-input-wrap {
  position: relative;
}

.cf-input-wrap .cf-input-dark, .cf-input-wrap .cf-multiselect-dark .multiSelect > button, .cf-multiselect-dark .cf-input-wrap .multiSelect > button, .cf-input-wrap .cf-select-dark .cf-select-toggle, .cf-select-dark .cf-input-wrap .cf-select-toggle, .cf-input-wrap .cf-terminal-search .terminal-search, .cf-terminal-search .cf-input-wrap .terminal-search, .cf-input-wrap .cf-select-dark, .cf-input-wrap .cf-select {
  width: 100%;
}

.cf-form-error {
  color: #eb5848;
  margin: 5px 0;
  font-size: 13px;
}

.center-to-input {
  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;
  height: 34px;
  line-height: 1;
}

.center-to-input > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.center-to-input.horizontal-align-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content-required {
  position: relative;
}

.content-required:after {
  content: '*';
  position: absolute;
  font-weight: bold;
  color: #eb5848;
  font-size: 25px;
  height: 14px;
  line-height: 1;
  padding: 0 5px;
  top: 50%;
  left: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.cf-form-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 56px;
  -webkit-box-shadow: 0 0 1px 2px #c7c7c7;
          box-shadow: 0 0 1px 2px #c7c7c7;
  background-color: #fff;
  padding: 0 10px;
  z-index: 101;
  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;
}

.cf-form-footer > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media only screen and (max-width: 1200px) {
  .cf-form-footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.cf-form-footer > * {
  margin-right: 15px;
}

.cf-form-footer > *:last-child {
  margin-right: 0;
}

@-webkit-keyframes cf-a-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes cf-a-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.cf-blink {
  -webkit-animation: cf-a-blink 2s infinite;
          animation: cf-a-blink 2s infinite;
}

/* ngIf animation */
.animationIf.ng-enter,
.animationIf.ng-leave {
  -webkit-transition: opacity ease-in-out .8s;
  transition: opacity ease-in-out .8s;
}

.animationIf.ng-enter,
.animationIf.ng-leave.ng-leave-active {
  opacity: 0;
}

.animationIf.ng-leave,
.animationIf.ng-enter.ng-enter-active {
  opacity: 1;
}

.break-tooltip .tooltip-inner {
  word-break: break-all;
}

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

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.cf-rotate-180 {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.cf-slider .rz-bar {
  border-radius: 10px;
  background: #DADADA;
  height: 7px;
}

.cf-slider .rz-selection {
  background: #0F9C8D;
}

.cf-slider .rz-pointer {
  background: #fff;
  height: 27px;
  width: 27px;
  -webkit-box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
  top: -11px;
}

.cf-slider .rz-pointer:after {
  background: none !important;
  color: #c4c4c4;
  content: '<>';
  font-size: 17px;
  top: 2px;
  left: 4px;
}

.cf-slider .rz-pointer:focus {
  outline: none;
}

.cf-slider .rz-bubble {
  bottom: -37px;
  font-size: 15px;
  color: #0F9C8D;
  font-weight: bold;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
}

.cdf-button, .filters-bar .add-filter-value, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button {
  text-decoration: none;
  background-color: #11b5a4;
  color: #fff;
  padding: 10px 17px;
  border: 1px solid #11b5a4;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.cdf-button:hover, .filters-bar .add-filter-value:hover, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:hover {
  background-color: #1bbfae;
  border: 1px solid #1bbfae;
  text-decoration: none;
}

.cdf-button:active, .filters-bar .add-filter-value:active, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:active {
  background-color: #07ab9a;
  border: 1px solid #07ab9a;
}

.cdf-button[disabled], .filters-bar .add-filter-value[disabled], .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button[disabled] {
  background-color: #a8eee7;
  border: 1px solid #a8eee7;
}

.cdf-button-icon {
  font-size: 16px;
  margin-right: 5px;
}

.cdf-button--medium, .confirmation-dialog .confirmation-buttons:not(.all-buttons) button {
  width: 200px;
}

.cdf-button--long {
  width: 254px;
}

.cdf-button--longer {
  width: 118px;
}

.cdf-button--small {
  font-size: 12px;
  padding: 5px 17px;
}

.cdf-button--left-aligned {
  text-align: left;
}

.cdf-button--icon-only {
  width: 26px;
  padding: 0;
  line-height: 24px;
}

.cdf-button--plus-icon {
  width: 26px;
  padding: 0;
  line-height: 21px;
  height: 22px;
}

.cdf-button--rounded {
  border-radius: 100px;
}

.cdf-button--light {
  background-color: #fff;
  border: 1px solid #11b5a4;
  color: #11b5a4;
}

.cdf-button--light:hover, .cdf-button--light:focus {
  background-color: #fff;
  border: 1px solid #1bbfae;
  color: #1bbfae;
}

.cdf-button--light:active {
  background-color: #fff;
  border: 1px solid #07ab9a;
  color: #07ab9a;
}

.cdf-button--light[disabled] {
  background-color: #fff;
  border: 1px solid #a8eee7;
  color: #a8eee7;
}

.cdf-button--orange {
  color: #F5932A;
  border-color: #F5932A;
  background-color: transparent;
}

.cdf-button--orange:hover {
  background-color: #fff;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange:active, .cdf-button--orange:focus {
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange[disabled] {
  background-color: #fff;
  border: 1px solid #F5932A;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--danger {
  color: #eb5848;
  border-color: #eb5848;
  background-color: transparent;
}

.cdf-button--danger:hover, .cdf-button--danger:focus {
  background-color: #fff;
  color: #ff6c5c;
  border-color: #ff6c5c;
}

.cdf-button--danger:active {
  color: #fff;
  border-color: #eb5848;
  background-color: #eb5848;
}

.cdf-button--danger[disabled] {
  background-color: #fff;
  border: 1px solid #eb5848;
  color: #eb5848;
  border-color: #eb5848;
  opacity: 0.5;
}

.cdf-button--danger-confirm {
  background-color: #eb5848;
  border-color: #eb5848;
}

.cdf-button--danger-confirm:hover {
  background-color: #ff6c5c;
  border: 1px solid #ff6c5c;
  text-decoration: none;
}

.cdf-button--danger-confirm:active {
  background-color: #d74434;
  border: 1px solid #d74434;
}

.cdf-button--danger-confirm[disabled] {
  background-color: #eb5848;
  border: 1px solid #eb5848;
  opacity: 0.5;
}

.cdf-button--grey {
  color: #888;
  border-color: #888;
  background-color: transparent;
}

.cdf-button--grey:hover, .cdf-button--grey:focus {
  background-color: #fff;
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.cdf-button--grey:active {
  color: #fff;
  border-color: #888;
  background-color: #888;
}

.cdf-button--grey[disabled] {
  background-color: #fff;
  border: 1px solid #888;
  color: #888;
  border-color: #888;
  opacity: 0.5;
}

.cdf-button--success {
  color: #1abc9c;
  border-color: #1abc9c;
  background-color: transparent;
}

.cdf-button--success:hover {
  background-color: #fff;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success:active, .cdf-button--success:focus {
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success[disabled] {
  background-color: #fff;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--bold {
  font-weight: bold;
}

.cdf-button--dark {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark:active, .cdf-button--dark:focus {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1abc9c;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  opacity: 0.45;
}

.cdf-button--dark-2 {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark-2:hover {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark-2:active, .cdf-button--dark-2:focus {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #fff;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark-2[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  opacity: 0.45;
}

.cdf-button--text-only {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #4c4c4c;
}

.cdf-button--text-only:hover {
  background: none;
  border: none;
}

.cdf-button--text-only[disabled] {
  background-color: transparent;
  border: none;
  opacity: 0.5;
  text-decoration: none;
}

.cdf-button__icon {
  margin-right: 5px;
}

.cdf-button__arrow {
  position: relative;
  float: right;
  top: 4px;
}

.cdf-button--uppercase {
  text-transform: uppercase;
}

.cf-button {
  color: #fff;
  background-color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button:hover, .cf-button:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button-light:hover, .cf-button-light:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
  border-width: 1px;
}

.cf-button-light--think-border:hover, .cf-button-light--think-border:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light--think-border:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light--think-border[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light--think-border.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border .create-project__add-icon {
  display: none;
}

.buttons-bar {
  text-align: right;
  margin-top: 20px;
}

.buttons-bar i {
  vertical-align: middle;
}

.btn-group.btn-group-view-mode {
  border-radius: 7px;
  background: white;
  border: 1px solid #E5E5E5;
  padding: 4px;
}

.btn-group.btn-group-view-mode > .btn {
  border: none;
  border-radius: 4px;
  padding: 6px;
  font-size: 8px;
  color: #E5E5E5;
  background-color: transparent;
  margin-left: 8px;
}

.btn-group.btn-group-view-mode > .btn:first-child {
  margin-left: 0;
}

.btn-group.btn-group-view-mode > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn:last-child:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn > i {
  margin: 0;
}

.btn-group.btn-group-view-mode > .btn.active {
  background-color: #0b897c;
}

.btn-group.btn-group-view-mode > .btn.active > i {
  color: white;
}

.btn.btn-cdf {
  padding: 7px 11px;
  font-size: 12px;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.btn.btn-cdf.btn-rounded-2px {
  border-radius: 2px;
}

.btn.btn-cdf.btn-success {
  color: #fff;
  background-color: #11B5A4;
  border-color: #11B5A4;
}

.btn.btn-cdf.btn-success:hover {
  background-color: #0b897c;
  border-color: #0b897c;
  color: #fff;
}

.btn.btn-cdf.btn-success:active, .btn.btn-cdf.btn-success:focus {
  background-color: #26BC9D;
  border-color: #26BC9D;
  color: #fff;
}

.btn.btn-cdf.btn-success[disabled] {
  background-color: #b7e9e4;
  border-color: #b7e9e4;
  color: #fff;
}

.btn.btn-cdf.btn-danger {
  color: #fff;
  background-color: #eb5848;
  border-color: #eb5848;
}

.btn.btn-cdf.btn-danger:hover {
  background-color: #b92414;
  border-color: #b92414;
  color: #fff;
}

.btn.btn-cdf.btn-danger:active, .btn.btn-cdf.btn-danger:focus {
  background-color: #e62e1a;
  border-color: #e62e1a;
  color: #fff;
}

.btn.btn-cdf.btn-danger[disabled] {
  background-color: #f08276;
  border-color: #f08276;
  color: #fff;
}

.cdf-dialog {
  color: #4c4c4c;
}

.cdf-dialog__close-btn {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 23px;
  line-height: 15px;
  z-index: 1;
  position: relative;
  top: 0;
  float: right;
  color: #4c4c4c;
}

.cdf-dialog__close-btn--top {
  top: -10px;
  right: -7px;
}

.cdf-dialog__label {
  color: #4c4c4c;
  font-size: 14px;
}

.cdf-dialog__warning--small {
  font-size: 12px;
}

.cdf-dialog .pointer {
  cursor: pointer;
}

.cdf-link, .cdf-link-light, .cdf-link--bold, .kube-namespace-container .namespace-services-list tr .cdf-link, .kube-namespace-container .namespace-services-list tr .cdf-link-light, .kube-namespace-container .namespace-services-list tr .cdf-link--bold, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold {
  cursor: pointer;
  color: #1abc9c;
}

.cdf-link:hover, .cdf-link-light:hover, .cdf-link--bold:hover, .kube-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:hover {
  color: #0b897c;
}

.cdf-link:active, .cdf-link-light:active, .cdf-link--bold:active, .kube-namespace-container .namespace-services-list tr .cdf-link:active, .kube-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:active, .cdf-link:focus, .cdf-link-light:focus, .cdf-link--bold:focus, .kube-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:focus {
  color: #26BC9D;
  outline: none;
}

.cdf-link:visited, .cdf-link-light:visited, .cdf-link--bold:visited, .kube-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:visited {
  color: #1abc9c;
}

.cdf-link__arrow-left {
  display: inline;
}

.cdf-link--break-line:before {
  content: "\A";
  white-space: pre;
}

.cdf-link-light {
  font-weight: lighter;
}

.cdf-link--bold {
  font-weight: bold;
}

a.remove-defaults {
  text-decoration: none  !important;
}

a.remove-defaults:hover {
  text-decoration: none !important;
  cursor: pointer;
}

.no-underline {
  text-decoration: none !important;
}

.cdf-message {
  padding: 16px;
  font-size: 14px;
}

.cdf-message--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cdf-message--info {
  background-color: #dff7f4;
}

.cdf-message--code {
  font-family: monospace;
}

.cdf-message--code-single-line {
  overflow: scroll;
  white-space: pre;
}

.cdf-highligth {
  background-color: #f7f7f7;
  padding: 0 2px;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-main-color {
  color: #1abc9c;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.tag-label, .cf-boxes-list .cf-box-item .box-label {
  max-width: 155px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  border: 1px solid #ebf5f3;
  font-weight: bold;
  padding: 4px 8px;
  margin-left: 3px;
  font-size: 12px;
  white-space: nowrap;
  background-color: #f5faf9;
  color: #1abc9c;
}

.tag-label--width-auto {
  max-width: none;
}

.tag-label--ml0 {
  margin-left: 0;
}

.unselectable, .helm-cluster-release .release-content-wrapper .release-actions .actions-group > * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

form.ng-submitted .validity-check input.ng-invalid {
  border-color: #eb5848;
}

.cdf-label {
  font-weight: bold;
  font-size: 13px;
  color: #2f2f2f;
  margin-bottom: 5px;
}

.cdf-label--with-exclamation {
  line-height: 27px;
  margin-bottom: 0;
}

.cdf-description {
  color: #2f2f2f;
  font-size: 14px;
  font-style: italic;
  margin: 5px 0 10px 0;
}

.cdf-description strong {
  font-style: normal;
  font-weight: bold;
}

.cdf-description--error {
  color: #eb5848;
}

.cdf-input, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  background-color: #fff;
  width: 100%;
  border: 1px solid #DADADA;
  -webkit-box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
          box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
}

.cdf-input:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cdf-input[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cdf-input[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cdf-input.ng-invalid.ng-dirty, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cdf-input.ng-invalid.validate-no-dirty, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cdf-input-regex.ng-valid {
  color: #F39C12;
}

.cdf-input--medium {
  width: 385px;
}

.cdf-input-modifier {
  position: absolute;
  right: 5px;
  cursor: pointer;
}

.cdf-input-container {
  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;
  position: relative;
}

.cdf-input-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-big-circle-check {
  display: inline-block;
  width: 50px;
  line-height: 41px;
  border-radius: 45px;
  border: 2px solid #DADADA;
  font-size: 36px;
  min-height: 50px;
  color: #1abc9c;
  text-align: center;
}

.cdf-big-circle-check--checked {
  border-color: #1abc9c;
}

.cdf-big-circle-check--checked:before {
  font-family: 'codefresh' !important;
  content: "v" !important;
  position: relative;
  bottom: -6px;
}

.cdf-big-circle-check:before {
  content: "\F";
}

.cdf-checkbox, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"] {
  position: relative;
  font-size: 18px;
  outline: none !important;
}

.cdf-checkbox:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:before {
  z-index: 1;
  background-color: #fff;
  content: "";
  display: block;
  position: relative;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding-top: 10%;
  width: 105%;
  height: 105%;
  border: 1px solid #DADADA;
  border-radius: 3px;
}

.cdf-checkbox--straight.cdf-checkbox:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:before {
  width: 16px;
  height: 16px;
  border-radius: 0;
}

.cdf-checkbox[disabled="disabled"]:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][disabled="disabled"]:before {
  cursor: not-allowed;
  background-color: #E4E1E1;
}

.cdf-checkbox[disabled="disabled"]:before + label, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][disabled="disabled"]:before + label {
  cursor: not-allowed;
}

.cdf-checkbox:checked:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:checked:before {
  font-family: "codefresh";
  font-size: 11.7px;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
  content: 'v';
  color: #1abc9c;
}

.cdf-checkbox--straight.cdf-checkbox:checked:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:checked:before {
  font-size: 10px;
  padding-top: 2px;
}

.cdf-checkbox:indeterminate:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:indeterminate:before {
  font-family: "codefresh";
  font-size: 11.7px;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
  content: '\E929';
  color: #1abc9c;
}

.cdf-checkbox--straight.cdf-checkbox:indeterminate:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:indeterminate:before {
  font-size: 10px;
  padding-top: 2px;
}

.cdf-checkbox:hover:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:hover:before {
  border-color: #1abc9c;
}

.cdf-checkbox:focus, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input:focus[type="checkbox"], .cdf-checkbox:active, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input:active[type="checkbox"] {
  outline: none;
}

.checkbox-input-container {
  margin-right: 7px;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  padding: 0;
}

.checkbox-input-container input {
  visibility: hidden;
}

.checkbox-input-container:before {
  position: absolute;
  content: '';
  border: 1px solid #DADADA;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
}

.checkbox-input-container:after {
  position: absolute;
  content: '';
  background-color: #fff;
  left: 3px;
  right: 3px;
  bottom: 3px;
  top: 3px;
}

.checkbox-input-container.checked:after {
  background-color: #1abc9c;
}

.cdf-list {
  padding: 0;
  margin: 0;
  border-top: 1px solid #DADADA;
}

.cdf-list__item {
  color: #1abc9c;
  border-bottom: 1px solid #DADADA;
  list-style-type: disc;
}

.cdf-list__item a {
  color: #4c4c4c;
  cursor: pointer;
  display: block;
  padding: 10px 18px 10px 0;
}

/*
top bar notification
*/
.cf-notification {
  background: #4a4a4a;
  width: 380px !important;
}

.cf-notification .cf-notification-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-notification .cf-notification-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-notification .cf-notification-container .message {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-item-align: center;
      align-self: center;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  word-break: break-word;
}

.cf-notification .cf-notification-container .message a {
  color: #36b8e2;
}

.cf-notification .cf-notification-container .message a:hover {
  cursor: pointer;
}

.cf-notification .cf-notification-container .close-button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 18px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: end;
}

.cf-notification .cf-notification-container .close-button a {
  color: #7c7c7c !important;
}

.cf-notification .cf-notification-container .close-button a:hover {
  color: #ffffff !important;
}

.cf-notification .cf-notification-container .status-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;
  border: 3px solid;
  border-radius: 50px;
  margin-top: 10px;
  margin-left: 12px;
  margin-right: 18px;
  margin-bottom: 10px;
  font-size: 30px;
  width: 48px;
  height: 48px;
  color: #ADD8E6;
}

.cf-notification .cf-notification-container .status-icon > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-notification .cf-notification-container.error .status-icon {
  color: #e66d6d;
}

.cf-notification .cf-notification-container.success .status-icon {
  color: #11b5a4;
}

.top-notifications-container {
  background: #4a4a4a;
  position: relative;
  color: #ffffff;
  font-size: 15px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  height: 0;
  padding: 0;
  overflow: hidden;
  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;
}

.top-notifications-container.wipe-in {
  height: auto;
  overflow: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.top-notifications-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container {
  -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;
}

.top-notifications-container .top-notification-content-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container > * {
  margin-left: 10px;
}

.top-notifications-container .top-notification-content-container .top-notification-content {
  margin-right: 30px;
  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;
}

.top-notifications-container .top-notification-content-container .top-notification-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container .top-notification-content > * {
  margin-left: 10px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-icon {
  font-size: 35px;
  color: #dd6a6b;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-main-title {
  font-size: 15px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-subtitle {
  font-size: 12px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-subtitle a {
  color: #1abc9c;
}

.top-notifications-container .top-notification-content-container .notification-button {
  font-size: 12px;
}

.top-notifications-container .top-notification-content-container .notification-progress {
  margin: 0;
  -webkit-box-flex: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
  border-radius: 15px;
  height: 7px;
  background-color: #2b2b2b;
}

.top-notifications-container .top-notification-content-container .notification-progress .progress-bar {
  border-radius: 15px;
  background-color: #dc696a;
}

.top-notifications-container .top-notification-content-container .notification-limit {
  font-weight: bold;
  color: #dc696a;
}

.top-notifications-container .top-notifications-close {
  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-right: 10px;
  font-size: 18px;
  color: #2e2e2e;
  cursor: pointer;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.top-notifications-container .top-notifications-close > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notifications-close:hover {
  color: #6f6f6f;
}

.top-notifications-container .top-notifications-close:active, .top-notifications-container .top-notifications-close:focus {
  color: #fff;
}

.top-notifications-container .top-notifications-close[disabled] {
  color: #414141;
}

.cdf-error {
  background-color: #FDF4F4;
  color: #C0353C;
  margin-bottom: 5px;
  padding: 10px 15px;
}

.cdf-error--border-left {
  border-left: 3px solid #C0353C;
}

.cdf-warning {
  background-color: #fcf2e7;
  color: #cd750a;
  margin-bottom: 5px;
  padding: 10px 15px;
}

.cdf-warning--border-left {
  border-left: 3px solid #F5932A;
}

.cdf-warning--text-gray {
  color: #98938F;
}

.cdf-message-counter {
  font-weight: bold;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 10px 5px 0;
  word-spacing: 5px;
  white-space: nowrap;
}

.cdf-message-counter--success {
  color: #23b4a4 !important;
  background-color: #def8f6;
}

.cdf-message-counter--success:hover, .cdf-message-counter--success:active, .cdf-message-counter--success:visited, .cdf-message-counter--success:link {
  color: #23b4a4;
}

.cdf-message-counter--error {
  color: #C0353C !important;
  background-color: #FDF4F4;
}

.cdf-message-counter--error:hover, .cdf-message-counter--error:active, .cdf-message-counter--error:visited, .cdf-message-counter--error:link {
  color: #C0353C;
}

.cdf-message-counter--warning {
  color: #F5932A !important;
  background-color: #FCF2E8;
}

.cdf-message-counter--warning:hover, .cdf-message-counter--warning:active, .cdf-message-counter--warning:visited, .cdf-message-counter--warning:link {
  color: #F5932A;
}

.cdf-message-counter__exclamation-mark {
  color: #fff;
  font-style: normal;
  display: inline-block;
  width: 28px;
  height: 27px;
  position: relative;
  top: 1px;
}

.cdf-message-counter__exclamation-mark::before {
  display: block;
  padding-top: 7px;
  padding-left: 7px;
  font-size: 14px;
}

.cdf-message-counter__exclamation-mark--success {
  background-color: #23b4a4;
}

.cdf-message-counter__exclamation-mark--error {
  background-color: #C0353C;
}

.cdf-message-counter__exclamation-mark--error::before {
  padding-left: 8px;
}

.cdf-message-counter__exclamation-mark--warning {
  background-color: #F5932A;
}

@-webkit-keyframes fade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes fade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.running-icon-circle, .cf-running-icon > .circle, .cf-running-icon:before, .cf-running-icon:after {
  border-radius: 50%;
  background: #fff;
  width: 30px;
  display: block;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: fade 3s infinite;
          animation: fade 3s infinite;
  opacity: 1;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
}

.cf-status-icon-container {
  width: 26px;
  height: 25px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  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;
}

.cf-status-icon-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-status-icon-container.success, .cf-status-icon-container.approved {
  background-color: #23b4a4;
}

.cf-status-icon-container.delayed {
  background-color: #F2994A;
}

.cf-status-icon-container.pending, .cf-status-icon-container.elected {
  background-color: #ccc;
}

.cf-status-icon-container.pending-approval {
  background-color: #F2C94C;
}

.cf-status-icon-container.pending-approval {
  background-color: #F2C94C;
}

.cf-status-icon-container.terminating, .cf-status-icon-container.terminated, .cf-status-icon-container.error, .cf-status-icon-container.denied {
  background-color: #e83f43;
}

.cf-status-icon-container.running, .cf-status-icon-container.start {
  background-color: #6AA9DB;
  display: block;
  vertical-align: middle;
  -webkit-transition: 1300ms;
  transition: 1300ms;
  position: relative;
}

.cf-running-icon {
  display: inline-block;
  -webkit-transition: 1300ms;
  transition: 1300ms;
  width: 100%;
  height: 100%;
  position: relative;
}

.cf-running-icon > .circle {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.cf-running-icon:before {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  content: '';
}

.cf-running-icon:after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  content: '';
}

.icon-lg {
  font-size: 160%;
}

.cf-boxes-list {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-boxes-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-boxes-list .cf-box-item {
  border: 1px solid #DBEDEB;
  position: relative;
  padding: 10px;
  margin: 0 5px 10px;
  min-width: 200px;
  height: 235px;
  background-color: #fff;
  display: block;
}

@media only screen and (max-width: 568px) {
  .cf-boxes-list .cf-box-item {
    width: 380px;
  }
}

@media only screen and (min-width: 568px) and (max-width: 868px) {
  .cf-boxes-list .cf-box-item {
    width: 450px;
  }
}

@media only screen and (min-width: 868px) and (max-width: 1150px) {
  .cf-boxes-list .cf-box-item {
    width: calc(50% - 10px);
  }
}

@media only screen and (min-width: 1150px) {
  .cf-boxes-list .cf-box-item {
    width: calc(33% - 10px);
  }
}

@media only screen and (min-width: 1350px) {
  .cf-boxes-list .cf-box-item {
    width: calc(25% - 10px);
  }
}

@media only screen and (min-width: 1800px) {
  .cf-boxes-list .cf-box-item {
    width: calc(20% - 10px);
  }
}

@media only screen and (max-width: 568px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: 310px;
  }
}

@media only screen and (min-width: 568px) and (max-width: 868px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: 400px;
  }
}

@media only screen and (min-width: 1048px) and (max-width: 1330px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(50% - 10px);
  }
}

@media only screen and (min-width: 1330px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(33% - 10px);
  }
}

@media only screen and (min-width: 1530px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(25% - 10px);
  }
}

@media only screen and (min-width: 1800px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(20% - 10px);
  }
}

.cf-boxes-list .cf-box-item.cf-box-button {
  cursor: pointer;
  border: 1px dashed #1abc9c;
  color: #1abc9c;
  font-weight: bold;
  font-size: 18px;
  background-color: transparent;
}

.cf-boxes-list .cf-box-item.cf-box-button .cdf-button, .cf-boxes-list .cf-box-item.cf-box-button .filters-bar .add-filter-value, .filters-bar .cf-boxes-list .cf-box-item.cf-box-button .add-filter-value, .cf-boxes-list .cf-box-item.cf-box-button .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-boxes-list .cf-box-item.cf-box-button .submit-selection__button {
  border-radius: 4px;
  font-size: 18px;
}

.cf-boxes-list .cf-box-item.cf-box-button .icon {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 20px;
}

.cf-boxes-list .cf-box-item .box-title {
  font-size: 20px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 80px);
}

.cf-boxes-list .cf-box-item .box-time {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #C7C7C7;
  font-weight: bold;
  font-size: 12px;
}

.cf-white-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.shield {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

* {
  scrollbar-color: #c0c0c0;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar:horizontal {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 5px;
  border: 1px solid #c0c0c0;
}

.cdf-radio-status {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 20px;
  text-align: center;
}

.cdf-radio-status:before {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  margin-bottom: 1px;
}

.cdf-radio-status--success {
  border-color: #1abc9c;
}

.cdf-radio-status--success:before {
  background-color: #1abc9c;
}

.cdf-radio-status--error {
  border-color: #eb5848;
}

.cdf-radio-status--error:before {
  background-color: #eb5848;
}

.cf-integration {
  background-color: #fff;
  border-radius: 0 3px 3px 3px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  margin: 10px 50px 50px;
  margin-top: 40px;
  padding: 20px;
  min-height: 500px;
}

.cf-integration .btn-save {
  background-color: #1abc9c !important;
  border-color: #1abc9c !important;
  color: #fff !important;
  font-weight: bold;
  margin-left: 30px;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  right: 16px;
  text-transform: uppercase;
  top: 12px;
}

.cf-integration .btn-save:hover, .cf-integration .btn-save:focus {
  background-color: #fff !important;
  color: #1abc9c !important;
}

.cf-integration .btn-save[disabled="disabled"] {
  background-color: #ebedef !important;
  border-color: #ebedef !important;
  color: #b4bece !important;
  opacity: 1;
}

.cf-integration .btn-test {
  top: 55px;
}

.cf-integration .cf-integration-slack .cf-integration-slack-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/slack.png");
  background-size: 64px;
  background-repeat: no-repeat;
}

.cf-integration .cf-integration-docker-hub .cf-integration-docker-hub-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/docker.png");
  background-size: 64px;
  background-repeat: no-repeat;
}

.cf-integration .cf-integration-docker-hub .cf-integration-docker-hub-info-field {
  padding-bottom: 10px;
}

.cf-integration .cf-integration-docker-hub .cf-integration-docker-hub-info-field .cf-integration-docker-hub-info-label {
  display: inline-block;
  margin: 0;
  width: 30%;
}

.cf-integration .cf-integration-docker-hub .cf-integration-docker-hub-info-field .cf-integration-docker-hub-info-input {
  width: 68%;
}

.cf-integration .cf-integration-docker-hub.active-integration {
  height: auto;
}

.cf-integration .cf-integration-hpe .cf-integration-hpe-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/hpe.png");
  background-size: 64px;
  background-repeat: no-repeat;
  background-position-y: center;
}

.cf-integration .cf-integration-hpe .cf-integration-hpe-info-field {
  padding-bottom: 10px;
}

.cf-integration .cf-integration-hpe .cf-integration-hpe-info-field .cf-integration-hpe-info-label {
  display: inline-block;
  margin: 0;
  width: 30%;
}

.cf-integration .cf-integration-hpe .cf-integration-hpe-info-field .cf-integration-hpe-info-input {
  width: 68%;
}

.cf-integration .cf-integration-hpe.active-integration {
  height: auto;
}

.cf-integration .cf-integration-onprem-stash .cf-integration-onprem-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/bitbucket_logo.png");
  background-size: 64px;
  background-repeat: no-repeat;
}

.cf-integration .cf-integration-onprem-github .cf-integration-onprem-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/GitHub-Mark-120px-plus.png");
  background-size: 64px;
  background-repeat: no-repeat;
}

.cf-integration .cf-integration-onprem-gitlab .cf-integration-onprem-logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url("/modules/cf.resources/images/gitlab_logo.png");
  background-size: 64px;
  background-repeat: no-repeat;
}

.cf-integration .cf-integration-onprem .cf-integration-onprem-field {
  padding-bottom: 10px;
}

.cf-integration .cf-integration-onprem .cf-integration-onprem-field .cf-integration-onprem-field-label {
  display: inline-block;
  margin: 0;
  width: 30%;
}

.cf-integration .cf-integration-onprem .cf-integration-onprem-field .cf-integration-onprem-field-input {
  width: 68%;
}

.cf-integration .cf-integration-onprem .cf-integration-onprem-field .cf-integration-onprem-field-checkbox {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-integration .cf-integration-onprem.active-integration {
  height: auto;
}

.cf-integration .cf-integration-onprem.active-integration .cf-integration-onprem-info {
  margin: 0;
}

.cf-integration-label {
  cursor: pointer;
}

.cf-integration-slack, .cf-integration-docker-hub, .cf-integration-onprem, .cf-integration-hpe {
  background-color: #f7f7f7;
  min-height: 90px;
  padding: 15px 0px 0px 15px;
}

.cf-integration-slack .media-body, .cf-integration-docker-hub .media-body, .cf-integration-onprem .media-body, .cf-integration-hpe .media-body {
  width: 1000px;
}

.cf-integration-slack .media-right, .cf-integration-docker-hub .media-right, .cf-integration-onprem .media-right, .cf-integration-hpe .media-right {
  position: relative;
  width: 436px;
}

.cf-integration-slack-checkbox, .cf-integration-docker-hub-checkbox, .cf-integration-onprem-checkbox, .cf-integration-hpe-checkbox {
  float: left;
}

.cf-integration-slack-checkbox .cf-checkbox label, .cf-integration-docker-hub-checkbox .cf-checkbox label, .cf-integration-onprem-checkbox .cf-checkbox label, .cf-integration-hpe-checkbox .cf-checkbox label {
  padding: 0 0 0 20px;
}

.cf-integration-slack-info, .cf-integration-docker-hub-info, .cf-integration-onprem-info, .cf-integration-hpe-info {
  float: left;
  font-size: 16px;
  line-height: 32px;
  margin: 17px 25px;
  width: 100%;
}

.cf-integration-slack-info .form-control, .cf-integration-docker-hub-info .form-control, .cf-integration-onprem-info .form-control, .cf-integration-hpe-info .form-control {
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  color: #46494a;
  display: inline-block;
  font-weight: 200;
  width: 55%;
}

.cf-integration-slack-info-label, .cf-integration-docker-hub-info-label, .cf-integration-onprem-info-label, .cf-integration-hpe-info-label {
  display: inline-block;
  margin-right: 20px;
}

.cf-integration-slack-info-question, .cf-integration-docker-hub-info-question, .cf-integration-onprem-info-question, .cf-integration-hpe-info-question {
  color: #46494a !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 22px;
  line-height: 34px;
  margin-left: 10px;
  vertical-align: middle;
}

.cf-integration-slack-info .cf-radio-wrap .cf-form-sub-label, .cf-integration-docker-hub-info .cf-radio-wrap .cf-form-sub-label, .cf-integration-onprem-info .cf-radio-wrap .cf-form-sub-label, .cf-integration-hpe-info .cf-radio-wrap .cf-form-sub-label {
  margin-bottom: 5px;
}

.cf-integration-slack-options, .cf-integration-docker-hub-options, .cf-integration-onprem-options, .cf-integration-hpe-options {
  width: 436px;
}

.cf-integration-slack-options .row, .cf-integration-docker-hub-options .row, .cf-integration-onprem-options .row, .cf-integration-hpe-options .row {
  margin-bottom: 11px;
}

.cf-integration-slack-options .cf-checkbox label, .cf-integration-docker-hub-options .cf-checkbox label, .cf-integration-onprem-options .cf-checkbox label, .cf-integration-hpe-options .cf-checkbox label {
  font-weight: normal;
}

.cf-account-collaborators {
  position: relative;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 50px;
  min-height: 600px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.cf-account-collaborators-search {
  position: absolute !important;
  top: -90px;
  right: 0px;
}

.cf-account-collaborators.is-empty {
  background-image: url("/modules/cf.resources/images/rockets.png");
  background-position: center 240px;
  background-repeat: no-repeat;
}

.cf-account-collaborators-title {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #1abc9c;
  font-size: 21px;
  font-weight: bold;
}

.cf-collaborators-form {
  margin-top: 30px;
  margin-bottom: 50px;
}

.cf-collaborators-form-title {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 34px;
  font-weight: bold;
  color: #464e5c;
}

.cf-collaborators-form-email {
  margin-left: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: #464e5c;
}

.cf-collaborators-form-email input {
  margin-left: 8px;
  width: 300px !important;
  border-color: #cfd3db !important;
  border-radius: 1px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-collaborators-form-email input:focus, .cf-collaborators-form-email input:hover, .cf-collaborators-form-email input:active, .cf-collaborators-form-email input.ng-invalid:not(.ng-dirty) {
  border-color: #cfd3db !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-collaborators-form-submit {
  border-color: #1abc9c;
  color: #1abc9c;
}

.cf-collaborators-form-submit[disabled="disabled"] {
  background-color: #f4f4f5 !important;
  border-color: #f4f4f5 !important;
  color: #81848a !important;
}

.cf-collaborators-form-submit:hover, .cf-collaborators-form-submit:focus {
  border-color: #1abc9c;
  background-color: #1abc9c;
  color: #fff;
}

.cf-collaborators-form-submit:active:not([disabled="disabled"]) {
  border-color: #1abc9c !important;
  color: #1abc9c !important;
  background-color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-collaborators-form-message {
  margin-left: 16px;
  width: 164px;
  font-size: 14px;
  color: #1abc9c;
  font-weight: bold;
}

.cf-collaborators-list {
  display: inline-block;
}

.cf-collaborator > td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-top: none !important;
  border-bottom: 1px solid #ddd;
}

.cf-collaborator-user {
  width: 200px;
}

.cf-collaborator-user .media-left {
  position: relative;
}

.cf-collaborator-user .media-body {
  position: relative;
}

.cf-collaborator-email {
  width: 280px;
}

.cf-collaborator-email .input-group-addon {
  background: transparent;
  border: none;
}

.cf-collaborator-email-container {
  font-size: 0;
}

.cf-collaborator-email-container-default {
  font-size: 14px;
  font-size: 14px;
  display: inline-block;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 250px;
  text-align: left;
}

.cf-collaborator-email .editable {
  font-size: 14px;
  width: 150px;
  display: inline-block;
  border-top: 1px solid #cfd3db;
  border-bottom: 1px solid #cfd3db;
  border-left: 1px solid #cfd3db;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 32px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-collaborator-email .btn-default {
  border-color: #cfd3db;
}

.cf-collaborator-email .btn-default:hover, .cf-collaborator-email .btn-default:active {
  border-color: #cfd3db;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.cf-collaborator-email .editable-error {
  display: none;
}

.cf-collaborator-email .editable-input {
  width: 150px;
  border-radius: 0px;
  border-color: #595f6b;
}

.cf-collaborator-email .editable-input:focus, .cf-collaborator-email .editable-input:hover {
  border-color: #595f6b;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-collaborator-email .editable-buttons .btn-primary {
  margin-left: 0;
  border-color: #595f6b;
  border-left: none;
  background-color: transparent;
  color: #46494a;
}

.cf-collaborator-email .editable-buttons .btn-primary:hover, .cf-collaborator-email .editable-buttons .btn-primary:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.cf-collaborator-email .editable-buttons .btn-default {
  display: none;
}

.cf-collaborator.is-pending .cf-collaborators-user-email {
  display: inline-block;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8B8D93;
}

.cf-collaborator.is-pending .cf-collaborators-user-title {
  color: #8B8D93;
}

.cf-collaborator-username {
  font-size: 14px;
}

.cf-collaborator-role label {
  font-weight: 400;
  margin-bottom: 0px;
  margin-right: 20px;
  line-height: 38px;
}

.cf-collaborator-role .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-collaborator-role .multiSelect > button {
  min-width: 153px;
  margin-bottom: 0;
}

.cf-collaborator-role .buttonLabel {
  width: 100%;
  text-align: left;
}

.cf-collaborator-sso .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-collaborator-sso label {
  font-weight: 400;
  margin-bottom: 0px;
  margin-right: 20px;
  line-height: 38px;
}

.cf-collaborator-sso .multiSelect > button {
  min-width: 135px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cf-collaborator-sso .buttonLabel {
  width: 100%;
  text-align: left;
}

.cf-collaborator-actions .btn-link {
  font-size: 20px;
  line-height: 26px;
  color: #464e5c;
}

.cf-collaborator-actions .btn-link:hover, .cf-collaborator-actions .btn-link:focus {
  color: #464e5c;
}

.cf-collaborator-image img {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: block;
}

.cf-collaborator-pending {
  width: 150px;
}

.cf-collaborator-pending span {
  display: inline-block;
  margin-top: 12px;
  color: #1abc9c;
}

@media (max-width: 1700px) {
  .cf-collaborator-actions .cf-hide-md {
    display: none;
  }
}

.cf-billing .billing-limit {
  padding: 0 50px;
  margin-bottom: 50px;
}

.cf-billing .update-payment-container {
  margin: 0 50px;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #DADADA;
  background: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-billing .update-payment-container > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.cf-billing .update-payment-label-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}

.cf-billing .compare-button-container {
  margin-top: 30px;
  text-align: center;
}

.cf-billing .compare-button-container a {
  background-color: transparent;
  color: #518FF6;
  border: 1px solid #518FF6;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 70px;
  text-decoration: none;
  display: inline-block;
}

.cf-billing .compare-button-container a:hover {
  background-color: #518FF6;
  color: #fff;
}

.cf-account-nodes {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 40px;
  margin-bottom: 50px;
}

.cf-account-nodes .nodes-toolbar {
  position: relative;
  z-index: 1;
}

.cf-account-nodes .nodes-list {
  margin-top: 20px;
}

.cf-account-nodes .cf-grid-view-empty {
  margin: 0;
}

.dialog-container.cf-add-node {
  background-image: none;
}

.dialog-container.cf-add-node .supported-node-list {
  margin: 30px 0;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dialog-container.cf-add-node .supported-node-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.dialog-container.cf-add-node .supported-node-list .supported-node {
  background-color: #f9f9f9;
  border: 1px solid rgba(128, 128, 128, 0.37);
  border-radius: 1px;
  width: 100px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: Lato;
  font-weight: bold;
}

.dialog-container.cf-add-node .supported-node-list .supported-node > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.dialog-container.cf-add-node .supported-node-list .supported-node .version {
  text-align: center;
}

.dialog-container.cf-add-node .add-node-command {
  text-align: center;
  padding: 5px;
  background: rgba(70, 78, 92, 0.23);
  border-radius: 2px;
  margin: 10px;
}

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

.node-tooltip h5 {
  margin-bottom: 5px;
}

.nodes-table .actions {
  width: 1px;
}

.cf-tokens {
  margin: 25px 50px;
  border: 1px solid #DADADA;
  background: #fff;
  margin-bottom: 10px;
  padding-right: 15px;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cf-tokens-title {
  color: #1abc9c;
  font-weight: bold;
  font-size: 21px;
  margin-bottom: 20px;
}

.cf-tokens-info-label {
  padding-right: 34px;
  font-size: 18px;
  font-weight: bold;
}

.cf-tokens-input {
  padding-right: 150px;
}

.cf-tokens-btn-copy {
  margin-left: -65px;
  background-color: transparent;
  border-color: transparent;
  color: rgba(30, 52, 236, 0.8);
  font-weight: bold;
  font-size: 15px;
}

.cf-tokens .form-control {
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  color: #46494a;
  display: inline-block;
  font-weight: 200;
  width: 55%;
}

.cf-tokens-docs {
  margin-left: 120px;
}

.account-integrations {
  padding: 0 50px;
}

.cf-image-registry-integration__item-ecr {
  background: url("/modules/cf.resources/images/icon-amazon-ecr.png") no-repeat;
}

.cf-image-registry-integration__item-docker-hub {
  background: url("/modules/cf.resources/images/icon-dockerhub.png") no-repeat;
}

.cf-image-registry-integration__item-dockerhub {
  background: url("/modules/cf.resources/images/icon-dockerhub.png") no-repeat;
}

.cf-image-registry-integration__item-bintray {
  background: url("/modules/cf.resources/images/icon-bintray.png") no-repeat;
}

.cf-image-registry-integration__item-gcr {
  background: url("/modules/cf.resources/images/icon-gcr.png") no-repeat;
}

.cf-image-registry-integration__item-cfcr {
  background: url("/modules/cf.resources/images/icon-cfcr.png") no-repeat;
}

.cf-image-registry-integration__item-private-registry {
  background: url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat;
}

.cf-image-registry-integration__item-other {
  background: url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat;
}

.cf-image-registry-integration__item-icon {
  vertical-align: middle;
  display: inline-block;
  width: 50px;
  height: 36px;
  background-position: center center;
}

.cf-image-registry-integration__item-label {
  vertical-align: middle;
}

.cf-image-registry-integration__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 7px;
}

.cf-image-registry-integration__separator {
  clear: both;
}

.cf-image-registry-integration__docker-icon {
  float: left;
  height: 80px;
  margin-top: -10px;
  margin-right: 20px;
}

.cf-image-registry-integration__registry-item {
  border: 1px solid #eee;
  margin-bottom: 5px;
}

.cf-image-registry-integration__registry-item--default {
  border-left-width: 4px;
  border-color: #1abc9c;
}

.cf-image-registry-integration__registry-item:hover {
  border-color: #1abc9c;
}

.cf-image-registry-integration__add-list {
  position: absolute;
  padding-top: 5px;
}

.cf-image-registry-integration__add-registry-btn {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

.cf-image-registry-integration__add-registry-btn button {
  vertical-align: middle;
}

.cf-image-registry-integration__add-registry-btn button img {
  width: 25px;
  padding-right: 4px;
}

.cf-image-registry-integration__add-registry-btn button span {
  vertical-align: middle;
}

.cf-image-registry-integration__add-registry-btn ul {
  margin: 0;
  padding: 0;
  background-color: #fff;
  white-space: nowrap;
  border: 1px solid #eee;
  padding: 5px 0 0 0;
}

.cf-image-registry-integration__add-registry-btn li {
  list-style: none;
  padding: 0px 15px 0px 10px;
  cursor: pointer;
  font-weight: bold;
}

api-tokens {
  width: 100%;
}

api-tokens .header {
  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;
}

api-tokens .header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

api-tokens .header .header-title {
  color: #4c4c4c;
}

api-tokens .header .header-title .main-title {
  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;
}

api-tokens .header .header-title .main-title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

api-tokens .header .header-title .main-title .main-title-text {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 21px;
}

api-tokens .header .header-title .main-title .codefresh-logo {
  margin-right: 8px;
}

api-tokens .header .header-title .sub-title {
  font-size: 13px;
  margin-top: 8px;
}

api-tokens .list {
  margin-top: 40px;
}

api-tokens .list table {
  width: 100%;
}

api-tokens .list table tr {
  color: #4c4c4c;
}

api-tokens .list table tr th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

api-tokens .list table tr.token-row:not(:last-of-type) {
  border-bottom: 1px solid #DADADA;
}

api-tokens .list table tr.token-row td {
  height: 50px;
}

api-tokens .list table tr.token-row td.actions {
  text-align: end;
  padding-right: 15px;
}

api-tokens .list table tr.token-row td.date {
  color: #828282;
}

body, html {
  background: #f5faf9;
  font-family: Lato;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.cf-main-container {
  min-height: 100vh;
  width: 100vw;
  min-width: 768px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-main-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-main-container .cf-main-view {
  height: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-main-container .cf-main-view > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-main-container .cf-main-view cf-side-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-main-container .cf-main-view cf-side-bar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-main-container .cf-main-view cf-side-bar .cf-side-bar {
  width: 66px;
  z-index: 100;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-main-container .cf-main-view cf-sub-side-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-main-container .cf-main-view .content-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: auto;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-main-container .cf-main-view .content-wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-main-container .cf-main-view .content-wrap .main-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: auto;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.cf-main-container .cf-main-view.large-sidebar .cf-side-bar {
  width: 246px;
}

/*
.modal-backdrop {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
*/
.uib-dropdown-menu {
  padding: 0px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.1);
}

.app-loader {
  position: fixed;
  background: #EDEDED;
  top: 60px;
  left: 66px;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.app-loader.loader-cover-all {
  background: transparent;
  top: 0;
  left: 0;
  padding-top: 60px;
  padding-left: 66px;
}

.cf-main-container.new-pipeline-view-FEATURE .app-loader {
  top: 60px;
}

.cf-main-container.new-pipeline-view-FEATURE .app-loader.loader-cover-all {
  padding-top: 60px;
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #0F9C8D;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.status-box {
  border-left: 10px solid #4c4c4c;
}

.status-box .status-box-text {
  color: #4c4c4c;
}

.status-box.status-box-pending {
  border-color: #ccc;
}

.status-box.status-box-pending .status-box-text {
  color: #ccc;
}

.status-box.status-box-terminated, .status-box.status-box-error {
  border-color: #eb5848;
}

.status-box.status-box-terminated .status-box-text, .status-box.status-box-error .status-box-text {
  color: #eb5848;
}

.status-box.status-box-success {
  border-color: #0F9C8D;
}

.status-box.status-box-success .status-box-text {
  color: #0F9C8D;
}

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

.cf-overlay-backdrop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: white;
  opacity: 0.6;
}

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

.cf-flex-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-container-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-flex-container-static > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-flex-align-center {
  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;
}

.cf-flex-align-center > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-container-header {
  font-size: 20px;
  color: #4c4c4c;
  padding-left: 50px;
}

.cf-container-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.cf-container-box {
  padding: 40px;
  background: #fff;
}

.modal-content-loading {
  min-height: 250px;
  min-width: 250px;
}

.dialog-container {
  margin: 15px;
  padding: 20px;
  background-color: #f5faf9;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dialog-container.modal-content-loading {
  background-image: none;
}

.dialog-container .cf-container-header {
  padding: 0;
  margin: 0 0 20px;
}

.cf-pre {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.full-h {
  height: 100%;
}

.cf-col-lg-1 {
  width: 8.33333%;
}

.cf-col-lg-2 {
  width: 16.66666%;
}

.cf-col-lg-3 {
  width: 24.99999%;
}

.cf-col-lg-4 {
  width: 33.33332%;
}

.cf-col-lg-5 {
  width: 41.66665%;
}

.cf-col-lg-6 {
  width: 49.99998%;
}

.cf-col-lg-7 {
  width: 58.33331%;
}

.cf-col-lg-8 {
  width: 66.66664%;
}

.cf-col-lg-9 {
  width: 74.99997%;
}

.cf-col-lg-10 {
  width: 83.3333%;
}

.cf-col-lg-11 {
  width: 91.66663%;
}

.cf-col-lg-12 {
  width: 99.99996%;
}

.cf-hide-lg {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .cf-col-md-1 {
    width: 8.33333%;
  }
  .cf-col-md-2 {
    width: 16.66666%;
  }
  .cf-col-md-3 {
    width: 24.99999%;
  }
  .cf-col-md-4 {
    width: 33.33332%;
  }
  .cf-col-md-5 {
    width: 41.66665%;
  }
  .cf-col-md-6 {
    width: 49.99998%;
  }
  .cf-col-md-7 {
    width: 58.33331%;
  }
  .cf-col-md-8 {
    width: 66.66664%;
  }
  .cf-col-md-9 {
    width: 74.99997%;
  }
  .cf-col-md-10 {
    width: 83.3333%;
  }
  .cf-col-md-11 {
    width: 91.66663%;
  }
  .cf-col-md-12 {
    width: 99.99996%;
  }
  .cf-hide-md {
    display: none;
  }
}

@media only screen and (max-width: 1000px) {
  .cf-col-sm-1 {
    width: 8.33333%;
  }
  .cf-col-sm-2 {
    width: 16.66666%;
  }
  .cf-col-sm-3 {
    width: 24.99999%;
  }
  .cf-col-sm-4 {
    width: 33.33332%;
  }
  .cf-col-sm-5 {
    width: 41.66665%;
  }
  .cf-col-sm-6 {
    width: 49.99998%;
  }
  .cf-col-sm-7 {
    width: 58.33331%;
  }
  .cf-col-sm-8 {
    width: 66.66664%;
  }
  .cf-col-sm-9 {
    width: 74.99997%;
  }
  .cf-col-sm-10 {
    width: 83.3333%;
  }
  .cf-col-sm-11 {
    width: 91.66663%;
  }
  .cf-col-sm-12 {
    width: 99.99996%;
  }
  .cf-hide-sm {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .cf-col-xs-1 {
    width: 8.33333%;
  }
  .cf-col-xs-2 {
    width: 16.66666%;
  }
  .cf-col-xs-3 {
    width: 24.99999%;
  }
  .cf-col-xs-4 {
    width: 33.33332%;
  }
  .cf-col-xs-5 {
    width: 41.66665%;
  }
  .cf-col-xs-6 {
    width: 49.99998%;
  }
  .cf-col-xs-7 {
    width: 58.33331%;
  }
  .cf-col-xs-8 {
    width: 66.66664%;
  }
  .cf-col-xs-9 {
    width: 74.99997%;
  }
  .cf-col-xs-10 {
    width: 83.3333%;
  }
  .cf-col-xs-11 {
    width: 91.66663%;
  }
  .cf-col-xs-12 {
    width: 99.99996%;
  }
  .cf-hide-xs {
    display: none;
  }
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #0F9C8D;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

cf-side-bar {
  z-index: 1011;
}

.cf-side-bar {
  position: relative;
  background-color: #11B5A4;
  font-size: 12px;
  -webkit-transition: width 350ms, margin-right 230ms;
  transition: width 350ms, margin-right 230ms;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-side-bar .icon-codefresh-projects-tab {
  font-size: 18px !important;
}

.cf-side-bar .icon-codefresh-user-settings {
  font-size: 20px !important;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.cf-side-bar .icon-codefresh-menu-environments {
  font-size: 20px !important;
}

.cf-side-bar .icon-codefresh-helm,
.cf-side-bar .icon-codefresh-boards {
  font-size: 26px !important;
}

.cf-side-bar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-side-bar__parent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  padding-bottom: 0 !important;
  overflow-x: hidden;
}

.cf-side-bar__parent-content {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-side-bar__parent-content .fa {
  position: relative;
  left: -20px;
  width: 4px;
}

.cf-side-bar__parent-content .fa::before {
  font-size: 10px;
}

.cf-side-bar__child {
  display: block;
  width: 100%;
  font-size: 12px !important;
  font-weight: bold;
  text-align: left;
  color: #e9fffd;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 46px;
  margin-left: 0;
  text-decoration: none !important;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in;
  border-left: 15px solid #11B5A4;
}

.cf-side-bar__child:hover {
  color: #fff;
}

.cf-side-bar__child:active, .cf-side-bar__child:visited {
  color: #fff;
}

.cf-side-bar__child.active, .cf-side-bar__child:hover {
  background-color: #2ebeaf;
}

.cf-side-bar .cf-side-bar-header {
  width: 100%;
  overflow: hidden;
  display: block;
  text-align: left;
  padding-left: 12px;
  height: 60px;
  vertical-align: middle;
  line-height: 60px;
  min-width: 128px;
}

.cf-side-bar .cf-side-bar-header .logo {
  width: 42px;
  height: 27px;
}

.cf-side-bar .cf-side-bar-header .brand-name {
  padding-left: 0px;
  width: 86px;
  height: 17px;
}

.cf-side-bar .cf-side-bar-header:hover {
  text-decoration: none;
}

.cf-side-bar .main-menu {
  margin-top: 18px;
}

.cf-side-bar .category-wrapper {
  position: relative;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  padding-top: 15px;
  -webkit-transition: padding 500ms;
  transition: padding 500ms;
}

.cf-side-bar .category-wrapper:first-child {
  margin-top: 0px;
}

.cf-side-bar h4.category-name {
  color: #0c6059;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.cf-side-bar h4.category-name > i {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 9px;
}

.cf-side-bar .nav {
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-side-bar .nav__beta {
  color: #1AFF86;
  font-size: 10px;
  border: 1px solid #1AFF86;
  padding: 1px 2px 2px 2px;
  margin-left: 2px;
}

.cf-side-bar .nav > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-side-bar .nav.grow-all {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-side-bar .nav.grow-nothing {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.cf-side-bar .nav-item {
  position: relative;
  color: inherit;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease-in, border-left-color ease-in 200ms;
  transition: background-color 200ms ease-in, border-left-color ease-in 200ms;
}

.cf-side-bar .nav-item-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: center;
  padding: 0px;
  font-size: 22px;
  margin: 0;
  width: 62px;
  max-width: 62px;
  color: #a8eee7;
  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;
}

.cf-side-bar .nav-item-icon > i::before {
  color: inherit;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
}

.cf-side-bar .nav-item-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-width: 0;
  overflow: hidden;
  color: #e9fffd;
}

.cf-side-bar .nav-item .nav-item-arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  left: auto;
  margin-top: -6px;
  width: 12px;
  height: 12px;
}

.cf-side-bar .nav-item-bottom {
  margin-top: auto;
}

.cf-side-bar .nav-item:hover, .cf-side-bar .nav-item.active, .cf-side-bar .nav-item.opened {
  background-color: #2ebeaf;
}

.cf-side-bar .nav-item:hover .nav-item-label, .cf-side-bar .nav-item.active .nav-item-label, .cf-side-bar .nav-item.opened .nav-item-label {
  color: #fff;
}

.cf-side-bar .nav-item:hover .nav-item-icon > i::before, .cf-side-bar .nav-item.active .nav-item-icon > i::before, .cf-side-bar .nav-item.opened .nav-item-icon > i::before {
  color: #fff;
}

.cf-side-bar .nav-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.cf-side-bar .nav.cf-sidebar-scroll {
  /* background of the scrollbar except button or resizer */
  /* scrollbar itself */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar {
  /* This is more usable for users trying to click it. */
  -webkit-border-radius: 100px;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:vertical {
  width: 8px;
  /* 1px wider than Lion. */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:horizontal {
  height: 8px;
  /* 1px wider than Lion. */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:hover {
  background-color: rgba(46, 190, 175, 0.5);
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(12, 96, 89, 0.3);
  border-radius: 100px;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(12, 96, 89, 0.6);
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb:active {
  background-color: #0c6059;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-button {
  display: none;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

.cf-side-bar .sidebar-size-toggler {
  width: 33px;
  height: 30px;
  line-height: 30px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 10px;
  background-color: #14A898;
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  z-index: 1052;
  border-radius: 10px 0 0 10px;
}

.cf-side-bar .sidebar-size-toggler:hover {
  background-color: #0b897c;
}

.cf-side-bar .sidebar-size-toggler i {
  display: inline-block;
}

.cf-side-bar.sub-side-bar-opened {
  margin-right: 328px;
}

.small-sidebar h4.category-name {
  display: none;
}

.small-sidebar .cf-side-bar {
  width: 66px;
}

.small-sidebar .cf-side-bar .nav {
  max-width: 66px;
}

.small-sidebar .cf-side-bar .nav.main-menu .nav {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: max-width 250ms ease-in;
  transition: max-width 250ms ease-in;
}

.small-sidebar .cf-side-bar .nav.main-menu .nav .cf-side-bar__child {
  display: none;
}

.small-sidebar .cf-side-bar .nav-item {
  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: 4px 0 4px 4px;
  width: auto;
  min-width: 66px;
  outline: none;
}

.small-sidebar .cf-side-bar .nav-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.small-sidebar .cf-side-bar .nav-item .nav-item-label {
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened {
  padding-left: 0;
  background-color: #11B5A4;
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened.active, .small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened:hover {
  background-color: #2ebeaf;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent .nav-item-label {
  padding-right: 40px;
}

.small-sidebar .cf-side-bar .nav-item .nav-item-arrow {
  right: 16px;
}

.small-sidebar .cf-side-bar .nav-item.active {
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item:hover {
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item.active, .small-sidebar .cf-side-bar .nav-item:hover {
  padding-left: 0;
}

.small-sidebar .cf-side-bar .nav-item.active .nav-item-icon, .small-sidebar .cf-side-bar .nav-item:hover .nav-item-icon {
  min-width: 62px;
}

.small-sidebar .cf-side-bar .nav .sidebar-label {
  display: block;
  min-width: 128px;
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.small-sidebar .cf-side-bar .category-wrapper {
  max-width: 66px;
  padding: 10px 0;
}

.small-sidebar .cf-side-bar .category-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  margin: auto;
  width: 30px;
  height: 1px;
  background-color: #0A8D7C;
}

.small-sidebar .cf-side-bar-header {
  min-width: 66px;
}

.large-sidebar .cf-side-bar .cf-side-bar-header {
  padding-left: 25px;
}

.large-sidebar .cf-side-bar .nav {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.large-sidebar .cf-side-bar .nav-item {
  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;
  width: 100%;
  outline: none;
  min-width: 246px;
  overflow: hidden;
  padding: 4px 0 4px 0;
  border-left: 3px solid #11B5A4;
}

.large-sidebar .cf-side-bar .nav-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.large-sidebar .cf-side-bar .nav-item:hover {
  padding-left: 0 !important;
}

.large-sidebar .cf-side-bar .nav-item.active, .large-sidebar .cf-side-bar .nav-item:hover {
  border-left: 3px solid #fff;
  padding-left: 0;
}

.large-sidebar .cf-side-bar .nav-item .nav-item-label {
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  padding-right: 37px;
  white-space: nowrap;
}

.large-sidebar .cf-side-bar .nav-item-parent .nav-item-label {
  padding-right: 37px;
}

.large-sidebar .cf-side-bar .nav .sidebar-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.large-sidebar .cf-side-bar .sidebar-size-toggler i {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.cf-side-bar.fixed {
  position: fixed;
  left: 0;
  top: 0;
}

.cf-side-bar.small-sidebar-hovered {
  width: 246px !important;
}

.cf-side-bar.small-sidebar-hovered .nav {
  max-width: initial;
}

.cf-side-bar.small-sidebar-hovered .nav.main-menu .nav .cf-side-bar__child {
  display: block;
}

.cf-side-bar.small-sidebar-hovered .nav.cf-sidebar-scroll {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.cf-side-bar.small-sidebar-hovered .nav-item {
  min-width: 246px;
}

.cf-side-bar.small-sidebar-hovered .sidebar-size-toggler {
  display: none;
}

.cf-side-bar.small-sidebar-hovered .category-wrapper {
  max-width: initial;
}

.cf-side-bar.small-sidebar-hovered .category-wrapper:before {
  display: none;
}

.cf-side-bar.small-sidebar-hovered .category-name {
  display: inline-block;
}

.reserved-width {
  width: 66px;
}

.cf-sub-side-bar .sub-side-bar-wrapper {
  height: 100%;
  position: relative;
  background: transparent;
  left: 0;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

.cf-sub-side-bar .sub-side-bar-wrapper .sub-side-bar-inner {
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.cf-sub-side-bar .sub-side-bar-wrapper.sub-side-bar-wrapper-closed {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  left: -100%;
}

.cf-sub-side-bar .sub-side-bar-wrapper.sub-side-bar-wrapper-closed .sub-side-bar-inner {
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}

.cf-sub-side-bar .sub-side-bar-wrapper.sub-side-bar-wrapper-opened {
  width: 180px;
  left: 0;
}

.cf-sub-side-bar .sub-side-bar-wrapper.sub-side-bar-wrapper-opened .sub-side-bar-inner {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sub-side-bar {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity, 400ms linear, -webkit-transform;
  transition: opacity, 400ms linear, -webkit-transform;
  transition: transform, opacity, 400ms linear;
  transition: transform, opacity, 400ms linear, -webkit-transform;
  z-index: 1010;
}

.sub-side-bar-wrapper.opened .sub-side-bar {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.cf-main-view .ng-table-counts {
  display: none !important;
}

.cf-main-view .ng-table-pager {
  text-align: center;
  position: relative;
  min-height: 32px;
  margin-bottom: 10px;
}

.cf-main-view .ng-table-pager .total {
  margin-top: 7px;
  display: inline-block;
}

.cf-main-view .ng-table-pager .page-size {
  position: absolute;
  left: 0;
}

.cf-main-view .ng-table-pager .page-size span.show-label {
  font-weight: bold;
  margin-right: 10px;
  position: relative;
  top: -10px;
}

.cf-main-view .ng-table-pager .page-size select-entity {
  display: inline-block;
}

.cf-main-view .ng-table-pager .page-size select-entity .cf-registry-selector {
  min-width: 65px;
  width: 65px;
}

.cf-main-view .ng-table-pagination {
  position: absolute;
  right: 0;
  margin-bottom: 0;
}

.cf-main-view .ng-table-pagination li {
  display: inline-block;
}

.cf-main-view .ng-table-pagination li a {
  border: none;
  background-color: transparent;
  color: #000;
}

.cf-main-view .ng-table-pagination li a.dots {
  background-color: transparent;
}

.cf-main-view .ng-table-pagination li.active a {
  background-color: #11b5a4;
  color: #fff;
}

.cf-main-view .ng-table-pagination li.prev {
  margin-right: 10px;
}

.cf-main-view .ng-table-pagination li.next {
  margin-left: 10px;
}

.cf-main-view .ng-table-pagination li.prev.disabled a, .cf-main-view .ng-table-pagination li.next.disabled a {
  background-color: #ccc;
}

.cf-main-view .ng-table-pagination li.prev a, .cf-main-view .ng-table-pagination li.next a {
  background-color: #11b5a4;
  color: #fff;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
}

.cf-main-view .ng-table-pagination li.prev a .fa-chevron-right, .cf-main-view .ng-table-pagination li.next a .fa-chevron-right {
  margin-left: 5px;
}

.cf-main-view .ng-table-pagination li.prev a .fa-chevron-left, .cf-main-view .ng-table-pagination li.next a .fa-chevron-left {
  margin-right: 5px;
}

.cf-top-bar .profile-list {
  list-style-type: none;
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #DBDBDB;
}

.cf-top-bar .profile-list:last-child {
  border-bottom: none;
}

.cf-top-bar .profile-list.content {
  padding: 0;
  border-bottom: none;
}

.cf-top-bar .profile-list__item {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 0;
}

.cf-top-bar .profile-list__item a {
  color: #2f2f2f;
  cursor: pointer;
}

.cf-top-bar .profile-list__item i {
  color: #888888;
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-right: 10px;
  font-size: 16px;
}

.cf-top-bar .profile-list__item i.icon-user-management {
  font-size: 14px;
}

.cf-top-bar .profile-list__item i.icon-codefresh-profile-logout {
  text-align: right;
  padding-left: 3px;
}

.cf-top-bar .profile-list__item a i:before {
  color: #888888;
}

.cf-top-bar .profile-list__item a:hover {
  color: black;
  text-decoration: none;
}

.cf-top-bar .profile-list__item a:hover i:before {
  color: black;
  text-decoration: none;
}

.cf-top-bar .profile-list__item-nested {
  padding: 0;
}

.cf-top-bar .profile-list__item-nested .title {
  margin-bottom: 5px;
}

.cf-top-bar .profile-list__item-nested .content .profile-list__item {
  font-weight: normal;
}

.cf-top-bar .profile-list__item-nested .content .profile-list__item.active a {
  color: black;
  font-weight: bold;
}

.profile-menu__wrap {
  position: absolute !important;
  right: 0 !important;
  background-color: #FFFFFF !important;
  padding: 0;
  -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
          box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.55) !important;
  top: 100%;
  left: auto;
  margin-top: 0px;
  min-width: 430px;
}

.profile-menu__wrap_without-widget {
  min-width: 250px;
}

.profile-menu__wrap_without-widget .profile-menu__list {
  width: 100%;
}

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

.profile-menu__widget {
  width: 40%;
  background-color: #11b5a4;
  max-width: 180px;
}

.profile-menu__list {
  width: 60%;
  padding: 8px 21px 2px 14px;
}

.full-user-label, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label {
  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;
  font-size: 13px;
  line-height: 1.5;
}

.full-user-label > *, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > *, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.full-user-label > .user-label, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label {
  width: 166px;
  -webkit-transition: width 3s;
  transition: width 3s;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.full-user-label > .user-label > .account-name, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .account-name, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .account-name, .full-user-label > .user-label > .user-name, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .user-name, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .user-name {
  color: #4c4c4c;
  text-overflow: ellipsis;
  overflow: hidden;
}

.full-user-label > .user-label > .account-name, .large-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .account-name, .small-sidebar user-profile .cf-user-profile.dropdown > a .sidebar-label > .user-label > .account-name {
  color: #828282;
}

.large-sidebar .cf-side-bar user-profile.nav {
  overflow: inherit;
}

user-profile .cf-user-profile.dropdown {
  width: 100%;
}

user-profile .cf-user-profile.dropdown.dropdown.open > a {
  background-color: transparent;
  border: none;
}

user-profile .cf-user-profile.dropdown.dropdown.open > a:hover {
  background-color: transparent;
  border: none;
}

user-profile .cf-user-profile.dropdown.dropdown.open > .open:hover {
  background-color: transparent;
}

user-profile .cf-user-profile.dropdown.dropdown.open > .open > ul {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
}

user-profile .cf-user-profile.dropdown.dropdown.open .dropdown-menu {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  float: none;
  background-color: #0F9C8D;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  font-size: 13px;
}

user-profile .cf-user-profile.dropdown.dropdown.open .dropdown-menu > li.divider, user-profile .cf-user-profile.dropdown.dropdown.open .dropdown-menu > ul > li.divider {
  background: #0F9C8D;
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

user-profile .cf-user-profile.dropdown.dropdown.open .dropdown-menu > li > a:hover, user-profile .cf-user-profile.dropdown.dropdown.open .dropdown-menu > ul > li > a:hover {
  background-color: transparent;
}

user-profile .cf-user-profile.dropdown a {
  cursor: pointer;
}

user-profile .cf-user-profile.dropdown > a {
  display: inline-block;
  padding: 0;
  margin-top: auto;
  min-width: 66px;
  text-decoration: none;
  height: 58px;
  overflow: hidden;
  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;
}

user-profile .cf-user-profile.dropdown > a > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

user-profile .cf-user-profile.dropdown > a .user-avatar {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0px;
}

user-profile .cf-user-profile.dropdown > a .user-avatar cf-avatar {
  display: block;
  margin: 0;
}

user-profile .cf-user-profile.dropdown > a .user-avatar cf-avatar .cf-avatar {
  width: 42px;
  height: 42px;
  margin-right: 4px;
}

user-profile .cf-user-profile.dropdown > a .sidebar-label {
  color: #fff;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 13px;
}

user-profile .cf-user-profile.dropdown > a:hover {
  text-decoration: none;
}

user-profile .cf-user-profile.dropdown > a .profile-menu-icon {
  margin: 0 10px 0 5px;
}

.cf-main-container.new-pipeline-view-FEATURE user-profile .cf-user-profile.dropdown > a {
  height: 60px;
}

.vertical-line-pseudo-element {
  position: relative;
}

.vertical-line-pseudo-element:before {
  content: '';
  display: block;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: #DBDBDB;
}

.cf-top-bar-docs, .cf-top-bar .dropdown-multiselect .multiSelect {
  line-height: 60px;
  height: 60px;
  display: block;
}

.cf-top-bar-docs i, .cf-top-bar .dropdown-multiselect .multiSelect i {
  font-weight: bold;
}

.dropdown-open-to-left, .cf-top-bar .help-dropdown .dropdown-menu {
  right: -50px;
  left: auto;
  margin: 0 2px;
}

.top-bar-dropdown, .cf-top-bar .help-dropdown .dropdown-menu {
  border-radius: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 20px 10px;
}

.cf-top-bar {
  z-index: 1010;
  top: 0;
  left: 66px;
  right: 0;
  padding: 0 50px;
  background-color: #fff;
  height: 60px;
  color: #44504f;
  font-size: 14px;
  border-bottom: 1px solid #ebedef;
}

.cf-top-bar .top-bar-content {
  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;
  width: 100%;
  height: 100%;
}

.cf-top-bar .top-bar-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-top-bar .cf-top-bar-start {
  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;
  min-width: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-right: 10px;
}

.cf-top-bar .cf-top-bar-start > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-top-bar .cf-top-bar-start span.cf-topbar-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cf-top-bar .cf-top-bar-start a.cf-topbar-title-public-link {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.cf-top-bar .cf-top-bar-start img.cf-topbar-title-public-logo {
  height: 17px;
  width: 86px;
  margin-left: 19px;
}

.cf-top-bar .cf-top-bar-start img.cf-topbar-title-public-logo-icon {
  height: 27px;
  width: 48px;
  position: fixed;
  left: 22px;
  top: 17px;
}

.cf-top-bar .cf-top-bar-start .fa-chevron-right {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 5px;
}

.cf-top-bar .cf-top-bar-start > * {
  height: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
}

.cf-top-bar .cf-top-bar-start .cf-topbar-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: block;
  font-size: 21px;
  font-weight: 300;
}

.cf-top-bar .cf-top-bar-start .cf-topbar-title--link {
  color: #518FF6;
  cursor: pointer;
}

.cf-top-bar .cf-top-bar-start .cf-topbar-title--link:hover {
  text-decoration: underline;
}

.cf-top-bar .cf-top-bar-start cf-bread-crumb {
  min-width: 0;
}

@media only screen and (max-width: 768px) {
  .cf-top-bar .cf-top-bar-start .cf-top-bar-start-public-inner {
    display: block !important;
  }
  .cf-top-bar .cf-top-bar-start > * {
    display: none !important;
  }
}

@media only screen and (max-width: 530px) {
  .cf-top-bar .cf-top-bar-start .cf-topbar-title-public-logo {
    display: none !important;
  }
}

.cf-top-bar .cf-top-bar-end {
  padding-right: 240px;
  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;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cf-top-bar .cf-top-bar-end user-profile {
  margin-right: -50px;
  top: 0;
  position: absolute;
  right: 50px;
  z-index: 100;
}

.cf-top-bar .cf-top-bar-end user-profile .dropdown-toggle {
  background-color: #fff;
  color: #000;
}

.cf-top-bar .cf-top-bar-end user-profile .sidebar-label {
  color: #000 !important;
}

.cf-top-bar .cf-top-bar-end user-profile a[uib-dropdown-toggle] {
  padding: 0 10px;
}

.cf-top-bar .cf-top-bar-end__try-pro {
  font-weight: bold;
}

.cf-top-bar .cf-top-bar-end__try-pro i {
  font-size: 8px;
  position: relative;
  top: -2px;
  margin: 0 4px;
}

.cf-top-bar .cf-top-bar-end > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-top-bar .cf-top-bar-end > * {
  max-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 40px;
}

.cf-top-bar .cf-top-bar-end-public {
  padding-right: 0px;
}

.cf-top-bar .cf-top-bar-end-public a {
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}

.cf-top-bar .cf-top-bar-end-public a.box {
  margin-left: 50px;
  padding: 8px 30px;
  border: 1px solid white;
}

.cf-top-bar .cf-top-bar-end-public a.box:hover {
  background: #19ccb9;
  text-decoration: none;
}

.cf-top-bar .cf-top-bar-end-public img {
  position: fixed;
  top: 68px;
  right: 57px;
  width: 380px;
  height: 102px;
}

@media only screen and (max-width: 530px) {
  .cf-top-bar .cf-top-bar-end-public .cf-top-bar-end-public-login {
    display: none !important;
  }
}

.cf-top-bar a {
  color: #44504f;
}

.cf-top-bar .cf-runtime-envs-status {
  white-space: nowrap;
}

.cf-top-bar .help-dropdown .dropdown-menu {
  padding: 10px 5px;
  right: 0;
}

.cf-top-bar .help-dropdown cf-help {
  margin-right: 5px;
  margin-top: -3px;
}

.cf-top-bar .help-dropdown .help-item-icon {
  margin-right: 7px;
}

.cf-top-bar .help-dropdown .icon {
  font-size: 24px;
  position: relative;
  bottom: -5px;
  margin-right: 5px;
}

.cf-top-bar .help-dropdown .help-dropdown-header:hover {
  background: transparent;
  cursor: default;
}

.cf-top-bar .help-dropdown .help-video-item {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #44504f;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}

.cf-top-bar .help-dropdown .help-video-item:hover {
  background-color: #f7f7f7;
}

.cf-top-bar .help-dropdown li a {
  padding: 0 30px 5px 5px;
}

.cf-top-bar .help-dropdown .dropdown-submenu {
  position: relative;
}

.cf-top-bar .help-dropdown .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0;
}

.cf-top-bar .help-dropdown .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.cf-top-bar .help-dropdown .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 2px;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  margin-right: -10px;
}

.cf-top-bar .help-dropdown .dropdown-submenu:hover > a:after {
  border-left-color: #b3b3b3;
}

.cf-top-bar .help-dropdown .dropdown-submenu.pull-left {
  float: none;
}

.cf-top-bar .help-dropdown .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

.cf-top-bar .uib-dropdown-toggle i {
  font-size: 14px;
  margin-left: 2px;
  margin-top: 2px;
  vertical-align: middle;
}

.cf-main-container.new-pipeline-view-FEATURE .cf-top-bar-docs, .cf-main-container.new-pipeline-view-FEATURE .cf-top-bar .dropdown-multiselect .multiSelect, .cf-top-bar .dropdown-multiselect .cf-main-container.new-pipeline-view-FEATURE .multiSelect {
  line-height: 60px;
  height: 60px;
}

.cf-main-container.new-pipeline-view-FEATURE .cf-top-bar {
  height: 60px;
}

.cf-main-container.new-pipeline-view-FEATURE user-profile .dropdown-toggle {
  background-color: transparent;
}

.cf-top-bar.new-pipeline-view-FEATURE {
  padding: 0 50px 0 20px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-user-profile.vertical-line-pseudo-element:before {
  left: -14px;
  height: 27px;
}

.cf-top-bar.new-pipeline-view-FEATURE .top-bar__build-details-wrap.vertical-line-pseudo-element:before {
  left: 0;
  height: 27px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end {
  padding-right: 255px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end.no-add-repos-button {
  padding-right: 235px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .cf-top-bar-docs.help-dropdown, .cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .dropdown-multiselect .help-dropdown.multiSelect, .cf-top-bar.new-pipeline-view-FEATURE .dropdown-multiselect .cf-top-bar-end .help-dropdown.multiSelect {
  padding-right: 37px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .cf-top-bar-docs.help-dropdown .align-to-icon span, .cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .dropdown-multiselect .help-dropdown.multiSelect .align-to-icon span, .cf-top-bar.new-pipeline-view-FEATURE .dropdown-multiselect .cf-top-bar-end .help-dropdown.multiSelect .align-to-icon span {
  color: #4c4c4c;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 7px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button {
  padding: 1px 10px 4px;
  border-radius: 3px;
  border-color: #11b5a4;
  background-color: #11b5a4;
  color: #fff;
  font-weight: bold;
  margin-top: 6px;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button:hover, .cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button:focus {
  border-color: #1bbfae;
  background-color: #1bbfae;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #07ab9a;
  background-color: #07ab9a;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button .btn-title {
  display: none;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details-wrap .create-project__button .create-project__add-icon {
  font-size: 8px;
  font-weight: bold;
  display: inline;
}

.cf-top-bar.new-pipeline-view-FEATURE .cf-top-bar-end .top-bar__build-details {
  text-decoration: none;
  display: block;
}

.cf-top-bar-public {
  position: fixed;
  left: 0px;
  background-color: #11B5A4;
  border-bottom: 1px solid #0aab9c;
  padding-right: 22px;
}

.cf-top-bar-public-spacer {
  height: 60px;
}

.align-to-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;
}

.align-to-icon > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.align-to-icon > i {
  margin-right: 5px;
}

.cf-breadcrumb {
  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;
  font-size: 16px;
  font-weight: 600;
}

.cf-breadcrumb > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-breadcrumb > * {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 5px;
}

.cf-breadcrumb .projects-crumbs, .cf-breadcrumb .images-crumbs {
  white-space: nowrap;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 21px;
  color: #2f2f2f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -4px;
}

.cf-breadcrumb .projects-crumbs .cf-breadcrumb-divider, .cf-breadcrumb .images-crumbs .cf-breadcrumb-divider {
  margin: 0 10px;
}

.cf-breadcrumb .dropdown-multiselect {
  max-width: 90%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-breadcrumb .multiSelect {
  max-width: 100%;
}

.cf-breadcrumb .multiSelect .buttonLabel {
  display: inline-block;
  max-width: 600px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 30px 0 0;
}

.cf-breadcrumb .multiSelect .caret {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px !important;
}

.cf-breadcrumb .multiSelect > button {
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  color: #2f2f2f;
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  max-width: 100%;
  max-height: 100%;
}

.cf-breadcrumb .checkboxLayer {
  font-size: 16px;
  line-height: 20px;
  top: 100%;
}

.cf-breadcrumb .checkBoxContainer {
  max-height: 250px;
  overflow-y: scroll;
}

.cf-breadcrumb-title {
  display: inline-block;
  margin-right: 10px;
}

.cf-breadcrumb-loading {
  margin-left: 5px;
}

.cf-breadcrumb-favorite {
  position: relative;
  display: inline-block;
  top: 0px;
  height: 22px;
  width: 20px;
}

.cf-breadcrumb-favorite .cf-favorite {
  position: static;
  width: 20px;
  height: 22px;
}

.cf-breadcrumb .open-dropdown {
  margin-top: 2px;
  margin-left: -27px;
}

.cf-breadcrumb .fa-ellipsis-h {
  display: none;
}

.cf-breadcrumb-divider {
  font-size: 16px;
  color: #4c4c4c;
  margin: 0 5px;
}

.btn {
  border-radius: 0;
}

.btn-cf-white {
  background: #fff;
  border: #393939 2px solid;
  color: #1abc9c;
  font-weight: 700;
  text-align: left;
}

.btn-cf-gray {
  background: #909090;
  border-width: 0px !important;
  text-align: center;
  color: #656565;
  font-weight: 700;
}

.error .message h1 {
  font-size: 200px;
  color: #FF7A00;
  text-align: center;
  margin-bottom: 1px;
  text-shadow: 4px 4px 1px white;
}

.error .message p {
  color: #B1A18D;
  font-size: 20px;
  margin-top: 1px;
  text-align: center;
}

.error .message p span {
  color: lightgreen;
}

.error .sub a {
  color: #ff7a00;
  text-decoration: none;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
}

/*

    Name:       seti
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original seti color scheme by Jesse Weed (https://github.com/jesseweed/seti-syntax)

*/
.cm-s-seti.CodeMirror {
  background-color: #151718 !important;
  color: #CFD2D1 !important;
  border: none;
}

.cm-s-seti .CodeMirror-gutters {
  color: #404b53;
  background-color: #0E1112;
  border: none;
}

.cm-s-seti .CodeMirror-cursor {
  border-left: solid thin #f8f8f0;
}

.cm-s-seti .CodeMirror-linenumber {
  color: #6D8A88;
}

.cm-s-seti.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::selection, .cm-s-seti .CodeMirror-line > span::selection, .cm-s-seti .CodeMirror-line > span > span::selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti .CodeMirror-line::-moz-selection, .cm-s-seti .CodeMirror-line > span::-moz-selection, .cm-s-seti .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-seti span.cm-comment {
  color: #41535b;
}

.cm-s-seti span.cm-string, .cm-s-seti span.cm-string-2 {
  color: #55b5db;
}

.cm-s-seti span.cm-number {
  color: #cd3f45;
}

.cm-s-seti span.cm-variable {
  color: #55b5db;
}

.cm-s-seti span.cm-variable-2 {
  color: #a074c4;
}

.cm-s-seti span.cm-def {
  color: #55b5db;
}

.cm-s-seti span.cm-keyword {
  color: #ff79c6;
}

.cm-s-seti span.cm-operator {
  color: #9fca56;
}

.cm-s-seti span.cm-keyword {
  color: #e6cd69;
}

.cm-s-seti span.cm-atom {
  color: #cd3f45;
}

.cm-s-seti span.cm-meta {
  color: #55b5db;
}

.cm-s-seti span.cm-tag {
  color: #55b5db;
}

.cm-s-seti span.cm-attribute {
  color: #9fca56;
}

.cm-s-seti span.cm-qualifier {
  color: #9fca56;
}

.cm-s-seti span.cm-property {
  color: #a074c4;
}

.cm-s-seti span.cm-variable-3 {
  color: #9fca56;
}

.cm-s-seti span.cm-builtin {
  color: #9fca56;
}

.cm-s-seti .CodeMirror-activeline-background {
  background: #101213;
}

.cm-s-seti .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

.admin-bubble {
  position: absolute;
  z-index: 999;
  bottom: 0;
  right: 0;
  background-color: #0F9C8D;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px 0 0 0;
  width: 150px;
  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;
}

.admin-bubble > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.admin-bubble .user-avatar {
  padding-right: 10px;
}

.input-default {
  padding: 8px;
  font-size: 14px;
  color: #656565;
  border: 1px solid #DADADA;
  font-style: italic;
}

.input-default.ng-invalid.ng-dirty {
  border-color: #eb5848;
}

.input-default:focus {
  outline: none;
  -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.button-default, .auth-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.not-compatible {
  padding: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 100vw;
  height: 100%;
  min-height: 100vh;
  background: #0F9C8D;
}

.not-compatible .content-wrap {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.not-compatible .content-wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.not-compatible .message-container {
  width: 80%;
  max-width: 300px;
  font-size: 16px;
  text-align: center;
}

.not-compatible h1 {
  margin: 0;
  padding: 10px;
  font-weight: 700;
  color: #fff;
}

.not-compatible .logo-small {
  width: 25%;
  max-width: 100px;
}

.not-compatible .logo-small img {
  width: 100%;
}

.not-compatible .superfresh-container {
  width: 100vw;
  height: 100vw;
  max-width: 400px;
  max-height: 400px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.not-compatible .superfresh-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 400px) and (max-height: 610px), (device-aspect-ratio: 2 / 3) {
  .not-compatible .superfresh-container {
    max-width: 50vh;
    max-height: 50vh;
  }
}

.not-compatible .superfresh-container .superfresh {
  width: 80%;
  -webkit-animation: superfresh-enter 2s;
          animation: superfresh-enter 2s;
}

@-webkit-keyframes superfresh-enter {
  0% {
    -webkit-transform: translate3d(-150%, 30%, 0);
            transform: translate3d(-150%, 30%, 0);
  }
  60% {
    -webkit-transform: translate3d(-10%, -10%, 0);
            transform: translate3d(-10%, -10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes superfresh-enter {
  0% {
    -webkit-transform: translate3d(-150%, 30%, 0);
            transform: translate3d(-150%, 30%, 0);
  }
  60% {
    -webkit-transform: translate3d(-10%, -10%, 0);
            transform: translate3d(-10%, -10%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.auth-views-holder {
  display: block;
  width: 100%;
}

.auth-screen, .auth-login-main-screen {
  background: #0F9C8D url(/modules/cf.resources/images/auth/auth-bg.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
  min-width: 100vw;
  height: 100%;
  min-height: 100vh;
}

.auth-login-main-screen {
  background: radial-gradient(540px at 50% 50%, #fff 0%, #6e6d6d 0.01%, #545454 100%);
  overflow-x: hidden;
}

.auth-main, .auth-login-main {
  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: 2;
      -ms-flex: 2;
          flex: 2;
  padding: 50px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-size: 1.6rem;
  text-align: center;
}

.auth-main hr, .auth-login-main hr {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
  width: 70%;
}

.auth-main .auth-main-header, .auth-login-main .auth-main-header {
  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-bottom: 40px;
}

.auth-main .auth-main-header.plan-selector-header, .auth-login-main .auth-main-header.plan-selector-header {
  width: 100%;
  max-width: 1000px;
}

.auth-main .auth-main-header.plan-selector-header .plan-header-container, .auth-login-main .auth-main-header.plan-selector-header .plan-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.auth-main .auth-main-header.plan-selector-header .plan-header-container .back-button, .auth-login-main .auth-main-header.plan-selector-header .plan-header-container .back-button {
  font-weight: bold;
  cursor: pointer;
}

.auth-main .auth-main-header.plan-selector-header h1, .auth-login-main .auth-main-header.plan-selector-header h1 {
  font-size: 4rem;
}

.auth-main .auth-main-header .auth-main-header-logo, .auth-login-main .auth-main-header .auth-main-header-logo {
  margin-bottom: 30px;
}

.auth-main .auth-main-header h1, .auth-login-main .auth-main-header h1 {
  color: #FFF;
  font-weight: 700;
  font-size: 6rem;
  margin: 0;
  text-transform: uppercase;
}

.auth-main .auth-main-header h2, .auth-login-main .auth-main-header h2 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 20px;
}

.auth-main .auth-main-header p, .auth-login-main .auth-main-header p {
  font-size: 1.5rem;
}

.auth-main .auth-login-main__form-container, .auth-login-main .auth-login-main__form-container {
  position: relative;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(0, -313px);
  transform: translate(0, -313px);
}

.auth-main .auth-login-main__form-container.ldap-provider, .auth-login-main .auth-login-main__form-container.ldap-provider {
  -webkit-transform: translate(0, -353.5px);
  transform: translate(0, -353.5px);
}

.auth-main .auth-login-main-form, .auth-login-main .auth-login-main-form, .auth-main .auth-signup-main-form, .auth-login-main .auth-signup-main-form {
  width: 695px;
  min-height: 458px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2px, Color='#40000000');
}

.auth-main .auth-login-main__header-wrapper, .auth-login-main .auth-login-main__header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-main .auth-login-main__header, .auth-login-main .auth-login-main__header {
  color: #30bb9e;
  font-size: 32px;
  font-family: Lato;
  font-weight: bold;
  margin-top: 45px;
  margin-bottom: 0;
}

.auth-main .auth-login-main__buttons-container, .auth-login-main .auth-login-main__buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 32px 0;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-github, .auth-login-main .auth-login-main__buttons-container .js-btn-login-github {
  background-color: #353535;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-github:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-github:hover {
  background-color: #494949;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-github:hover .auth-login-main__brand-icon--github, .auth-login-main .auth-login-main__buttons-container .js-btn-login-github:hover .auth-login-main__brand-icon--github {
  background-color: #323232;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-gitlab, .auth-login-main .auth-login-main__buttons-container .js-btn-login-gitlab {
  background-color: #e65328;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-gitlab:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-gitlab:hover {
  background-color: #f05d32;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-gitlab:hover .auth-login-main__brand-icon--gitlab, .auth-login-main .auth-login-main__buttons-container .js-btn-login-gitlab:hover .auth-login-main__brand-icon--gitlab {
  background-color: #e65332;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-bitbucket, .auth-login-main .auth-login-main__buttons-container .js-btn-login-bitbucket {
  background-color: #0052cc;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-bitbucket:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-bitbucket:hover {
  background-color: #1466e0;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-bitbucket:hover .auth-login-main__brand-icon--bitbucket, .auth-login-main .auth-login-main__buttons-container .js-btn-login-bitbucket:hover .auth-login-main__brand-icon--bitbucket {
  background-color: #0043a9;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-google, .auth-login-main .auth-login-main__buttons-container .js-btn-login-google {
  background-color: #fbbc05;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-google:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-google:hover {
  background-color: #ffd019;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-google:hover .auth-login-main__brand-icon--google, .auth-login-main .auth-login-main__buttons-container .js-btn-login-google:hover .auth-login-main__brand-icon--google {
  background-color: #fcb11a;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-azure, .auth-login-main .auth-login-main__buttons-container .js-btn-login-azure {
  background-color: #0072c6;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-azure:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-azure:hover {
  background-color: #1486da;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-azure:hover .auth-login-main__brand-icon--azure, .auth-login-main .auth-login-main__buttons-container .js-btn-login-azure:hover .auth-login-main__brand-icon--azure {
  background-color: #006ed8;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-codefresh, .auth-login-main .auth-login-main__buttons-container .js-btn-login-codefresh {
  background-color: #11b5a4;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-codefresh:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-codefresh:hover {
  background-color: #25c9b8;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-codefresh:hover .auth-login-main__brand-icon--codefresh, .auth-login-main .auth-login-main__buttons-container .js-btn-login-codefresh:hover .auth-login-main__brand-icon--codefresh {
  background-color: #0e9688;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-ldap, .auth-login-main .auth-login-main__buttons-container .js-btn-login-ldap {
  background-color: #CC2025;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-ldap:hover, .auth-login-main .auth-login-main__buttons-container .js-btn-login-ldap:hover {
  background-color: #dd282d;
}

.auth-main .auth-login-main__buttons-container .js-btn-login-ldap:hover .auth-login-main__brand-icon--ldap, .auth-login-main .auth-login-main__buttons-container .js-btn-login-ldap:hover .auth-login-main__brand-icon--ldap {
  background-color: #CC2025;
}

.auth-main .auth-login-main__brand-button, .auth-login-main .auth-login-main__brand-button {
  width: 30%;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: Lato;
  height: 40px;
  margin: 8px 0;
  padding: 0;
  border: none;
}

.auth-main .auth-login-main__brand-button--light, .auth-login-main .auth-login-main__brand-button--light {
  opacity: 0.5;
}

.auth-main .auth-login-main__button-content, .auth-login-main .auth-login-main__button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.auth-login-main__button-name {
  padding-left: 15px;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.auth-login-main__brand-icon {
  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;
  width: 45px;
  height: 100%;
}

.auth-login-main__brand-icon--github {
  background-color: #252525;
}

.auth-login-main__brand-icon--gitlab {
  background-color: #e2401c;
}

.auth-login-main__brand-icon--bitbucket {
  background-color: #00398f;
}

.auth-login-main__brand-icon--google {
  background-color: #faa803;
}

.auth-login-main__brand-icon--azure {
  background-color: #0061be;
}

.auth-login-main__brand-icon--codefresh {
  background-color: #0c7f73;
}

.auth-login-main__brand-icon--ldap {
  background-color: #b61d21;
}

.auth-login-main__brand-icon--sso {
  background-color: #565a60;
}

.auth-login-main__brand-icon--sso .icon-codefresh-profile-accounts-settings:before {
  color: #fff;
}

.auth-login-main__subtitle {
  color: #525252;
  font-size: 17px;
  font-family: Lato;
}

.auth-main-form {
  max-width: 100%;
  width: 320px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.auth-main-form.ng-submitted .ng-invalid {
  border: 1px solid red;
}

.auth-main-form .auth-main-form-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-main-form .auth-main-form-inputs label {
  text-align: left;
  width: 100%;
}

.auth-main-form .auth-main-form-inputs .auth-plan-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.auth-main-form .auth-main-form-inputs .auth-plan-label-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.auth-main-form .auth-main-form-inputs .auth-plan-label-container label {
  width: auto;
}

.auth-main-form .auth-main-form-inputs .auth-plan-label-container a, .auth-main-form .auth-main-form-inputs .auth-plan-label-container a:hover, .auth-main-form .auth-main-form-inputs .auth-plan-label-container a:visited, .auth-main-form .auth-main-form-inputs .auth-plan-label-container a:active {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #ffff00;
  font-weight: bold;
}

.auth-login-main-form-error {
  font-family: Lato;
  font-weight: bold;
  line-height: normal;
  color: #eb5848;
  position: absolute;
  bottom: -22px;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
}

.auth-main-form-error {
  color: red;
  font-weight: bold;
}

.auth-btn {
  background: #ffff00;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  color: #4f4f4f;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 15px;
  position: relative;
  margin-bottom: 10px;
  min-height: 52px;
  text-transform: uppercase;
  width: 100%;
}

.auth-btn:hover, .auth-btn:focus, .auth-btn[disabled] {
  background: #ffff74;
  position: relative;
  top: 1px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.auth-btn:active {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale3d(0.98, 0.98, 1);
          transform: scale3d(0.98, 0.98, 1);
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
  color: #333;
}

.auth-btn[disabled] {
  color: #999;
  opacity: 0.95;
}

.auth-btn.auth-btn-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.auth-input-wrap, .auth-login-input-wrap {
  position: relative;
  text-align: left;
}

.auth-input-wrap .auth-input, .auth-login-input-wrap .auth-input {
  padding-right: 40px;
}

.auth-input-wrap .auth-input-text, .auth-login-input-wrap .auth-input-text {
  font-size: 1.9rem;
  font-weight: bold;
}

.auth-input-wrap > .fa, .auth-login-input-wrap > .fa {
  color: #A9A9A9;
  font-size: 150%;
  position: absolute;
  top: 44%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.auth-input-wrap > .fa.status-icon, .auth-login-input-wrap > .fa.status-icon {
  color: #eb5848;
}

.auth-input-wrap > .fa.status-icon.verified-icon, .auth-login-input-wrap > .fa.status-icon.verified-icon {
  color: #0F9C8D;
}

.auth-input-wrap .cf-user-settings-checkbox, .auth-login-input-wrap .cf-user-settings-checkbox {
  font-size: 80%;
}

.auth-input-wrap .cf-user-settings-checkbox .cdf-checkbox, .auth-login-input-wrap .cf-user-settings-checkbox .cdf-checkbox, .auth-input-wrap .cf-user-settings-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"], .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .auth-input-wrap .cf-user-settings-checkbox input[type="checkbox"], .auth-login-input-wrap .cf-user-settings-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"], .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .auth-login-input-wrap .cf-user-settings-checkbox input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.auth-main .auth-input, .auth-login-main .auth-input, .auth-main .multiSelect > button, .auth-login-main .multiSelect > button {
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
  color: #4f4f4f;
  font-weight: 600;
  margin-bottom: 10px;
  min-height: 52px !important;
  padding: 0 15px;
  width: 100%;
}

.multiSelect {
  text-align: left;
}

.multiSelect > button .buttonLabel {
  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;
}

.auth-main-plan-notice {
  text-align: left;
}

.auth-main-small-text {
  font-size: 1.2rem;
}

.auth-main-footer a {
  color: #FFF;
  text-decoration: underline;
  font-weight: 600;
}

.auth-main-footer .auth-main-footer-terms {
  margin-top: 80px;
}

.tooltip.error-tooltip .tooltip-inner {
  border: 1px solid #FF1900;
  color: #FF1900;
  background-color: #F5CECE;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* Hide arrow */
.tooltip.error-tooltip .tooltip-arrow {
  display: none;
}

.auth-login-main__sso-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.auth-login-main__sso-wrapper .js-btn-login-sso {
  background-color: #7b8089;
  margin: 0;
  width: 270px;
}

.auth-login-main__sso-wrapper .js-btn-login-sso:hover {
  background-color: #8f949d;
}

.auth-login-main__sso-wrapper .js-btn-login-sso:hover .auth-login-main__brand-icon--sso {
  background-color: #62676d;
}

.auth-login-main__form-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.auth-login-main__container, .auth-signup-main__container {
  padding: 40px 40px 20px;
}

.auth-login-main__form-footer-container {
  display: none;
}

.auth-login-main__form-footer-container--show {
  height: 168px;
  background-color: #f5f5f5;
  padding: 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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 1;
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
  overflow-x: hidden;
}

.auth-login-main__form-footer-container--show.auth-login-main__form-footer-container--show-ldap {
  animation-name: slideDownLarge;
  -webkit-animation-name: slideDownLarge;
  height: 224px;
}

@-webkit-keyframes slideDown {
  0% {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 168px;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideDown {
  0% {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 168px;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slideDownLarge {
  0% {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 224px;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideDownLarge {
  0% {
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 224px;
  }
  100% {
    opacity: 1;
  }
}

.auth-login-main__form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 22px;
}

.auth-login-main__form-footer-title {
  font-size: 22px;
  line-height: 26px;
  color: #2f2f2f;
  margin: 0;
}

.auth-login-main__form-footer-title--capitalize {
  text-transform: capitalize;
}

.auth-login-main__input {
  background-color: transparent;
  color: #888;
  font-size: 16px;
  padding: 0 40px 0 15px;
  border: 1px solid transparent;
  border-bottom-color: #dbdbdb;
  min-height: 40px;
  margin-right: 22px;
  width: 214px;
}

.auth-login-main__input:focus {
  outline: none;
  border-bottom-width: 2px;
  border-bottom-color: #11b5a4;
}

.auth-login-main__input--ivalid {
  border-bottom: 2px solid #eb5848;
}

.auth-login-main__form-button--submit {
  border-radius: 0;
  background: #11b5a4;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 0 8px;
  position: relative;
  min-height: 40px;
  text-transform: uppercase;
  width: 100px;
}

.auth-login-main__form-button--submit:hover, .auth-login-main__form-button--submit:focus {
  color: #fff;
}

.auth-login-main__footer {
  margin-top: 24px;
  font-size: 18px;
}

.auth-login-main__footer-link,
.auth-login-main__footer-link:hover {
  color: #11b5a4;
  text-decoration: none;
  cursor: pointer;
}

.auth-login-main__form-footer--custom-login {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.auth-login-main__form-footer--custom-login.auth-login-main__form-footer--custom-login--ldap {
  height: 100px;
}

.auth-login-main__form-footer--custom-login.auth-login-main__form-footer--custom-login--ldap .auth-login-main__form-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-login-main__image--top-right {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  max-width: 100%;
}

.auth-login-main__image--bottom-left {
  position: absolute;
  bottom: 70px;
  left: 0;
  z-index: 1;
  max-width: 100%;
}

.auth-signup-main__container {
  padding-bottom: 8px;
}

.auth-signup-main-form {
  min-height: 358px !important;
}

.auth-login-main__buttons-container::after {
  content: '';
  width: 30%;
}

.auth-signup-footer-terms {
  color: #525252;
  text-align: left;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 30px;
}

.auth-login-main__form-button--cancel {
  display: none;
}

@media (max-width: 724px) {
  .auth-login-main {
    padding-top: 0;
  }
  .auth-login-main .auth-login-main-form, .auth-login-main .auth-signup-main-form {
    margin: 0 14px;
    width: calc(100vw - 28px);
    height: auto;
    min-height: initial;
  }
  .auth-login-main .auth-login-main__form-container {
    top: 14px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .auth-login-main .auth-login-main__form-footer-container--show {
    height: 320px;
  }
  @-webkit-keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 320px;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 320px;
    }
    100% {
      opacity: 1;
    }
  }
  .auth-login-main .auth-login-main__container, .auth-login-main .auth-signup-main__container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .auth-login-main .auth-login-main__container .auth-login-main__buttons-container-mobile--hidden, .auth-login-main .auth-signup-main__container .auth-login-main__buttons-container-mobile--hidden {
    display: none;
  }
  .auth-login-main .auth-login-main__brand-button {
    width: 45%;
  }
  .auth-login-main .auth-login-main__buttons-container {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .auth-login-main .auth-login-main__buttons-container::after {
    width: 45%;
  }
  .auth-login-main .js-btn-login-sso {
    min-width: 246px;
  }
  .auth-login-main__form-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: 100%;
    margin-top: 0;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .auth-login-main__form-inputs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .auth-login-input-wrap {
    width: 45%;
    margin-top: 30px;
  }
  .auth-login-input-wrap .auth-login-main__input {
    width: 100%;
  }
  .auth-login-main__form-button--submit {
    width: 172px;
  }
  .auth-login-main__form-button--cancel {
    display: block;
    width: 172px;
    background-color: transparent;
    color: #888;
  }
  .auth-login-main__form-button--cancel:active {
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
  .auth-login-main__footer-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 474px) {
  .auth-login-main .auth-login-main__buttons-container {
    -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;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .auth-login-main .auth-login-main__brand-button {
    min-width: 246px;
  }
  .auth-login-main .auth-login-main__form-footer-container--show {
    height: 348px;
  }
  @-webkit-keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 348px;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 348px;
    }
    100% {
      opacity: 1;
    }
  }
  .auth-login-main__form-inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .auth-login-input-wrap {
    width: 100%;
  }
  .auth-login-main__form-button--submit,
  .auth-login-main__form-button--cancel {
    width: 45%;
  }
}

@media (max-width: 332px) {
  .auth-login-main__footer-button-group {
    margin-top: 47px;
  }
  .auth-login-main .auth-login-main-form-error {
    bottom: -39px;
  }
  .auth-login-main .auth-login-main__form-footer-container--show {
    height: 365px;
  }
  @-webkit-keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 365px;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes slideDown {
    0% {
      padding-top: 0;
      padding-bottom: 0;
      height: 0;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    50% {
      padding-top: 40px;
      padding-bottom: 40px;
      height: 365px;
    }
    100% {
      opacity: 1;
    }
  }
}

@media only screen and (max-width: 1000px) {
  .plan-selector-header {
    padding: 0 20px;
  }
}

.auth-plan-selector-container .auth-plan-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  max-width: 1000px;
}

.auth-plan-selector-container .auth-plan-selector > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .auth-plan-selector-container .auth-plan-selector {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap {
  width: 25%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: white;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap:first-child {
  padding-left: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap:last-child {
  padding-right: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap {
    border-radius: 15px;
    width: 32%;
  }
}

@media only screen and (max-width: 768px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap {
    width: 360px;
    margin-bottom: 18px;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-selection-ribbon {
  visibility: collapse;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header .auth-plan-header-title {
  text-transform: uppercase;
  font-weight: bold;
  color: black;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header .cf-plan-price {
  font-weight: normal;
  color: #11b5a9;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header .cf-plan-price .cf-plan-price-symbol {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header .cf-plan-price .cf-plan-price-amount {
  font-weight: bold;
  font-size: 250%;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-header .cf-plan-header-pricing-interval {
  font-weight: normal;
  color: #11b5a9;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: bold;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content p {
  margin: 0;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature {
  padding: 10px 5px;
  font-size: 1.4rem;
  border-bottom: 1px solid #e6e6e6;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature:first-of-type {
  border-top: 1px solid #e6e6e6;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature .feature-list-item:not(:last-child):after {
  content: ', ';
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature .feature-title-small {
  display: none;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature .feature-title-small {
    display: block;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature .feature-title-large {
  display: block;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-content .cf-plan-feature .feature-title-large {
    display: none;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-footer {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-footer > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-footer .auth-btn {
  width: 70%;
  margin-top: 15px;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-footer .auth-plan-header-trial {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1rem;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap .auth-plan .auth-plan-footer .auth-plan-header-trial.hidden-item {
  visibility: hidden;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular {
  background: #297398;
  color: white;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan {
  position: relative;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-selection-ribbon {
  visibility: visible;
  position: absolute;
  width: 100%;
  top: -40px;
  padding-top: 5px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  background: #297398;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-selection-ribbon {
    display: none;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-header .cf-plan-price {
  color: white;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-header .cf-plan-header-pricing-interval {
  color: white;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-content {
  color: white;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.popular .auth-plan .auth-plan-content .cf-plan-feature {
  border-color: #3986af;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.plan-fields {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  .auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.plan-fields {
    display: none;
  }
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.plan-fields .auth-plan {
  border-right: 1px solid #e6e6e6;
  overflow: hidden;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.plan-fields .auth-plan .auth-plan-content {
  text-align: left;
  color: #959595;
  font-weight: bold;
}

.auth-plan-selector-container .auth-plan-selector .auth-plan-wrap.plan-fields .auth-plan .auth-plan-content .plan-property-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.composition-actions {
  width: 1px;
  white-space: nowrap;
}

.composition-actions .composition-tools {
  display: inline-block;
}

.composition-actions button {
  outline: none !important;
}

.composition-actions button i {
  font-size: 16px;
  line-height: 22px;
  color: #46494a;
}

.compositions {
  margin-top: 10px;
}

.compositions .cf-table, .compositions .helm-chart-details markdown table, .helm-chart-details markdown .compositions table {
  margin-top: 10px;
}

.compositions-list {
  margin-top: 10px;
}

.compositions-list .btn-compositions-action {
  color: #464e5c;
}

.compositions-list .btn-compositions-action:hover, .compositions-list .btn-compositions-action:focus, .compositions-list .btn-compositions-action:active {
  color: #464e5c;
}

.compositions-list header {
  padding: 5px 10px;
  background-color: #0F9C8D;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.compositions-list-title {
  display: inline-block;
  margin: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.compositions-list-add {
  background-color: #fff;
  color: #0F9C8D;
  border-color: #0F9C8D;
}

.compositions-list-add:hover, .compositions-list-add:focus, .compositions-list-add:active {
  background-color: #fff;
  color: #0F9C8D;
  border-color: #0F9C8D;
}

.compositions-list .composition-item-details {
  position: relative;
  margin-top: 6px;
  margin-left: 80px;
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.compositions-list .composition-item-container .composition-item-expander {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.compositions-list .composition-item-container .composition-item-expander button {
  height: 25px;
  width: 25px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: none;
  font-size: 20px;
  padding: 0;
  line-height: 20px;
}

.compositions-list .composition-item-container .compositions-item {
  min-width: 0;
  position: relative;
  margin-top: 6px;
  margin-left: 20px;
  padding: 10px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  overflow: initial !important;
  padding-bottom: 0;
}

.compositions-list .composition-item-container .compositions-item-default-branch button {
  padding: 2px 10px;
  min-height: 6px !important;
  font-size: 12px;
}

.compositions-list .composition-item-container .compositions-item-default-branch button .buttonLabel {
  padding: 0;
}

.compositions-list .composition-item-container .compositions-item-avatar {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 40px;
  height: 40px;
}

.compositions-list .composition-item-container .compositions-item .run-button {
  display: inline-block;
  width: 72px;
  vertical-align: bottom;
}

.compositions-list .composition-item-container .compositions-item .run-button a {
  color: #888;
  font-size: 14px;
}

.compositions-list .composition-item-container .compositions-item .run-button .btn-run-icons ul {
  line-height: 20px;
}

.compositions-list .composition-item-container .compositions-item .buttonLabel {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.compositions-list .composition-item-container .compositions-item .buttonLabel .caret {
  position: absolute;
  top: 9px;
  right: 2px;
}

.compositions-list .composition-item-container .compositions-item .dropdown-loading {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.compositions-list .composition-item-container .compositions-item .btn-compositions-service-delete {
  display: inline-block;
  padding: 0;
  color: #888;
  font-size: 14px;
}

.compositions-list .composition-item-container .compositions-item .btn-add-mode-ok {
  color: #1abc9c;
  outline: none !important;
}

.compositions-list .composition-item-container .compositions-item .btn-add-mode-cancel {
  color: #EC6355;
  outline: none !important;
}

.compositions-list .composition-item-container .compositions-item cf-dropdown {
  display: inline-block;
}

.compositions-list .composition-item-container .compositions-item cf-dropdown:hover {
  cursor: pointer;
}

.compositions-list .composition-item-container .compositions-item .composition-item-menu-toggle {
  padding-right: 6px;
  padding-left: 6px;
}

.compositions-list .composition-item-container .compositions-item .compositions-item-tools {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.compositions-list .composition-item-container .compositions-item .compositions-service-name {
  margin-bottom: 0;
  padding: 0 10px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.compositions-list .composition-item-container .compositions-item .compositions-service-description {
  display: block;
  width: 72%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0F9C8D;
}

.compositions-list .composition-item-container .composition-item-details composition-item-details {
  display: block;
  margin-bottom: 10px;
  margin-left: 10px;
}

.compositions-list .composition-item-container .composition-item-details .composition-item-details-container .composition-item-details-header {
  font-size: 18px;
}

.compositions-list .composition-item-container .composition-item-details .composition-item-details-container .composition-item-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.compositions-list .composition-item-container .composition-item-details .composition-item-details-container .composition-item-details-basic:hover .remove-item {
  cursor: pointer;
  visibility: visible;
}

.compositions-list .composition-item-container .composition-item-details .composition-item-details-container .composition-item-details-basic .remove-item {
  visibility: hidden;
}

.compositions-item-amount {
  position: absolute;
  top: 11px;
  left: -16px;
  font-size: 20px;
  color: #888;
}

.compositions-item-amount::after {
  content: "x";
  position: absolute;
}

.compositions-item-amount-btn {
  padding: 2px 3px;
  min-height: 6px !important;
  font-size: 12px;
  border: none;
  background-color: #f9f9f9;
  border-radius: 1px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
  color: #555;
}

.btn-composition-save {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0px;
  margin-left: 20px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #0F9C8D !important;
  color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.btn-composition-save:hover, .btn-composition-save:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.btn-composition-save[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.btn-composition-remove {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 15px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #eb5848 !important;
  color: #fff !important;
  border-color: #eb5848 !important;
  font-weight: bold;
  text-transform: uppercase;
}

.btn-composition-remove:hover, .btn-composition-remove:focus {
  background-color: #fff !important;
  color: #eb5848 !important;
}

.btn-composition-remove[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

cf-service-autocomplete {
  display: inline-block;
}

.search-container {
  padding: 7px;
}

.CodeMirror {
  height: 100%;
  min-height: 400px;
}

.CodeMirror-gutters {
  background-color: #fff;
  border-left-color: transparent;
  border-right-color: transparent;
}

.service-new {
  padding: 10px;
}

.service-new__select-service {
  display: inline-block;
}

.service-new .angucomplete-dropdown {
  width: 140%;
}

.service-new-title {
  margin-top: 0;
  margin-bottom: 40px;
  color: #464e5c;
  font-weight: bold;
}

.service-new-content {
  min-height: 300px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #ededed;
  background-image: url(/modules/cf.resources/images/terminate-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.service-new .label {
  margin-right: 10px;
  color: #464e5c;
  font-size: 18px;
  font-weight: bold;
}

.service-new .form-control {
  display: inline-block;
  width: 100%;
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  color: #46494a;
  font-weight: 200;
}

.service-new .form-control.service-configured {
  width: calc(100% - 232px);
}

.service-new .form-control.service-built-image {
  width: calc(100% - 172px);
}

.service-new .form-control.service-name {
  width: 200px;
}

.service-new .form-control.service-description {
  display: block;
  resize: vertical;
}

.service-new .btn-service-cancel {
  padding-left: 40px;
  padding-right: 40px;
  color: #0F9C8D !important;
  background-color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.service-new .btn-service-cancel:hover, .service-new .btn-service-cancel:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.service-new .btn-service-add {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #0F9C8D !important;
  color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.service-new .btn-service-add:hover, .service-new .btn-service-add:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.service-new .btn-service-add[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.empty-composition .info-box {
  width: 680px;
}

.compositions {
  padding-left: 40px;
  padding-right: 40px;
}

.compositions .btn-compositions-action {
  color: #464e5c;
}

.compositions .btn-compositions-action:hover, .compositions .btn-compositions-action:focus, .compositions .btn-compositions-action:active {
  color: #464e5c;
}

.compositions .remove-icon {
  color: #888;
}

.compositions .remove-icon:hover {
  color: #8F1B1B;
}

.compositions-view {
  position: relative;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px;
}

.compositions-view .composition-item-list {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

.compositions-view .composition-item-list[disabled=disabled] {
  opacity: 0.5;
}

.compositions-view-buttons {
  position: absolute;
  right: 0px;
  top: -86px;
}

.compositions-view-buttons .btn-link {
  color: #464e5c !important;
  font-size: 20px;
  line-height: 20px;
}

.compositions-view-buttons .btn-link:focus, .compositions-view-buttons .btn-link:hover {
  color: #F39C12 !important;
}

.compositions-view-buttons .cf-radio label {
  font-weight: normal;
}

.compositions-view-buttons .advance-switch {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.compositions-view-buttons .advance-switch .advance-switch-label {
  margin-right: 10px;
}

.compositions-view-buttons .advance-switch cf-on-off {
  padding-right: 10px;
  border-right: solid 1px #BEBEBE;
  display: inline-block;
}

.compositions-view .compositions-name {
  margin-bottom: 10px;
  border-left: 10px solid #0F9C8D;
  padding: 10px 20px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.compositions-view .compositions-name-label {
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}

.compositions-view .compositions-name-input {
  display: inline-block;
  width: calc(100% - 100px);
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  color: #46494a;
  font-weight: 200;
}

.compositions-view .CodeMirror {
  border: 2px solid #1ABC9C;
}

.compositions-view .code-error .CodeMirror {
  border-color: red;
}

.compositions-view .yaml-error {
  margin-top: 10px;
}

.compositions-view .yaml-error .disable-link {
  color: inherit;
  text-decoration: none;
  cursor: default;
}

.compositions-view .yaml-error .disable-link:hover {
  text-decoration: none;
  cursor: default;
}

.compositions-view .composition-file {
  position: relative;
  overflow: hidden;
}

.compositions-view .composition-file .variables-helper .read-more-link, .compositions-view .composition-file .variables-helper .read-more-link:visited, .compositions-view .composition-file .variables-helper .read-more-link:hover, .compositions-view .composition-file .variables-helper .read-more-link:active {
  color: #0F9C8D;
}

.compositions-view .composition-file .variables-helper .helper-info {
  font-size: 12px;
  color: #9a9a9a;
  padding: 4px;
  background: #f1f1f1;
  border-radius: 5px;
  border: 1px solid #DCDCDC;
}

.compositions-view .composition-editor-container__contact-us {
  font-weight: normal !important;
  color: #98938f;
}

.compositions-view .composition-editor-container__contact-us a {
  color: #0F9C8D;
  font-weight: bold;
}

.compositions-view .composition-editor-container__group-arrow {
  float: right;
  margin-top: -2px;
}

.compositions-view .composition-editor-container__group-counter {
  background-color: #F5932A;
  color: #fff;
  padding: 2px 6px;
  margin-right: 5px;
}

.compositions-view .composition-editor-container__group-title {
  cursor: pointer;
  font-weight: bold;
  padding-right: 20px;
}

.compositions-view .composition-editor-container__group-title .fa-angle-right, .compositions-view .composition-editor-container__group-title .fa-angle-down {
  font-size: 20px;
  font-weight: bold;
}

.compositions-view .composition-editor-container__grouped-warnings {
  padding-left: 20px;
}

.compositions-view .composition-editor-container__erros-container {
  margin-top: 10px;
}

.compositions-view .composition-editor-container__errors-wrapper {
  clear: both;
}

.compositions-view .composition-editor-container__errors-counter {
  margin-right: 5px;
}

.compositions-view .composition-editor-container__fix-warnings-btn {
  float: right;
  margin-bottom: 10px;
}

.compositions-view .composition-editor-container__errors-and-warnings-counter {
  position: absolute;
  z-index: 1;
  margin-top: -5px;
  white-space: nowrap;
}

.compositions-view .composition-editor-container__errors-and-warnings-counter--advanced {
  position: static;
  margin-top: 0;
  margin-bottom: 10px;
}

.compositions-view .composition-editor-container .composition-editor-tools {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.compositions-view .composition-editor-container .composition-editor-tools > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.compositions-view .composition-editor-container .composition-editor-tools .composition-mode-switch:hover {
  cursor: pointer;
}

.compositions-view .composition-editor-container .composition-editor-tools .composition-mode-switch[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.compositions-view .composition-editor-container .composition-editor-wrap {
  overflow-x: hidden;
  margin-bottom: 5px;
  position: relative;
}

.compositions-view .composition-editor-container .composition-editor-wrap cf-compositions-file {
  display: block;
}

.cf-integration-tests .settings-docker {
  margin-bottom: 20px;
}

.cf-fullscreen {
  position: relative;
}

.cf-fullscreen.fullscreen {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
}

.cf-fullscreen.fullscreen ng-transclude > *, .cf-fullscreen.fullscreen .CodeMirror, .cf-fullscreen.fullscreen .cf-terminal, .cf-fullscreen.fullscreen .terminal {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
  border-radius: 0;
}

.cf-fullscreen.fullscreen ng-transclude > * .CodeMirror-scroll, .cf-fullscreen.fullscreen .CodeMirror .CodeMirror-scroll, .cf-fullscreen.fullscreen .cf-terminal .CodeMirror-scroll, .cf-fullscreen.fullscreen .terminal .CodeMirror-scroll {
  max-height: 98%;
}

.cf-fullscreen.fullscreen .code-error .CodeMirror {
  max-height: 80%;
}

.cf-fullscreen button.fullscreen-btn.fa {
  background: transparent;
}

.cf-fullscreen button.fullscreen-btn.fa.fa-compress, .cf-fullscreen button.fullscreen-btn.fa.fa-expand {
  position: absolute;
  right: 0;
  z-index: 3;
}

.cf-fullscreen button.fullscreen-btn.fa.fa-compress {
  font-size: 22px;
  top: initial;
  bottom: 5px;
  padding-right: 32px;
  background: #666;
  color: #fff;
}

.cf-fullscreen button.fullscreen-btn.fa.fa-expand {
  color: #333;
  font-size: 16px;
  top: 0;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.cf-fullscreen button.fullscreen-btn.fa.btn-stick-bottom.fa-expand {
  top: initial;
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

.form-group .cf-input, .form-group .multiSelect .inputFilter, .multiSelect .form-group .inputFilter, .form-group .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .form-group .multiSelect > button, .form-group .cf-select-light .cf-select-toggle, .cf-select-light .form-group .cf-select-toggle, .form-group .cf-select-lato .cf-select-toggle, .cf-select-lato .form-group .cf-select-toggle {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-group .cf-input:focus, .form-group .multiSelect .inputFilter:focus, .multiSelect .form-group .inputFilter:focus, .form-group .cf-multiselect-light .multiSelect > button:focus, .cf-multiselect-light .form-group .multiSelect > button:focus, .form-group .cf-select-light .cf-select-toggle:focus, .cf-select-light .form-group .cf-select-toggle:focus, .form-group .cf-select-lato .cf-select-toggle:focus, .cf-select-lato .form-group .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.form-group .cf-input[disabled], .form-group .multiSelect .inputFilter[disabled], .multiSelect .form-group .inputFilter[disabled], .form-group .cf-multiselect-light .multiSelect > button[disabled], .cf-multiselect-light .form-group .multiSelect > button[disabled], .form-group .cf-select-light .cf-select-toggle[disabled], .cf-select-light .form-group .cf-select-toggle[disabled], .form-group .cf-select-lato .cf-select-toggle[disabled], .cf-select-lato .form-group .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.form-group .cf-input[readonly], .form-group .multiSelect .inputFilter[readonly], .multiSelect .form-group .inputFilter[readonly], .form-group .cf-multiselect-light .multiSelect > button[readonly], .cf-multiselect-light .form-group .multiSelect > button[readonly], .form-group .cf-select-light .cf-select-toggle[readonly], .cf-select-light .form-group .cf-select-toggle[readonly], .form-group .cf-select-lato .cf-select-toggle[readonly], .cf-select-lato .form-group .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.form-group .cf-input.ng-invalid.ng-dirty, .form-group .multiSelect .ng-invalid.ng-dirty.inputFilter, .multiSelect .form-group .ng-invalid.ng-dirty.inputFilter, .form-group .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-multiselect-light .form-group .multiSelect > button.ng-invalid.ng-dirty, .form-group .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-light .form-group .ng-invalid.ng-dirty.cf-select-toggle, .form-group .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .form-group .ng-invalid.ng-dirty.cf-select-toggle, .form-group .cf-input.ng-invalid.validate-no-dirty, .form-group .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .multiSelect .form-group .ng-invalid.validate-no-dirty.inputFilter, .form-group .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-multiselect-light .form-group .multiSelect > button.ng-invalid.validate-no-dirty, .form-group .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-light .form-group .ng-invalid.validate-no-dirty.cf-select-toggle, .form-group .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .form-group .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.form-group .cf-input-regex.ng-valid {
  color: #F39C12;
}

.form-group.ng-invalid.ng-dirty {
  border: 1px solid #eb5848 !important;
}

.tags-input__component-container .edit-image-tags.image-details-tags {
  border: 1px solid #dbdbdb;
  width: 100%;
  min-height: 50px;
  padding: 6px 18px 6px 18px;
  margin-top: 5px;
}

.tags-input__component-container .edit-image-tags.image-details-tags:focus-within {
  border-color: #11b5a4;
}

.tags-input__component-container .edit-image-tags .host:focus {
  outline: none;
}

.tags-input__component-container .edit-image-tags .tags {
  padding: 6px 0;
  background-color: transparent !important;
  border-color: transparent;
}

.tags-input__component-container .edit-image-tags .tags .input {
  padding-right: 0;
  border-color: transparent;
  background-color: transparent;
  color: #4c4c4c;
  height: 24px;
}

.tags-input__component-container .edit-image-tags .tags .input::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input:-moz-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input::-moz-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input:-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

.tags-input__component-container .edit-image-tags .tags .input:focus, .tags-input__component-container .edit-image-tags .tags .input:hover {
  border-color: transparent !important;
}

.tags-input__component-container .edit-image-tags .tags.focused {
  border: none;
}

.tags-input__component-container .edit-image-tags .tags.focused input {
  border: 1px solid transparent !important;
}

.tags-input__component-container .edit-image-tags .tags:focus {
  outline: none;
}

.tags-input__component-container .edit-image-tags .autocomplete {
  margin-top: 8px;
  left: -19px;
  width: 574px;
  border: 1px solid #EDEDED;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item {
  height: 40px;
  font-size: 14px;
  font-family: Lato;
  padding: 12px 25px;
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item.selected {
  background-color: rgba(63, 174, 238, 0.08);
  color: #4c4c4c;
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item.selected em {
  color: inherit;
  background-color: inherit;
}

.tags-input__component-container .ng-empty.edit-image-tags {
  padding: 6px 14px;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.form-group .cf-input, .form-group .multiSelect .inputFilter, .multiSelect .form-group .inputFilter, .form-group .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .form-group .multiSelect > button, .form-group .cf-select-light .cf-select-toggle, .cf-select-light .form-group .cf-select-toggle, .form-group .cf-select-lato .cf-select-toggle, .cf-select-lato .form-group .cf-select-toggle {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-group .cf-input:focus, .form-group .multiSelect .inputFilter:focus, .multiSelect .form-group .inputFilter:focus, .form-group .cf-multiselect-light .multiSelect > button:focus, .cf-multiselect-light .form-group .multiSelect > button:focus, .form-group .cf-select-light .cf-select-toggle:focus, .cf-select-light .form-group .cf-select-toggle:focus, .form-group .cf-select-lato .cf-select-toggle:focus, .cf-select-lato .form-group .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.form-group .cf-input[disabled], .form-group .multiSelect .inputFilter[disabled], .multiSelect .form-group .inputFilter[disabled], .form-group .cf-multiselect-light .multiSelect > button[disabled], .cf-multiselect-light .form-group .multiSelect > button[disabled], .form-group .cf-select-light .cf-select-toggle[disabled], .cf-select-light .form-group .cf-select-toggle[disabled], .form-group .cf-select-lato .cf-select-toggle[disabled], .cf-select-lato .form-group .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.form-group .cf-input[readonly], .form-group .multiSelect .inputFilter[readonly], .multiSelect .form-group .inputFilter[readonly], .form-group .cf-multiselect-light .multiSelect > button[readonly], .cf-multiselect-light .form-group .multiSelect > button[readonly], .form-group .cf-select-light .cf-select-toggle[readonly], .cf-select-light .form-group .cf-select-toggle[readonly], .form-group .cf-select-lato .cf-select-toggle[readonly], .cf-select-lato .form-group .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.form-group .cf-input.ng-invalid.ng-dirty, .form-group .multiSelect .ng-invalid.ng-dirty.inputFilter, .multiSelect .form-group .ng-invalid.ng-dirty.inputFilter, .form-group .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-multiselect-light .form-group .multiSelect > button.ng-invalid.ng-dirty, .form-group .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-light .form-group .ng-invalid.ng-dirty.cf-select-toggle, .form-group .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .form-group .ng-invalid.ng-dirty.cf-select-toggle, .form-group .cf-input.ng-invalid.validate-no-dirty, .form-group .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .multiSelect .form-group .ng-invalid.validate-no-dirty.inputFilter, .form-group .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-multiselect-light .form-group .multiSelect > button.ng-invalid.validate-no-dirty, .form-group .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-light .form-group .ng-invalid.validate-no-dirty.cf-select-toggle, .form-group .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .form-group .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.form-group .cf-input-regex.ng-valid {
  color: #F39C12;
}

.form-group.ng-invalid.ng-dirty {
  border: 1px solid #eb5848 !important;
}

.tags-input__component-container .edit-image-tags.image-details-tags {
  border: 1px solid #dbdbdb;
  width: 100%;
  min-height: 50px;
  padding: 6px 18px 6px 18px;
  margin-top: 5px;
}

.tags-input__component-container .edit-image-tags.image-details-tags:focus-within {
  border-color: #11b5a4;
}

.tags-input__component-container .edit-image-tags .host:focus {
  outline: none;
}

.tags-input__component-container .edit-image-tags .tags {
  padding: 6px 0;
  background-color: transparent !important;
  border-color: transparent;
}

.tags-input__component-container .edit-image-tags .tags .input {
  padding-right: 0;
  border-color: transparent;
  background-color: transparent;
  color: #4c4c4c;
  height: 24px;
}

.tags-input__component-container .edit-image-tags .tags .input::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input:-moz-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input::-moz-placeholder {
  color: transparent;
  opacity: 0;
}

.tags-input__component-container .edit-image-tags .tags .input:-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

.tags-input__component-container .edit-image-tags .tags .input:focus, .tags-input__component-container .edit-image-tags .tags .input:hover {
  border-color: transparent !important;
}

.tags-input__component-container .edit-image-tags .tags.focused {
  border: none;
}

.tags-input__component-container .edit-image-tags .tags.focused input {
  border: 1px solid transparent !important;
}

.tags-input__component-container .edit-image-tags .tags:focus {
  outline: none;
}

.tags-input__component-container .edit-image-tags .autocomplete {
  margin-top: 8px;
  left: -19px;
  width: 574px;
  border: 1px solid #EDEDED;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item {
  height: 40px;
  font-size: 14px;
  font-family: Lato;
  padding: 12px 25px;
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item.selected {
  background-color: rgba(63, 174, 238, 0.08);
  color: #4c4c4c;
}

.tags-input__component-container .edit-image-tags .autocomplete .suggestion-item.selected em {
  color: inherit;
  background-color: inherit;
}

.tags-input__component-container .ng-empty.edit-image-tags {
  padding: 6px 14px;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.tags-input__component-container .ng-empty.edit-image-tags .tags input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.cf-avatar {
  width: 30px;
  height: 30px;
}

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

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

.cf-loader {
  height: 108px;
  width: 108px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  position: absolute;
  pointer-events: none;
  z-index: 1040;
}

.cf-loader-indicator {
  position: relative;
  width: 180px;
  height: 180px;
  background-image: url(/modules/cf.resources/images/branches_loader_v3.gif);
  background-size: cover;
}

.cf-loader.fullscreen {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
          transform: none;
}

.cf-loader.fullscreen .cf-loader-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.cf-main-view.large-sidebar .cf-loader.fullscreen {
  margin: 0 0 0 123px;
}

.modal-dialog .cf-loader-indicator {
  width: 120px;
  height: 120px;
}

.btn-save {
  background-color: #1abc9c !important;
  color: #fff !important;
  border-color: #1abc9c !important;
  font-weight: bold;
  text-transform: uppercase;
}

.btn-save:hover, .btn-save:focus {
  background-color: #fff !important;
  color: #1abc9c !important;
}

.btn-save[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.btn-link {
  color: #888;
}

.pane-container {
  padding: 0 30px 0 10px;
  background: #fff;
  margin-bottom: 7px;
  border: 1px solid #DADADA;
  -webkit-box-shadow: 1px 1px 1px 0 #c7c7c7;
          box-shadow: 1px 1px 1px 0 #c7c7c7;
}

.pane-container.open .pane-toggle-btn {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.pane-container.open .pane-content {
  display: block;
}

.pane-container.panel-disabled {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.pane-container.panel-invalid {
  border: 1px solid #f08276;
  -webkit-box-shadow: 1px 1px 1px 0 #d1575d;
          box-shadow: 1px 1px 1px 0 #d1575d;
}

.pane-container.pane-always-open.open .pane-toggle-btn {
  -webkit-transform: none;
          transform: none;
}

.pane-container.pane-always-open.open .pane-content {
  display: block;
}

.pane-container.pane-always-open .pane-header {
  padding-left: 25px;
}

.pane-container.pane-always-open .pane-content {
  display: block;
}

.pane-header-wrap {
  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;
}

.pane-header {
  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;
  font-family: Lato;
  font-weight: bold;
  font-size: 21px;
  padding: 20px 0;
  margin: 0;
  position: relative;
}

.pane-header step-custom-condition {
  position: absolute;
  top: 23px;
  right: 0;
}

.pane-header step-custom-condition .tooltip-inner {
  min-width: 150px;
  max-width: 150px;
}

.pane-header .pane-help {
  padding-left: 10px;
}

.pane-content {
  padding-left: 25px;
  padding-bottom: 0.1px;
}

.pane-content .cf-form-group:last-child, .pane-content .cf-form-group-vert:last-child {
  padding-bottom: 15px;
}

button.pane-toggle {
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  width: auto;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

button.pane-toggle[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.pane-toggle-btn {
  width: 25px;
  text-align: center;
  -webkit-transform-origin: center;
          transform-origin: center;
  font-size: 50%;
  font-weight: bold;
  padding-right: 5px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.section-header {
  font-family: Lato;
  font-weight: bold;
  color: #0F9C8D;
  font-size: 28px;
}

.section-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.cf-pane-header {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #4c4c4c;
}

.cf-pane-header a, .cf-pane-header a:hover, .cf-pane-header a:focus {
  text-decoration: none;
  padding: 0;
  color: #4c4c4c;
}

.cf-pane-header span, .cf-pane-header input {
  font-family: Lato;
  font-weight: bold;
  font-size: 20px;
}

.onoffswitch {
  position: relative;
  width: 60px;
  height: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.onoffswitch.green .onoffswitch-inner:before {
  background-color: #a2d200;
}

.onoffswitch.red .onoffswitch-inner:before {
  background-color: #ff4a43;
}

.onoffswitch.cyan .onoffswitch-inner:before {
  background-color: #22beef;
}

.onoffswitch.orange .onoffswitch-inner:before {
  background-color: #ffc100;
}

.onoffswitch.amethyst .onoffswitch-inner:before {
  background-color: #cd97eb;
}

.onoffswitch.greensea .onoffswitch-inner:before {
  background-color: #16a085;
}

.onoffswitch.dutch .onoffswitch-inner:before {
  background-color: #1693A5;
}

.onoffswitch.hotpink .onoffswitch-inner:before {
  background-color: #F06;
}

.onoffswitch.drank .onoffswitch-inner:before {
  background-color: #A40778;
}

.onoffswitch.blue .onoffswitch-inner:before {
  background-color: #418bca;
}

.onoffswitch.slategray .onoffswitch-inner:before {
  background-color: #536781;
}

.onoffswitch.darkgray .onoffswitch-inner:before {
  background-color: #4d4d4d;
}

.onoffswitch.lightred .onoffswitch-inner:before {
  background-color: #e05d6f;
}

.onoffswitch.primary .onoffswitch-inner:before {
  background-color: #428bca;
}

.onoffswitch.success .onoffswitch-inner:before {
  background-color: #1abc9c;
}

.onoffswitch.warning .onoffswitch-inner:before {
  background-color: #f0ad4e;
}

.onoffswitch.danger .onoffswitch-inner:before {
  background-color: #d9534f;
}

.onoffswitch.info .onoffswitch-inner:before {
  background-color: #5bc0de;
}

.onoffswitch.labeled {
  width: 46px;
}

.onoffswitch.labeled .onoffswitch-inner:before {
  content: "On";
  padding-left: 7px;
}

.onoffswitch.labeled .onoffswitch-inner:after {
  content: "Off";
  padding-right: 10px;
}

.onoffswitch.labeled .onoffswitch-switch {
  right: 21px;
}

.onoffswitch.small {
  width: 20px;
  height: 15px;
  margin-top: 3px;
  right: -5px;
}

.onoffswitch.small .onoffswitch-switch {
  right: 6px;
}

.onoffswitch.small .onoffswitch-inner:after, .onoffswitch.small .onoffswitch-inner:before {
  height: 15px;
  line-height: 15px;
}

.onoffswitch.small .onoffswitch-switch {
  width: 10px;
}

.onoffswitch.medium {
  width: 30px;
  height: 20px;
  margin-top: 3px;
  right: -5px;
}

.onoffswitch.medium .onoffswitch-switch {
  right: 11px;
}

.onoffswitch.medium .onoffswitch-inner:after, .onoffswitch.medium .onoffswitch-inner:before {
  height: 20px;
  line-height: 20px;
}

.onoffswitch.medium .onoffswitch-switch {
  width: 15px;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
  margin-bottom: 0;
}

.onoffswitch.disabled .onoffswitch-label {
  cursor: not-allowed;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin .2s ease-in 0s;
  transition: margin .2s ease-in 0s;
}

.onoffswitch-inner:after, .onoffswitch-inner:before {
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50px;
  -webkit-transform: none;
}

.onoffswitch-inner:before {
  content: "";
  padding-left: 9px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFF;
}

.onoffswitch-inner:after {
  content: "";
  padding-right: 9px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #999;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 21px;
  margin: 2px;
  background: #FFF;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  -webkit-transition: all .2s ease-in 0s;
  transition: all .2s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

.cf-dropdown {
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  display: inline-block;
  background-color: #f9f9f9;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.cf-dropdown a.uib-dropdown-toggle {
  text-decoration: none;
  color: #46494a;
}

.cf-dropdown a.uib-dropdown-toggle .fa {
  padding-left: 8px;
  font-size: 16px;
  color: #22be9f;
}

.cf-dropdown ul.uib-dropdown-menu {
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.cf-dropdown ul.uib-dropdown-menu > .active > a {
  background-color: #f9f9f9;
  color: #1abc9c;
}

.cf-dropdown ul.uib-dropdown-menu > .active > a:before {
  color: #1abc9c;
  font-family: FontAwesome;
  content: "\F00C";
  margin-left: -20px;
  padding-right: 6px;
}

.cf-dropdown ul.uib-dropdown-menu li {
  padding-left: 12px;
}

.cf-dropdown ul.uib-dropdown-menu li a {
  line-height: 30px;
  color: #464e5c;
}

.cf-dropdown ul.uib-dropdown-menu li a:hover, .cf-dropdown ul.uib-dropdown-menu li a:focus {
  color: #1abc9c;
  text-decoration: none;
  background-color: #f9f9f9;
}

.multiSelect {
  position: relative;
}

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

.multiSelect > button {
  border: none;
  background-color: #f9f9f9;
  border-radius: 1px;
  padding: 5px 10px;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  font-weight: 200;
}

.multiSelect > button:hover {
  background-image: none;
}

.multiSelect > button .caret {
  border-color: #0F9C8D transparent;
  border-width: 9px 9px 0;
  margin: 8px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 0;
  width: 8px;
}

.multiSelect .helperContainer {
  padding: 8px;
}

.multiSelect .inputFilter {
  background: #fff !important;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2) inset;
          box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2) inset;
  font-weight: 200;
}

.multiSelect .inputFilter:focus {
  border: none !important;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2) inset !important;
          box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2) inset !important;
}

.multiSelect .clearButton {
  border: none;
  background: none;
  height: auto;
  width: auto;
  font-size: 20px;
}

.multiSelect .clearButton:hover {
  border: none;
  background: none;
  color: #0F9C8D;
}

.multiSelect .clearButton:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: 1px 1px 1px #0F9C8D;
  color: #0F9C8D;
}

.multiSelect .checkboxLayer {
  margin-top: 6px;
  left: 0;
  border: none;
  border-radius: 1px;
  background-color: #f9f9f9;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.multiSelect .checkBoxContainer {
  max-height: 250px;
  overflow-y: scroll;
}

.multiSelect .multiSelectItem {
  position: relative;
  border: none !important;
  background: none !important;
}

.multiSelect .multiSelectItem.multiSelectFocus {
  color: #444 !important;
}

.multiSelect .multiSelectItem:hover {
  border: none !important;
  background: none !important;
  color: #1abc9c !important;
}

.multiSelect .multiSelectItem .acol {
  margin-left: 20px;
}

.multiSelect .multiSelectItem .tickMark {
  position: absolute;
  left: 6px;
  top: 4px;
  color: #1abc9c;
  font-size: 0;
  font-weight: bolder;
}

.multiSelect .multiSelectItem .tickMark::before {
  content: "\F00C";
  font: normal normal normal 14px/1 FontAwesome;
}

.cf-multiselect-dark .multiSelect, .cf-multiselect-light .multiSelect {
  width: 100%;
  display: inline-block;
}

.cf-multiselect-dark .multiSelect > button, .cf-multiselect-dark .multiSelect > .checkboxLayer, .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .multiSelect > .checkboxLayer {
  width: 100%;
  background-image: none;
}

.cf-multiselect-dark .multiSelect > button, .cf-multiselect-dark .multiSelect > button .buttonLabel, .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .multiSelect > button .buttonLabel {
  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;
  width: 100%;
  max-width: 100%;
  font-weight: normal;
}

.cf-multiselect-dark .multiSelect > button > *, .cf-multiselect-dark .multiSelect > button .buttonLabel > *, .cf-multiselect-light .multiSelect > button > *, .cf-multiselect-light .multiSelect > button .buttonLabel > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: left;
}

.cf-multiselect-dark .multiSelect > button, .cf-multiselect-light .multiSelect > button {
  min-height: initial !important;
}

.cf-multiselect-dark .multiSelect > button .buttonLabel, .cf-multiselect-light .multiSelect > button .buttonLabel {
  padding: 0;
}

.cf-radio label {
  position: relative;
  padding-left: 28px;
  color: #464e5c;
  line-height: 24px;
  cursor: pointer;
}

.cf-radio label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #b1bac0;
  border-radius: 50%;
  background-color: #f1f1f1;
}

.cf-radio label::after {
  display: none;
  content: '';
  position: absolute;
  top: 7px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1abc9c;
  background-size: contain;
  background-repeat: no-repeat;
}

.cf-radio input {
  display: none;
}

.cf-radio input:checked + label::after {
  display: inline-block;
}

.cf-radio input:disabled + label {
  cursor: not-allowed;
  color: #bbb;
}

.cf-radio input:disabled + label::before {
  background-color: #E4E0E0;
}

.cf-checkbox {
  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;
}

.cf-checkbox label {
  position: relative;
  color: #464e5c;
  cursor: pointer;
  margin: 0;
}

.cf-checkbox input {
  -moz-appearance: none;
       appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #DADADA;
  border-radius: 0;
  padding: 2px;
  -webkit-appearance: none;
  margin: 0 5px 0 0;
  background: #fff;
}

.cf-checkbox input:checked {
  background-image: url(/modules/cf.resources/images/check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.cf-checkbox input:focus, .cf-checkbox input:active {
  outline: none;
}

.cf-checkbox input[disabled="disabled"] {
  cursor: not-allowed;
  background-color: #E4E1E1;
  opacity: 0.6;
}

.cf-checkbox input[disabled="disabled"] + label {
  cursor: not-allowed;
}

.cf-checkbox.is-big input {
  width: 20px;
  height: 20px;
}

.cf-checkbox.disabled {
  opacity: 0.3;
}

.cf-switcher {
  width: 58px !important;
  /*&.disabled {
      .onoffswitch-inner::before {
        background-color: #9fa5b1;
      }

      .onoffswitch-inner::after {
        background-color: #9fa5b1;
      }
    }*/
}

.cf-switcher .onoffswitch-inner::before {
  padding-left: 12px !important;
  background-color: #0F9C8D;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.cf-switcher .onoffswitch-inner::after {
  background-color: #464e5c;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.cf-switcher .onoffswitch-switch {
  right: 34px !important;
  width: 18px !important;
  margin: 3px !important;
  text-align: center;
}

.cf-switcher .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px !important;
}

.cf-switcher.small {
  width: 38px !important;
  height: 21px;
  vertical-align: middle;
}

.cf-switcher.small .onoffswitch-switch {
  right: 16px !important;
  width: 15px !important;
  height: 15px;
  margin: 3px !important;
}

.cf-switcher.small .onoffswitch-inner:after,
.cf-switcher.small .onoffswitch-inner:before {
  height: 21px;
  line-height: 21px;
}

.label-block {
  width: 100%;
}

.label-checkbox {
  color: #888;
  padding-left: 0;
}

.centered-modal .modal-dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.modal-content {
  border-radius: 0;
}

.modal-dialog {
  -webkit-transform: none !important;
          transform: none !important;
}

@media only screen and (max-width: 768px) {
  .modal-content {
    min-width: 668px;
  }
}

.confirmation-dialog .modal-content {
  padding-top: 50px;
  padding-bottom: 80px;
}

.confirmation-dialog .confirmation-body {
  text-align: center;
  padding: 0 10px;
  width: 367px;
  margin: 0 auto;
}

.warning.confirmation-dialog .confirmation-body {
  color: #e66d6d;
}

.error.confirmation-dialog .confirmation-body {
  color: #e66d6d;
}

.success.confirmation-dialog .confirmation-body {
  color: #0F9C8D;
}

.confirmation-dialog .confirmation-body .status-icon {
  font-size: 56px;
}

.confirmation-dialog .confirmation-body .confirmation-header {
  margin-bottom: 14px;
  font-size: 32px;
  color: #4c4c4c;
}

.confirmation-dialog .confirmation-body .confirmation-message {
  color: #4c4c4c;
  font-size: 15px;
}

.confirmation-dialog .confirmation-buttons .cdf-button, .confirmation-dialog .confirmation-buttons .filters-bar .add-filter-value, .filters-bar .confirmation-dialog .confirmation-buttons .add-filter-value, .confirmation-dialog .confirmation-buttons .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .confirmation-dialog .confirmation-buttons .submit-selection__button {
  font-size: 14px;
  margin: 0 5px;
}

.confirmation-dialog .close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 11px;
  color: #dbdbdb;
}

.confirmation-dialog .close-button:hover {
  color: #888;
  cursor: pointer;
}

.confirmation-dialog .confirmation-buttons {
  text-align: center;
  padding-top: 10px;
}

.cf-grid-view .grid-container {
  margin: 0 50px;
}

.cf-grid-view .filter-search {
  top: -95px;
}

.cf-grid-view-empty {
  position: relative;
  display: block;
  height: 0;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 26px;
  padding-bottom: 34%;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.cf-grid-view-empty::after {
  content: '';
  position: absolute;
  top: -7%;
  bottom: 10%;
  left: 0;
  right: 0;
  margin-left: 40px;
  margin-right: 40px;
  background-image: url(/modules/cf.resources/images/grid-empty.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
}

.grid-buttons-section {
  width: 120px;
  text-align: center;
}

.grid-buttons-section .btn-run-icons li {
  font-size: 16px;
}

.cf-table, .helm-chart-details markdown table {
  width: 100%;
}

.cf-table thead, .helm-chart-details markdown table thead {
  height: 60px;
  text-transform: uppercase;
  border: none;
  font-size: 16px;
  color: #4c4c4c;
}

.cf-table thead th, .helm-chart-details markdown table thead th {
  height: 51px;
  text-align: left;
}

.cf-table thead th div span, .helm-chart-details markdown table thead th div span {
  font-size: 13px;
  font-weight: bold;
  color: #4c4c4c;
}

.cf-table thead th.sortable.sort-desc, .helm-chart-details markdown table thead th.sortable.sort-desc, .cf-table thead th.sortable.sort-asc, .helm-chart-details markdown table thead th.sortable.sort-asc {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-table thead th .ng-table-header, .helm-chart-details markdown table thead th .ng-table-header {
  display: block;
  padding-left: 10px;
}

.cf-table thead th .ng-table-header span, .helm-chart-details markdown table thead th .ng-table-header span {
  display: inline-block;
  font-size: 13px;
}

.cf-table tbody, .helm-chart-details markdown table tbody {
  border-left: 1px solid #ebedef;
  border-right: 1px solid #ebedef;
  border-top: 1px solid #ebedef;
}

.cf-table tbody tr, .helm-chart-details markdown table tbody tr {
  background-color: #fff;
  height: 47px;
  line-height: 20px;
  cursor: pointer;
}

.cf-table tbody tr td, .helm-chart-details markdown table tbody tr td {
  position: relative;
  height: 47px;
  border-bottom: 1px solid #ebedef;
  border-collapse: collapse;
  padding: 0 10px;
  color: #4c4c4c;
  font-size: 14px;
}

.cf-table tbody tr td:last-child, .helm-chart-details markdown table tbody tr td:last-child {
  position: static;
}

.cf-table tbody tr .cf-grid-cell, .helm-chart-details markdown table tbody tr .cf-grid-cell {
  display: block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.cf-table tbody tr a, .helm-chart-details markdown table tbody tr a {
  color: #888;
}

.cf-table tbody tr:hover, .helm-chart-details markdown table tbody tr:hover {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border-color: #ebf5f3;
  background-color: #e7f4f8;
}

.form-control.ng-dirty.ng-invalid {
  border: 1px solid #eb5848 !important;
}

form.cf-form .form-inline {
  margin-bottom: 6px;
}

form .padd-form-section {
  padding: 20px 0;
  width: 100%;
}

form .padd-form-section + .padd-form-section {
  padding-bottom: 0;
}

form .padd-form-section .col-sm-8, form .padd-form-section .col-xs-12 {
  float: none;
}

form .padd-form-section .form-group {
  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;
  margin: 0;
  width: 45%;
  min-width: 320px;
}

form .padd-form-section .form-group label {
  font-weight: normal;
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

form .padd-form-section .form-group .cf-input, form .padd-form-section .form-group .multiSelect .inputFilter, .multiSelect form .padd-form-section .form-group .inputFilter, form .padd-form-section .form-group .cf-multiselect-light .multiSelect > button, .cf-multiselect-light form .padd-form-section .form-group .multiSelect > button, form .padd-form-section .form-group .cf-select-light .cf-select-toggle, .cf-select-light form .padd-form-section .form-group .cf-select-toggle, form .padd-form-section .form-group .cf-select-lato .cf-select-toggle, .cf-select-lato form .padd-form-section .form-group .cf-select-toggle {
  width: 300px;
  max-width: 100%;
  margin-left: 5px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

form .padd-form-section .form-group .input-container {
  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;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: flex;
  align-items: center;
  width: 320px;
  margin-left: 10px;
}

form .padd-form-section .form-group .input-container .cf-input, form .padd-form-section .form-group .input-container .multiSelect .inputFilter, .multiSelect form .padd-form-section .form-group .input-container .inputFilter, form .padd-form-section .form-group .input-container .cf-multiselect-light .multiSelect > button, .cf-multiselect-light form .padd-form-section .form-group .input-container .multiSelect > button, form .padd-form-section .form-group .input-container .cf-select-light .cf-select-toggle, .cf-select-light form .padd-form-section .form-group .input-container .cf-select-toggle, form .padd-form-section .form-group .input-container .cf-select-lato .cf-select-toggle, .cf-select-lato form .padd-form-section .form-group .input-container .cf-select-toggle {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #1abc9c;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.cf-empty-screen {
  min-width: 748px;
  text-align: center;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1200px) {
  .cf-empty-screen {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.cf-empty-screen .cf-empty-main-title {
  font-size: 4rem;
  color: #0F9C8D;
  font-family: Lato;
}

.cf-empty-screen .cf-empty-main-sub-title {
  font-size: 3.5rem;
}

.cf-empty-screen .separator {
  border-bottom: 1px solid #e0eaec;
}

.cf-empty-screen p {
  padding-top: 10px;
  font-size: 1.6rem;
}

.cf-empty-screen .cf-empty-main-button {
  font-size: 2rem;
  padding: 15px 50px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.cf-empty-screen .cf-empty-main-button i:before {
  vertical-align: middle;
  font-size: 3rem;
}

.cf-empty-screen a {
  color: #0F9C8D;
}

.cf-empty-screen .info-box {
  padding: 15px;
  margin: auto;
  border: 1px dashed #d5d5d5;
}

.cf-empty-screen .info-box .info-box-header {
  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;
  font-weight: bold;
  margin-bottom: 15px;
}

.cf-empty-screen .info-box .info-box-header .info-box-icon {
  margin-right: 15px;
}

.cf-empty-screen .info-box .info-box-single-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;
}

.cf-empty-screen .info-box .info-box-single-content .info-box-icon {
  margin-right: 15px;
}

.cf-empty-screen .info-box .info-box-icon {
  background-image: url(/modules/cf.resources/images/svg/icon-tip.svg);
  width: 29px;
  height: 25px;
  display: inline-block;
}

.cf-empty-screen .info-box .info-box-multi-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cf-empty-screen .info-box .info-box-multi-content .info-box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-empty-screen .info-box .info-box-multi-content .info-box-content:not(:first-child):not(:last-child) {
  padding: 0 15px;
}

.cf-empty-screen .info-box .info-box-multi-content .info-box-content a {
  text-transform: uppercase;
  font-weight: bold;
}

.cf-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.cf-list-item {
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 0;
  list-style: none;
}

.cf-item-actions {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.cf-item-action {
  display: inline-block;
  width: 50%;
  float: left;
}

.cf-item-action button, .cf-item-action a {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 20px;
  color: #464e5c;
  text-decoration: none;
  outline: none !important;
}

.cf-item-action button:hover, .cf-item-action button:focus, .cf-item-action a:hover, .cf-item-action a:focus {
  color: #464e5c;
  text-decoration: none;
}

.cf-user {
  display: inline-block;
}

.cf-user.horizontal .cf-avatar {
  width: 30px;
  height: 30px;
}

.cf-user.vertical .cf-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  height: 50px;
}

.cf-user.vertical .cf-user-name {
  display: inline-block;
  width: 100px;
  font-size: 13px;
  font-weight: 600;
  color: #464e5c;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-status {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 8px;
  background-color: #464e5c;
}

.cf-status.success {
  background-color: #1abc9c;
}

.cf-status.error {
  background-color: #ea5848;
}

.cf-tabs {
  list-style: none;
  height: 50px;
  line-height: 50px;
  margin: 50px;
  border-bottom: 3px solid #DADADA;
}

.cf-tabs .tab {
  font-weight: bold;
  font-size: 18px;
  height: inherit;
  float: left;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .cf-tabs .tab {
    font-size: 16px;
  }
}

.cf-tabs .tab:first-child a {
  margin-left: 0;
}

.cf-tabs .tab.active a {
  color: #0F9C8D;
  border-bottom: 3px solid #0F9C8D;
}

.cf-tabs .tab.active .tab-count {
  background-color: #0F9C8D;
}

.cf-tabs .tab:hover a {
  color: #0F9C8D;
}

.cf-tabs .tab a {
  color: #4c4c4c;
  text-decoration: none;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 11px;
}

@media screen and (max-width: 992px) {
  .cf-tabs .tab a {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.cf-tabs .tab .tab-count {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  border-radius: 9px;
  display: inline-block;
  vertical-align: middle;
  color: white;
  background-color: #DADADA;
  margin-left: 2px;
}

.cdf-wizard-step2-yaml__not-found input {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cdf-wizard-step2-yaml__download-description {
  padding: 20px 0;
}

.cdf-wizard-step2-yaml__left-column {
  max-height: 390px;
  overflow-y: auto;
  overflow-x: hidden;
}

.cdf-wizard-step2-yaml__right-column h4 {
  font-size: 18px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 15px;
  margin-top: 0;
}

.cdf-wizard-step2-yaml__right-column p {
  font-size: 14px;
  color: #2f2f2f;
  margin-bottom: 20px;
}

.cdf-wizard-step2-docker__not-found input {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cdf-wizard-step2-docker__repo-link {
  float: right;
}

.cdf-wizard-step2-docker__show-advanced-settings {
  margin: 15px 0 8px 0;
}

.cdf-wizard-step2-docker__show-advanced-settings i.fa {
  margin-left: 5px;
}

.cdf-wizard-step2-docker__advanced-settings {
  padding-bottom: 10px;
}

.cdf-wizard-step2-docker__code-example {
  margin-top: 25px;
}

.cdf-wizard-step2-docker__right-column h4 {
  font-size: 18px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 15px;
  margin-top: 0;
}

.cdf-wizard-step2-docker__right-column p {
  font-size: 14px;
  color: #2f2f2f;
  margin-bottom: 20px;
}

.cdf-wizard-step2__repo-name {
  font-weight: bold;
}

.cdf-wizard-step2__list {
  margin: 40px 0 0 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
}

.cdf-wizard-step2__list-item-label {
  border: 1px solid #DADADA;
  text-align: center;
  width: 140px;
  border-radius: 20px;
  margin: -26px auto 0 auto;
  background-color: #fff;
  font-weight: bold;
  color: #0F9C8D;
}

.cdf-wizard-step2__list-item-label--selected {
  background-color: #008bb8;
  color: #fff;
}

.cdf-wizard-step2__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cdf-wizard-step2__list-item {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  border: 1px solid #DADADA;
  padding: 15px;
  float: left;
  list-style: none;
  width: 32%;
  min-height: 310px;
}

.cdf-wizard-step2__list-item--selected {
  border-color: #008bb8;
  min-height: 320px;
  margin-top: -5px;
  margin-bottom: -5px;
}

.cdf-wizard-step2__list-item-cell {
  text-align: center;
}

.cdf-wizard-step2__list-item-cell h4 {
  color: #0F9C8D;
  font-weight: bold;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.cdf-wizard-step2__list-item-cell p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #4c4c4c;
  margin-top: 20px;
}

.cdf-wizard-step2__list-item-cell--image {
  height: 100px;
  vertical-align: middle;
  text-align: center;
  width: 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;
}

.cdf-wizard-step2__list-item-cell--image img {
  width: 93px;
}

.cdf-wizard-step2__list-item-cell--centered {
  width: 100%;
}

.cdf-wizard-step2__list-item-cell--button {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

@media (min-width: 1000px) {
  .cdf-wizard-step2-docker__left-column {
    max-height: 390px;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.cdf-wizard-step4__title {
  font-size: 42px;
  color: #0F9C8D;
  margin: 0;
  margin-top: -20px;
  text-align: center;
}

.cdf-wizard-step4__subtitle {
  font-size: 21px;
  color: #4c4c4c;
  text-align: center;
  margin-bottom: 40px;
}

.cdf-wizard-step4__superfresh {
  padding-bottom: 40px;
  background: transparent url("/modules/cf.resources/images/superfresh-wizard-final.png") no-repeat;
  background-size: 300px;
  background-position-x: left;
  height: 530px;
  margin-left: -25px;
  background-position-y: 100px;
}

.cdf-wizard-step4__repo-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  padding: 0;
  margin-top: 20px;
}

.cdf-wizard-step4__dockerfile {
  font-weight: bold;
  padding-top: 10px;
}

.cdf-wizard-step4__arrow {
  position: absolute;
  width: 139px;
  top: 102px;
  right: 214px;
  display: none;
}

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

.cdf-wizard-step4__build-btn {
  margin-top: 20px;
  min-width: 118px;
  white-space: nowrap;
}

.cdf-wizard-step4__branch .multiSelect > button {
  margin-top: 10px;
}

.cdf-wizard-step4__branch .checkboxLayer {
  text-align: left;
}

.cdf-wizard-step4__branch-name {
  line-height: 46px;
}

.cdf-wizard-step4__details {
  border: 1px solid #DADADA;
  padding: 23px;
  text-align: center;
  max-width: 270px;
  margin: 43px 0px 0 296px;
}

.cdf-wizard-step4__details .tooltip-inner {
  white-space: pre-wrap;
  word-break: break-all;
}

.cdf-wizard-step4__details img {
  width: 56px;
  height: 56px;
}

@media (min-width: 1000px) {
  .modal-lg .cdf-wizard-step4__arrow {
    display: block;
  }
}

.cdf-wizard {
  padding: 23px 25px 0 25px;
}

.cdf-wizard__progress-bar {
  display: block;
  margin-top: 10px;
}

.cdf-wizard__content {
  margin-top: 24px;
}

.cdf-wizard__empty-list {
  border: 1px solid #DADADA;
  border-top: none;
  text-align: center;
  padding: 40px 0;
}

.cdf-wizard__empty-list h4 {
  font-weight: bold;
}

.cdf-wizard__private-label {
  padding: 4px 10px;
  border: 1px solid #ffce49;
  border-radius: 15px;
  color: #ffce49;
  display: inline-block;
  margin-top: 3px;
  font-size: 75%;
  font-weight: bold;
}

.cdf-wizard__step-content {
  position: relative;
  min-height: 450px;
}

.cdf-wizard__step-content--scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}

.cdf-wizard__step-content .cf-crs-allowed-integration .allowed-integration-wrapper-list {
  min-height: 340px;
}

.cdf-wizard__search-row {
  border: 1px solid #DADADA;
  margin: 0;
  padding: 10px 3px;
}

.cdf-wizard__search-input {
  width: 100%;
  border: 0;
  outline: 0;
}

.cdf-wizard__repo-switcher {
  display: inline-block;
  float: right;
}

.cdf-wizard__repo-search-container {
  width: 70%;
  float: left;
  padding: 0 10px;
}

.cdf-wizard__repo-switcher-container {
  border-left: 1px solid #DADADA;
  width: 30%;
  float: right;
  padding: 0 10px;
}

.cdf-wizard__repo-switcher-container label {
  color: #4c4c4c;
}

.cdf-wizard__repo-switcher-label {
  margin: 2px 0 0 0;
  font-weight: normal;
  color: #4c4c4c;
}

.cdf-wizard__repos-list {
  max-height: 250px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 0 0 15px 0;
  border: 1px solid #DADADA;
  border-top: none;
  padding: 0;
  padding-bottom: 0px;
  min-height: 55px;
  overflow-y: scroll;
  list-style-type: none;
}

.cdf-wizard__repo-item {
  padding: 13px 13px 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #DADADA;
}

.cdf-wizard__repo-item:last-child {
  border-bottom: none;
}

.cdf-wizard__repo-item label:before {
  top: 1px;
}

.cdf-wizard__repo-item label:after {
  top: 5px;
}

.cdf-wizard__repo-name {
  margin-left: 5px;
  font-size: 16px;
  font-weight: normal;
}

.cdf-wizard__repos-list-container {
  max-height: 250px;
  overflow-y: scroll;
}

.cdf-wizard__title {
  color: #4c4c4c;
  font-size: 21px;
  margin: 0 0 19px 0;
  word-wrap: break-word;
}

.cdf-wizard__title--top {
  margin: -24px -25px 15px -25px;
  padding: 20px 25px;
}

.cdf-wizard__title--green {
  background-color: #0F9C8D;
  color: #fff;
}

.cdf-wizard__title--white {
  background-color: #fff;
  color: #2f2f2f;
}

.cdf-wizard__title--mb0 {
  margin-bottom: 0;
}

.cdf-wizard__title--capitalize {
  text-transform: capitalize;
}

.cdf-wizard__title-extra {
  font-size: 14px;
  float: right;
  line-height: 25px;
}

.cdf-wizard__footer {
  background-color: #f7f7f7;
  margin: 0 -25px 0 -25px;
  padding: 10px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 60px;
}

.cdf-wizard__footer--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cdf-wizard__footer--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cdf-wizard__footer--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cdf-wizard__first-branch-label {
  font-size: 13px;
  color: #4c4c4c;
  white-space: nowrap;
  font-weight: bold;
  display: inline-block;
  line-height: 42px;
}

.cdf-wizard__first-branch {
  display: inline-block;
  margin-left: 10px;
}

.cdf-wizard__branch-loader {
  line-height: 41px;
  display: inline-block;
}

.cdf-wizard__loading-custom-repo {
  text-align: center;
  padding: 20px;
}

.cdf-wizard__custom-repo-message {
  padding-top: 20px;
}

.cdf-wizard__custom-repo-message .error {
  color: #eb5848;
  word-break: break-all;
}

.cf-wizard-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  background-image: url("/modules/cf.resources/images/wizard-header.jpg");
}

.cf-wizard-header .close {
  margin: 0;
  float: none;
}

.cf-wizard-close-button {
  font-size: 40px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.cf-wizard-repo-link {
  position: absolute;
  top: 0px;
  right: 0px;
}

.cf-wizard-repo-link a {
  color: #464e5c;
  font-weight: bold;
  text-decoration: underline;
}

.cf-wizard-repo-link a:hover, .cf-wizard-repo-link a:focus {
  color: #464e5c;
}

.cf-wizard-repo-provider {
  text-transform: capitalize;
}

.cf-wizard-body {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #ededed;
  background-image: url("/modules/cf.resources/images/bg-right.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

.cf-wizard-body private-repository h3 {
  font-family: Lato;
  font-weight: bold;
  font-size: 20px;
  margin: 5px 0 20px;
}

.cf-wizard-body .cf-wizard-body-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-wizard-body .cf-wizard-body-header .cf-wizard-step-sub-title {
  margin-bottom: 0;
}

.cf-wizard-body .cf-wizard-body-header .cf-form-segment, .cf-wizard-body .cf-wizard-body-header .cf-form-segment-start {
  margin-bottom: 0;
  padding-right: 0;
}

.cf-wizard-body.is-first-time .cf-wizard-step-content {
  height: 470px;
}

.cf-wizard-body .editor-error, .cf-wizard-body .wizard-content-box {
  padding: 12px 23px;
  margin-top: 20px;
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #464E5C;
}

.cf-wizard-body .editor-error .warning, .cf-wizard-body .wizard-content-box .warning {
  color: #ccc;
}

.cf-wizard-body .editor-error .error, .cf-wizard-body .wizard-content-box .error {
  color: #eb5848;
}

.cf-wizard-body .editor-error p, .cf-wizard-body .wizard-content-box p {
  margin: 0;
}

.cf-wizard-body .wizard-content-box {
  padding: 23px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-wizard-body .wizard-content-box h3 {
  font-family: Lato;
  font-weight: bold;
  font-size: 20px;
  margin: 5px 0 20px;
}

.cf-wizard-body .cf-wizard-suggest-trial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 350px;
}

.cf-wizard-body .cf-wizard-suggest-trial > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-body .cf-wizard-suggest-trial .cf-wizard-suggest-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -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;
}

.cf-wizard-body .cf-wizard-suggest-trial .cf-wizard-suggest-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-body .cf-wizard-suggest-trial .cf-wizard-suggest-content .small {
  font-size: 90%;
}

.cf-wizard-body .cf-wizard-suggest-action {
  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;
  margin: 0 0 20px;
}

.cf-wizard-body .cf-wizard-suggest-action > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-body .cf-wizard-suggest-action > * {
  margin-right: 5px;
}

.cf-wizard-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-wizard-step {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.cf-wizard-step-icon {
  display: inline-block;
  margin-right: 5px;
  width: 60px;
  height: 60px;
  font-weight: normal;
  font-style: normal;
  font-size: 36px;
  line-height: 60px;
  color: #64a6a3;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #99ddd2;
}

.cf-wizard-step-name {
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  color: #fff;
  vertical-align: bottom;
}

@media only screen and (max-width: 1000px) {
  .cf-wizard-step-name {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    bottom: 2px;
    left: 50%;
    text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.3);
    color: #488b8d;
  }
}

.cf-wizard-step.is-active .cf-wizard-step-icon {
  background-color: #fff;
  color: #488b8d;
}

.cf-wizard-step.is-active .cf-wizard-step-icon::after {
  content: "";
  position: absolute;
  left: 17px;
  bottom: -20px;
  width: 24px;
  height: 12px;
  background-image: url("/modules/cf.resources/images/wizard-header-arrow.png");
  z-index: 100;
}

.cf-wizard-step.is-completed .cf-wizard-step-icon {
  color: #488b8d;
}

.cf-wizard-step.is-completed .cf-wizard-step-icon::after {
  content: "\F00C";
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #488b8d;
  border: 4px solid #6ec7b9;
}

.cf-wizard-step-content {
  position: relative;
  height: 450px;
}

.cf-wizard-step-content.has-warnings {
  height: 464px;
}

.cf-wizard-step-content.is-first .cf-wizard-step-sub-title {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 40px;
}

.cf-wizard-step-title {
  font-family: Lato;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
  color: #0F9C8D;
  font-size: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-wizard-step-title-pre {
  margin-right: 5px;
}

.cf-wizard-step-title-repo {
  color: #464e5c;
  max-width: 97%;
  display: inline-block;
}

@media only screen and (max-width: 1000px) {
  .cf-wizard-step-title-repo {
    font-size: 20px;
  }
}

.cf-wizard-step-sub-title {
  font-family: Lato;
  font-weight: bold;
  margin-top: 0px;
  color: #464e5c;
  font-size: 21px;
}

@media only screen and (max-width: 1000px) {
  .cf-wizard-step-sub-title {
    font-size: 20px;
  }
}

.cf-wizard-repos-container {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
  padding-top: 1px;
  padding-left: 1px;
  border: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-wizard-repos-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-repos-list {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 1px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 0px;
  min-height: 55px;
  overflow-y: scroll;
  list-style-type: none;
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-wizard-repos-empty {
  margin-top: 20px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-wizard-repos-empty .cf-empty-list {
  border-radius: 0px;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-wizard-repos-empty h1 {
  font-size: 26px !important;
}

.cf-wizard-container {
  position: relative;
  height: 406px;
}

.cf-wizard-repo-item {
  padding: 0px;
}

.cf-wizard-repo-item .cf-wizard-repo-item-select:disabled + label {
  opacity: 0.5;
}

.cf-wizard-repo-item .cf-wizard-repo-name {
  margin-left: 5px;
}

.cf-wizard-repo {
  display: block;
  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;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px !important;
  padding-right: 10px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 200;
  text-align: left;
  cursor: pointer;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.cf-wizard-repo::before {
  left: 20px !important;
  top: 16px !important;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  border: none !important;
}

.cf-wizard-repo::after {
  top: 20px !important;
  left: 24px !important;
}

.cf-wizard-repo-name {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-weight: 500;
}

.cf-wizard-repo-search {
  padding-left: 24px;
  height: 36px;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
  outline: none !important;
}

.cf-wizard-repo-search::-webkit-input-placeholder {
  color: #46494a;
  font-style: italic;
}

.cf-wizard-repo-search::-ms-input-placeholder {
  color: #46494a;
  font-style: italic;
}

.cf-wizard-repo-search::placeholder {
  color: #46494a;
  font-style: italic;
}

.cf-wizard-repo-search-container {
  background-color: #ededed;
}

.cf-wizard-repo-search:focus {
  border: none !important;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.cf-wizard-docker {
  position: relative;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cf-wizard-docker-title {
  font-size: 21px;
  color: #464e5c;
  font-weight: bold;
}

.cf-wizard-docker-path {
  background-color: #f9f9f9;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
  outline: none !important;
}

.cf-wizard-docker-path:focus {
  border: none !important;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.cf-wizard-setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}

.cf-wizard-setting > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-setting .checkBoxContainer {
  max-height: 150px;
  overflow-y: scroll;
}

.cf-wizard-setting .dropdown-multiselect button {
  outline: none !important;
}

.cf-wizard-setting-wrap {
  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;
}

.cf-wizard-setting-wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-wizard-setting-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 21px;
  font-weight: bold;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  .cf-wizard-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cf-wizard-help-text {
  margin-top: 10px;
  font-size: 16px;
  color: #9fa5b1;
}

.cf-wizard-branch-loader {
  display: inline-block;
  padding-top: 9px;
  padding-bottom: 9px;
}

.cf-wizard-template-switcher {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}

.cf-wizard-template-switcher .inline-btn-group {
  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;
}

.cf-wizard-template-switcher .inline-btn-group .btn {
  margin-right: 10px;
}

.cf-wizard-template-switcher .inline-btn-group .btn.active {
  color: #fff;
  background-color: #0F9C8D;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-wizard-template-switcher .inline-btn-group .btn:last-child {
  margin-right: 0;
}

.cf-wizard-templates {
  margin: 0 auto;
  padding: 0;
  max-width: 500px;
  list-style-type: none;
  text-align: center;
}

.cf-wizard-template {
  display: inline-block;
  padding: 10px 10px 10px 0;
  vertical-align: top;
}

.cf-wizard-template-content {
  display: block !important;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 110px;
  height: 110px;
  border: 1px solid #cfd3d9;
  background-color: #fff;
  outline: none;
  font-weight: 600;
  font-size: 13px;
  color: #464e5c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 60%;
}

.cf-wizard-template-content.is-node-js {
  background-image: url("/modules/cf.resources/images/technologies/with-color/nodejs.png");
  background-size: auto 50%;
}

.cf-wizard-template-content.is-python {
  background-image: url("/modules/cf.resources/images/technologies/with-color/python.png");
}

.cf-wizard-template-content.is-go {
  background-image: url("/modules/cf.resources/images/technologies/with-color/go.png");
}

.cf-wizard-template-content.is-ruby-on-rails {
  background-image: url("/modules/cf.resources/images/technologies/with-color/rails.png");
}

.cf-wizard-template-content.is-ruby {
  background-image: url("/modules/cf.resources/images/technologies/with-color/ruby.png");
}

.cf-wizard-template-content.is-java {
  background-image: url("/modules/cf.resources/images/technologies/with-color/java.png");
}

.cf-wizard-template-content.is-scala {
  background-image: url("/modules/cf.resources/images/technologies/with-color/scala.png");
}

.cf-wizard-template-content.is-ubuntu {
  background-image: url("/modules/cf.resources/images/technologies/with-color/ubuntu.png");
}

.cf-wizard-template-content.is-docker {
  background-image: url("/modules/cf.resources/images/technologies/with-color/docker.png");
}

.cf-wizard-template-content:hover, .cf-wizard-template-content:focus {
  background-image: none;
  border-color: #0F9C8D;
}

.cf-wizard-template-content:hover .cf-wizard-template-title, .cf-wizard-template-content:focus .cf-wizard-template-title {
  display: block;
  color: #0F9C8D;
}

.cf-wizard-template-content.active {
  background-image: none;
  border-color: #1abc9c;
  background-color: #1abc9c;
}

.cf-wizard-template-content.active .cf-wizard-template-title {
  display: block;
  color: #fff;
}

.cf-wizard-template-content:disabled {
  opacity: 0.5;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content {
  position: relative;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content:hover, .cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content:focus {
  color: #0F9C8D;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content:hover .cf-wizard-template-title, .cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content:focus .cf-wizard-template-title {
  color: #0F9C8D;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content.active {
  border-color: #0F9C8D;
  background-color: #0F9C8D;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content.active .cf-wizard-template-title {
  display: block;
  color: #fff;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content.active .cf-wizard-template-caret {
  color: #fff;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content .cf-wizard-template-title {
  display: block;
  color: #4c4c4c;
}

.cf-wizard-template.cf-wizard-template-dropdown .cf-wizard-template-content .cf-wizard-template-caret {
  position: absolute;
  right: 11px;
  bottom: 0;
  font-size: 25px;
}

.cf-wizard-template.cf-wizard-template-dropdown .dropdown-menu {
  margin-left: 10px;
  margin-top: -3px;
}

.cf-wizard-template.cf-wizard-template-dropdown .dropdown-menu .extra-template-item {
  color: #4c4c4c;
}

.cf-wizard-template.cf-wizard-template-dropdown .dropdown-menu .extra-template-item.active-extra {
  color: #0F9C8D;
}

.cf-wizard-template.cf-wizard-template-dropdown .dropdown-menu .extra-template-item.active-extra .extra-template-label {
  color: #0F9C8D;
}

.cf-wizard-template-title {
  display: none;
  font-size: 15px;
  font-weight: bold;
}

.cf-wizard-console .CodeMirror {
  min-height: 325px !important;
}

.cf-wizard-console .CodeMirror .CodeMirror-scroll {
  max-height: 325px;
}

.cf-wizard-footer {
  border-top: none;
  padding: 10px;
}

.cf-wizard-footer .btn-back {
  color: #666 !important;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  outline: none !important;
}

.cf-wizard-footer .btn-next {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #1abc9c !important;
  color: #fff !important;
  border-color: #1abc9c !important;
  font-weight: bold;
  text-transform: uppercase;
  outline: none !important;
}

.cf-wizard-footer .btn-next:hover, .cf-wizard-footer .btn-next:focus {
  background-color: #00AA8D !important;
}

.cf-wizard-footer .btn-next:active {
  background-color: #00BD9C !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-wizard-footer .btn-next[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.cf-wizard-finish {
  position: relative;
  width: 70%;
  top: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.cf-wizard-finish-container {
  margin-top: 30px;
  padding: 30px 58px;
  background: #fff;
}

.cf-wizard-finish::after {
  position: absolute;
  top: 90px;
  right: -30px;
  content: "";
  width: 132px;
  height: 72px;
  background-image: url("/modules/cf.resources/images/wizard-cloud.png");
  background-repeat: no-repeat;
}

.cf-wizard-finish-title {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 50px;
  color: #0F9C8D;
}

.cf-wizard-finish-sub-title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  color: #2c323d;
}

.cf-wizard-finish-info {
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style: none;
  background-color: #fff;
}

.cf-wizard-finish-info-icon {
  padding-right: 10px;
  text-align: center;
}

.cf-wizard-finish-info-icon .cf-avatar {
  width: 40px;
  height: 40px;
}

.cf-wizard-finish-info-icon i {
  font-size: 40px;
}

.cf-wizard-finish-info-label {
  padding-right: 10px;
  line-height: 40px;
  font-weight: 600;
  color: #464e5c;
}

.cf-wizard-finish-info.is-only-repo {
  width: 100%;
}

.cf-wizard-finish-info.is-only-repo .cf-wizard-finish-info-item-content > span {
  max-width: 400px;
}

.cf-wizard-finish-info-item {
  border-bottom: 10px solid transparent;
}

.cf-wizard-finish-info-item:last-child {
  border-bottom: none;
}

.cf-wizard-finish-info-item-content {
  padding-left: 0px;
  padding-right: 0px;
  line-height: 40px;
}

.cf-wizard-finish-info-item-content > span {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: bottom;
}

.cf-wizard-finish.with-note {
  padding-top: 20px;
  top: 0;
}

.cf-wizard-service-icon {
  display: inline-block;
  font-size: 28px !important;
  line-height: 40px;
}

.cf-wizard-icon-branch {
  font-size: 28px !important;
  line-height: 40px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.cf-wizard-exec-command {
  white-space: nowrap;
  overflow: scroll;
  padding-bottom: 2px;
  padding-top: 2px;
}

.cdf-composition-wizard-step1__name-form {
  text-align: center;
}

.cdf-composition-wizard-step1__name-form label {
  font-size: 24px;
  font-weight: normal;
  margin-top: 20px;
}

.cdf-composition-wizard-step1__name-form input {
  width: 70%;
  height: 60px;
  font-size: 18px;
  font-style: italic;
}

.cdf-composition-wizard-step1__items {
  cursor: pointer;
}

.cdf-composition-wizard-step1__image {
  height: 115px;
  vertical-align: middle;
  text-align: center;
  width: 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;
}

.cdf-composition-wizard-step1__check {
  padding-top: 15px;
}

.cdf-composition-wizard-step2__yml-errors {
  margin-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
}

.cdf-composition-wizard-step2__yml-errors-list {
  max-height: 110px;
  overflow: auto;
}

.cdf-composition-wizard-step2__yml-errors-title {
  margin: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #C0353C;
}

.cdf-composition-wizard-step2__select-template {
  margin-bottom: 20px;
}

.cdf-composition-wizard-step2__templates-column {
  padding-right: 0;
}

.cdf-composition-wizard-step2__templates-list {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 0;
  border: 1px solid #DADADA;
  padding: 0;
  max-height: 325px;
  overflow-y: scroll;
  list-style-type: none;
}

.cdf-composition-wizard-step2__template-item {
  text-transform: capitalize;
  padding: 13px 13px 13px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #DADADA;
}

.cdf-composition-wizard-step2__template-item:last-child {
  border-bottom: none;
}

.cdf-composition-wizard-step2__template-item label {
  padding-top: 0.4em;
}

.cdf-composition-wizard-step2__template-item label:before {
  top: 1px;
}

.cdf-composition-wizard-step2__template-item label:after {
  top: 5px;
}

.cdf-composition-wizard-step3__service-label {
  font-weight: bold;
  font-family: monospace;
}

.cdf-composition-wizard-step3__yaml-changes {
  margin-right: 15px;
  max-height: 325px;
  overflow-y: auto;
}

.cdf-composition-wizard-step3__yaml-changes div {
  margin-bottom: 20px;
}

.cdf-composition-wizard-step3__yaml-changes div:last-child {
  margin-bottom: 0;
}

.cdf-composition-wizard-step3__yaml-changes h4 {
  font-size: 18px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 15px;
  margin-top: 0;
}

.cdf-composition-wizard-step3__yaml-changes p {
  font-size: 14px;
  color: #2f2f2f;
  margin-bottom: 20px;
}

.cdf-composition-wizard-step3__yaml-changes ul {
  margin: 0;
  padding: 0;
}

.cdf-composition-wizard-step3__yaml-changes li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  margin-left: 15px;
  font-family: monospace;
  word-break: break-all;
}

.cdf-composition-wizard-step3__yaml-changes li:nth-child(even):before {
  content: '+';
  margin-right: 5px;
  font-size: 18px;
  color: #0F9C8D;
  font-weight: bold;
  margin-left: -15px;
}

.cdf-composition-wizard-step3__yaml-changes li:nth-child(odd):before {
  margin-left: -15px;
  font-size: 18px;
  content: '-';
  margin-right: 5px;
  color: red;
  font-weight: bold;
}

.cdf-composition-wizard-step5 {
  max-width: 600px;
  margin: auto;
  text-align: center;
}

.cdf-composition-wizard-step5 .cdf-button, .cdf-composition-wizard-step5 .filters-bar .add-filter-value, .filters-bar .cdf-composition-wizard-step5 .add-filter-value, .cdf-composition-wizard-step5 .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cdf-composition-wizard-step5 .submit-selection__button {
  width: 100%;
}

.cdf-composition-wizard-step5 .cdf-wizard__title {
  margin-bottom: 10px;
}

.cdf-composition-wizard-step5 p {
  margin-bottom: 30px;
}

.cdf-composition-wizard-step5__column-wrapper {
  border: 1px solid #DADADA;
  padding: 15px;
  margin-bottom: 25px;
}

.cdf-composition-wizard-step5__build-image {
  width: 250px;
  margin: 24px 0 15px 0;
}

.cdf-composition-wizard-step5__configure-image {
  width: 150px;
}

.cdf-composition-wizard-step5 h4 {
  font-weight: bold;
}

cf-create-project button.cf-button {
  padding-left: 24px;
  padding-right: 24px;
  border: 2px solid #fff;
  font-weight: bold;
  text-transform: uppercase;
}

cf-create-project button.cf-button i {
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}

cf-create-project button.cf-button:hover, cf-create-project button.cf-button:active, cf-create-project button.cf-button:focus {
  background-color: #0F9C8D;
  border: 2px solid #fff;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.settings-console {
  display: block;
}

.settings-console .CodeMirror {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 200px;
  height: auto;
  border-color: #464e5c;
  border-radius: 3px;
  outline: none !important;
}

.settings-console .CodeMirror:hover, .settings-console .CodeMirror:focus {
  border-color: #464e5c;
}

.settings-console .CodeMirror .CodeMirror-scroll {
  max-height: 300px;
}

.settings-console.has-error .CodeMirror {
  border-color: #eb5848;
}

.settings-console.disable {
  opacity: .8;
}

.cf-editor {
  position: relative;
}

.cf-editor-button {
  font-weight: bold;
  font-size: 20px;
  color: #464e5c;
}

.cf-editor-button.is-white {
  color: #fff;
}

.cf-editor-button.is-white:hover, .cf-editor-button.is-white:focus, .cf-editor-button.is-white:active {
  color: #fff !important;
}

.cf-editor-button:hover, .cf-editor-button:focus, .cf-editor-button:active {
  color: #464e5c !important;
}

.cf-editor-modal .modal-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  border: none;
}

.cf-editor-modal .modal-content .CodeMirror {
  height: 80vh;
}

.cf-editor-modal .modal-content .CodeMirror .CodeMirror-scroll {
  max-height: 80vh;
}

.CodeMirror .CodeMirror-scroll {
  overflow: hidden !important;
  overflow-y: scroll !important;
  margin-bottom: -10px;
}

.toggled-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  max-width: 86%;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: border-color 0.4s, -webkit-transform ease-out 0.6s;
  transition: border-color 0.4s, -webkit-transform ease-out 0.6s;
  transition: transform ease-out 0.6s, border-color 0.4s;
  transition: transform ease-out 0.6s, border-color 0.4s, -webkit-transform ease-out 0.6s;
  background-color: #fff;
  color: #46494a;
  border-left: 10px solid #0F9C8D;
  height: 100%;
}

.toggled-sidebar.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 13px;
          box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 13px;
}

.toggled-sidebar .toggle-sidebar-btn {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translate3d(-10px, 1px, 0) rotateZ(90deg);
          transform: translate3d(-10px, 1px, 0) rotateZ(90deg);
  padding: 5px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 9px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 9px;
  color: #0F9C8D;
  background: #fff;
  border: 1px solid #0F9C8D;
  font-size: 15px;
  -webkit-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.toggled-sidebar .toggled-content {
  height: 100%;
  overflow-y: auto;
  padding: 30px;
}

.toggled-sidebar .cf-pane-header {
  margin-top: 0;
}

.invalid .toggled-sidebar {
  border-color: #eb5848;
}

.invalid .toggled-sidebar .toggle-sidebar-btn {
  border-color: #eb5848;
  color: #eb5848;
}

.fa.fa-question-circle {
  font-size: 18px;
}

cf-dropdown {
  display: block;
  line-height: 0;
}

cf-dropdown .clear-settings {
  width: auto;
  height: auto;
  line-height: 0;
  vertical-align: middle;
  background-color: transparent;
}

plus-button, .environment-variable-add-buttons {
  display: block;
  padding: 5px 0 5px 0;
}

plus-button .cdf-button--rounded, .environment-variable-add-buttons .cdf-button--rounded {
  zoom: 0.9;
}

plus-button .btn-link, .environment-variable-add-buttons .btn-link {
  color: #11b5a4;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

plus-button .btn-link:hover, .environment-variable-add-buttons .btn-link:hover, plus-button .btn-link:active, .environment-variable-add-buttons .btn-link:active, plus-button .btn-link:focus, .environment-variable-add-buttons .btn-link:focus {
  color: #11b5a4;
}

.environment-variable__search, .environment-variable__reset {
  margin-left: 5px;
  cursor: pointer;
}

.environment-variable-checkbox {
  margin-left: 15px;
}

.environment-variable-from-text {
  width: 100%;
  resize: none;
  height: 140px;
  margin-top: 10px;
}

.environment-variable-file-import {
  display: inline-block;
}

.environment-variable-from-file-input {
  display: none;
  visibility: hidden;
  height: 0;
}

.cf-help-tooltip a {
  color: #0F9C8D !important;
}

.cf-help-tooltip.tooltip.top .tooltip-arrow {
  border-top-color: #4c4c4c;
}

.cf-help-tooltip.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4c4c4c;
}

.cf-help-tooltip .tooltip-inner {
  background: #4c4c4c;
}

.cf-dropdown-commands .dropdown-toggle:hover {
  text-decoration: none;
}

.cf-dropdown-commands .cf-dropdown-commands-dropdown-menu {
  padding: 4px;
  margin-left: -20px;
  min-width: 88px !important;
  max-width: 160px;
}

.cf-dropdown-commands .cf-dropdown-commands-dropdown-menu li {
  padding: 2px 0;
  margin: 0;
  list-style: none;
}

.cf-dropdown-commands .cf-dropdown-commands-dropdown-menu li:hover {
  cursor: pointer;
}

.cf-dropdown-commands .cf-dropdown-commands-dropdown-menu a {
  text-align: left !important;
  margin-left: 0px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cf-dropdown-commands .cf-dropdown-commands-dropdown-menu a i {
  padding-right: 8px;
}

.cf-select-compose-wizard {
  text-align: center;
}

.cf-select-compose-wizard img {
  width: 200px;
}

.cf-select, .cf-select-dark {
  display: inline-block;
}

.cf-select .cf-select-toggle, .cf-select-dark .cf-select-toggle {
  width: 100%;
  padding-top: 3px;
}

.cf-select .cf-select-toggle .cf-select-toggle-content, .cf-select-dark .cf-select-toggle .cf-select-toggle-content {
  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;
  width: 100%;
  white-space: nowrap;
}

.cf-select .cf-select-toggle .cf-select-toggle-content i, .cf-select-dark .cf-select-toggle .cf-select-toggle-content i {
  color: #0F9C8D;
  margin: 0 0 0 6px;
  font-size: 21px;
}

.cf-select .dropdown-menu, .cf-select-dark .dropdown-menu {
  min-width: 100%;
  max-height: 300px;
  overflow: auto;
  border-radius: 0;
  padding: 0;
  font-size: inherit;
}

.cf-select .dropdown-menu li, .cf-select-dark .dropdown-menu li {
  white-space: nowrap;
  padding: 10px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.25);
  cursor: pointer;
}

.cf-select .dropdown-menu li:last-of-type, .cf-select-dark .dropdown-menu li:last-of-type {
  border: none;
}

.cf-select .dropdown-menu li:hover, .cf-select .dropdown-menu li:active, .cf-select-dark .dropdown-menu li:hover, .cf-select-dark .dropdown-menu li:active {
  background: #0F9C8D;
  color: #fff;
}

.cf-select-empty .cf-select-toggle {
  padding: 0;
  border: none;
  background: transparent;
  text-transform: uppercase;
}

.cf-select-empty .cf-select-toggle .cf-select-toggle-content {
  font-weight: bold;
  font-size: 12px;
  color: #0F9C8D;
}

.cf-select-empty .cf-select-toggle .cf-select-toggle-content i {
  color: #6d6a6a;
  font-size: 12px;
}

.cf-select-empty .dropdown-menu li {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  border: none;
}

.cf-select-lato .cf-select-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 6px;
}

.cf-select-lato .cf-select-toggle .cf-select-toggle-content i {
  color: black;
  font-size: 14px;
}

.cf-select-lato .dropdown-menu li {
  padding: 5px 10px;
  border-bottom: none;
}

.cf-select-lato .dropdown-menu .selected:before {
  content: "\F00C";
  font: normal normal normal 14px/1 FontAwesome;
  width: 20px;
  display: inline-block;
  color: #0F9C8D;
}

.cf-select-dark .dropdown-menu {
  background-color: #f9f9f9;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: none;
}

.cf-select-dark .dropdown-menu li {
  border: none;
  color: #44504f;
  padding-left: 30px;
  margin-top: 5px;
}

.cf-select-dark .dropdown-menu li + li {
  padding-top: 0;
}

.cf-select-dark .dropdown-menu li.selected {
  padding-left: 10px;
}

.cf-select-dark .dropdown-menu li.selected:before {
  content: "\F00C";
  font: normal normal normal 14px/1 FontAwesome;
  width: 20px;
  display: inline-block;
  color: #0F9C8D;
}

.cf-select-dark .dropdown-menu li:hover, .cf-select-dark .dropdown-menu li:active {
  background: #f9f9f9;
  color: #0F9C8D;
}

.cf-content-tabs {
  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;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  max-width: 100%;
  white-space: nowrap;
}

.cf-content-tabs .cf-content-tabs-item {
  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;
  background: transparent;
  border: 1px solid #DADADA;
  border-radius: 20px;
  margin-right: 12px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 18px;
  max-width: 90%;
  cursor: pointer;
}

.cf-content-tabs .cf-content-tabs-item--ellipsis {
  text-align: center;
  display: inline-block;
  min-width: 24px;
}

.cf-content-tabs .cf-content-tabs-item__ellipsis .cf-dropdown-commands-dropdown-menu {
  max-width: 400px;
}

.cf-content-tabs .cf-content-tabs-item__ellipsis i {
  padding: 12px 10px;
}

.cf-content-tabs .cf-content-tabs-item__ellipsis i:before {
  font-family: 'FontAwesome';
}

.cf-content-tabs .cf-content-tabs-item__ellipsis .btn-run {
  color: #000 !important;
}

.cf-content-tabs .cf-content-tabs-item .btn {
  font-family: Lato;
  font-weight: bold;
  color: #4c4c4c;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}

.cf-content-tabs .cf-content-tabs-item.active {
  background-color: #26BC9D;
}

.cf-content-tabs .cf-content-tabs-item.active .btn {
  color: #fff;
}

.cf-content-tabs .cf-content-tabs-item:last-of-type, .cf-content-tabs .cf-content-tabs-item.active {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cf-content-tabs .cf-content-tabs-item:hover, .cf-content-tabs .cf-content-tabs-item:focus, .cf-content-tabs .cf-content-tabs-item:active {
  background-color: #0b897c;
}

.cf-content-tabs .cf-content-tabs-item:hover .btn, .cf-content-tabs .cf-content-tabs-item:focus .btn, .cf-content-tabs .cf-content-tabs-item:active .btn {
  color: #fff;
}

.cf-content-tabs .cf-content-tabs-btn {
  max-width: 100%;
  min-height: 40px;
}

.cf-content-tabs .cf-content-tabs-btn.cf-content-tabs-remove {
  font-size: 16px;
}

.cf-content-tabs .cf-content-tabs-add {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 3px;
  border: none;
}

.cf-content-tabs .cf-content-tabs-add:hover {
  background-color: transparent;
}

.cf-content-tabs .cf-content-tabs-add:hover .btn {
  color: #0b897c;
  background-color: transparent;
}

.cf-content-tabs .cf-content-tabs-add:hover .cdf-button--plus-icon {
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-content-tabs .cf-content-tabs-add .btn {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #0F9C8D;
  padding: 0;
}

.cf-content-tabs.disabled .cf-content-tabs-item:hover, .cf-content-tabs.disabled .cf-content-tabs-item:focus, .cf-content-tabs.disabled .cf-content-tabs-item:active {
  background: #E6E6E6;
}

.cf-content-tabs.disabled .cf-content-tabs-item.active:hover, .cf-content-tabs.disabled .cf-content-tabs-item.active:focus, .cf-content-tabs.disabled .cf-content-tabs-item.active:active, .cf-content-tabs.disabled .cf-content-tabs-item.cf-content-tabs-add:hover, .cf-content-tabs.disabled .cf-content-tabs-item.cf-content-tabs-add:focus, .cf-content-tabs.disabled .cf-content-tabs-item.cf-content-tabs-add:active {
  background: #fff;
}

.cf-plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  font-size: 14px;
}

.cf-plan-content p {
  margin: 0;
}

.cf-plan-content h6 {
  font-family: Lato;
  font-weight: bold;
  margin: 0 0 5px 0;
  font-size: 100%;
}

.cf-plan-content .cf-plan-feature {
  padding: 10px 0;
  border-top: 1px solid #DADADA;
}

.cf-plan-content .cf-plan-list-feature .list-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cf-plan-content .cf-plan-list-feature .list-feature-list > li {
  margin: 0;
  padding: 0;
}

.cf-plan-content .cf-plan-list-feature .list-feature-list .list-feature-no-value:after {
  content: "_";
  visibility: hidden;
}

.cf-plan-content .cf-plan-icons-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
}

.cf-plan-content .cf-plan-icons-feature > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan-content .cf-plan-icons-feature .icons-feature-item {
  font-size: 28px;
  width: 25%;
  line-height: 28px;
  text-align: center;
  margin-bottom: 5px;
}

.cf-plan-content .cf-plan-icons-feature .icons-feature-item i.image-icon {
  height: 28px;
  width: 28px;
}

.cf-plan-content .cf-plan-icons-feature .icons-feature-item i.image-icon.docker-icon {
  height: 33.6px;
  width: 33.6px;
  margin-top: -5.6px;
}

i.image-icon {
  position: relative;
  display: inline-block;
}

i.image-icon:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

i.image-icon.docker-icon:after {
  background-image: url("/modules/cf.resources/images/integrations/docker-icon.png");
}

i.image-icon.jenkins-icon:after {
  background-image: url("/modules/cf.resources/images/integrations/jenkins-icon.png");
}

i.image-icon.bintray-icon:after {
  background-image: url("/modules/cf.resources/images/integrations/bintray-icon.png");
}

.cf-plan-pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  line-height: 1;
}

.cf-plan-pricing > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan-pricing .cf-plan-price {
  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;
}

.cf-plan-pricing .cf-plan-price > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan-pricing .cf-plan-price.trial:after {
  -webkit-transform: rotate(140deg);
          transform: rotate(140deg);
  width: 110%;
  content: '';
  border-bottom: 3px solid #eb5848;
  /* height: 2px; */
  position: absolute;
}

.cf-plan-pricing .cf-plan-price-amount {
  font-size: 150%;
}

.cf-plan-pricing .cf-plan-price-symbol {
  line-height: 1.1;
}

.cf-info {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  background: #0F9C8D;
  color: #fff;
  display: inline-block;
  margin: 0 5px;
}

.cf-plan-info {
  font-family: Lato;
}

.cf-plan-info > .tooltip-inner {
  background: #fff;
  color: #44504f;
  border: 2px solid #ccc;
  border-radius: 0;
  padding: 20px;
}

.cf-plan-info.tooltip.in {
  opacity: 1;
}

.cf-plan-info.tooltip.right > .tooltip-arrow {
  border-right-color: #ccc;
}

.cf-plan-info-trial .cf-plan-info-trial-text {
  font-family: Lato;
  font-weight: bold;
  color: #0F9C8D;
  font-size: 20px;
  border-bottom: 1px solid #0F9C8D;
  border-top: 1px solid #0F9C8D;
  padding: 5px 0;
}

.cf-plan-info-trial .cf-plan-info-name {
  font-family: Lato;
  font-weight: bold;
  font-size: 16px;
}

.cf-plan-info-trial .cf-plan-pricing {
  font-size: 80%;
}

.bottom-spacing {
  margin-bottom: 20px;
}

.code-dialog {
  padding: 23px 25px;
  background: #fff;
}

.code-dialog__header {
  margin: 0;
  color: #4c4c4c;
  font-size: 21px;
}

.code-dialog__subheader {
  margin: 0;
  padding: 0;
  color: #4c4c4c;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.code-dialog__copy-btn {
  width: 100%;
  margin-bottom: 10px;
}

.code-dialog__view-btn {
  width: 100%;
  display: block;
  text-decoration: none !important;
  cursor: pointer;
}

.code-dialog__content {
  margin-top: 17px;
}

.code-dialog__docs-header {
  font-weight: bold;
  margin-top: 0;
  color: #2f2f2f;
  font-size: 16px;
}

.code-dialog__docs-subheader {
  font-size: 13px;
  line-height: 21px;
  color: #2f2f2f;
}

.code-dialog__link {
  font-size: 13px;
  line-height: 26px;
}

.code-dialog .settings-console .CodeMirror {
  border: 2px solid #f7f7f7;
  border-radius: 0;
}

.code-dialog .settings-console .CodeMirror-scroll {
  max-height: 80vh;
}

.cdf-progress-bar .progress {
  height: 5px;
  margin-bottom: 0px;
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cdf-progress-bar__title {
  font-size: 18px;
  color: #0F9C8D;
  margin: 0 0 10px 0;
  padding: 0;
}

.cdf-progress-bar--topaz .progress-bar {
  background-color: #0F9C8D;
}

.cdf-no-private-repo__image {
  margin: auto;
  display: none;
  margin-top: 12px;
}

.cdf-no-private-repo__title {
  font-weight: bold;
  color: #4c4c4c;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 24px;
}

.cdf-no-private-repo__subtitle {
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 1000px) {
  .cdf-no-private-repo__image {
    display: block;
  }
  .cdf-no-private-repo__title {
    margin-top: 18px;
  }
  .cdf-no-private-repo__subtitle {
    padding-top: 15px;
  }
}

.cf-prefixed-input__prefix {
  display: inline;
  position: relative;
  top: -26px;
  left: 13px;
  margin-bottom: -26px;
  color: lightgrey;
  opacity: 0.6;
  float: left;
}

.copy-button {
  color: #6AA9DB;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.badge-dialog {
  padding: 25px;
}

.badge-dialog .badge-loading-wrapper {
  position: relative;
  display: block;
  min-height: 20px;
  text-align: center;
}

.badge-dialog .badge-loading-wrapper img {
  position: relative;
}

.badge-dialog .badge-loading-wrapper .badge-loading-message {
  position: absolute;
  left: 0;
  right: 0;
}

.badge-dialog .badge-dialog__header {
  margin-top: 0;
  text-align: center;
  font-family: Lato;
  font-weight: bold;
  font-size: 28px;
  color: #4c4c4c;
}

.badge-dialog .badge-dialoc__property {
  margin-bottom: 15px;
}

.badge-dialog .badge-dialoc__property--centered {
  text-align: center;
}

.badge-dialog .badge-dialog__property-label {
  margin-bottom: 5px;
}

.badge-dialog .badge-dialog__preview--w300 {
  max-width: 300px;
}

.badge-dialog .badge-dialog__preview--border {
  -webkit-box-shadow: 5px 5px 5px #ddd;
          box-shadow: 5px 5px 5px #ddd;
  padding: 0;
}

.badge-dialog .cf-radio {
  display: inline-block;
  padding: 14px 18px 11px 14px;
  border: 1px solid #dddddd;
  -webkit-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
}

.badge-dialog .cf-radio:not(:last-child) {
  margin-right: 11px;
}

.badge-dialog .cf-radio.selected {
  border-color: #0F9C8D;
}

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

.badge-dialog .badge-dialog__code-header .badge-dialog__code-selector {
  display: block;
}

.badge-dialog .badge-dialog__code {
  width: 100%;
  height: 150px;
  max-height: 300px;
  resize: vertical;
  font-family: monospace;
  font-size: 12px;
  padding: 10px 14px;
  background-color: #f9f9f9;
  -webkit-box-shadow: inset 0.2px 0.2px 0 0 #d3d3d3;
          box-shadow: inset 0.2px 0.2px 0 0 #d3d3d3;
  border: solid 1px #dddddd;
  -webkit-transition: outline 500ms ease-out, outline-offser 500ms ease-out, background 500ms ease-out;
  transition: outline 500ms ease-out, outline-offser 500ms ease-out, background 500ms ease-out;
}

.badge-dialog .badge-dialog__code:focus {
  outline: 1px solid #2ec1f9;
  outline-offset: 0px;
  background: #ffffff;
}

.badge-dialog .badge-dialog__close-button {
  display: block;
  margin: auto;
}

.cf-modify-environment-variable {
  display: table-row;
  width: 100%;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.cf-modify-environment-variable .tooltip {
  word-break: break-all;
}

.cf-modify-environment-variable__value-wrapper {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding-top: 6px;
  white-space: nowrap;
}

.cf-modify-environment-variable__key-wrapper {
  display: inline-block;
  padding-top: 6px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-modify-environment-variable__eye {
  margin-left: -25px;
  margin-right: 8px;
}

.cf-modify-environment-variable .fa-eye, .cf-modify-environment-variable .fa-eye-slash {
  display: none;
}

.cf-modify-environment-variable__secure .fa-eye {
  display: inline;
}

.cf-modify-environment-variable__secure .fa-eye-slash {
  display: none;
}

.cf-modify-environment-variable__secure input {
  padding-right: 25px;
}

.cf-modify-environment-variable__not-secure .fa-eye {
  display: none;
}

.cf-modify-environment-variable__not-secure .fa-eye-slash {
  display: inline;
}

.cf-modify-environment-variable__not-secure input {
  padding-right: 25px;
}

.cf-modify-environment-variable__cancel {
  color: #888;
  font-size: 16px;
  position: relative;
}

.cf-modify-environment-variable__input {
  padding-top: 2px;
  padding-bottom: 1px;
  height: 30px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 12px;
}

.cf-modify-environment-variable__table {
  display: table;
  width: 100%;
  margin-top: 2px;
  height: 35px;
}

.cf-modify-environment-variable__key-column {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  padding-left: 12px;
}

.cf-modify-environment-variable__value-column {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  white-space: nowrap;
  padding-left: 10px;
}

.cf-modify-environment-variable__icons-column {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
  text-align: right;
  padding-right: 20px;
}

.cf-modify-environment-variable__icons-column .fa-pencil {
  margin-right: 20px;
}

.cf-modify-environment-variable__icons-column i:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.cf-modify-environment-variable__icons-column i.icon-codefresh-un-trash {
  position: relative;
  bottom: -2px;
}

.cf-modify-environment-variable__icons-column i.icon-codefresh-un-trash:hover {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.cf-modify-environment-variable i {
  cursor: pointer;
}

.cf-modify-environment-variable--removed span {
  text-decoration: line-through;
}

.cf-modify-environment-variable--modified {
  background-color: #e7f7f6;
}

.cf-modify-environment-variable__edit-icons {
  visibility: hidden;
  display: inline;
}

.cf-modify-environment-variable:hover {
  background-color: #0F9C8D;
  cursor: pointer;
  color: #fff;
}

.cf-modify-environment-variable:hover .cf-modify-environment-variable__edit-icons {
  visibility: visible;
}

.cf-modify-environment-variable--editable {
  background-color: #fff !important;
  cursor: default !important;
  color: #000 !important;
}

.cf-modify-environment-variables {
  border: 1px solid #DADADA;
}

.cf-modify-environment-variables__search {
  padding: 5px;
}

.cf-modify-environment-variables__alert {
  margin: 10px 6px;
}

.cf-modify-environment-variables__description {
  margin: 5px 0 10px 10px;
}

.cf-modify-environment-variables__show-modified {
  float: right;
  margin: 10px 12px 0 0;
}

.cf-modify-environment-variables__show-modified label {
  font-size: 13px !important;
}

.cf-modify-environment-variables__title {
  font-size: 16px;
  font-weight: bold;
  margin: 12px 0 0 10px;
}

.cf-modify-environment-variables__scroll-list {
  max-height: 150px;
  min-height: 150px;
  height: 200px;
  overflow-y: auto;
}

.cf-modify-environment-variables__table-header {
  display: table;
  width: 100%;
  padding: 0 5px;
}

.cf-modify-environment-variables__table-header-row {
  display: table-row;
  width: 100%;
}

.cf-modify-environment-variables__header-cell {
  font-weight: bold;
  border-bottom: 1px solid #DADADA;
  padding-left: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 15px;
}

.cf-modify-environment-variables__plus-btn {
  zoom: 0.9;
}

.cf-modify-environment-variables__add-btn {
  color: #0F9C8D;
  border: none;
  background: none;
  padding: 0;
  margin-right: -10px;
}

.cf-registry-selector {
  position: relative;
  max-width: 400px;
  min-width: 250px;
  cursor: pointer;
  white-space: nowrap;
}

.cf-registry-selector__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
}

.cf-registry-selector__selected {
  overflow: hidden !important;
  padding-right: 20px !important;
  text-overflow: ellipsis !important;
}

.cf-registry-selector__selected.disabled {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-registry-selector__arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.cf-registry-selector__item {
  padding: 5px 12px 5px 12px;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cf-registry-selector__item--ecr {
  background: #fff url("/modules/cf.resources/images/icon-amazon-ecr.png") no-repeat 12px 6px;
  background-size: 18px;
  padding-left: 37px;
}

.cf-registry-selector__item--cfcr {
  background: #fff url("/modules/cf.resources/images/icon-cfcr.png") no-repeat 11px 8px;
  background-size: 23px;
  padding-left: 37px;
}

.cf-registry-selector__item--dockerhub {
  background: url("/modules/cf.resources/images/icon-dockerhub.png") no-repeat 11px 8px;
  background-size: 23px;
  padding-left: 37px;
}

.cf-registry-selector__item--private-registry {
  background: #fff url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat 12px 8px;
  background-size: 15px;
  padding-left: 37px;
}

.cf-registry-selector__item--gcr {
  background: #fff url("/modules/cf.resources/images/icon-gcr.png") no-repeat 12px 8px;
  background-size: 15px;
  padding-left: 37px;
}

.cf-registry-selector__item--bintray {
  background: #fff url("/modules/cf.resources/images/icon-bintray.png") no-repeat 12px 8px;
  background-size: 15px;
  padding-left: 37px;
}

.cf-registry-selector__item--other {
  background: #fff url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat 12px 8px;
  background-size: 15px;
  padding-left: 37px;
}

.cf-registry-selector__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #DADADA;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 33px;
  right: 0;
  width: 100%;
  z-index: 5;
  max-height: 400px;
  overflow-y: auto;
}

.cf-registry-selector__list .cf-registry-selector__item:hover {
  background-color: #f7f7f7;
}

.select-entity__search-icons-block {
  width: 50px;
  height: 38px;
  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;
  cursor: default;
}

.select-entity__search-icons-block.with-search-applied {
  cursor: pointer;
}

.cf-text-switch {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  border: 1px solid #DADADA;
  background: #fff;
  border-radius: 15px;
  padding: 2px;
}

.cf-text-switch-label-checkbox {
  display: none;
}

.cf-text-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-text-switch-label > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-text-switch-label .cf-text-switch-label-item:first-child {
  font-weight: bold;
  color: #4c4c4c;
  text-transform: uppercase;
  background: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 3px 15px;
}

.cf-text-switch-label .cf-text-switch-label-item:last-child {
  font-weight: bold;
  color: #4c4c4c;
  text-transform: uppercase;
  background: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 3px 15px;
  color: #fff;
  background: #0F9C8D;
  color: #fff;
}

.cf-text-switch-label-checkbox:checked + .cf-text-switch-label .cf-text-switch-label-item:first-child {
  font-weight: bold;
  color: #4c4c4c;
  text-transform: uppercase;
  background: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 3px 15px;
  color: #fff;
  background: #0F9C8D;
  color: #fff;
}

.cf-text-switch-label-checkbox:checked + .cf-text-switch-label .cf-text-switch-label-item:last-child {
  font-weight: bold;
  color: #4c4c4c;
  text-transform: uppercase;
  background: #fff;
  border-radius: 15px;
  font-size: 12px;
  padding: 3px 15px;
}

.basic-filters-dropdown, .filters-bar .add-filter-selection filters-selection .select-filter, .filters-bar select-filter-values .select-filter-values > .values-selection {
  position: absolute;
  width: 280px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #d5d5d5;
  z-index: 2;
  margin-top: 6px;
}

.filters-bar {
  padding: 10px 20px;
  margin: 0 -40px 0 -40px;
  background-color: #ebf5f3;
  font-size: 13px;
}

.filters-bar > *,
.filters-bar .filters-chooser > * {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.filters-bar .filters-chooser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 46px;
}

.filters-bar .fields-chooser {
  float: right;
  padding-top: 10px;
  margin-bottom: -10px;
}

.filters-bar .fields-chooser .fields-chooser-button {
  font-size: 1.3em;
}

.filters-bar .fields-chooser select-filter-values .select-filter-values > .values-selection {
  top: 0;
  right: 0;
  left: auto;
}

.filters-bar .search-filter {
  background-color: rgba(255, 255, 255, 0.4);
  padding-left: 10px;
  border-bottom: none;
  border-radius: 5px;
  float: right;
  margin-top: 0px;
  height: 42px;
  width: 230px;
}

.filters-bar .search-filter i {
  color: #888;
}

.filters-bar .search-filter input {
  height: 100%;
  width: calc(100% - 35px);
  background-color: transparent;
  border: none;
  color: #44504f;
}

.filters-bar .search-filter input:focus {
  outline: none;
}

.filters-bar .search-filter input::-webkit-input-placeholder {
  font-weight: normal;
  font-style: normal;
}

.filters-bar .search-filter input::-ms-input-placeholder {
  font-weight: normal;
  font-style: normal;
}

.filters-bar .search-filter input::placeholder {
  font-weight: normal;
  font-style: normal;
}

.filters-bar .search-filter input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar .search-filter input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar .search-filter input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar .search-filter input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.filters-bar .search-filter button {
  width: 25px;
  text-decoration: none;
  color: #0F9C8D;
}

.filters-bar .add-filter-value {
  padding: 5px 10px;
  border-radius: 2px;
  margin-top: 0px;
  height: 44px;
  font-size: 12px;
  font-weight: bold;
  padding-right: 15px;
  background-color: #fff;
  border-color: #fff;
  color: #11b5a4;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.filters-bar .add-filter-value:hover, .filters-bar .add-filter-value:active {
  border-color: #11b5a4;
  background-color: #fff;
}

.filters-bar .add-filter-value i.icon-codefresh-plus-2 {
  margin-right: 5px;
}

.filters-bar .add-filter-selection {
  height: 44px;
  margin-right: 5px;
  margin-top: 1px;
  position: relative;
}

.filters-bar .add-filter-selection .add-filter-value {
  background-color: #fff;
  border-color: #fff;
  color: #11b5a4;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  padding: 13px 17px;
}

.filters-bar .add-filter-selection .add-filter-value:hover, .filters-bar .add-filter-selection .add-filter-value:active {
  border-color: #11b5a4;
  background-color: #fff;
}

.filters-bar .add-filter-selection filters-selection {
  position: absolute;
  top: 100%;
  left: 6px;
}

.filters-bar .add-filter-selection filters-selection .select-filter {
  width: 156px;
  left: -7px;
  border-color: #ededed;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

.filters-bar .add-filter-selection filters-selection .select-filter .select-filter-btn {
  width: 100%;
  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: 6px 15px;
  color: #4c4c4c;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.filters-bar .add-filter-selection filters-selection .select-filter .select-filter-btn:hover {
  text-decoration: none;
  background-color: #e7f4f8;
}

.filters-bar .add-filter-selection filters-selection .select-filter .select-filter-btn > i {
  padding: 6px;
  width: 30px;
  text-align: right;
}

.filters-bar select-filter-values {
  height: 42px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.filters-bar select-filter-values .select-filter-values {
  height: 42px;
  margin-right: 5px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container {
  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: #fff;
  color: #44504f;
  border: 1px solid #dbdbdb;
  max-width: 280px;
  height: 42px;
  margin-top: 0px;
  padding: 0;
  border-radius: 3px;
  cursor: pointer;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container > .filter-counter {
  padding: 0 6px;
  font-weight: bold;
  width: 30px;
  color: #000;
  font-size: 14px;
  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;
  cursor: default;
  height: 40px;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container > .button-content {
  text-align: left;
  position: relative;
  padding-right: 32px;
  padding-left: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container > .button-content--not-changeable {
  padding-right: 12px;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container > .button-content.vertical-line-pseudo-element::before {
  left: 0;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container > .button-content > .filter-name {
  font-weight: bold;
  color: #000;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container .select-filter-values__close-button {
  width: 30px;
  height: 40px;
  color: #949494;
  font-size: 10px;
  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;
}

.filters-bar select-filter-values .select-filter-values > .select-filter-values__container .select-filter-values__close-button.vertical-line-pseudo-element::before {
  left: 0;
}

.filters-bar select-filter-values .select-filter-values > .values-selection {
  top: 39px;
  left: 0;
  border-color: #dbdbdb;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .filter-name {
  text-transform: uppercase;
  height: 42px;
  line-height: 30px;
  padding: 6px 8px;
  border-bottom: 1px solid #DADADA;
  font-weight: bold;
  font-size: 12px;
  color: #44504f;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .filter-name > i {
  display: inline-block;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-right: 8px;
  cursor: pointer;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field {
  width: 100%;
  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;
  border-bottom: 1px solid #DADADA;
  padding: 0 14px;
  height: 40px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input {
  border: none;
  padding: 6px;
  width: 250px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #2f2f2f;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > input:focus {
  outline: none;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-field > i {
  padding: 6px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-description {
  padding: 8px 18px 8px 21px;
  color: #44504f;
}

.filters-bar select-filter-values .select-filter-values > .values-selection > .search-description > .cdf-title {
  font-size: 14px;
  font-weight: bold;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list {
  max-height: 400px;
  overflow-x: auto;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .filter-option-row {
  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;
  word-break: break-all;
  padding: 6px 15px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .filter-option-row:hover {
  background-color: #e7f4f8;
  cursor: pointer;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .filter-option-row > input {
  font-size: 18px;
  margin-right: 5px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .selected-options,
.filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .unselected-options {
  border-bottom: 1px solid #DADADA;
  padding: 0;
  margin: 0;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .grow-limit {
  text-align: center;
  padding: 10px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .grow-limit button {
  border: none;
  background: transparent;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection {
  padding: 3px 6px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button {
  font-size: 10.2px !important;
  padding: 3px !important;
  width: 100%;
  border-radius: 2px;
}

.filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button i {
  font-size: 80%;
}

.select-filter__checkbox-value {
  margin-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #4c4c4c;
  font-size: 12px;
  font-weight: bold;
}

.select-filter__checkbox-label {
  display: inline;
  margin: 0;
}

.select-filter__checkbox-input {
  display: none;
}

.select-filter__checkbox-label {
  background-color: #fff;
  border: 1px solid #dadada;
  padding: 9px;
  display: inline-block;
  position: relative;
}

.select-filter__checkbox-label-checked.select-filter__checkbox-label {
  background-color: #fff;
  border: 1px solid #dadada;
  color: #000;
}

.select-filter__checkbox-label-checked::after {
  content: '\E922';
  font-family: 'codefresh';
  font-size: 8px;
  position: absolute;
  top: 4px;
  left: 4px;
  color: #000;
}

.select-filter-values__dropdown-icon {
  position: absolute;
  right: 12px;
  top: 13px;
}

.select-filter-values__has-no-options {
  border: none !important;
}

.select-filter-values__hide-icon {
  display: none;
}

.cf-vertical-tabset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-vertical-tabset-menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 200px;
  max-width: 200px;
  border-right: 1px solid #DADADA;
}

.cf-vertical-tabset-menu__item {
  display: block;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  color: #000;
  margin: 0;
  padding: 15px 0 15px 15px;
}

.cf-vertical-tabset-menu__item:hover {
  background-color: #0b897c;
  text-decoration: none;
  color: #fff;
}

.cf-vertical-tabset-menu__item.active {
  background-color: #26BC9D;
  text-decoration: none;
  color: #fff;
}

.cf-vertical-tabset-menu__item.active:hover {
  background-color: #26BC9D;
}

.cf-vertical-tabset-content {
  padding-left: 20px;
}

.cf-number-input {
  position: relative;
}

.cf-number-input__up-btn, .cf-number-input__down-btn {
  background-color: #fff;
  color: #0F9C8D;
  border: 1px solid #DADADA;
  text-align: center;
  width: 25px;
  height: 17px;
  line-height: 14px;
  display: block;
  font-size: 10px;
}

.cf-number-input__up-btn i, .cf-number-input__down-btn i {
  position: relative;
  top: -2px;
}

.cf-number-input__up-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.cf-number-input__down-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.cf-number-input [disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

select-entity .hidden {
  visibility: hidden;
}

select-entity.select-entity-error .cf-registry-selector__item {
  border-color: #eb5848;
}

select-entity .cf-registry-selector__invalid {
  border-color: #eb5848;
}

select-entity.cf-select-dark .cf-registry-selector {
  max-width: none;
  width: 100%;
}

select-entity.cf-select-dark .cf-registry-selector .cdf-input, select-entity.cf-select-dark .cf-registry-selector .cf-select-lato .cf-select-toggle, .cf-select-lato select-entity.cf-select-dark .cf-registry-selector .cf-select-toggle {
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: 0;
  background-color: #f9f9f9;
}

select-entity.cf-select-dark .cf-registry-selector .cf-registry-selector__list {
  top: calc(100% + 2px);
  background-color: #f9f9f9;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  border: none;
}

select-entity.cf-select-dark .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item {
  padding: 8px 12px;
}

.select-entity__wide {
  width: 100%;
  max-width: 400px;
}

.select-entity__wide .cf-registry-selector {
  width: 100%;
  max-width: 100%;
}

.select-entity__wide .cf-registry-selector .item-name {
  font-weight: bold;
}

.select-entity__wide .cf-registry-selector__arrow {
  top: 10px;
  margin-top: 0;
  right: 15px;
}

.select-entity__wide .cf-registry-selector .item-description {
  white-space: pre-wrap;
}

.select-entity__wide .cf-registry-selector__list {
  z-index: 10;
  position: absolute;
  top: -1px;
}

.select-entity__wide .cf-registry-selector__list-wrapper {
  position: relative;
}

.select-entity__wide .cf-registry-selector__selected {
  font-weight: bold;
  height: auto;
}

.select-entity__wide .cf-registry-selector__selected .item-description {
  font-weight: normal;
}

.select-entity__fat .cf-registry-selector__selected {
  padding: 10px 20px;
}

.select-entity__fat .cf-registry-selector__arrow {
  top: 15px;
}

.cf-registry-selector__list {
  min-height: 0;
}

.cf-registry-selector__list .not-found__container {
  -webkit-transform: translateY(-175px);
          transform: translateY(-175px);
}

.cf-registry-selector__list.cf-registry-selector__list-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;
  -webkit-transition: min-height 250ms ease-in-out;
  transition: min-height 250ms ease-in-out;
  min-height: 175px;
  cursor: default;
}

.cf-registry-selector__list.cf-registry-selector__list-empty .not-found__container {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}

.podkova {
  font-weight: bold;
}

body {
  color: #888;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: 0% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.animated-background {
  display: block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 20px;
  width: 100%;
  position: relative;
}

.angucomplete-holder {
  position: relative;
  display: inline-block;
}

.angucomplete-dropdown {
  position: absolute;
  top: 40px;
  padding: 10px;
  width: 100%;
  max-height: 300px;
  opacity: 1;
  border-radius: 1px;
  background-color: #f9f9f9;
  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  overflow-y: scroll;
}

.angucomplete-row {
  padding-top: 4px;
  padding-bottom: 4px;
}

.angucomplete-searching {
  font-weight: 200;
}

.angucomplete-row {
  margin-bottom: 5px;
  font-weight: 200;
  cursor: pointer;
}

.angucomplete-row:hover {
  color: #0b897c;
}

button {
  outline: none !important;
}

.cf-environment-instances {
  padding-left: 40px;
  padding-top: 5px;
  background-color: #f5faf9;
}

.cf-environment-instances .terminal {
  float: none;
  font-size: 14px;
}

.cf-environment-instances .terminal-container {
  height: 170px;
  overflow: hidden;
}

.cf-environment, .cf-environment-instance {
  position: relative;
}

.cf-environment-open, .cf-environment-instance-open {
  display: inline-block;
}

.cf-environment-item, .cf-environment-instance-item {
  position: relative;
  padding: 10px 10px 10px 0;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  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;
}

.cf-environment-item > *, .cf-environment-instance-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-environment-item .env-button, .cf-environment-instance-item .env-button {
  color: #464e5c;
}

.cf-environment-item.disable::after, .cf-environment-instance-item.disable::after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(237, 237, 237, 0.7);
  z-index: 1000;
}

.cf-environment-user, .cf-environment-instance-user {
  display: inline-block;
  width: 120px;
  text-align: center;
}

.cf-environment-edit-name, .cf-environment-instance-edit-name {
  line-height: 26px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  padding-right: 6px;
  color: #464e5c;
  font-weight: 600;
  vertical-align: top;
  outline: none !important;
}

.cf-environment-edit-name:hover, .cf-environment-edit-name:focus, .cf-environment-instance-edit-name:hover, .cf-environment-instance-edit-name:focus {
  color: #464e5c;
}

.cf-environment-info, .cf-environment-instance-info {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-environment-info-env-name > *, .cf-environment-instance-info-env-name > * {
  max-width: 100%;
}

.cf-environment-info-env-name .cf-environment-name, .cf-environment-instance-info-env-name .cf-environment-name {
  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;
}

.cf-environment-info-env-name .cf-environment-name > *, .cf-environment-instance-info-env-name .cf-environment-name > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-environment-info-env-name .cf-environment-name .editable, .cf-environment-instance-info-env-name .cf-environment-name .editable {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.cf-environment-info-env-name .cf-environment-duration, .cf-environment-instance-info-env-name .cf-environment-duration {
  display: inline-block;
}

.cf-environment-info-repo-name, .cf-environment-instance-info-repo-name {
  display: inline-block;
  margin-bottom: 8px;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #464e5c;
  vertical-align: top;
}

.cf-environment-info cf-environment-name, .cf-environment-instance-info cf-environment-name {
  display: inline-block;
  margin-bottom: 8px;
}

.cf-environment-info cf-environment-name .editable, .cf-environment-instance-info cf-environment-name .editable {
  display: inline-block;
  max-width: 250px;
  border-color: #464e5c;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #464e5c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-environment-info cf-environment-name .editable-buttons .btn, .cf-environment-instance-info cf-environment-name .editable-buttons .btn {
  border: none;
  background-color: transparent !important;
  color: #464e5c !important;
  outline: none !important;
}

.cf-environment-info cf-environment-name .editable-buttons .btn:active, .cf-environment-instance-info cf-environment-name .editable-buttons .btn:active {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cf-environment-info cf-environment-name .editable-controls input, .cf-environment-instance-info cf-environment-name .editable-controls input {
  background-color: #f9f9f9;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.cf-environment-status, .cf-environment-instance-status {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 200;
  vertical-align: top;
}

.cf-environment-status .label-success, .cf-environment-instance-status .label-success {
  background-color: #0F9C8D;
}

.cf-environment-status .label-default, .cf-environment-instance-status .label-default {
  background-color: #4c4c4c;
}

.cf-environment-status .label-danger, .cf-environment-instance-status .label-danger {
  background-color: #eb5848;
}

.cf-environment-actions, .cf-environment-instance-actions {
  width: 100px;
}

.cf-environment-actions .cf-item-actions, .cf-environment-instance-actions .cf-item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-environment-actions .cf-item-actions > *, .cf-environment-instance-actions .cf-item-actions > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-environment-actions .cf-item-action, .cf-environment-instance-actions .cf-item-action {
  position: relative;
}

.cf-environment-actions .item-dialog-message-box, .cf-environment-instance-actions .item-dialog-message-box {
  position: absolute;
  top: 110%;
  right: 0;
  background: #f7f7f7;
  z-index: 2;
  border: 2px solid #0F9C8D;
  padding: 10px;
  width: 300px;
}

.cf-environment-actions .item-dialog-message-box:before, .cf-environment-instance-actions .item-dialog-message-box:before {
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  top: -10px;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  width: 0;
  border-bottom: 8px solid #0F9C8D;
}

.cf-environment-actions .item-dialog-message-box :after, .cf-environment-instance-actions .item-dialog-message-box :after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: -6px;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0;
  border-bottom: 6px solid #f7f7f7;
}

.cf-environment-actions .item-dialog-message-box h4, .cf-environment-instance-actions .item-dialog-message-box h4 {
  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;
  font-weight: bold;
}

.cf-environment-actions .item-dialog-message-box h4 span, .cf-environment-instance-actions .item-dialog-message-box h4 span {
  margin-left: 10px;
}

.cf-environment-actions .item-dialog-message-box .cf-input, .cf-environment-actions .item-dialog-message-box .multiSelect .inputFilter, .multiSelect .cf-environment-actions .item-dialog-message-box .inputFilter, .cf-environment-actions .item-dialog-message-box .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .cf-environment-actions .item-dialog-message-box .multiSelect > button, .cf-environment-actions .item-dialog-message-box .cf-select-light .cf-select-toggle, .cf-select-light .cf-environment-actions .item-dialog-message-box .cf-select-toggle, .cf-environment-actions .item-dialog-message-box .cf-select-lato .cf-select-toggle, .cf-select-lato .cf-environment-actions .item-dialog-message-box .cf-select-toggle, .cf-environment-instance-actions .item-dialog-message-box .cf-input, .cf-environment-instance-actions .item-dialog-message-box .multiSelect .inputFilter, .multiSelect .cf-environment-instance-actions .item-dialog-message-box .inputFilter, .cf-environment-instance-actions .item-dialog-message-box .cf-multiselect-light .multiSelect > button, .cf-multiselect-light .cf-environment-instance-actions .item-dialog-message-box .multiSelect > button, .cf-environment-instance-actions .item-dialog-message-box .cf-select-light .cf-select-toggle, .cf-select-light .cf-environment-instance-actions .item-dialog-message-box .cf-select-toggle, .cf-environment-instance-actions .item-dialog-message-box .cf-select-lato .cf-select-toggle, .cf-select-lato .cf-environment-instance-actions .item-dialog-message-box .cf-select-toggle {
  background: #fff;
}

.cf-environment-actions .item-dialog-message-box .item-dialog-button-wrap, .cf-environment-instance-actions .item-dialog-message-box .item-dialog-button-wrap {
  text-align: right;
}

.cf-environment-actions .item-dialog-message-box .cf-button, .cf-environment-instance-actions .item-dialog-message-box .cf-button {
  font-size: 14px;
  padding: 6px 40px;
  color: #fff;
}

.cf-environment-actions .item-dialog-message-box .cf-button[disabled="disabled"], .cf-environment-instance-actions .item-dialog-message-box .cf-button[disabled="disabled"] {
  color: #b4bece;
}

.cf-environment-actions .item-dialog-message-box .item-enable-slack-integration, .cf-environment-instance-actions .item-dialog-message-box .item-enable-slack-integration {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 200px;
  text-align: center;
}

.cf-environment-actions .item-dialog-message-box .item-enable-slack-integration h4, .cf-environment-instance-actions .item-dialog-message-box .item-enable-slack-integration h4 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.cf-environment-actions .item-dialog-message-box .item-enable-slack-integration p, .cf-environment-instance-actions .item-dialog-message-box .item-enable-slack-integration p {
  margin: 20px 10px;
}

.cf-environment-copy-link, .cf-environment-instance-copy-link {
  width: 250px;
}

.cf-environment-copy-link .form-control, .cf-environment-instance-copy-link .form-control {
  width: 80%;
  height: 26px;
  padding: 4px;
  border-radius: 0px;
  border-color: #cfd3db;
  background-color: #fff;
}

.cf-environment-copy-link .input-group-addon, .cf-environment-instance-copy-link .input-group-addon {
  width: 20%;
  height: 26px;
  background-color: #fff;
  border-radius: 0px;
  border-left: none !important;
  border-color: #cfd3db;
  outline: none;
  vertical-align: top;
}

.cf-environment-copy-links, .cf-environment-instance-copy-links {
  width: 350px;
}

.cf-environment-copy-links .cf-environment-btn-copy, .cf-environment-instance-copy-links .cf-environment-btn-copy {
  margin-top: -4px;
  color: #464e5c;
  z-index: 1000;
}

.cf-environment-metadata, .cf-environment-instance-metadata {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  width: 100%;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-environment-metadata > *, .cf-environment-instance-metadata > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-environment-metadata-text-item, .cf-environment-instance-metadata-text-item {
  max-width: 200px;
}

.cf-environment-metadata-item, .cf-environment-instance-metadata-item {
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 10px 0 0;
  color: #464e5c;
  font-size: 13px;
  border-right: solid 1px #cfd3db;
  line-height: 25px;
}

.cf-environment-metadata-item:not(:last-child)::after, .cf-environment-instance-metadata-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #cfd3db;
  display: inline-block;
}

.cf-environment-metadata-item:last-child, .cf-environment-instance-metadata-item:last-child {
  border-right: none;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-toggle, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-toggle {
  width: 300px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 52px;
  border: none;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-toggle:hover, .cf-environment-metadata-item .uib-dropdown .uib-dropdown-toggle:focus, .cf-environment-metadata-item .uib-dropdown .uib-dropdown-toggle:active, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-toggle:hover, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-toggle:focus, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-toggle:active {
  background-color: #fff;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-toggle::after, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-toggle::after {
  position: absolute;
  content: "\F0D7";
  right: 5px;
  top: 10px;
  font: normal normal normal 18px/1 FontAwesome;
  color: #1abc9c;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu {
  margin-top: 2px;
  border: none;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu li, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu li {
  width: 300px;
  padding: 10px 5px;
  white-space: nowrap;
  cursor: pointer;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu li:hover .cf-environment-metadata-port, .cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu li:focus .cf-environment-metadata-port, .cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu li.active .cf-environment-metadata-port, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu li:hover .cf-environment-metadata-port, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu li:focus .cf-environment-metadata-port, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu li.active .cf-environment-metadata-port {
  color: #1abc9c;
}

.cf-environment-metadata-item .uib-dropdown .uib-dropdown-menu::after, .cf-environment-instance-metadata-item .uib-dropdown .uib-dropdown-menu::after {
  display: none;
}

.cf-environment-metadata-item .uib-dropdown.open .uib-dropdown-toggle, .cf-environment-instance-metadata-item .uib-dropdown.open .uib-dropdown-toggle {
  background-color: #fff;
}

.cf-environment-metadata-port, .cf-environment-instance-metadata-port {
  font-size: 13px;
  line-height: 25px;
}

.cf-environment-metadata-icon, .cf-environment-instance-metadata-icon {
  font-size: 20px;
  vertical-align: middle;
}

.cf-environment-metadata-text, .cf-environment-instance-metadata-text {
  display: inline-block;
  max-width: 150px;
  line-height: 24px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-environment-right, .cf-environment-instance-right {
  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;
  width: 250px;
}

.cf-environment-right > *, .cf-environment-instance-right > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-environment-instance-right {
  width: auto;
}

@media screen and (max-width: 1000px) {
  .cf-environment-info-env-name {
    max-width: 50%;
  }
  .cf-environment-right {
    position: absolute;
    right: 15px;
    top: 10px;
    width: auto;
  }
  .cf-environment-status {
    font-size: 14px;
  }
  .cf-environment-actions {
    width: 120px;
  }
  .cf-environment-actions .cf-item-action {
    width: 20%;
  }
  .cf-environment-actions .cf-item-action a, .cf-environment-actions .cf-item-action button {
    font-size: 16px;
  }
  .cf-environment-actions .item-dialog-message-box {
    right: -70%;
  }
}

.launching-env-wrap {
  cursor: pointer;
  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;
}

.launching-env-wrap .cf-environment-user {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.launching-env-wrap .launching-env {
  font-size: 18px;
  min-height: 110px;
  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;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 0;
  padding: 10px;
  white-space: nowrap;
}

.launching-env-wrap .in-progress-env-name {
  max-width: 80%;
  margin: 0 5px;
}

.empty-environments-screen .info-box {
  display: inline-block;
  margin-top: 80px;
}

.empty-environments-screen .empty-screen-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: auto;
  width: 800px;
}

.empty-environments-screen .empty-screen-buttons .info-button-link {
  border-width: 1px;
  font-size: 1.2rem;
  width: 33%;
  margin: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cf-environments {
  margin-top: 40px;
  margin-left: 25px;
  margin-right: 25px;
}

.cf-environments-title {
  margin: 0px;
}

.cf-environments .cf-list-item {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 35px;
}

li.rebuild-image-item button {
  padding: 0 !important;
}

li.rebuild-image-item button i::before {
  content: 'REBUILD IMAGE';
  font-family: 'Lato';
  font-size: 14px;
  color: #333;
  padding: 3px 20px;
  line-height: 2;
}

li.rebuild-image-item button:hover {
  background-color: #f5f5f5;
}

li.rebuild-image-item div[uib-tooltip-popup] {
  display: none;
}

.images {
  padding-left: 40px;
  padding-right: 40px;
}

.images .cf-table, .images .helm-chart-details markdown table, .helm-chart-details markdown .images table {
  margin-top: 15px;
  border-collapse: separate;
  border-spacing: 0 5px;
}

.images .cf-table th, .images .helm-chart-details markdown table th, .helm-chart-details markdown .images table th {
  white-space: nowrap;
  background-color: #ebf5f3;
}

.images .cf-table .image-tags, .images .helm-chart-details markdown table .image-tags, .helm-chart-details markdown .images table .image-tags {
  white-space: normal;
  display: inline;
}

.images .cf-table .image-tags:before, .images .helm-chart-details markdown table .image-tags:before, .helm-chart-details markdown .images table .image-tags:before {
  display: none;
}

.images .cf-table .image-tags .image-tag, .images .helm-chart-details markdown table .image-tags .image-tag, .helm-chart-details markdown .images table .image-tags .image-tag {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.images .cf-table td, .images .helm-chart-details markdown table td, .helm-chart-details markdown .images table td {
  font-size: 13px;
  border-top: 1px solid #ebedef;
}

.images .cf-table td .icon-codefresh-success-2, .images .helm-chart-details markdown table td .icon-codefresh-success-2, .helm-chart-details markdown .images table td .icon-codefresh-success-2 {
  color: #46BA0F;
  font-size: 18px;
}

.images .cf-table td .icon-codefresh-fail-2, .images .helm-chart-details markdown table td .icon-codefresh-fail-2, .helm-chart-details markdown .images table td .icon-codefresh-fail-2 {
  font-size: 18px;
  color: #eb5848;
}

.images .cf-table td.sha a, .images .helm-chart-details markdown table td.sha a, .helm-chart-details markdown .images table td.sha a {
  color: #518FF6 !important;
}

.images .cf-table td.size, .images .helm-chart-details markdown table td.size, .helm-chart-details markdown .images table td.size {
  white-space: nowrap;
}

.images div[ng-table-pagination] {
  display: none;
}

.images table[ng-table-dynamic] {
  margin-bottom: 10px;
}

.large-sidebar .images .cf-filter-item:first-child {
  left: 233px;
}

.small-sidebar .images .cf-filter-item:first-child {
  left: 94px;
}

.images-title {
  margin-top: 0;
  margin-bottom: 0;
}

.images .run-button {
  display: inline-block;
}

.images .run-button .btn-run-icons li {
  font-size: 16px;
}

.images .cf-percentage {
  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;
}

.images .cf-percentage .cf-percentage-graph {
  margin-right: 10px;
  width: 120px;
  height: 13px;
  border-radius: 20px;
  background-color: #ebedef;
}

.images .cf-percentage .cf-percentage-graph .cf-percentage-graph-inner {
  height: 100%;
  border-radius: 30px;
  background-color: #0F9C8D;
  max-width: 100%;
}

.images .cf-percentage .cf-percentage-val {
  font-weight: bold;
  color: #0F9C8D;
}

.images .image-actions .icon-codefresh-launch-2 {
  font-size: 19px;
  margin-top: 13px;
}

.images .cf-filter-item:first-child + li {
  padding-left: 8px;
}

.images .cf-filter-item:first-child {
  position: absolute;
  margin-top: -88px;
}

.images .cf-filter-item:first-child:after {
  display: none;
}

.images .cf-filter-item:first-child .checkBoxContainer {
  padding: 0;
}

.images .cf-filter-item:first-child .tickMark {
  display: none;
}

.images .cf-filter-item:first-child .multiSelectItem {
  font-size: 18px;
  padding: 8px 0;
}

.images .cf-filter-item:first-child .multiSelectItem.selected {
  border-left: 4px solid #0F9C8D !important;
}

.images .cf-filter-item:first-child .checkboxLayer {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-color: #fff;
  margin-top: 0;
  border-top: 1px solid #ebedef;
}

.images .cf-filter-item:first-child button {
  cursor: pointer;
  font-size: 21px;
  font-weight: 300;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.images .promote-button {
  font-size: 16px;
}

.images .cf-image-pull {
  font-size: 16px !important;
}

.images-quality-icon {
  display: inline-block;
  padding-left: 26px;
}

.images-quality-icon.fa-check {
  color: #A5DC86;
}

.images-quality-icon.fa-times {
  color: #F27474;
}

.images .image-commit {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.images .image-name {
  display: block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.images .image-actions-wrap {
  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;
}

.images .image-actions-wrap i.fa {
  font-size: 16px;
}

.images .image-actions-wrap .promote-button {
  width: 20px;
}

.images .image-actions-wrap .rebuild-button {
  padding: 0;
}

.images .image-repo-name {
  display: inline-block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.images .cf-image-pull {
  color: #888 !important;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  line-height: 20px;
}

.images .cf-image-pull:focus, .images .cf-image-pull:hover {
  color: #F5932A;
}

.images .rebuild-button {
  color: #888;
}

.images .cf-image-tag {
  margin-right: 4px;
}

.images.volumes .image-actions {
  width: 120px;
}

.images-search {
  margin-bottom: 20px;
  top: 30px;
}

.images-search input::-webkit-input-placeholder {
  font-style: italic;
}

.images-search input::-ms-input-placeholder {
  font-style: italic;
}

.images-search input::placeholder {
  font-style: italic;
}

.image-tags {
  line-height: 26px;
  vertical-align: middle;
  white-space: nowrap;
}

.image-tags:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.image-tags-container {
  padding-top: 5px;
  padding-bottom: 5px;
}

.image-tags .image-tag {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
  height: 24px;
  line-height: 24px;
  margin-right: 5px;
  padding: 0 12px;
  border-radius: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #F5FAF9 !important;
  border: 1px solid #87E0D7 !important;
  color: #11B5A4;
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
}

.image-tags .image-tooltip {
  display: inline-block;
  vertical-align: middle;
}

.cf-image-summary__commets-annotations-tab {
  border-right: 1px solid #e0eaec;
  border-left: 1px solid #e0eaec;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.cf-image-summary__commets-annotations-tab .repo-tabs {
  margin-top: -15px !important;
}

.cf-image-summary__logs-btn {
  width: 100%;
  display: block;
  cursor: pointer;
  max-width: 300px;
  margin-bottom: 20px;
  color: #11B5A4;
  border-color: #11B5A4;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  padding-top: 5px;
}

.cf-image-summary__logs-btn i {
  font-size: 18px;
  bottom: -3px;
  position: relative;
}

.cf-image-summary__tags-title {
  margin-top: 0;
  padding-bottom: 10px;
}

.image {
  position: relative;
}

.image .repo-tabs {
  margin-top: -3px;
}

.image .repo-tabs a {
  font-size: 13px;
  text-transform: uppercase;
}

.image .image-log {
  padding-top: 63px;
}

.image .container-fluid.steps {
  margin-left: -30px;
  margin-right: -30px;
  padding-top: 5px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps {
    padding-top: 70px !important;
  }
}

.image .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 0px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
    padding-top: 0px !important;
  }
}

.image .container-fluid.steps.pending-approval {
  padding-top: 0px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps.pending-approval {
    padding-top: 60px !important;
  }
}

.image .container-fluid.steps.pending-approval .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 12px !important;
}

.image-timeline-test-success {
  color: #1abc9c !important;
}

.image-timeline-test-error {
  color: #eb5848 !important;
}

.image-timeline-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-summary-tabs-container {
  display: block;
  padding-top: 25px;
}

@media all and (min-width: 1000px) {
  .image-timeline-container {
    min-height: 600px;
  }
}

@media all and (max-width: 1100px) {
  .image-timeline-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .image-timeline-container .image-details--first-column {
    max-width: 100% !important;
  }
  .image-timeline-container .image-details {
    border-right: none;
  }
  .cf-image-summary__commets-annotations-tab {
    border: none;
    padding: 0;
    margin: 0;
  }
}

.image-details {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.image-details-link {
  color: #46494a;
  text-decoration: underline;
}

.image-details-link:hover, .image-details-link:focus, .image-details-link:active {
  color: #46494a;
}

.image-details--first-column {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.image-details-section {
  margin-bottom: 20px;
}

.image-details-section--comment {
  border-bottom: 1px solid #ebedef;
  padding-bottom: 20px;
}

.image-details-section .activity-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 28px;
}

.image-details-section .activity-filter input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 1px solid #DBDBDB;
  padding-left: 30px;
  padding-right: 10px;
  outline: none;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  height: 41px;
  font-size: 13px;
  color: #4C4C4C;
  background-image: url("/modules/cf.resources/images/svg/search.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 10px;
}

.image-details-section .activity-filter .cf-registry-selector {
  min-width: 115px;
  max-width: 115px;
  margin-left: -1px;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__list {
  top: 40px;
}

.image-details-section .activity-filter .cf-registry-selector li {
  font-size: 12px;
  color: #4C4C4C;
  font-weight: bold;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__arrow {
  right: 15px;
  margin-top: 3px;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__selected {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-color: #DBDBDB;
  padding: 10px 12px 29px 12px !important;
  font-size: 13px;
  position: relative;
}

.image-details-section h4 {
  color: #000;
}

.image-details-section h4.mt0 {
  margin-top: 0;
}

.image-details-section .build-info {
  text-decoration: none;
  color: #46494a;
}

.image-details-section .build-info:hover {
  cursor: pointer;
  text-decoration: underline;
}

.image-details-section .image-details-image-header {
  line-height: 23px;
}

.image-details-section .image-details-image-header .image-name {
  word-break: break-all;
}

.image-details-section .image-details-code-item {
  font-size: 13px;
  line-height: 20px;
  color: #4C4C4C;
  cursor: pointer;
}

.image-details-buttons {
  position: absolute;
  right: 0;
  top: 3px;
  min-width: 165px;
  font-size: 20px;
}

.image-details-buttons li.pull-image-item button {
  padding: 0 !important;
}

.image-details-buttons li.pull-image-item button i::before {
  content: 'PULL IMAGE';
  font-family: 'Lato';
  font-size: 14px;
  color: #333;
  padding: 3px 20px;
  line-height: 2;
}

.image-details-buttons li.pull-image-item button:hover {
  background-color: #f5f5f5;
}

.image-details-buttons li.pull-image-item div[uib-tooltip-popup] {
  display: none !important;
}

.image-details-buttons .btn-run-icons a {
  color: #46494a !important;
}

.image-details-buttons .fa {
  font-size: 18px;
}

.image-details-buttons .fa.icon-codefresh-promote-2 {
  font-size: 16px;
}

.image-details-buttons .icon-codefresh-hamburger {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.image-details-buttons .run-button {
  display: inline-block;
}

.image-details-buttons .btn-run-icons li {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
}

.image-details-buttons .promote-button {
  top: 24px;
  color: #464e5c !important;
}

.image-details-buttons .promote-button:focus, .image-details-buttons .promote-button:hover {
  color: #F39C12 !important;
}

.image-details-buttons .image-details-settings-button {
  color: #464e5c !important;
  font-size: 20px;
  line-height: 20px;
}

.image-details-buttons .image-details-settings-button:focus, .image-details-buttons .image-details-settings-button:hover {
  color: #F39C12 !important;
}

.image-details-container {
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.image-details-code {
  padding: 0;
}

.image-details-code li {
  display: inline-block;
  margin-left: 10px;
  padding: 0px 10px 0px 0px;
  color: #464e5c;
  font-size: 13px;
  border-right: 1px solid #cfd3db;
}

.image-details-code li:first-child {
  margin: 0;
}

.image-details-code li:last-child {
  border-right: none;
}

.image-details-code li a {
  color: #464e5c;
  text-decoration: underline;
}

.image-details-commit {
  line-height: 18px;
}

.image-details-branch {
  line-height: 18px;
}

.image-details-user {
  line-height: 18px;
}

.image-details-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 18px;
  color: #464e5c;
}

.image-details .control-label {
  text-align: left;
}

.image-details .image-data {
  margin-top: 6px;
}

.image-log {
  padding-left: 30px;
  padding-right: 30px;
}

.image-log .container-fluid.header {
  position: absolute !important;
  top: -80px !important;
  left: -30px !important;
  right: -30px !important;
}

.image-log .cf-runtime-warning {
  display: none;
}

.image-log .cf-btn-settings {
  display: none;
}

.image-log .cf-runtime-app-buttons {
  display: none;
}

.image-log .cf-runtime-progress {
  margin-left: 0px;
  margin-right: 0px;
}

.image-log .cf-runtime-progress .live-url {
  display: none;
}

.image-log .button-progress-rebuild {
  display: none;
}

.image-log cf-progress-result .run-progress-steps {
  border: none !important;
}

.image-dockerfile {
  padding-left: 50px;
  padding-right: 50px;
}

.tags {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.tags .tag-item {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 32px;
  background-color: #EAEAEB !important;
  border-color: #EAEAEB !important;
}

.tags .tag-item .remove-button {
  color: #EC6355 !important;
}

.tags .tag-item .remove-button:hover, .tags .tag-item .remove-button:focus {
  text-decoration: none;
}

@-webkit-keyframes blinkError {
  from {
    color: #888;
  }
  to {
    color: #eb5848;
  }
}

@keyframes blinkError {
  from {
    color: #888;
  }
  to {
    color: #eb5848;
  }
}

@-webkit-keyframes blinkStart {
  from {
    color: #888;
  }
  to {
    color: #F5932A;
  }
}

@keyframes blinkStart {
  from {
    color: #888;
  }
  to {
    color: #F5932A;
  }
}

@-webkit-keyframes blinkSuccess {
  from {
    color: #888;
  }
  to {
    color: #0F9C8D;
  }
}

@keyframes blinkSuccess {
  from {
    color: #888;
  }
  to {
    color: #0F9C8D;
  }
}

.promote-btn-wrap {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.promote-btn-content {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  padding: 3px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  will-change: width;
  -webkit-transition: width 1s, -webkit-box-shadow 0.5s;
  transition: width 1s, -webkit-box-shadow 0.5s;
  transition: width 1s, box-shadow 0.5s;
  transition: width 1s, box-shadow 0.5s, -webkit-box-shadow 0.5s;
}

.promote-button {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  color: #888;
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  -webkit-transition: left ease-out 0.6s;
  transition: left ease-out 0.6s;
}

.promote-button-start {
  right: 3px;
  background-color: transparent;
}

.promote-button-start:hover, .promote-button-start:focus, .promote-button-start:disabled {
  color: #F5932A;
}

.promote-button-info {
  left: 150%;
}

.promote-button-info:hover, .promote-button-info:focus {
  background: #ADD8E6;
}

.promote-btn-content.info-error .promote-button-info {
  background: #eb5848;
}

.promote-btn-content.info-error .promote-button-info:hover, .promote-btn-content.info-error .promote-button-info:focus {
  background: #eb5848;
}

.promote-btn-content.info-error .promote-button-start {
  -webkit-animation: blinkError 0.4s 6 alternate 0.5s;
          animation: blinkError 0.4s 6 alternate 0.5s;
}

.promote-btn-content.info-success .promote-button-info {
  background: #0F9C8D;
  color: #fff;
}

.promote-btn-content.info-success .promote-button-info:hover, .promote-btn-content.info-success .promote-button-info:focus {
  background: #0F9C8D;
}

.promote-btn-content.info-success .promote-button-start {
  -webkit-animation: blinkSuccess 0.4s 6 alternate 0.5s;
          animation: blinkSuccess 0.4s 6 alternate 0.5s;
}

.promote-btn-content.info-pending .promote-button-info {
  background: #F5932A;
}

.promote-btn-content.info-pending .promote-button-info:hover, .promote-btn-content.info-pending .promote-button-info:focus {
  background: #F5932A;
}

.promote-btn-content.info-pending .promote-button-start {
  -webkit-animation: blinkStart 0.4s 6 alternate 0.5s;
          animation: blinkStart 0.4s 6 alternate 0.5s;
}

.promote-btn-content.open-left.promote-info, .promote-btn-content:hover.promote-info {
  width: 250%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.promote-btn-content.open-left.promote-info .promote-button-start, .promote-btn-content:hover.promote-info .promote-button-start {
  background: #fff;
}

.promote-btn-content.open-left.promote-info .promote-button-info, .promote-btn-content:hover.promote-info .promote-button-info {
  left: 3px;
}

.promote-btn-content.open-left .promote-button-start {
  -webkit-animation: blinkStart 0.4s 6 alternate 0.5s;
          animation: blinkStart 0.4s 6 alternate 0.5s;
}

.promote-modal {
  padding: 10px;
}

.promote-modal__registry {
  float: left;
  width: 49%;
}

.promote-modal__name {
  margin-bottom: 10px;
}

.promote-modal__tag {
  float: right;
  width: 49%;
}

.promote-modal__tag .angucomplete-holder {
  width: 100%;
}

.promote-modal__tag .error {
  font-size: 14px;
  color: #eb5848;
}

.promote-modal__tag .fa-question-circle {
  position: relative;
  bottom: -3px;
}

.promote-modal__label {
  display: block;
  font-size: 14px;
  color: #4c4c4c;
}

.promote-modal__clear {
  clear: both;
}

.promote-modal .no-dockerhub {
  font-size: 14px;
  font-weight: normal;
}

.promote-modal-content {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #ededed;
  background-image: url(/modules/cf.resources/images/terminate-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.promote-modal-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
  color: #1abc9c;
}

.promote-modal-input {
  display: inline-block;
  width: auto;
  background-color: #f9f9f9;
  font-weight: 200;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.promote-modal-input:focus {
  border: none;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
}

.promote-modal-message {
  margin-top: 25px;
  min-height: 170px;
  font-size: 16px;
  font-weight: 600;
  color: #464e5c;
}

.promote-modal-message .dropdown-multiselect {
  display: inline-block;
}

.promote-modal-message .section {
  margin-top: 20px;
}

.promote-modal-message .section .error {
  color: #eb5848;
}

.promote-modal-button-success {
  text-transform: uppercase;
  background-color: #1abc9c;
  color: white;
}

.promote-modal-button-success:hover, .promote-modal-button-success:focus {
  color: white;
}

.promote-modal-button-error {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: white;
  color: #1abc9c;
  text-transform: uppercase;
  border: 2px solid #1abc9c;
}

.promote-modal-button-error:hover, .promote-modal-button-error:focus {
  color: #1abc9c;
}

.capitalize {
  text-transform: capitalize;
}

.rebuild-button {
  padding-left: 2px;
  padding-right: 8px;
  font-size: 20px;
  line-height: 20px;
  color: #464e5c;
}

.rebuild-button:hover, .rebuild-button:focus {
  color: #F39C12;
}

.cf-image-pull {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  line-height: 20px;
  color: #464e5c;
}

.cf-image-pull:focus, .cf-image-pull:hover {
  color: #F39C12;
}

.image-timeline {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.image-timeline .row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.image-timeline .row-eq-height p {
  word-wrap: break-word;
}

.image-timeline .repo-tabs {
  margin: 0;
}

.image-timeline .media-heading {
  font-weight: bold;
  color: #000;
  font-size: 14px;
  margin-top: 10px;
}

.image-timeline img.promote-image {
  background-color: #EBEBEB;
  border-radius: 50%;
  padding: 17%;
  width: 114%;
}

.image-timeline img.tagged-image {
  background-color: #11B5A4;
  border-radius: 50%;
  padding: 27%;
  width: 113%;
}

.image-timeline-container {
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.image-timeline-tag {
  max-width: 400px;
  word-break: break-all;
  overflow: hidden;
  display: inline-block;
  padding: 2px 12px;
  border: 1px solid #F7F7F7;
  background-color: #F7F7F7 !important;
}

.image-timeline-tag.tag-added {
  background-color: #F5FAF9 !important;
  border: 1px solid #87E0D7 !important;
  color: #11B5A4;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}

.image-timeline-copy-tag {
  cursor: pointer;
  max-width: 88px;
  word-break: break-all;
  overflow: hidden;
  display: inline-block;
  border: 1px solid transparent !important;
  background-color: transparent !important;
  margin-left: 5px;
}

.image-timeline-copy-tag:disabled, .image-timeline-copy-tag.disabled {
  opacity: 0.5;
}

.image-timeline-copy-tag i {
  font-weight: bold;
}

.image-timeline-avatar img {
  width: 44px;
  height: 44px;
  vertical-align: middle;
  display: block;
}

.image-timeline-centered {
  position: relative;
  margin-bottom: 30px;
  padding-left: 120px;
}

.image-timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  background: #DBDBDB;
  top: 20px;
  bottom: 65px;
  margin-left: -2px;
}

.image-timeline-centered:after {
  content: " ";
  display: table;
  clear: both;
}

.image-timeline-entry {
  position: relative;
  float: right;
  margin-bottom: 20px;
  clear: both;
}

.image-timeline-entry:before, .image-timeline-entry:after {
  content: " ";
  display: table;
}

.image-timeline-entry:after {
  clear: both;
}

.image-timeline-entry:first-child .image-timeline-icon {
  color: #fff;
}

.image-timeline-entry-inner {
  position: relative;
  margin-left: -22px;
}

.image-timeline-entry-inner:before, .image-timeline-entry-inner:after {
  content: " ";
  display: table;
}

.image-timeline-entry-inner:after {
  clear: both;
}

.image-timeline-time {
  position: absolute;
  left: -100px;
  max-width: 90px;
  width: 90px;
  text-align: right;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  color: #888888;
  padding-top: 10px;
}

.image-timeline-time span {
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.image-timeline-icon {
  background: #fff;
  display: block;
  width: 40px;
  height: 40px;
  background-clip: padding-box;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  float: left;
  font-size: 20px;
  color: #464e5c;
}

.image-timeline-description {
  white-space: pre-wrap;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.image-timeline-details {
  position: relative;
  margin-left: 60px;
}

.image-timeline-tags {
  padding-top: 20px;
}

.image-timeline-tags .tags-header {
  font-size: 14px;
  color: #46494a;
  margin-bottom: 10px;
}

.image-timeline-tags .tags {
  margin-top: 10px;
}

.image-timeline-quality h4 {
  font-weight: bold;
}

.image-timeline .image-comments-form {
  width: 100%;
  position: relative;
}

.image-timeline .image-comments-field {
  display: block;
  width: 100%;
  height: 40px;
  padding-right: 40px;
}

.image-timeline .comments-header {
  visibility: hidden;
  margin: 0;
  font-weight: bold;
  font-size: 21px;
}

.image-timeline .btm-comments-add {
  margin-top: -36px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  margin-right: 4px;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  padding-left: 3px;
  background-color: #07AB9A !important;
  color: #fff !important;
  border-color: #1abc9c !important;
  font-weight: bold;
  text-transform: uppercase;
}

.image-timeline .btm-comments-add:hover, .image-timeline .btm-comments-add:focus {
  background-color: #fff !important;
  color: #1abc9c !important;
}

.image-timeline .btm-comments-add[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.image-layers {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.image-layers-container {
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}

.image-layers-container:before {
  content: '';
  border-right: 3px solid #6AA9DB;
  width: 0;
  position: absolute;
  bottom: 33px;
  top: 40px;
  left: 153px;
  z-index: 10;
}

.image-layers-container .image-layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 35px;
}

.image-layers-container .image-layer .layer-size {
  width: 100px;
  text-align: center;
  padding-top: 2px;
}

.image-layers-container .image-layer .layer-tree {
  position: relative;
  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;
}

.image-layers-container .image-layer .layer-circle {
  padding-top: 2px;
  padding-left: 3px;
  width: 28px;
}

.image-layers-container .image-layer .layer-circle-box {
  position: relative;
  width: 22px;
  height: 22px;
  border: 3px solid #6AA9DB;
  background-color: #fff;
  border-radius: 50%;
  z-index: 20;
}

.image-layers-container .image-layer .layer-instruction {
  width: 140px;
  text-align: right;
  font-size: 90%;
  font-weight: 600;
}

.image-layers-container .image-layer .layer-instruction-box {
  border-width: 1px;
  border-style: solid;
  margin: 0 15px;
  padding: 2px 10px;
  border-color: #33a3dd;
  color: #33a3dd;
  background-color: rgba(51, 163, 221, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.WORKER {
  border-color: #fab767;
  color: #fab767;
  background-color: rgba(250, 183, 103, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.COPY {
  border-color: #747474;
  color: #747474;
  background-color: rgba(116, 116, 116, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.EXPOSE {
  border-color: #00bff3;
  color: #00bff3;
  background-color: rgba(0, 191, 243, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.RUN {
  border-color: #3bac14;
  color: #3bac14;
  background-color: rgba(59, 172, 20, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.FROM {
  border-color: #ea80fc;
  color: #ea80fc;
  background-color: rgba(234, 128, 252, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.CMD {
  border-color: #00838f;
  color: #00838f;
  background-color: rgba(0, 131, 143, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.LABEL {
  border-color: #ff6e40;
  color: #ff6e40;
  background-color: rgba(255, 110, 64, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.ENV {
  border-color: #3949ab;
  color: #3949ab;
  background-color: rgba(57, 73, 171, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.ADD {
  border-color: #ab47bc;
  color: #ab47bc;
  background-color: rgba(171, 71, 188, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.ENTRYPOINT {
  border-color: #c2185b;
  color: #c2185b;
  background-color: rgba(194, 24, 91, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.VOLUME {
  border-color: #1b5e20;
  color: #1b5e20;
  background-color: rgba(27, 94, 32, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.USER {
  border-color: #2196f3;
  color: #2196f3;
  background-color: rgba(33, 150, 243, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.ARG {
  border-color: #ffd54f;
  color: #ffd54f;
  background-color: rgba(255, 213, 79, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.ONBUILD {
  border-color: #222222;
  color: #222222;
  background-color: rgba(34, 34, 34, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.STOPSIGNAL {
  border-color: #c62828;
  color: #c62828;
  background-color: rgba(198, 40, 40, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.HEALTHCHECK {
  border-color: #aed581;
  color: #aed581;
  background-color: rgba(174, 213, 129, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.SHELL {
  border-color: #6d4c41;
  color: #6d4c41;
  background-color: rgba(109, 76, 65, 0.04);
}

.image-layers-container .image-layer .layer-instruction-box.MAINTAINER {
  border-color: #8661b2;
  color: #8661b2;
  background-color: rgba(134, 97, 178, 0.04);
}

.image-layers-container .image-layer .layer-cmd {
  width: calc(100% - 100px - 140px - 28px);
  height: 22px;
  overflow: hidden;
  word-break: break-all;
  padding-top: 2px;
}

.image-layers-container .image-layer:first-child .layer-circle {
  padding-top: 0;
  padding-left: 0;
}

.image-layers-container .image-layer:first-child .layer-circle-box {
  border-width: 6px;
  width: 28px;
  height: 28px;
}

.image-layers-error {
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}

.cf-annotation-list .cf-annotation-item {
  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;
  border-bottom: 1px solid #ebedef;
  padding: 10px 0;
  font-size: 14px;
}

.cf-annotation-list .cf-annotation-item:first-child {
  padding-top: 0;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-key {
  font-weight: bold;
  margin-right: 100px;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value {
  color: #4c4c4c;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value > * {
  overflow: hidden;
  text-align: right;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value > *.boolean .icon-codefresh-success-2 {
  color: #46BA0F;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value > *.boolean .icon-codefresh-fail-2 {
  color: #eb5848;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value > *.number {
  color: #0F9C8D;
  font-weight: bold;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value > *.url > a {
  word-break: break-all;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value .cf-percentage {
  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;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value .cf-percentage .cf-percentage-graph {
  margin-right: 10px;
  width: 120px;
  height: 13px;
  border-radius: 20px;
  background-color: #ebedef;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value .cf-percentage .cf-percentage-graph .cf-percentage-graph-inner {
  height: 100%;
  border-radius: 30px;
  background-color: #0F9C8D;
  max-width: 100%;
}

.cf-annotation-list .cf-annotation-item .cf-annotation-value .cf-percentage .cf-percentage-val {
  font-weight: bold;
  color: #0F9C8D;
}

.plans-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
  padding-bottom: 43px;
}

.plans-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.plans-container > * {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.plans-container > *:first-child {
  margin-top: 0;
}

.plans-container > *:last-child {
  margin-bottom: 0;
}

.plans-container .plan-item {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #e0eaec;
  font-size: 16px;
}

.plans-container .plan-item:last-of-type {
  border-bottom: none;
}

.plans-container .plan-item .ribbon-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(7px + 17px);
  background: #f0c40f;
  font-size: 17px;
  color: #fff;
  visibility: collapse;
}

.plans-container .plan-item .ribbon-container .ribbon-label {
  -webkit-transform-origin: 0% 0;
          transform-origin: 0% 0;
  -webkit-transform: rotate(270deg) translate3d(-105%, 0%, 0);
          transform: rotate(270deg) translate3d(-105%, 0%, 0);
  white-space: nowrap;
  display: inline-block;
}

.plans-container .plan-item .start-trial-container {
  background: #0F9C8D;
}

.plans-container .plan-item .plan-header {
  margin: 25px 10px;
  margin-left: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  text-align: center;
  color: #0F9C8D;
}

.plans-container .plan-item .plan-header > * {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.plans-container .plan-item .plan-header .name-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: start;
}

.plans-container .plan-item .plan-header .name-container .plan-name {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 2em;
}

.plans-container .plan-item .plan-header .name-container .trial-days-left {
  position: absolute;
  color: #3A8E78;
  text-transform: uppercase;
}

.plans-container .plan-item .plan-header .plan-price {
  margin: 0;
  padding: 0;
  font-size: 2em;
  margin-right: 10px;
}

.plans-container .plan-item .plan-header .selected-icon {
  visibility: hidden;
  font-size: 40px;
}

.plans-container .plan-item:hover {
  cursor: pointer;
}

.plans-container .plan-item:hover .plan-header {
  color: #4c4c4c;
}

.plans-container .plan-item.selected-plan {
  border-color: #0F9C8D;
  background: #0F9C8D;
}

.plans-container .plan-item.selected-plan .plan-header .name-container .trial-days-left {
  color: #6ae8c7;
}

.plans-container .plan-item.selected-plan .ribbon-container {
  color: #fff;
}

.plans-container .plan-item.selected-plan .plan-header {
  color: #fff;
}

.plans-container .plan-item.selected-plan .plan-header .selected-icon {
  visibility: visible;
}

.plans-container .plan-item.current-plan.selected-plan .ribbon-container, .plans-container .plan-item.current-plan:hover .ribbon-container, .plans-container .plan-item.trialable.selected-plan .ribbon-container, .plans-container .plan-item.trialable:hover .ribbon-container {
  color: #fff;
}

.plans-container .plan-item.current-plan .ribbon-container, .plans-container .plan-item.trialable .ribbon-container {
  visibility: visible;
}

.selected-plan-section {
  -webkit-transform: translate3d(0, -27px, 0);
          transform: translate3d(0, -27px, 0);
  position: relative;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

@media screen and (max-width: 1500px) {
  .selected-plan-section {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
}

.selected-plan-section:before, .selected-plan-section:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-radius: 130px / 10px;
}

.selected-plan-section .selected-plan-container {
  padding: 10px 0 10px 14px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #7ECFB6;
  -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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.selected-plan-section .selected-plan-container > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.selected-plan-section .selected-plan-container.no-plan-details {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.selected-plan-section .selected-plan-container.contact-us .contact-us-logo {
  margin: 0 auto;
  height: 200px;
  width: 200px;
}

.selected-plan-section .plan-info {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.selected-plan-section .plan-info .selected-plan-title {
  color: #0F9C8D;
  font-size: 30px;
  padding-bottom: 20px;
}

.selected-plan-section .plan-info .info-row {
  padding: 15px 0;
  border-top: 1px solid #e0eaec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Lato;
  font-size: 14px;
}

.selected-plan-section .plan-info .info-row .integration-label-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.selected-plan-section .plan-info .info-row > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.selected-plan-section .plan-info .info-row:last-child {
  border-bottom: 1px solid #e0eaec;
}

.selected-plan-section .plan-info .info-row .info-row-label {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}

.selected-plan-section .plan-info .info-row .info-row-label .info-row-label-icon {
  padding: 0 5px;
}

.selected-plan-section .plan-info .info-row .info-row-data {
  text-align: center;
}

.selected-plan-section .discount-container {
  text-align: center;
}

.selected-plan-section .discount-container .discount-label {
  font-size: 2em;
  font-family: Lato;
  font-weight: bold;
}

.selected-plan-section .plan-actions {
  padding-right: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.selected-plan-section .plan-actions .plan-actions-container {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.selected-plan-section .plan-actions .plan-actions-container > * {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.selected-plan-section .plan-actions .plan-actions-container .cf-button {
  margin-left: 30px;
  font-size: 1.5em;
}

.selected-plan-section h1, .selected-plan-section h2, .selected-plan-section h3, .selected-plan-section h4 {
  margin: 0;
  padding: 0;
}

.add-payment-form .cf-form-segment, .add-payment-form .cf-form-segment-start {
  padding-right: 0;
}

.add-payment-form .payment-actions {
  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-top: 20px;
}

.add-payment-form .payment-actions > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.add-payment-form .payment-actions > * {
  margin-right: 10px;
}

.add-payment-form .payment-actions > *:last-child {
  margin-right: 0;
}

.cf-plan-selector-container .custom-plan-container {
  margin-bottom: 30px;
}

.cf-plan-selector-container .header {
  text-align: center;
}

.cf-plan-selector-container .payment-interval {
  text-align: center;
}

.cf-plan-selector-container .cf-plan-selector {
  margin: 30px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cf-plan-selector-container .cf-plan-selector > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan-selector-container .cf-plan-selector payment-plan {
  width: 25%;
}

.cf-plan-selector-container .cf-plan-selector payment-plan:last-child .payment-plan {
  margin-right: 0;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan {
  border: 1px solid #DADADA;
  margin-right: 6px;
  padding: 20px;
  height: 100%;
  background: #fff;
  text-align: center;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan {
  background-color: transparent;
  position: relative;
  color: #888;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag {
  position: absolute;
  top: -15px;
  width: 70%;
  left: 15%;
  height: 30px;
  border: 1px solid #DADADA;
  background-color: #fff;
  vertical-align: middle;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag span {
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  color: #0F9C8D;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag:before, .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag:after {
  content: ' ';
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #fff;
  top: -1px;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag:before {
  left: -15px;
  border-left: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .current-plan-flag:after {
  right: -15px;
  border-right: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .cdf-button[disabled], .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .filters-bar .add-filter-value[disabled], .filters-bar .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .add-filter-value[disabled], .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button[disabled], .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan.current-plan .submit-selection__button[disabled] {
  background-color: #DADADA;
  border: none;
  color: #fff;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .plan-title {
  text-transform: capitalize;
  color: #0F9C8D;
  font-size: 21px;
  font-weight: bold;
  margin: 10px 0 0 0;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .sub-title {
  font-weight: bold;
  padding-top: 20px;
  color: #535B66;
  font-size: 18px;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .sub-title a {
  cursor: pointer;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .price, .cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .no-price {
  height: 90px;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .price {
  color: #BEBEBE;
  font-size: 56px;
  font-weight: bold;
  margin-top: 10px;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .price > * {
  vertical-align: middle;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .price small {
  font-size: 50%;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .price small.under {
  vertical-align: sub;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .plan-summary {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .plan-summary > li {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #DADADA;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan .plan-summary > li:first-child {
  border: none;
}

.cf-plan-selector-container .cf-plan-selector payment-plan .payment-plan button {
  width: 100%;
}

.cf-plan {
  border: 1px solid #DADADA;
  height: 100%;
  background: #fff;
  margin: 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-plan.selected {
  border-color: #0F9C8D;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.23);
}

.cf-plan > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-header {
  margin: 20px;
  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;
}

.cf-plan .cf-plan-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-header .cf-plan-title {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  color: #0F9C8D;
  font-weight: bold;
  font-size: 22px;
}

.cf-plan .cf-plan-header .cf-plan-current {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: #0F9C8D;
  padding: 4px 25px;
  border: 1px solid #DADADA;
  border-radius: 25px;
}

.cf-plan .cf-plan-separator {
  border-top: 1px solid #DADADA;
  margin: 0 2px 0 4px;
}

.cf-plan .cf-plan-properties-separator {
  border-top: 1px solid #d0d1d1;
  margin: 25px 0;
}

.cf-plan .cf-plan-body {
  margin: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-plan .cf-plan-footer {
  margin: 20px;
  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;
}

.cf-plan .cf-plan-footer > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-footer .cf-plan-price-container {
  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;
  font-size: 20px;
  color: #0F9C8D;
  font-weight: bold;
}

.cf-plan .cf-plan-footer .cf-plan-price-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-footer .cf-plan-price-container .cf-plan-price {
  font-size: 45px;
  line-height: 45px;
}

.cf-plan .cf-plan-footer .cf-plan-price-container .cf-plan-interval {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.cf-plan .cf-plan-footer .cf-plan-price-container.small-price {
  font-size: 12px;
}

.cf-plan .cf-plan-footer .cf-plan-price-container.small-price .cf-plan-price {
  font-size: 21px;
  line-height: 21px;
}

.cf-plan .cf-plan-footer .cf-plan-price-container.not-visible {
  visibility: hidden;
}

.cf-plan .cf-plan-properties-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-plan .cf-plan-properties-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-properties-container > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-plan .cf-plan-slider-element {
  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;
  margin-bottom: 40px;
}

.cf-plan .cf-plan-slider-element > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-plan .cf-plan-slider-element .cf-plan-slider-label {
  width: 30%;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

.cf-plan .cf-plan-slider-element .cf-slider {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  margin: 0;
}

.cf-plan .cf-plan-properties {
  color: #4c4c4c;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

.cf-plan .cf-plan-properties li {
  margin-bottom: 8px;
}

.cf-plan .cf-plan-properties li:before {
  content: "\2022   ";
  font-size: 16px;
  color: #0F9C8D;
  margin-right: 14px;
}

.cf-plan .cf-plan-properties .cf-plan-property-value {
  color: #000;
  font-weight: bold;
}

.special-plan {
  background: #4c4c4c;
  margin: 40px 50px;
  color: white;
  padding-bottom: 20px;
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.special-plan .main-text {
  font-size: 16px;
}

.special-plan > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.special-plan .cf-plan-header-title {
  color: white;
}

.special-plan h3 {
  padding-top: 0;
  margin-top: 0;
}

.build-limit-container {
  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;
  color: #4c4c4c;
  padding: 11px;
  background: #fff;
  border: solid #DADADA 1px;
}

.build-limit-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.build-limit-container .build-limit-container__normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.build-limit-container .build-limit-main-title {
  font-size: 16px;
  font-weight: bold;
}

.build-limit-container .build-limit-subtitle {
  font-size: 14px;
}

.build-limit-container .progress {
  -webkit-box-flex: 0.9;
      -ms-flex-positive: 0.9;
          flex-grow: 0.9;
  margin: 0;
  background: #DADADA;
  height: 12px;
  border-radius: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.build-limit-container .progress .progress-bar {
  background: #0F9C8D;
  border-radius: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.build-limit-container .build-limit-container__small-only {
  display: none;
}

.build-limit-container.small-only {
  border: none;
  padding-left: 20px;
  padding-right: 20px;
}

.build-limit-container.small-only .build-limit-container__normal {
  display: none;
}

.build-limit-container.small-only .build-limit-container__small-only {
  display: block;
}

.build-limit-container.small-only .build-limit-container__small-only .progress {
  height: 8px;
  width: 160px;
}

.build-limit-container.small-only .build-limit-container__small-only .progress .progress-bar {
  background: #11b5a4;
}

.build-limit-container.small-only .build-limit-container__small-only .build-limit-count {
  font-size: 14px;
  font-weight: 900;
  color: #2f2f2f;
}

.build-limit-container.small-only .build-limit-container__small-only .build-limit__count-title {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #4c4c4c;
  margin-left: 5px;
}

.build-limit-container.small-only .build-limit-container__small-only .build-limit-container__small-only-wrapper {
  line-height: 24px;
  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;
}

.enterprise-plan-form {
  margin: 0 50px;
}

.enterprise-plan-form .after-submit, .enterprise-plan-form form {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #DADADA;
}

.enterprise-plan-form form .form-row, .enterprise-plan-form form .form-narrow-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
}

.enterprise-plan-form form .form-row > *, .enterprise-plan-form form .form-narrow-row > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.enterprise-plan-form form .form-row > label, .enterprise-plan-form form .form-narrow-row > label {
  padding: 10px;
}

.enterprise-plan-form form .form-row > label {
  width: 50%;
}

.enterprise-plan-form form .form-narrow-row > label {
  width: 33.333%;
}

.enterprise-plan-form form .button-container {
  text-align: center;
  margin: 40px;
}

.enterprise-plan-form form .button-container button {
  padding: 10px 50px;
}

.enterprise-plan-form .before-submit .title {
  text-align: center;
}

.enterprise-plan-form .after-submit {
  text-align: center;
}

.enterprise-plan-form .after-submit img {
  margin: 40px 0 10px 0;
}

.enterprise-plan-form .after-submit .title {
  color: #0F9C8D;
}

.enterprise-plan-form .after-submit .title .title-text {
  background: url("/modules/cf.resources/images/payments/stars.png") top left no-repeat;
  padding: 30px 60px;
}

.enterprise-plan-form .after-submit p {
  margin-top: 30px;
  margin-bottom: 40px;
}

.enterprise-plan-form .after-submit p.decorated {
  background: url("/modules/cf.resources/images/payments/small-stars.png") 90% 100% no-repeat;
  padding-bottom: 40px;
  margin-bottom: 0;
}

.compare-plans {
  margin: 20px 50px;
}

.compare-plans .cf-table td, .compare-plans .helm-chart-details markdown table td, .helm-chart-details markdown .compare-plans table td, .compare-plans .cf-table th, .compare-plans .helm-chart-details markdown table th, .helm-chart-details markdown .compare-plans table th {
  text-align: center;
  font-weight: bold;
  width: 15%;
}

.compare-plans .cf-table td:first-child, .compare-plans .helm-chart-details markdown table td:first-child, .helm-chart-details markdown .compare-plans table td:first-child, .compare-plans .cf-table th:first-child, .compare-plans .helm-chart-details markdown table th:first-child, .helm-chart-details markdown .compare-plans table th:first-child {
  width: 35%;
  text-align: left;
}

.compare-plans .cf-table .header th, .compare-plans .helm-chart-details markdown table .header th, .helm-chart-details markdown .compare-plans table .header th {
  padding: 10px;
  color: #fff;
}

.compare-plans .cf-table .header th:first-child, .compare-plans .helm-chart-details markdown table .header th:first-child, .helm-chart-details markdown .compare-plans table .header th:first-child {
  color: #2f2f2f;
}

.compare-plans .cf-table .header th.free, .compare-plans .helm-chart-details markdown table .header th.free, .helm-chart-details markdown .compare-plans table .header th.free {
  background-color: #62d7c6;
}

.compare-plans .cf-table .header th.basic, .compare-plans .helm-chart-details markdown table .header th.basic, .helm-chart-details markdown .compare-plans table .header th.basic {
  background-color: #5ac6b7;
}

.compare-plans .cf-table .header th.pro, .compare-plans .helm-chart-details markdown table .header th.pro, .helm-chart-details markdown .compare-plans table .header th.pro {
  background-color: #0F9C8D;
}

.compare-plans .cf-table .header th.enterprise, .compare-plans .helm-chart-details markdown table .header th.enterprise, .helm-chart-details markdown .compare-plans table .header th.enterprise {
  background-color: #26BC9D;
}

.compare-plans .cf-table tr, .compare-plans .helm-chart-details markdown table tr, .helm-chart-details markdown .compare-plans table tr {
  cursor: inherit;
}

.compare-plans .cf-table tr:nth-child(2n), .compare-plans .helm-chart-details markdown table tr:nth-child(2n), .helm-chart-details markdown .compare-plans table tr:nth-child(2n) {
  background-color: #f7f7f7;
}

.compare-plans .cf-table tr .has-feature, .compare-plans .helm-chart-details markdown table tr .has-feature, .helm-chart-details markdown .compare-plans table tr .has-feature {
  border-radius: 50%;
  background-color: #0F9C8D;
  color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.compare-plans .cf-table tr td, .compare-plans .helm-chart-details markdown table tr td, .helm-chart-details markdown .compare-plans table tr td {
  border-left: 1px solid #0F9C8D;
}

.compare-plans .cf-table tr td:first-child, .compare-plans .helm-chart-details markdown table tr td:first-child, .helm-chart-details markdown .compare-plans table tr td:first-child {
  border: none;
}

.compare-plans .cf-table tr td:nth-child(2), .compare-plans .helm-chart-details markdown table tr td:nth-child(2), .helm-chart-details markdown .compare-plans table tr td:nth-child(2), .compare-plans .cf-table tr td:last-child, .compare-plans .helm-chart-details markdown table tr td:last-child, .helm-chart-details markdown .compare-plans table tr td:last-child {
  border-left-color: #DADADA;
}

.project-box {
  position: relative;
  background-color: white;
  float: left;
  width: 100%;
  height: 180px;
  font-size: 13px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 65px;
  padding-top: 30px;
  padding-bottom: 20px;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
  .project-box {
    padding-left: 12px;
    padding-right: 60px;
    line-height: 1.3;
  }
}

.project-box__title--wrap {
  white-space: normal;
  overflow-y: hidden;
}

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

.project-box h4 > .name {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
}

.project-box .time {
  color: #0F9C8D;
}

.project-box .actions {
  position: absolute;
  bottom: 0;
  background-color: #0F9C8D;
  width: 100%;
  left: 0;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
}

.project-box .actions.actions-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}

.project-box .actions.actions-bar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.project-box .actions .actions-bar-content {
  -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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2% 0 20px;
}

.project-box .actions .actions-bar-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.project-box .actions .actions-bar-content .cf-remove-project-btn {
  padding: 0;
  font-size: inherit;
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .project-box .actions {
    height: 30px;
    font-size: 18px;
    line-height: 1;
  }
  .project-box .actions .btn-group-run {
    height: 30px;
  }
  .project-box .actions .btn-group-run > .btn {
    height: 100%;
    line-height: 1;
  }
}

.project-box .actions .repo-action-icon {
  margin-right: 10px;
  color: #46494a;
}

.project-box .actions .repo-action-icon:hover {
  color: white;
  text-decoration: none;
}

.project-box .actions .run-button .btn-group-run {
  background-color: #0b897c;
}

.project-box .actions .run-button .btn-group-run > .btn-run, .project-box .actions .run-button .btn-group-run > .btn-run-dropdown {
  background-color: #0b897c;
  border-color: #0b897c;
}

.project-box .actions .run-button .btn-group-run:hover {
  background-color: #0B6F63;
}

.project-box .actions .run-button .btn-group-run:hover > .btn-run, .project-box .actions .run-button .btn-group-run:hover > .btn-run-dropdown {
  background-color: #0B6F63;
  border-color: #0B6F63;
}

.project-box .private-icon {
  position: absolute;
  top: 10px !important;
  left: 47px !important;
  font-size: 18px;
  color: #464e5c;
}

.project-box .repo_image_wrap {
  position: absolute;
  top: 6px;
  right: -6px;
  width: 72px;
  height: 72px;
  border: 2px solid #DADADA;
  background-color: #fff;
  border-radius: 3px;
}

.project-box .repo_image_wrap img {
  width: 100%;
}

.project-box .repo_image_wrap img.clip {
  width: 12px;
  position: absolute;
  top: -20px;
  right: 10px;
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .project-box .repo_image_wrap {
    right: -10px;
  }
}

.project-box .loading-details {
  font-size: 45px;
  text-align: center;
}

.project-box.limited-action .actions {
  background-color: #ebedef;
}

.repo-tabs {
  list-style: none;
  height: 50px;
  line-height: 50px;
  margin-top: 43px;
  margin-bottom: 19px;
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #DADADA;
}

.repo-tabs .tab {
  font-weight: bold;
  font-size: 18px;
  height: inherit;
  text-align: center;
  padding-right: 4%;
  display: inline-block;
}

.repo-tabs .tab:first-child a {
  margin-left: 0px;
}

.repo-tabs .tab.active a {
  color: #0F9C8D;
  border-bottom: 2px solid #0F9C8D;
}

.repo-tabs .tab.active .tab-count {
  background-color: #0F9C8D;
}

.repo-tabs .tab:focus {
  outline: none;
}

.repo-tabs .tab a {
  white-space: nowrap;
  color: #4c4c4c;
  text-decoration: none;
  padding-bottom: 13px;
}

@media screen and (max-width: 1000px) {
  .repo-tabs .tab a {
    padding-bottom: 13px;
  }
}

.repo-tabs .tab a:focus {
  outline: none;
}

.repo-tabs .tab .tab-count {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  border-radius: 9px;
  display: inline-block;
  vertical-align: middle;
  color: white;
  background-color: #DADADA;
  margin-left: 2px;
}

.repo-tabs .app-status {
  float: right;
  font-weight: normal;
  font-size: 14px;
}

.repo-actions {
  float: right;
}

.repo-actions a {
  font-size: 16px;
  margin: 0 4px;
  vertical-align: middle;
  color: #0F9C8D;
}

.repo-actions .btn-group-run {
  vertical-align: middle;
}

.filter-search {
  position: relative;
  color: #4c4c4c;
  height: 30px;
  float: right;
}

.filter-search input {
  height: 30px;
  width: 225px;
  float: right;
  border: none;
  border-bottom: 1px solid #DADADA;
  background-color: transparent;
  padding-left: 5px;
}

.filter-search input:focus {
  outline: none;
  border-bottom: 2px solid #999;
}

.filter-search .search-icon {
  position: absolute;
  right: 2px;
  bottom: 10px;
}

.repo-grid .cf-avatar {
  margin-right: 5px;
}

.repo-grid .fork-icon {
  margin-right: 5px;
}

.repo-list .repo-list-add-button {
  position: relative;
  background-color: transparent;
  float: left;
  width: 100%;
  height: 180px;
  font-size: 18px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 4px solid #e1dfdf;
  color: #0F9C8D;
  font-weight: bold;
}

.repo-list .repo-list-add-button .icon {
  font-size: 70px;
  line-height: 70px;
}

.repo-list .repo-filter-bar {
  height: 100px;
  padding: 20px 50px;
}

.repo-list .repo-filter-bar .filter-btn {
  margin-right: 10px;
  background-color: #fff;
  display: inline-block;
  padding: 6px 26px;
  cursor: pointer;
  text-transform: capitalize;
}

.repo-list .repo-filter-bar .filter-btn.active {
  background-color: #0b897c;
  color: #fff;
}

.repo-list .repo-filter-bar .repositories-dropdown {
  font-size: 17px;
}

.repo-list .repo-filter-bar .repositories-dropdown img {
  margin-right: 5px;
}

.repo-list .repo-filter-bar .repositories-dropdown i {
  display: none;
}

.repo-list .repo-list-container {
  padding: 0 50px;
}

@media only screen and (max-width: 768px) {
  .repo-list .repo-list-container {
    padding: 50px;
  }
}

.repo-list .repo-list-container .private-icon {
  position: absolute;
  top: 14px;
  left: 50px;
  font-size: 18px;
}

.repo-list .repo-list-container .repo-list-first-column {
  width: 70px;
}

.repo-list .repo-list-container .list {
  height: 600px;
}

.repo-list .repo-list-container .list.loading .animated-cell {
  background-image: url(/modules/cf.resources/images/loaders/32x32/Preloader_4/Preloader_4.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.repo-list .repo-list-container .list.loading .repo-actions {
  visibility: hidden;
}

.repo-list .repo-list-container .list.loading tr:hover .animated-cell {
  background-image: none;
}

.repo-list .repo-list-container .list .avatar {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

.repo-list .repo-list-container .list .repo-actions .hidden-button {
  visibility: hidden;
}

.repo-list .repo-list-container .list .repo-actions a {
  color: #464e5c;
}

.repo-list .repo-list-container .list .repo-actions a:hover {
  color: #F39C12 !important;
  text-decoration: none;
}

.repo-list .repo-list-container .list .repo-actions .btn-run-icons ul {
  line-height: 22px;
}

.repo-list .repo-list-container .list .repo-actions cf-runtime-run-button {
  float: right;
  text-align: center;
}

.repo-list .repo-list-container .list .repo-actions .run-button {
  display: inline-block;
}

.repo-list .repo-list-container .list .repo-actions .cf-remove-project-btn {
  margin-top: -1px;
  padding-left: 10px;
  padding-right: 4px;
  font-size: 16px;
  line-height: 22px;
  color: #464e5c;
}

.repo-list .repo-list-container .list .repo-actions .cf-remove-project-btn:hover {
  color: #F39C12 !important;
  text-decoration: none;
}

.view-mode-icon {
  margin-left: 15px;
  cursor: pointer;
}

.view-mode-icon.active {
  color: #0b897c;
}

@media (min-width: 1120px) {
  .repo-list__column {
    width: 33.33333333%;
  }
}

@media (min-width: 1385px) {
  .repo-list__column {
    width: 25%;
  }
}

.cf-branch-commits {
  padding: 0 30px;
}

.cf-branch-commits .cf-branches {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.cf-branch-commits .cf-branches-header {
  background: #0F9C8D;
  padding: 10px;
}

.cf-branch-commits .cf-branches-header .uib-dropdown-toggle {
  color: #fff;
}

.cf-branch-commits .cf-loader {
  margin-top: 50px;
}

.diff_view.empty {
  margin-bottom: 0px;
  border: 0px;
  display: none;
}

.diff_view {
  font-family: 'Courier New';
  margin-bottom: 15px;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.diff_view .clr {
  clear: both;
}

.diff_view .file_name {
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  color: #1abc9c;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0px;
  font-weight: 400;
}

.diff_view .lines_wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.diff_view .line {
  width: 100%;
}

.diff_view .line .lines_base,
.diff_view .line .lines_head {
  text-align: center;
  width: 40px;
  border-right: 1px solid #eee;
  height: 100%;
  color: rgba(0, 0, 0, 0.3);
}

.diff_view .line .lines_code {
  color: #333;
  white-space: pre;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

.diff_view .line .content {
  overflow: hidden;
}

.diff_view .line .content table {
  table-layout: fixed;
  width: 100%;
}

.diff_view .line .content table td {
  vertical-align: text-top;
  padding: 0px 3px;
}

.diff_view .line.chunk {
  background-color: #f8fafd;
  color: rgba(0, 0, 0, 0.3);
}

.diff_view .line.chunk .lines_base,
.diff_view .line.chunk .lines_head {
  border-color: #d5e4f2;
}

.diff_view .line.chunk .lines_code {
  color: rgba(0, 0, 0, 0.3);
}

.diff_view .line.del .lines_base,
.diff_view .line.del .lines_head {
  background-color: #ffdddd;
  border-color: #f1c0c0;
}

.diff_view .line.del .lines_code {
  background-color: #ffecec;
}

.diff_view .line.add .lines_base,
.diff_view .line.add .lines_head {
  background-color: #dbffdb;
  border-color: #c1e9c1;
}

.diff_view .line.add .lines_code {
  background-color: #eaffea;
}

.cf-commits h4 {
  padding: 2px 10px;
}

.cf-commits ul {
  max-height: 445px;
  overflow: auto;
  padding: 0;
}

.cf-commits li {
  border-top: 1px solid #efefef;
  border-left: 10px solid #fff;
  cursor: pointer;
  padding: 10px 5px;
}

.cf-commits li:hover {
  border-left: 10px solid #0c6e5b;
}

.cf-commits li.selected {
  border-left: 10px solid #0F9C8D;
}

.cf-commits li .cf-avatar {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  width: 50px;
  border-radius: 5px;
}

.cf-commits li .cf-commit-message {
  display: inline-block;
  width: 300px;
}

.cf-commits li .cf-commit-message label {
  display: block;
  margin: 0;
}

.cf-commits li .cf-commit-note {
  color: #767676;
  font-size: 11px;
}

.cf-commit-run {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}

.cf-commit-run h4 {
  display: inline-block;
  margin: 0;
  padding: 10px;
}

.cf-commit-run a {
  padding: 12px;
  font-size: 14px;
  color: #333;
}

.cf-commit-run .cf-commit-run-details {
  border-top: 1px solid #e9e9e9;
  padding: 7px 10px 20px;
}

.cf-commit-run .btn-group-run, .cf-commit-run .btn-single-run {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.cf-repos-actions {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}

.cf-repos-action {
  display: inline-block;
}

.cf-repos-action button {
  background: transparent;
  border: none;
  color: #464e5c;
}

.cf-repos-action .mega-octicon {
  font-size: 28px;
}

.cf-branch-create-modal .modal-content {
  border-radius: 0px;
}

.cf-branch-create-modal .modal-content .modal-body {
  min-height: 200px;
}

.cf-branch-create-modal .modal-content .form-control {
  background-color: #f9f9f9;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
}

.cf-branch-create-modal .modal-content .dropdown-multiselect .multiSelect > button {
  width: 100%;
}

.cf-branch-create-modal .modal-content .btn-branch-create {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #1abc9c !important;
  color: #fff !important;
  border-color: #1abc9c !important;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-branch-create-modal .modal-content .btn-branch-create:hover, .cf-branch-create-modal .modal-content .btn-branch-create:focus {
  background-color: #fff !important;
  color: #1abc9c !important;
}

.cf-branch-create-modal .modal-content .btn-branch-create[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
}

.cf-branch-create-modal .modal-content .cf-branch-create-sub-title {
  color: #464e5c;
  font-size: 18px;
  font-weight: bold;
}

.cf-branch-delete-modal .modal-content {
  border-radius: 0px;
}

.cf-branch-delete-modal .modal-content .modal-body {
  min-height: 100px;
}

.cf-branch-delete-modal .modal-content .dropdown-multiselect .multiSelect > button {
  width: 100%;
}

.cf-branch-delete-modal .modal-content .btn-branch-delete {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #EB5848 !important;
  color: #fff !important;
  border-color: #EB5848 !important;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-branch-delete-modal .modal-content .btn-branch-delete:hover, .cf-branch-delete-modal .modal-content .btn-branch-delete:focus {
  background-color: #fff !important;
  color: #EB5848 !important;
}

.cf-branch-delete-modal .modal-content .btn-branch-delete[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
}

.cf-branch-delete-modal .modal-content .cf-branch-delete-sub-title {
  color: #464e5c;
  font-size: 18px;
  font-weight: bold;
}

.cf-branch-merge-modal .modal-content {
  border-radius: 0px;
}

.cf-branch-merge-modal .modal-content .modal-body {
  min-height: 100px;
}

.cf-branch-merge-modal .modal-content .form-control {
  background-color: #f9f9f9;
  color: #46494a;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
}

.cf-branch-merge-modal .modal-content .dropdown-multiselect .multiSelect > button {
  width: 100%;
}

.cf-branch-merge-modal .modal-content .btn-branch-merge {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #EB5848 !important;
  color: #fff !important;
  border-color: #EB5848 !important;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-branch-merge-modal .modal-content .btn-branch-merge:hover, .cf-branch-merge-modal .modal-content .btn-branch-merge:focus {
  background-color: #fff !important;
  color: #EB5848 !important;
}

.cf-branch-merge-modal .modal-content .btn-branch-merge[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
}

.cf-branch-merge-modal .modal-content .cf-branch-merge-sub-title {
  color: #464e5c;
  font-size: 18px;
  font-weight: bold;
}

.cf-favorite {
  position: absolute;
  top: 0;
  left: 10px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  background-image: url("/modules/cf.resources/images/star.png");
  background-position: center;
  background-repeat: no-repeat;
}

.cf-favorite.selected {
  background-image: url("/modules/cf.resources/images/star-selected.png") !important;
}

.cf-grid-view .cf-favorite {
  height: 42px;
}

.settings-template-switcher,
.settings-leave-modal {
  padding: 10px;
}

.settings-template-switcher-content,
.settings-leave-modal-content {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #ededed;
  background-image: url(/modules/cf.resources/images/terminate-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}

.settings-template-switcher-title,
.settings-leave-modal-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  color: #0F9C8D;
}

.settings-template-switcher-message,
.settings-leave-modal-message {
  margin-top: 70px;
  margin-bottom: 70px;
  font-size: 16px;
  font-weight: 600;
  color: #464e5c;
  text-shadow: 2px 2px #EDEDED;
}

.settings-template-switcher-message-admin,
.settings-leave-modal-message-admin {
  margin-top: 40px;
  margin-bottom: 40px;
}

.settings-template-switcher-message-admin p,
.settings-leave-modal-message-admin p {
  font-weight: normal;
}

.settings-template-switcher-button-success,
.settings-leave-modal-button-success {
  text-transform: uppercase;
  background-color: #0F9C8D;
  color: #fff;
  margin-left: 20px;
}

.settings-template-switcher-button-success:hover, .settings-template-switcher-button-success:focus,
.settings-leave-modal-button-success:hover,
.settings-leave-modal-button-success:focus {
  color: #fff;
}

.settings-template-switcher-button-error,
.settings-leave-modal-button-error {
  background-color: #fff;
  color: #0F9C8D;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 2px solid #0F9C8D;
}

.settings-template-switcher-button-error:hover, .settings-template-switcher-button-error:focus,
.settings-leave-modal-button-error:hover,
.settings-leave-modal-button-error:focus {
  color: #0b897c;
}

.cf-required {
  font-size: 11px;
  font-weight: 200;
  color: #eb5848;
  top: -1em;
}

.cf-remove-project-btn {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -3px;
  line-height: 34px;
  font-size: 20px;
  color: #46494a;
  text-decoration: none !important;
}

.cf-remove-project-btn:hover {
  color: #fff;
}

.cf-remove-project-btn:focus {
  color: #46494a !important;
}

.cf-pipeline {
  margin-bottom: 108px;
}

.cf-pipeline tags-input[disabled] .tags {
  background-color: transparent;
  pointer-events: none;
}

.cf-pipeline tags-input[disabled] .tags input {
  display: none;
}

.cf-pipeline .pipeline-section-header {
  font-size: 16px;
  color: #2f2f2f;
  font-weight: bold;
}

.cf-pipeline .workflow-section-header {
  margin-top: 55px;
}

.cf-pipeline .cf-pipeline-webhook {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-betwen;
      -ms-flex-pack: space-betwen;
          justify-content: space-betwen;
}

.cf-pipeline .cf-pipeline-webhook__description {
  margin-top: -12px;
}

.cf-pipeline .cf-pipeline-webhook .cdf-message {
  max-width: 900px;
  padding: 0;
}

.cf-pipeline .cf-pipeline-webhook .cdf-message--info {
  padding: 20px;
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-pipeline .cf-pipeline-webhook__copy-btn {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

.cf-pipeline .cf-pipeline-yml-build {
  padding: 20px 35px 15px 35px;
}

.cf-pipeline .cf-pipeline-yml-build__inline-errors {
  margin-bottom: 15px;
}

.cf-pipeline .cf-pipeline-yml-build__import-btn {
  white-space: nowrap;
}

.cf-pipeline .cf-pipeline-yml-build__import-btn span {
  margin-left: 25px;
}

.cf-pipeline .cf-pipeline-yml-build__import-url input {
  padding: 19px;
}

.cf-pipeline .cf-pipeline-yml-build__editor {
  border: 1px solid #DBDBDB;
}

.cf-pipeline .cf-pipeline-yml-build__editor-wrapper {
  border: none !important;
}

.cf-pipeline .cf-pipeline-yml-build__editor-wrapper .CodeMirror-scroll {
  min-height: 400px;
}

.cf-pipeline .cf-pipeline-yml-build__editor-wrapper {
  border: none !important;
  position: relative;
}

.cf-pipeline .cf-pipeline-yml-build__editor-wrapper .fa-expand {
  right: 4px !important;
  top: -8px !important;
  padding: 4px !important;
  margin-right: 6px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  font-size: 12px !important;
  background-color: #eee !important;
  border-radius: 50%;
  color: #888888 !important;
}

.cf-pipeline .cf-pipeline-yml-build__copy-yml {
  right: 50px;
  position: absolute;
  top: -26px;
  font-size: 18px;
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
  color: #518FF6;
  cursor: pointer;
  text-decoration: none;
}

.cf-pipeline .cf-pipeline-yml-build__editor-wrapper--disabled .CodeMirror-wrap pre {
  opacity: 0.45;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-file-path {
  position: relative;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-file-path input {
  padding-right: 90px;
}

.cf-pipeline .cf-pipeline-yml-build__view-yaml-file {
  position: absolute;
  top: 7px;
  right: 10px;
}

.cf-pipeline .cf-pipeline-yml-build__switcher-wrapper {
  position: relative;
}

.cf-pipeline .cf-pipeline-yml-build__switcher {
  position: absolute;
  right: 0;
  top: -42px;
}

.cf-pipeline .cf-pipeline-yml-build__wrapper {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}

.cf-pipeline .cf-pipeline-yml-build__upload {
  padding: 10px 0;
  border-bottom: 1px solid #DBDBDB;
  margin: 0 10px;
}

.cf-pipeline .cf-pipeline-yml-build__upload a {
  color: #518FF6;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  cursor: pointer;
}

.cf-pipeline .cf-pipeline-yml-build__upload a i {
  font-size: 18px;
  position: relative;
  bottom: -5px;
}

.cf-pipeline .cf-pipeline-yml-build__upload a b {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  bottom: -2px;
  position: relative;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type label {
  font-size: 14px;
  margin-right: 15px;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-links {
  width: 100%;
  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;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link {
  float: right;
  margin-left: 10px;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  cursor: pointer;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link span, .cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link i {
  color: #11B5A4;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link span.question {
  color: #000;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link div {
  line-height: 15px;
  font-size: 13px;
}

.cf-pipeline .cf-pipeline-yml-build__yaml-type .help-link i {
  font-size: 30px;
}

.cf-pipeline .cf-pipeline-yml-build .cf-fullscreen button.fullscreen-btn.fa.fa-compress {
  top: 0;
  bottom: initial;
}

@media screen and (max-width: 1010px) {
  .cf-pipeline .cf-pipeline-yml-build__yaml-type--norepo {
    display: block;
  }
  .cf-pipeline .cf-pipeline-yml-build__yaml-type--norepo .help-links {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin-left: -15px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 1240px) {
  .cf-pipeline .cf-pipeline-yml-build__yaml-type--repo {
    display: block;
  }
  .cf-pipeline .cf-pipeline-yml-build__yaml-type--repo .help-links {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin-left: -15px;
    margin-top: 10px;
  }
}

.cf-pipeline .cf-form-segment, .cf-pipeline .cf-form-segment-start {
  margin-bottom: 10px;
}

.cf-pipeline .webhook-triggers {
  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;
}

.cf-pipeline .webhook-triggers > label {
  width: 50%;
  height: 34px;
  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;
}

.cf-pipeline .webhook-triggers > label input {
  margin-top: 0;
  font-size: 18px;
  margin-right: 5px;
}

.cf-pipeline .badge-image {
  cursor: pointer;
}

.cf-main-container.new-pipeline-view-FEATURE .cf-pipeline {
  margin-bottom: 110px;
}

.empty-repo-list__examples-title {
  color: #000;
  margin: 30px 0;
  font-weight: bold;
}

.empty-repo-list__examples .cf-boxes-list {
  margin-bottom: 20px;
}

.empty-repo-list__examples .cf-box-item {
  text-align: left;
  width: calc(33% - 10px) !important;
}

.empty-repo-list__examples .example-item p.description {
  max-height: 90px;
}

.empty-repo-list__examples .example-item a.cdf-button, .empty-repo-list__examples .example-item .filters-bar a.add-filter-value, .filters-bar .empty-repo-list__examples .example-item a.add-filter-value, .empty-repo-list__examples .example-item .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection a.submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .empty-repo-list__examples .example-item a.submit-selection__button {
  color: #fff;
}

.empty-repo-list__getting-started {
  text-decoration: none;
  font-weight: bold;
}

.empty-repo-list__getting-started:hover {
  text-decoration: underline;
}

.empty-repo-list__create-btn {
  margin-bottom: 20px !important;
  margin-top: 25px !important;
}

.empty-repo-list__title {
  margin-top: 10px !important;
  font-size: 34px !important;
  margin-bottom: 0 !important;
}

.empty-repo-list__learn-how {
  margin-bottom: 30px;
  font-weight: bold;
  color: #5E5E5E;
  font-size: 14px !important;
}

.empty-repo-list__learn-how img {
  margin-top: -8px;
  margin-right: 10px;
}

.empty-repo-list .service-flow {
  margin-top: 40px;
}

.empty-repo-list .service-flow .flow {
  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;
}

.empty-repo-list .service-flow .flow .flow-label {
  font-weight: bold;
  font-size: 1.5rem;
  position: relative;
}

.empty-repo-list .service-flow .flow .flow-label:after {
  content: '';
  background-image: url(/modules/cf.resources/images/svg/arrow-right.svg);
  height: 15px;
  display: inline-block;
  width: 15px;
  background-size: 15px 15px;
  margin: 0 20px;
}

@media only screen and (max-width: 1120px) {
  .empty-repo-list .service-flow .flow .flow-label:after {
    margin: 0 8px;
  }
}

.empty-repo-list .service-flow .flow .flow-label .arrow {
  background-image: url(/modules/cf.resources/images/you-are-here-arrow.png);
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translate(-75%, -50%);
          transform: translate(-75%, -50%);
  width: 183px;
  height: 77px;
}

@media only screen and (max-width: 1300px) {
  .empty-repo-list .service-flow .flow .flow-label .arrow {
    background-image: url(/modules/cf.resources/images/you-are-here-arrow-short-arrow.png);
    width: 95px;
    height: 87px;
    -webkit-transform: translate(-85%, -100%);
            transform: translate(-85%, -100%);
  }
}

.empty-repo-list .service-flow .flow .container-step {
  display: inline-block;
  width: 218px;
  height: 66px;
  background-image: url(/modules/cf.resources/images/verified-container-no-text.png);
  text-transform: uppercase;
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: bold;
}

.empty-repo-list .service-flow .flow .container-step .image-text-small {
  font-size: 1.3rem;
}

.empty-repo-list .service-flow .flow .container-step .image-text-large {
  color: #0F9C8D;
  font-size: 1.6rem;
}

@-webkit-keyframes changeOverflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}

@keyframes changeOverflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}

.workflow-item {
  border: solid 1px #ebedef;
  margin-bottom: 10px;
  background-color: #fff;
  height: 89px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: strech;
      -ms-flex-pack: strech;
          justify-content: strech;
}

.workflow-item.build-status-running {
  -webkit-box-shadow: inset 5px 0px 0 0 #6AA9DB;
          box-shadow: inset 5px 0px 0 0 #6AA9DB;
}

.workflow-item.build-status-success {
  -webkit-box-shadow: inset 5px 0px 0 0 #23b4a4;
          box-shadow: inset 5px 0px 0 0 #23b4a4;
}

.workflow-item.build-status-terminated {
  -webkit-box-shadow: inset 5px 0px 0 0 #e83f43;
          box-shadow: inset 5px 0px 0 0 #e83f43;
}

.workflow-item.build-status-terminating {
  -webkit-box-shadow: inset 5px 0px 0 0 #e83f43;
          box-shadow: inset 5px 0px 0 0 #e83f43;
}

.workflow-item.build-status-error {
  -webkit-box-shadow: inset 5px 0px 0 0 #e83f43;
          box-shadow: inset 5px 0px 0 0 #e83f43;
}

.workflow-item.build-status-pending {
  -webkit-box-shadow: inset 5px 0px 0 0 #ccc;
          box-shadow: inset 5px 0px 0 0 #ccc;
}

.workflow-item.build-status-pending-approval {
  -webkit-box-shadow: inset 5px 0px 0 0 #F2C94C;
          box-shadow: inset 5px 0px 0 0 #F2C94C;
}

.workflow-item.build-status-delayed {
  -webkit-box-shadow: inset 5px 0px 0 0 #F2994A;
          box-shadow: inset 5px 0px 0 0 #F2994A;
}

.workflow-item.build-status-approved {
  -webkit-box-shadow: inset 5px 0px 0 0 #23b4a4;
          box-shadow: inset 5px 0px 0 0 #23b4a4;
}

.workflow-item.build-status-denied {
  -webkit-box-shadow: inset 5px 0px 0 0 #e83f43;
          box-shadow: inset 5px 0px 0 0 #e83f43;
}

.workflow-item.build-status-elected {
  -webkit-box-shadow: inset 5px 0px 0 0 #ccc;
          box-shadow: inset 5px 0px 0 0 #ccc;
}

.workflow-item.build-status-terminated {
  -webkit-box-shadow: inset 5px 0px 0 0 #e83f43;
          box-shadow: inset 5px 0px 0 0 #e83f43;
}

.workflow-item .workflow-item-user {
  text-align: center;
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.workflow-item .workflow-item-user .cf-avatar {
  width: 40px;
  height: 40px;
}

.workflow-item .workflow-item-user .user-name {
  position: relative;
  text-align: center;
  line-height: 20px;
  margin: 0;
  font-size: 11.7px;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-user {
    width: 85px;
  }
  .workflow-item .workflow-item-user .cf-avatar {
    width: 32px;
    height: 32px;
  }
  .workflow-item .workflow-item-user .user-name {
    font-size: 10.4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 3px;
  }
}

.workflow-item .workflow-item-content {
  height: 89px;
  width: calc(100% - 110px);
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content {
    width: calc(100% - 85px);
  }
}

.workflow-item .workflow-item-content > .workflow-item-header {
  width: 100%;
  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: 10px 0 15px 0;
  vertical-align: top;
  cursor: pointer;
  border-bottom: solid 2px #ebedef;
}

.workflow-item .workflow-item-content > .workflow-item-header .cf-sub-title {
  margin: 0;
  padding: 0;
  height: 22px;
  width: calc(100% - 280px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.workflow-item .workflow-item-content > .workflow-item-header .cf-sub-title.large-title {
  width: calc(100% - 90px);
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-header .cf-sub-title {
    font-size: 14px;
    width: calc(100% - 245px);
  }
  .workflow-item .workflow-item-content > .workflow-item-header .cf-sub-title.large-title {
    width: calc(100% - 90px);
  }
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status {
  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;
  vertical-align: middle;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details {
  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;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  font-size: 14px;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.build-status-running.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #6AA9DB;
}

.build-status-success.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #23b4a4;
}

.build-status-terminated.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #e83f43;
}

.build-status-terminating.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #e83f43;
}

.build-status-error.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #e83f43;
}

.build-status-pending.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #ccc;
}

.build-status-pending-approval.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #F2C94C;
}

.build-status-delayed.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #F2994A;
}

.build-status-approved.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #23b4a4;
}

.build-status-denied.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #e83f43;
}

.build-status-elected.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
  color: #ccc;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
    font-size: 12px;
  }
}

@media only screen and (max-width: 330px) {
  .workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
    max-width: 90px;
  }
}

@media only screen and (max-width: 430px) {
  .workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .status-color {
    max-width: 100px;
  }
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  margin-right: 6px;
  margin-left: 6px;
}

.build-status-running.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #6AA9DB;
  color: #6AA9DB;
  background-color: #fff;
}

.build-status-running.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #6AA9DB;
  border-color: #6AA9DB;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-terminated.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #e83f43;
  color: #e83f43;
  background-color: #fff;
}

.build-status-terminated.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #e83f43;
  border-color: #e83f43;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-terminating.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #e83f43;
  color: #e83f43;
  background-color: #fff;
}

.build-status-terminating.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #e83f43;
  border-color: #e83f43;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-error.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #e83f43;
  color: #e83f43;
  background-color: #fff;
}

.build-status-error.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #e83f43;
  border-color: #e83f43;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-pending.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #ccc;
  color: #ccc;
  background-color: #fff;
}

.build-status-pending.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-pending-approval.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #F2C94C;
  color: #F2C94C;
  background-color: #fff;
}

.build-status-pending-approval.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #F2C94C;
  border-color: #F2C94C;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-delayed.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #F2994A;
  color: #F2994A;
  background-color: #fff;
}

.build-status-delayed.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #F2994A;
  border-color: #F2994A;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-approved.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #23b4a4;
  color: #23b4a4;
  background-color: #fff;
}

.build-status-approved.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #23b4a4;
  border-color: #23b4a4;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-denied.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #e83f43;
  color: #e83f43;
  background-color: #fff;
}

.build-status-denied.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #e83f43;
  border-color: #e83f43;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.build-status-elected.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border {
  border-color: #ccc;
  color: #ccc;
  background-color: #fff;
}

.build-status-elected.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details .btn.cf-button-light--think-border:hover {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details-controls {
  margin-right: 12px;
  margin-left: 6px;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details-controls > .btn {
  margin-right: 5px;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-status-details-controls > *:last-child {
  margin-right: 0;
}

.workflow-item .workflow-item-content > .workflow-item-header .workflow-status .workflow-item-state {
  vertical-align: middle;
  display: inline-block;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar {
  width: 100%;
  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: 10px 0;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar {
    padding: 5px 0;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .alt-label:hover {
  text-decoration: underline;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar [disabled] .alt-label:hover {
  text-decoration: none;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .git-actions, .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions, .workflow-item .workflow-item-content > .workflow-item-actions-bar .time-info {
  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;
  font-size: 12px;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .git-actions > *, .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions > *, .workflow-item .workflow-item-content > .workflow-item-actions-bar .time-info > * {
  cursor: pointer;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .git-actions > .not-actionable, .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions > .not-actionable, .workflow-item .workflow-item-content > .workflow-item-actions-bar .time-info > .not-actionable {
  cursor: auto;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .git-actions i, .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions i, .workflow-item .workflow-item-content > .workflow-item-actions-bar .time-info i {
  vertical-align: middle;
  font-weight: normal;
  margin-right: 3px;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .git-actions i, .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions i, .workflow-item .workflow-item-content > .workflow-item-actions-bar .time-info i {
    text-align: center;
    margin-bottom: 3px;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info {
  margin-left: 10px;
  line-height: 22px;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info > * {
  padding-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info > * {
    padding-right: 6.4px;
  }
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info > * .alt-label {
    display: none;
  }
}

@media only screen and (max-width: 1180px) {
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info > * {
    padding-right: 6.4px;
  }
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info > * .alt-label {
    display: none;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info .total-time {
  width: 143px;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info .total-time .icon-codefresh-lenght {
  font-size: 140%;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info .started-time {
  padding-right: 0;
  width: 100px;
}

@media screen and (max-width: 430px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info .started-time {
    padding-right: 30px;
  }
}

@media screen and (max-width: 530px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .time-info-public .total-time {
    display: none !important;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions {
  color: #888;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions a {
  color: #888;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 13px;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * {
    padding-right: 10.4px;
  }
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * .alt-label {
    display: none;
  }
}

@media only screen and (max-width: 1180px) {
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * {
    padding-right: 10.4px;
  }
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * .alt-label {
    display: none;
  }
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * {
    max-width: 150px;
  }
}

@media only screen and (max-width: 1180px) {
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions > * {
    max-width: 150px;
  }
}

@media only screen and (min-width: 1200px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions .git-sha {
    width: 84px;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions .branch-name {
  width: 90px;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions .pipeline {
  width: 120px;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions .pipeline {
    width: auto;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .general-actions .git-actions .pipeline i {
  line-height: 22px;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions {
  font-size: 12px;
  position: relative;
  background-color: #fff;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions {
    font-size: 13px;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list {
  max-width: 0;
  height: 25px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  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;
  -webkit-transition: max-width 0.6s;
  transition: max-width 0.6s;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list .icon-codefresh-launch-2 {
  font-size: 140%;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list > * {
  vertical-align: middle;
  padding-right: 13px;
}

@media only screen and (max-width: 1000px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list > * {
    padding-right: 10.4px;
  }
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list > * .alt-label {
    display: none;
  }
}

@media only screen and (max-width: 1180px) {
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list > * {
    padding-right: 10.4px;
  }
  .large-sidebar .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list > * .alt-label {
    display: none;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list.open {
  -webkit-animation: changeOverflow 0.6s;
          animation: changeOverflow 0.6s;
  overflow: visible;
  max-width: 700px;
}

@media only screen and (max-width: 600px) {
  .workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-list .view-yaml-public {
    display: none !important;
  }
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-floated {
  position: absolute;
  background-color: #fff;
  top: 0;
  bottom: 0;
  right: 100%;
  z-index: 1;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-floated.build-actions-open:before {
  content: "";
  width: 70px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  cursor: default;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(28%, rgba(255, 255, 255, 0.5)), color-stop(67%, white), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 28%, white 67%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-floated .icon-codefresh-single-image {
  font-size: 80%;
}

.workflow-item .workflow-item-content > .workflow-item-actions-bar .build-actions .build-actions-opener {
  vertical-align: middle;
  text-align: center;
  width: 16px;
}

.deploy-step__code-wrapper {
  margin-top: 30px;
}

.deploy-step__deploy-image-wrapper {
  margin-top: 10px;
}

deploy-kube-service {
  display: block;
  width: 100%;
}

deploy-kube-service .deploy-kube-service__run-deployment-from {
  margin-bottom: 15px;
}

deploy-kube-service .deploy-kube-service__image-used-label {
  margin-top: 15px;
}

deploy-kube-service .deploy-kube-service__image-used {
  border: 1px solid #DADADA;
  padding: 5px 10px 5px 56px !important;
  background-size: 8%;
  background-position: 10px;
  max-width: 500px;
}

deploy-kube-service .deploy-kube-service__image-used-repo {
  font-weight: bold;
  color: #000;
}

deploy-kube-service .deploy-kube-service .form-horizontal label {
  margin-right: 20px;
  margin-bottom: 10px;
}

deploy-kube-service .deploy-kube-service cf-text-switch {
  display: block;
  margin: 5px 0;
}

deploy-kube-service .deploy-kube-service__run-branch {
  position: relative;
  vertical-align: top;
}

deploy-kube-service .deploy-kube-service__run-branch span {
  display: block;
}

deploy-kube-service .deploy-kube-service__run-branch input {
  width: 250px;
}

deploy-kube-service .deploy-kube-service .cdf-input, deploy-kube-service .deploy-kube-service .cf-select-lato .cf-select-toggle, .cf-select-lato deploy-kube-service .deploy-kube-service .cf-select-toggle {
  min-width: 250px;
  max-width: 400px;
}

.runtime-environment__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.runtime-environment__item {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.runtime-environment label {
  white-space: nowrap;
  width: 180px;
}

.runtime-environment__label {
  display: block;
}

.runtime-environment__input {
  display: inline-block;
  width: 85%;
  float: left;
}

.runtime-environment__unit {
  margin-left: 15px;
  line-height: 30px;
}

.repo cf-settings-button {
  display: none;
}

.repo .filter-search input {
  width: 225px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.repo .filter-search .angucomplete-holder::after {
  position: absolute;
  right: 0;
  font-size: 18.6667px !important;
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 14px !important;
  vertical-align: -15%;
  content: "\F002";
}

.repo .cf-runtime-warning {
  display: none;
}

.cf-repos-loader {
  position: relative;
  height: 100px;
}

.cf-create-project-button {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #0F9C8D !important;
  color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-create-project-button:hover, .cf-create-project-button:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.cf-create-project-or {
  width: 240px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

.registry-providers {
  margin-right: 0px;
  padding: 0px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.registry-providers li {
  display: inline-block;
}

.registry-provider {
  font-family: Lato;
  font-weight: bold;
  margin-right: 10px;
  width: 110px;
  height: 50px;
  border: 1px solid #cfd3d9;
  background-color: #fff;
  outline: none;
  font-size: 13px;
  color: #4c4c4c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 74%;
  cursor: pointer;
}

.registry-provider span {
  width: 100%;
  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;
}

.registry-provider.is-dockerhub {
  background-image: url("/modules/cf.resources/images/docker-with-text.png");
}

.registry-provider.is-dockerhub[disabled] {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}

.registry-provider.is-dockerhub[disabled]:hover, .registry-provider.is-dockerhub[disabled]:focus {
  border-color: #f9f9f9;
}

.registry-provider[disabled] {
  cursor: not-allowed;
}

.registry-provider:hover {
  border-color: #0F9C8D;
  color: #0F9C8D;
}

.registry-provider.active {
  background-color: #0F9C8D;
  border-color: #0F9C8D;
  color: #fff;
}

.registry-push.is-disabled label, .registry-push.is-disabled input {
  color: #9fa5b1 !important;
  cursor: no-drop !important;
}

.run-execute-button, .btn-single-run, .btn-group-run > .btn-run {
  background-color: #0F9C8D;
  border-color: #0F9C8D;
  display: inline-block;
  width: 87px !important;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
}

.run-execute-button:hover, .btn-single-run:hover, .btn-group-run > .btn-run:hover, .run-execute-button:focus, .btn-single-run:focus, .btn-group-run > .btn-run:focus, .run-execute-button:active, .btn-single-run:active, .btn-group-run > .btn-run:active {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.run-execute-button[disabled="disabled"], .btn-single-run[disabled="disabled"], .btn-group-run > .btn-run[disabled="disabled"] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.btn-group-run {
  width: 110px;
  vertical-align: middle;
  background-color: #0F9C8D;
}

.btn-group-run > .btn-run {
  height: 100%;
}

.btn-group-run:hover {
  background-color: #0b897c;
  border-color: #0b897c;
}

.btn-group-run .btn-run-dropdown {
  width: 24px !important;
  height: 100%;
  color: #fff;
  background-color: inherit;
  border-radius: 0;
}

.btn-group-run .btn-run-dropdown[disabled="disabled"] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.btn-group-run .uib-dropdown-toggle {
  display: block;
  height: 34px;
  padding: 0 8px;
  border-left: 1px solid !important;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  line-height: 34px;
}

.btn-group-run-dropdown-menu {
  padding: 4px;
  min-width: 88px !important;
}

.btn-group-run-dropdown-menu li {
  text-transform: uppercase;
  padding: 2px 0;
  margin: 0;
  list-style: none;
}

.btn-group-run-dropdown-menu a {
  text-align: left !important;
  margin-left: -8px;
}

.btn-group-run-dropdown-menu a:hover {
  background: none !important;
}

.btn-run-icons {
  display: inline-block;
  line-height: 10px;
  vertical-align: middle;
}

.btn-run-icons ul {
  list-style: none;
  line-height: 40px;
  margin: 0;
  padding: 0;
}

.btn-run-icons .runtime-dropdown-action {
  display: inline-block;
  padding: 0 5px;
  font-size: 20px;
  line-height: 20px;
  vertical-align: text-bottom;
}

.btn-run-icons a:hover {
  color: #F5932A !important;
}

.btn-run-icons-dropdown-menu {
  padding: 4px;
  margin-left: -20px;
  min-width: 88px !important;
  max-width: 260px;
}

.btn-run-icons-dropdown-menu li {
  padding: 2px 0;
  margin: 0;
  list-style: none;
}

.btn-run-icons-dropdown-menu li:hover {
  cursor: pointer;
}

.btn-run-icons-dropdown-menu a {
  text-align: left !important;
  margin-left: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-run-icons-dropdown-menu a.create-new-composition {
  font-style: italic;
}

.btn-run-icons-dropdown-menu a i {
  padding-right: 8px;
}

.cf-form-footer .btn-group-run, .cf-form-footer .btn-single-run {
  height: 40px;
}

.terminate-running {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .terminate-running-window .modal-dialog {
    width: 700px;
  }
}

.terminate-running .terminate-environments-list {
  position: relative;
  min-height: 150px;
}

.terminate-running .terminate-environments-list-empty {
  margin-top: 30px;
  margin-bottom: 30px;
}

.terminate-running .terminate-environment-name {
  padding-right: 20px;
  border-right: 2px solid #CFD3DA;
}

.terminate-running .terminate-environments {
  margin-top: 40px;
  margin-bottom: 40px;
}

.terminate-running .terminate-environments .terminate-environment {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid Transparent;
}

.terminate-running .terminate-environments .terminate-environment td {
  padding-left: 20px;
  padding-right: 20px;
}

.terminate-running .terminate-environments .terminate-environment td:first-child {
  padding-left: 0px;
  padding-right: 0px;
}

.terminate-running .terminate-environments .terminate-environment td:last-child {
  padding-left: 0px;
  padding-right: 0px;
}

.terminate-running .btn-terminate-environment {
  background-color: transparent;
  border: 1px solid #CFD3DA;
  color: #46494a;
  outline: none !important;
}

.terminate-running .btn-terminate-environment:hover, .terminate-running .btn-terminate-environment:focus {
  background-color: #EFD0CB;
  border-color: #EFD0CB;
}

.terminate-running .btn-terminate-environment-ok {
  color: #1abc9c;
  outline: none !important;
}

.terminate-running .btn-terminate-environment-cancel {
  color: #EC6355;
  outline: none !important;
}

.terminate-running-content {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-color: #ededed;
  background-image: url("/images/speed.png");
  background-position: 80% bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}

.terminate-running-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  color: #1abc9c;
}

.terminate-running-message {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 18px;
}

.terminate-running-enironment-title {
  font-weight: 600;
  color: #464e5c;
}

.terminate-running-buttons {
  margin-top: 160px;
}

.terminate-running .confirm-button-success[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.image {
  position: relative;
}

.image .repo-tabs {
  margin-top: -3px;
}

.image .repo-tabs a {
  font-size: 13px;
  text-transform: uppercase;
}

.image .image-log {
  padding-top: 63px;
}

.image .container-fluid.steps {
  margin-left: -30px;
  margin-right: -30px;
  padding-top: 5px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps {
    padding-top: 70px !important;
  }
}

.image .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 0px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
    padding-top: 0px !important;
  }
}

.image .container-fluid.steps.pending-approval {
  padding-top: 0px !important;
}

@media screen and (max-width: 1300px) {
  .image .container-fluid.steps.pending-approval {
    padding-top: 60px !important;
  }
}

.image .container-fluid.steps.pending-approval .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 12px !important;
}

.image-timeline-test-success {
  color: #1abc9c !important;
}

.image-timeline-test-error {
  color: #eb5848 !important;
}

.image-timeline-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-summary-tabs-container {
  display: block;
  padding-top: 25px;
}

@media all and (min-width: 1000px) {
  .image-timeline-container {
    min-height: 600px;
  }
}

@media all and (max-width: 1100px) {
  .image-timeline-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .image-timeline-container .image-details--first-column {
    max-width: 100% !important;
  }
  .image-timeline-container .image-details {
    border-right: none;
  }
  .cf-image-summary__commets-annotations-tab {
    border: none;
    padding: 0;
    margin: 0;
  }
}

.image-details {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.image-details-link {
  color: #46494a;
  text-decoration: underline;
}

.image-details-link:hover, .image-details-link:focus, .image-details-link:active {
  color: #46494a;
}

.image-details--first-column {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.image-details-section {
  margin-bottom: 20px;
}

.image-details-section--comment {
  border-bottom: 1px solid #ebedef;
  padding-bottom: 20px;
}

.image-details-section .activity-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 28px;
}

.image-details-section .activity-filter input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 1px solid #DBDBDB;
  padding-left: 30px;
  padding-right: 10px;
  outline: none;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  height: 41px;
  font-size: 13px;
  color: #4C4C4C;
  background-image: url("/modules/cf.resources/images/svg/search.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 10px;
}

.image-details-section .activity-filter .cf-registry-selector {
  min-width: 115px;
  max-width: 115px;
  margin-left: -1px;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__list {
  top: 40px;
}

.image-details-section .activity-filter .cf-registry-selector li {
  font-size: 12px;
  color: #4C4C4C;
  font-weight: bold;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__arrow {
  right: 15px;
  margin-top: 3px;
}

.image-details-section .activity-filter .cf-registry-selector .cf-registry-selector__selected {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-color: #DBDBDB;
  padding: 10px 12px 29px 12px !important;
  font-size: 13px;
  position: relative;
}

.image-details-section h4 {
  color: #000;
}

.image-details-section h4.mt0 {
  margin-top: 0;
}

.image-details-section .build-info {
  text-decoration: none;
  color: #46494a;
}

.image-details-section .build-info:hover {
  cursor: pointer;
  text-decoration: underline;
}

.image-details-section .image-details-image-header {
  line-height: 23px;
}

.image-details-section .image-details-image-header .image-name {
  word-break: break-all;
}

.image-details-section .image-details-code-item {
  font-size: 13px;
  line-height: 20px;
  color: #4C4C4C;
  cursor: pointer;
}

.image-details-buttons {
  position: absolute;
  right: 0;
  top: 3px;
  min-width: 165px;
  font-size: 20px;
}

.image-details-buttons li.pull-image-item button {
  padding: 0 !important;
}

.image-details-buttons li.pull-image-item button i::before {
  content: 'PULL IMAGE';
  font-family: 'Lato';
  font-size: 14px;
  color: #333;
  padding: 3px 20px;
  line-height: 2;
}

.image-details-buttons li.pull-image-item button:hover {
  background-color: #f5f5f5;
}

.image-details-buttons li.pull-image-item div[uib-tooltip-popup] {
  display: none !important;
}

.image-details-buttons .btn-run-icons a {
  color: #46494a !important;
}

.image-details-buttons .fa {
  font-size: 18px;
}

.image-details-buttons .fa.icon-codefresh-promote-2 {
  font-size: 16px;
}

.image-details-buttons .icon-codefresh-hamburger {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.image-details-buttons .run-button {
  display: inline-block;
}

.image-details-buttons .btn-run-icons li {
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
}

.image-details-buttons .promote-button {
  top: 24px;
  color: #464e5c !important;
}

.image-details-buttons .promote-button:focus, .image-details-buttons .promote-button:hover {
  color: #F39C12 !important;
}

.image-details-buttons .image-details-settings-button {
  color: #464e5c !important;
  font-size: 20px;
  line-height: 20px;
}

.image-details-buttons .image-details-settings-button:focus, .image-details-buttons .image-details-settings-button:hover {
  color: #F39C12 !important;
}

.image-details-container {
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.image-details-code {
  padding: 0;
}

.image-details-code li {
  display: inline-block;
  margin-left: 10px;
  padding: 0px 10px 0px 0px;
  color: #464e5c;
  font-size: 13px;
  border-right: 1px solid #cfd3db;
}

.image-details-code li:first-child {
  margin: 0;
}

.image-details-code li:last-child {
  border-right: none;
}

.image-details-code li a {
  color: #464e5c;
  text-decoration: underline;
}

.image-details-commit {
  line-height: 18px;
}

.image-details-branch {
  line-height: 18px;
}

.image-details-user {
  line-height: 18px;
}

.image-details-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 18px;
  color: #464e5c;
}

.image-details .control-label {
  text-align: left;
}

.image-details .image-data {
  margin-top: 6px;
}

.image-log {
  padding-left: 30px;
  padding-right: 30px;
}

.image-log .container-fluid.header {
  position: absolute !important;
  top: -80px !important;
  left: -30px !important;
  right: -30px !important;
}

.image-log .cf-runtime-warning {
  display: none;
}

.image-log .cf-btn-settings {
  display: none;
}

.image-log .cf-runtime-app-buttons {
  display: none;
}

.image-log .cf-runtime-progress {
  margin-left: 0px;
  margin-right: 0px;
}

.image-log .cf-runtime-progress .live-url {
  display: none;
}

.image-log .button-progress-rebuild {
  display: none;
}

.image-log cf-progress-result .run-progress-steps {
  border: none !important;
}

.image-dockerfile {
  padding-left: 50px;
  padding-right: 50px;
}

.pulse {
  display: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  padding-left: 3px;
  padding-top: 3px;
  color: rgba(255, 255, 255, 0.1) !important;
  position: absolute;
  right: 7px;
  top: 8px;
  animation: pulsate infinite 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.pulse:before {
  content: ' ';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #fff;
  color: rgba(255, 255, 255, 0.3);
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px;
            box-shadow: 0px 0px 0px 0px;
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 4px;
            box-shadow: 0px 0px 0px 4px;
  }
}

.cf-progress-pending {
  position: absolute;
  top: 30px;
  font-size: 24px;
  width: 100%;
  text-align: center;
  color: #f0ad4e;
}

.cf-progress-loading {
  position: absolute;
  top: 30px;
  font-size: 24px;
  width: 100%;
  text-align: center;
  color: #333;
}

.cf-progress-loading .loading-animate {
  -webkit-animation: loading-animate 1.5s infinite;
  animation: loading-animate 1.5s infinite;
  display: inline-block;
}

@-webkit-keyframes loading-animate {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading-animate {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.cf-progress-report-step .step-log {
  margin: 10px;
  padding: 5px;
  background-color: #000;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  list-style: none;
}

.cf-progress-report-step .step-log-wrapper {
  max-height: 300px;
  overflow-y: scroll;
}

.cf-progress-report-step .step-log-item.error {
  color: #bb0000 !important;
}

.cf-progress-report-step .step-log-item.warning {
  color: #bbbb00 !important;
}

.cf-progress-report-step-no-log .cf-progress-report-step-header a {
  cursor: default;
}

.cf-progress-report-step-no-log .cf-progress-report-step-header a i {
  visibility: hidden;
}

.confirm {
  padding: 10px;
}

.confirm-content {
  padding: 20px 20px 5px;
  background-color: #ededed;
  background-image: url("/modules/cf.resources/images/terminate-bg.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}

.confirm-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 600;
  color: #0F9C8D;
}

.confirm-message {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}

.confirm-message div {
  font-size: 18px;
  font-weight: 600;
  color: #464e5c;
}

.confirm-enironment-title {
  font-weight: 600;
  color: #464e5c;
}

.confirm-show {
  margin-top: 18px;
  margin-bottom: 18px;
}

.confirm-show-checkbox {
  display: none;
}

.confirm-show-checkbox:checked + .confirm-show-label:after {
  content: '';
  position: absolute;
  margin: 3px;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #0F9C8D;
}

.confirm-show-label {
  position: relative;
  padding-left: 20px;
  line-height: 18px;
  font-weight: 200;
}

.confirm-show-label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: white;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.confirm-button-success {
  padding: 6px 12px;
  text-transform: uppercase;
  background-color: #0F9C8D;
  color: white;
  font-size: 12px;
}

.confirm-button-success:hover, .confirm-button-success:focus {
  color: white;
}

.confirm-button-default {
  background-color: white;
  color: #0F9C8D;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid #0F9C8D;
}

.confirm-button-default:hover, .confirm-button-default:focus {
  color: #0b897c;
}

.confirm-button-close {
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 30px;
}

@media screen and (max-width: 480px) {
  .confirm-button-success,
  .confirm-button-default {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
  }
}

.progress-notification-bottom {
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.progress-notification-bottom.alert-warning {
  color: #f0c40f;
  border-color: #f0c40f;
}

.progress-notification-bottom.alert-danger {
  color: #eb5848;
  border-color: #eb5848;
}

.progress-time {
  margin-top: 28px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  color: #f1c40f;
}

.progress-time-label {
  vertical-align: top;
}

.progress-time-content {
  display: inline-block;
  margin-left: 8px;
  margin-top: -10px;
  font-size: 43px;
  color: #f1c40f;
}

.progress-time-content::before {
  content: '';
  width: 38px;
  height: 42px;
  background-image: url("/modules/cf.resources/images/clock.png");
  background-repeat: no-repeat;
  position: relative;
  left: 0;
  top: 0;
  display: inline-block;
}

.progress-time-content::after {
  content: 'Sec';
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 18px;
  color: #f1c40f;
  font-weight: bold;
}

.progress-failed {
  position: relative;
  display: inline-block;
  margin-top: 28px;
  margin-bottom: 8px;
  padding-right: 40px;
  font-size: 21px;
  font-weight: bold;
  color: #eb5848;
}

.progress-failed::after {
  display: inline-block;
  position: absolute;
  content: '';
  top: -6px;
  right: 0;
  width: 33px;
  height: 40px;
  background-image: url("/modules/cf.resources/images/failed.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.progress-app-link {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #464e5c;
}

.small-sidebar .cf-runtime-progress .container-fluid.header {
  left: 60px;
}

.notification-bar-visible .cf-runtime-progress .container-fluid.header {
  top: 119px;
}

.cf-runtime-progress {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}

@media only screen and (min-width: 1301px) {
  .cf-runtime-progress.show-warning .cf-runtime-progress-header {
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
}

.cf-runtime-progress .on-large-only {
  display: inherit;
}

@media only screen and (max-width: 1300px) {
  .cf-runtime-progress .on-large-only {
    display: none !important;
  }
}

.cf-runtime-progress .on-small-only {
  display: none;
}

@media only screen and (max-width: 1300px) {
  .cf-runtime-progress .on-small-only {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.cf-runtime-progress .container-fluid {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.cf-runtime-progress .container-fluid.header {
  position: fixed;
  z-index: 98;
  right: 0;
  left: 246px;
  top: 60px;
  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.cf-runtime-progress .container-fluid.header-flush {
  left: 0px;
}

.cf-runtime-progress .container-fluid.steps {
  padding-top: 0px;
  background: transparent url("/modules/cf.resources/images/bg-build-view.png") repeat 0 0;
  -webkit-transition: padding 165ms ease;
  transition: padding 165ms ease;
}

.cf-runtime-progress .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 85px;
  /*73 + 12*/
  -webkit-transition: padding 170ms ease;
  transition: padding 170ms ease;
}

@media screen and (max-width: 1300px) {
  .cf-runtime-progress .container-fluid.steps .cf-parallel-progress__component > .cf-parallel-progress {
    padding-top: 152px;
    /*140+12*/
  }
}

.cf-runtime-progress .container-fluid.steps.pending-approval {
  padding-top: 73px;
}

@media screen and (max-width: 1300px) {
  .cf-runtime-progress .container-fluid.steps.pending-approval {
    padding-top: 130px;
  }
}

.cf-runtime-progress .container-fluid.steps.pending-approval .cf-parallel-progress__component > .cf-parallel-progress {
  padding-top: 12px;
}

.cf-runtime-progress .container {
  position: relative;
  padding: 0;
}

.cf-runtime-progress-approve-request {
  background: rgba(0, 0, 0, 0.04);
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 1300px) {
  .cf-runtime-progress-approve-request {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cf-runtime-progress-approve-request-controls {
    padding-top: 10px;
  }
}

.cf-runtime-progress-approve-request > span {
  font-size: 15px;
  margin-right: 21px;
}

.cf-runtime-progress-approve-request-loading {
  opacity: .5;
}

.cf-runtime-progress-approve-request-controls .btn.btn-cf-extra {
  font-size: 12px;
}

.cf-runtime-progress-approve-request-controls .btn.btn-cf-extra i, .cf-runtime-progress-approve-request-controls .btn.btn-cf-extra .fa, .cf-runtime-progress-approve-request-controls .btn.btn-cf-extra [class^="icon-codefresh-"] {
  padding-right: 4px;
  font-size: 12px;
}

.cf-runtime-progress-approve-request + cf-parallel-progress > .cf-parallel-progress {
  padding-top: 0;
}

.cf-runtime-progress-view {
  background: #fff;
  border-bottom: 1px solid #EAEAEA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 13px 10px 13px;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: 14px;
  min-height: 70px;
}

.cf-runtime-progress-view div.status {
  width: 114px;
  height: 31px;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  font-family: 'Lato';
  margin-left: 20px;
  text-align: center;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  bottom: -10px;
  margin-right: 8px;
  -webkit-transition: width 100ms ease;
  transition: width 100ms ease;
}

.cf-runtime-progress-view div.status > [class^="icon-codefresh-"] {
  display: none;
}

.cf-runtime-progress-view div.status.terminated {
  background-color: #e83f43;
}

.cf-runtime-progress-view div.status.terminated:before {
  content: 'TERMINATED';
}

.cf-runtime-progress-view div.status.pending {
  background-color: #ccc;
  padding-right: 25px;
}

.cf-runtime-progress-view div.status.pending:before {
  content: 'PENDING';
}

.cf-runtime-progress-view div.status.pending .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cf-runtime-progress-view div.status.delayed {
  background-color: #F2994A;
  padding-right: 25px;
}

.cf-runtime-progress-view div.status.delayed:before {
  content: 'DELAYED';
}

.cf-runtime-progress-view div.status.delayed .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cf-runtime-progress-view div.status.pending-approval {
  width: 185px;
  background-color: #F2C94C;
  padding-right: 25px;
}

.cf-runtime-progress-view div.status.pending-approval:before {
  content: 'PENDING APPROVAL';
}

.cf-runtime-progress-view div.status.pending-approval > i.icon-codefresh-pending-approval {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 3px;
  padding-top: 3px;
  color: white !important;
  position: absolute;
  right: 12px;
  top: 4px;
  font-size: 15px;
}

.cf-runtime-progress-view div.status.approved {
  background-color: #23b4a4;
}

.cf-runtime-progress-view div.status.approved:before {
  content: 'APPROVED';
}

.cf-runtime-progress-view div.status.denied {
  background-color: #e83f43;
}

.cf-runtime-progress-view div.status.denied:before {
  content: 'DENIED';
}

.cf-runtime-progress-view div.status.running {
  background-color: #83AFF8;
  padding-right: 25px;
}

.cf-runtime-progress-view div.status.running:before {
  content: 'RUNNING';
}

.cf-runtime-progress-view div.status.running .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cf-runtime-progress-view div.status.terminating {
  width: 135px;
  background-color: #e83f43;
  padding-right: 25px;
}

.cf-runtime-progress-view div.status.terminating:before {
  content: 'TERMINATING';
}

.cf-runtime-progress-view div.status.terminating .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cf-runtime-progress-view div.status.completed {
  background-color: #11B5A4;
}

.cf-runtime-progress-view div.status.completed:before {
  content: 'COMPLETED';
}

.cf-runtime-progress-view div.status.failed {
  background-color: #e83f43;
}

.cf-runtime-progress-view div.status.failed:before {
  content: 'FAILED';
}

@media only screen and (max-width: 566px) {
  .cf-runtime-progress-view div.status {
    margin-left: 0px;
    margin-bottom: 29px;
  }
}

.cf-runtime-progress-view-col span {
  color: #4C4C4C;
  font-size: 13px;
  line-height: 16px;
}

.cf-runtime-progress-view-col label {
  font-size: 11px;
  font-weight: bold;
  color: #A3A3A3;
  line-height: 13px;
}

.cf-runtime-progress-view-col.pull-right {
  margin: 0;
}

.cf-runtime-progress-view-col.pull-right button {
  padding: 0;
}

.cf-runtime-progress-view-col.col-view-status {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
}

.cf-runtime-progress-view-col.col-view-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 600px);
  padding-right: 18px;
}

.cf-runtime-progress-view-col.col-view-actions {
  /* padding-top: 17px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cf-runtime-progress-view-col.col-view-actions cf-step-metric {
  margin-right: 15px;
}

.cf-runtime-progress-view-col.col-view-actions cf-step-metric.clickable .cf-step-metric {
  cursor: pointer;
}

.cf-runtime-progress-view-col.col-view-actions cf-step-metric .cf-step-metric {
  height: auto;
  position: relative;
}

.cf-runtime-progress-view-col.col-view-actions cf-step-metric .cf-step-metric:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  height: 24px;
  margin-top: -12px;
  border-right: 1px solid #dbdbdb;
}

.cf-runtime-progress-view-col.col-view-actions cf-step-metric .cf-step-metric .metric-delimiter {
  border: none;
  width: 118px;
}

.cf-runtime-progress-view-col.col-view-actions .metric-link {
  text-decoration: none !important;
}

.cf-runtime-progress-view-col.col-view-actions span {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
}

@media screen and (max-width: 1300px) {
  .cf-runtime-progress-view-col.col-view-actions {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.cf-runtime-progress-view .cf-repo-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.cf-runtime-progress-view .cf-repo-spec span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 25%;
}

.cf-runtime-progress-view .cf-repo-spec-repo, .cf-runtime-progress-view .cf-repo-spec-commit, .cf-runtime-progress-view .steps-count {
  margin-right: 20px;
}

.cf-runtime-progress-view .button-progress-rebuild {
  padding: 0;
  color: #505050;
  display: inline-block;
}

.cf-runtime-progress-view .button-progress-rebuild > .btn {
  background: transparent;
  padding: 0;
  border: none;
  text-transform: uppercase;
}

.cf-runtime-progress-view .button-progress-rebuild > .btn:active, .cf-runtime-progress-view .button-progress-rebuild > .btn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-runtime-progress-view .button-progress-rebuild > .btn.btn-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-runtime-progress-view .button-progress-rebuild > .btn.btn-flex > i {
  padding: 0 4px;
}

.cf-runtime-progress-view .button-progress-rebuild > .btn.btn-link {
  text-decoration: none;
}

.cf-runtime-progress-view.cf-runtime-progress-view-sub {
  min-height: 57px;
}

.cf-runtime-progress-view .button-progress-download {
  display: inline-block;
  margin-right: 20px;
}

.cf-runtime-progress-view .button-image {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}

.cf-runtime-progress-view .button-image i {
  vertical-align: sub;
}

.cf-runtime-progress-view .button-image .open-yaml-icon {
  vertical-align: baseline;
}

.cf-runtime-progress-view .progress-settings {
  display: inline-block;
  padding-left: 30px;
}

.run-progress-steps {
  background: #fff;
  padding: 0;
  margin: 0;
}

.cf-runtime-progress-step {
  background-color: #fff;
  display: block;
}

.cf-runtime-progress-step .step-duration {
  display: inline-block;
  margin-right: 10px;
  color: #333 !important;
}

.cf-runtime-progress-step.cf-progress-step-error {
  color: #e83f43;
}

.cf-runtime-progress-step.cf-progress-step-error .step-name {
  color: #e83f43;
}

.cf-runtime-progress-step.cf-progress-step-warning {
  color: #f0c40f;
}

.cf-runtime-progress-step.cf-progress-step-warning .step-name {
  color: #f0c40f;
}

.cf-runtime-progress-step.cf-progress-step-success {
  color: #0F9C8D;
}

.cf-runtime-progress-step.cf-progress-step-success .step-name {
  color: #333;
}

.cf-runtime-progress-step .cf-progress-step-header {
  margin: 0;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details {
  position: relative;
  margin-top: 30px;
  padding-left: 34px;
  padding-right: 31px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CFD8DC;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details .fa {
  position: absolute;
  top: 15px;
  right: 15px;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details .step-autoscroll-btn {
  padding-top: 15px;
  padding-right: 15px;
  display: inline-block;
  font-size: 12px;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details .step-autoscroll-btn label {
  font-weight: normal;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details .step-copy-log {
  display: inline-block;
  color: #464e5c;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}

.cf-runtime-progress-step .cf-progress-step-header .log-details .step-copy-log .fa {
  position: static;
}

.cf-runtime-progress-step .cf-progress-step-name {
  position: relative;
  padding: 15px 33px 15px 55px;
  border-bottom: 1px solid #CFD8DC;
  decoration: none;
  cursor: pointer;
}

.cf-runtime-progress-step .cf-progress-step-name .on-the-right {
  position: absolute;
  right: 23px;
  top: 18px;
}

.cf-runtime-progress-step .cf-progress-step-name .step-name {
  vertical-align: middle;
  line-height: 16px;
  font-weight: bold;
  font-size: 16px;
}

.cf-runtime-progress-step .cf-progress-step-name .step-name .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(81, 143, 246, 0.1) !important;
  left: 24px;
  top: 24px;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.cf-runtime-progress-step .cf-progress-step-name .step-name .pulse:before {
  color: rgba(81, 143, 246, 0.2);
  background-color: rgba(81, 143, 246, 0.6);
}

.cf-runtime-progress-step .cf-progress-step-name .step-name img {
  margin-right: 5px;
  height: 32px;
}

.cf-runtime-progress-step .cf-progress-step-name .has-log {
  padding-right: 10px;
  font-size: 19px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  color: #BEBEBE;
  font-size: 11px;
  margin-left: 10px;
}

.cf-runtime-progress-step .cf-progress-step-name .no-log {
  padding-left: 21px;
}

.cf-runtime-progress-step .cf-progress-step-name a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.cf-runtime-progress-step .cf-progress-step-name a:hover {
  text-decoration: none;
}

.cf-runtime-progress-step .step-log-container {
  height: 310px;
}

.progress-complete-successful {
  color: #0F9C8D;
  background: #fff;
  font-size: 21px;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 15px;
  list-style: none;
}

.progress-complete-successful .clock {
  background: url("/modules/cf.resources/images/clock.png") no-repeat;
  width: 37px;
  height: 42px;
  display: inline-block;
}

.progress-complete-successful .time {
  font-size: 44px;
  position: relative;
  top: -5px;
  font-weight: normal;
}

.progress-complete-successful .dimension {
  position: relative;
  top: -4px;
  font-weight: bold;
}

.progress-complete-successful .completed {
  position: relative;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}

.progress-complete-successful .live-url {
  color: #333;
  font-size: 14px;
  padding-bottom: 15px;
}

.progress-complete-failed {
  color: #eb5848;
  background: #fff;
  font-weight: bold;
  font-size: 21px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  list-style: none;
}

.progress-complete-failed .status-icon {
  margin-left: 10px;
}

.progress-complete-failed .failed {
  background: url("/modules/cf.resources/images/failed.png") no-repeat;
  width: 37px;
  height: 42px;
  display: inline-block;
  margin-left: 15px;
}

.progress-complete-failed .comment {
  position: relative;
  top: -15px;
  padding-left: 15px;
  line-height: 26px;
  font-weight: 700;
}

.progress-complete-failed .comment-small {
  position: relative;
  top: -15px;
  padding-left: 15px;
  line-height: 26px;
}

.progress-complete-failed.terminating .comment {
  top: 0;
}

.comment-small {
  font-size: 13px;
  color: #333;
  font-weight: normal;
}

.comment-small a {
  color: #0F9C8D;
}

.comment-small a:hover {
  cursor: pointer;
}

.button-progress-stop {
  padding: 0;
  color: #e83f43;
  text-transform: uppercase;
}

.cf-runtime-app-buttons {
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
}

.cf-runtime-app-buttons .pull-right a:nth-child(1) {
  display: inline-block;
  margin-right: 15px;
}

.cf-runtime-app-buttons .pull-right .open-ide-btn {
  padding: 8px 14px;
  background-color: #0F9C8D;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.cf-runtime-app-buttons .pull-right .open-ide-btn:hover {
  background-color: #0F9C8D;
  color: #fff;
}

.cf-runtime-error {
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

.visit-repo-settings {
  padding: 8px;
}

.visit-repo-settings .confirm-content {
  padding: 20px;
  min-height: 200px;
}

.visit-repo-settings .confirm-title {
  font-weight: bold;
  margin-bottom: 40px;
}

.visit-repo-settings .confirm-buttons {
  margin-top: 120px;
}

.visit-repo-settings p {
  font-weight: bold;
}

.run-header-docker-icon {
  display: inline-block;
  width: 22px;
  height: 12px;
  background-image: url(/modules/cf.resources/images/docker-gray-small.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.run-header-copy-log {
  color: #46494a !important;
}

.run-header-coderefresh-icon {
  display: inline-block;
  width: 22px;
  height: 12px;
  background-image: url(/modules/cf.resources/images/codefresh.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.confirm-title {
  font-weight: bold;
  margin-bottom: 40px;
}

.cf-progress__pipeline-icon {
  color: #888;
  margin-right: 3px;
}

.cf-build .cf-runtime-progress.show-warning .cf-runtime-progress__body {
  margin-top: 57px;
}

.image-log .cf-runtime-progress.show-warning .cf-runtime-progress__body {
  padding-top: 62px !important;
}

@media only screen and (max-width: 1300px) {
  .image-log .cf-runtime-progress.show-warning .cf-runtime-progress__body {
    padding-top: 127px !important;
  }
}

.runtime-ide header {
  height: 30px;
  background: #333;
  color: white;
  padding: 5px;
}

.runtime-ide .cf-runtime-ide-frame iframe {
  border: none;
}

.cf-runtime-envs-status .uib-dropdown-menu {
  left: -168px;
  margin-top: 0px;
  padding: 20px 10px;
  width: 255px;
}

.cf-runtime-envs-status .uib-dropdown-menu li a {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-runtime-envs-status .uib-dropdown-menu li > b {
  clear: both;
  color: #333;
  display: block;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}

.cf-runtime-envs-status .uib-dropdown-menu li > b i {
  margin-right: 5px;
}

.cf-runtime-envs-status .notifications-icon i {
  font-size: 25px;
  font-weight: bolder;
}

.cf-runtime-envs-status .notifications-icon .badge {
  background: #fff;
  color: #0F9C8D;
}

.cf-runtime-envs-status .sub-item {
  padding-left: 24px;
}

.btn-back {
  position: relative;
}

.btn-back-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-back .front {
  position: relative;
  display: inline-block;
  width: 74px;
  height: 48px;
  background-color: #f0c40f;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}

.btn-back .front:hover {
  background-color: #e2b910;
}

.btn-back .front::after {
  content: '';
  position: absolute;
  top: 48px;
  right: 0px;
  width: 0px;
  height: 0px;
  border-color: #8d919a transparent transparent transparent;
  border-style: solid;
  border-width: 8px 16px 0 0;
  cursor: pointer;
}

.btn-back .front i::before {
  font-size: 32px;
  line-height: 48px;
  font-weight: bold;
  color: #464e5c;
  cursor: pointer;
}

.btn-back .back {
  display: inline-block;
  position: absolute;
  padding-left: 30px;
  left: 57px;
  top: -12px;
  width: 150px;
  height: 48px;
  background: #dfe1e6;
  font-size: 14px;
  line-height: 48px;
  font-weight: bold;
  text-transform: uppercase;
  color: #464e5c;
  cursor: pointer;
}

.cf-btn-settings {
  background: #f0c40f;
  display: block;
  font-size: 40px;
  height: 60px;
  left: 24px;
  line-height: 1.5;
  margin-left: -40px;
  position: absolute;
  text-align: center;
  top: 50px;
  width: 60px;
  color: #464e5c;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.cf-btn-settings:hover {
  margin-left: -60px;
  background-color: #e2b910;
  color: #464e5c;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #ededed;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-dialog-title {
  margin-top: 0;
  margin-bottom: 40px;
  color: #4c4c4c;
  font-weight: bold;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-item-label {
  color: #4c4c4c;
  font-weight: 700;
  font-size: 18px;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-item-selector {
  margin-left: 10px;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions {
  text-align: right;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-cancel {
  padding-left: 40px;
  padding-right: 40px;
  color: #0F9C8D !important;
  background-color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-cancel:hover, .select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-cancel:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-ok {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #0F9C8D !important;
  color: #fff !important;
  border-color: #0F9C8D !important;
  font-weight: bold;
  text-transform: uppercase;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-ok:hover, .select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-ok:focus {
  background-color: #fff !important;
  color: #0F9C8D !important;
}

.select-build-parameters-dialog .select-build-parameters-dialog-container .select-build-parameters-actions .btn-select-build-parameters-ok[disabled="disabled"] {
  background-color: #ebedef !important;
  color: #b4bece !important;
  border-color: #ebedef !important;
  opacity: 1;
}

.select-build-parameters__title {
  margin: 10px 0 30px 0;
}

.select-build-parameters__show-advanced-settings {
  margin: 0 0 8px 0;
}

.select-build-parameters__show-advanced-settings i.fa {
  margin-left: 5px;
}

.select-build-parameters label {
  font-size: 14px;
  color: #2f2f2f;
}

.select-build-parameters__variables {
  padding-bottom: 15px;
  clear: both;
  padding-top: 20px;
}

.select-build-parameters__variables--hide {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

.select-build-parameters__variables--show {
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  min-height: 260px;
}

.select-build-parameters__variables--with-search {
  height: 300px;
}

.select-build-parameters__pipeline {
  width: 49%;
  float: right;
}

.select-build-parameters__pipeline label {
  display: block;
}

.select-build-parameters__pipeline button {
  width: 100%;
}

.select-build-parameters__pipeline .buttonLabel {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-bottom: 0;
}

.select-build-parameters__pipeline .buttonLabel .caret {
  position: absolute;
  right: 15px;
  top: 10px;
}

.select-build-parameters__branch {
  width: 49%;
  float: left;
}

.select-build-parameters__branch label {
  display: block;
}

.select-build-parameters__branch .buttonLabel {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-bottom: 0;
}

.select-build-parameters__branch .buttonLabel .caret {
  position: absolute;
  right: 15px;
  top: 10px;
}

.select-build-parameters__branch button {
  width: 100%;
}

.select-build-parameters__sha {
  width: 49%;
  float: left;
}

.select-build-parameters__sha label {
  display: block;
}

.select-build-parameters__sha .buttonLabel {
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  font-weight: 200;
  display: inline-block;
  position: relative;
  padding: 1px 30px 1px 8px;
  font-size: 14px;
  min-height: 40px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 1px solid #ddd;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
  background-image: linear-gradient(#fff, #f7f7f7);
  cursor: not-allowed;
}

.select-build-parameters__sha button {
  width: 100%;
}

.select-composition-parameters__title {
  margin: 10px 0 30px 0;
}

.select-composition-parameters__list {
  margin-bottom: 20px;
  margin-top: 20px;
}

.run-build-options p {
  margin: 10px;
  padding: 0;
}

.run-build-options .build-options-list > * {
  padding: 5px 10px;
}

.run-build-options .build-options-list .cf-checkbox a {
  padding-left: 10px;
}

.cf-user-settings {
  margin-right: 45px;
  margin-left: 45px;
  margin-top: 50px;
}

.cf-user-settings .settings-container {
  border: 1px solid #DADADA;
  background: #fff;
  margin-bottom: 50px;
  padding-right: 15px;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cf-user-settings-checkbox {
  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;
  font-weight: normal;
  color: #4c4c4c;
}

.cf-user-settings-checkbox > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-user-settings-checkbox .cdf-checkbox, .cf-user-settings-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"], .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .cf-user-settings-checkbox input[type="checkbox"] {
  margin: 0;
}

.cf-user-settings-checkbox .options-text {
  margin-left: 10px;
}

.cf-user-settings-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #4c4c4c;
  font-size: 21px;
  font-weight: bold;
}

.cf-user-settings .btn-save {
  padding-left: 40px;
  padding-right: 40px;
}

.cf-user-settings-container {
  margin-top: 20px;
}

.cf-user-settings-email-info {
  font-size: 16px;
  position: relative;
  padding: 0;
  margin: 0;
}

.cf-user-settings-email-info .email-input {
  padding-left: 30px;
}

.cf-user-settings-email-info .email-icon {
  position: absolute;
  left: 3px;
  top: 10px;
  color: #4c4c4c;
}

.cf-user-settings-email-options .checkbox-row {
  margin-bottom: 20px;
}

.cf-user-settings-email-options .checkbox-row:last-of-type {
  margin-bottom: 15px;
}

.cf-user-settings-email-options .checkbox-row:first-of-type {
  margin-top: 20px;
}

.cf-user-settings-email-options .cf-checkbox label {
  font-weight: normal;
}

.cf-user-settings-provider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-user-settings-provider .provider-logo-container {
  color: #4c4c4c;
}

.cf-user-settings-provider .provider-logo-container > * {
  vertical-align: middle;
}

.cf-user-settings-provider .provider-name {
  font-size: 21px;
  font-weight: bold;
}

.cf-user-settings-provider .provider-logo {
  font-size: 24px;
  margin-right: 7px;
}

.cf-user-settings-provider .provider-load-spinner {
  margin-left: 10px;
}

.cf-user-settings-provider .allow-access-checkbox {
  font-size: 16px;
  display: inline-block;
}

.cf-user-settings-provider-info {
  margin-left: 25px;
}

.cf-user-settings-provider-info label {
  font-weight: normal;
}

registry-token-view {
  width: 100%;
}

registry-token-view .registry-tokens-header {
  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;
}

registry-token-view .registry-tokens-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

registry-token-view .registry-tokens-header .header-title {
  color: #4c4c4c;
}

registry-token-view .registry-tokens-header .header-title .main-title {
  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;
}

registry-token-view .registry-tokens-header .header-title .main-title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

registry-token-view .registry-tokens-header .header-title .main-title .main-title-text {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 21px;
}

registry-token-view .registry-tokens-header .header-title .main-title .codefresh-logo {
  margin-right: 8px;
}

registry-token-view .registry-tokens-header .header-title .sub-title {
  font-size: 13px;
  margin-top: 8px;
}

registry-token-view .registry-token-list {
  margin-top: 40px;
}

registry-token-view .registry-token-list table {
  width: 100%;
}

registry-token-view .registry-token-list table tr {
  color: #4c4c4c;
}

registry-token-view .registry-token-list table tr th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

registry-token-view .registry-token-list table tr.registry-token:not(:last-of-type) {
  border-bottom: 1px solid #DADADA;
}

registry-token-view .registry-token-list table tr.registry-token td {
  height: 50px;
}

registry-token-view .registry-token-list table tr.registry-token td.actions {
  text-align: end;
  padding-right: 15px;
}

registry-token-view .registry-token-list table tr.registry-token td.date {
  color: #828282;
}

.add-cluster-dialog form {
  padding: 20px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-cluster-dialog__clear {
  clear: both;
  margin-bottom: 40px;
}

.add-cluster-dialog__cluster {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
}

.add-cluster-dialog__cluster label {
  display: block;
}

.add-cluster-dialog__cluster button {
  width: 100%;
}

.add-cluster-dialog__cluster .buttonLabel, .add-cluster-dialog__cluster button {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-bottom: 0;
}

.add-cluster-dialog__cluster .buttonLabel .caret, .add-cluster-dialog__cluster button .caret {
  position: absolute;
  right: 15px;
  top: 10px;
}

.add-cluster-dialog__project {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
}

.add-cluster-dialog__project label {
  display: block;
}

.add-cluster-dialog__project .buttonLabel, .add-cluster-dialog__project button {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
  padding-bottom: 0;
}

.add-cluster-dialog__project .buttonLabel .caret, .add-cluster-dialog__project button .caret {
  position: absolute;
  right: 15px;
  top: 10px;
}

.add-cluster-dialog__project button {
  width: 100%;
}

.add-cluster-dialog label {
  font-size: 14px;
  color: #4c4c4c;
}

.add-local-cluster-form__firewall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.add-local-cluster-form__firewall .input-label {
  margin-right: 5px;
}

.add-local-cluster-form__firewall .onoffswitch {
  margin-top: -4px;
}

.add-local-cluster-form__divider {
  border-top: 1px solid #ebedef;
  padding-top: 10px;
  margin-top: 10px;
}

.add-local-cluster-form .cf-edit-image-registry__test-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 5px 0 0;
}

.add-local-cluster-form .row-wrap {
  display: inline-block;
}

.add-local-cluster-form .row-wrap .input-wrap {
  margin-right: 10px;
}

.add-local-cluster-form .row-wrap .input-wrap .input-label {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}

.add-local-cluster-form .row-wrap .input-wrap .cdf-input, .add-local-cluster-form .row-wrap .input-wrap .cf-select-lato .cf-select-toggle, .cf-select-lato .add-local-cluster-form .row-wrap .input-wrap .cf-select-toggle {
  min-width: 190px;
}

.add-local-cluster-form .submit {
  padding-left: 40px;
  padding-right: 40px;
  margin-right: 3px;
}

.kubernetes-provider-icon, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .provider-icon, .cf-kube-integration .integration-provider .provider-row .provider-icon {
  display: inline-block;
  background-position: center center;
  height: 28px;
  width: 45px;
  vertical-align: middle;
}

.kubernetes-provider-icon.aks, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .aks.provider-icon, .cf-kube-integration .integration-provider .provider-row .aks.provider-icon {
  background: url("/modules/cf.resources/images/integrations/aks-icon.png") center no-repeat;
}

.kubernetes-provider-icon.gcloud, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .gcloud.provider-icon, .cf-kube-integration .integration-provider .provider-row .gcloud.provider-icon {
  background: url("/modules/cf.resources/images/icon-gcr.png") center no-repeat;
}

.kubernetes-provider-icon.local-custom, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-custom.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-custom.provider-icon {
  background: url("/modules/cf.resources/images/kubernetes.jpg") center no-repeat;
  background-size: 25px;
}

.kubernetes-provider-icon.local-azure, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-azure.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-azure.provider-icon {
  background: url("/modules/cf.resources/images/integrations/azure-icon.png") center no-repeat;
  background-size: 25px;
}

.kubernetes-provider-icon.local-aws, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-aws.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-aws.provider-icon {
  background: url("/modules/cf.resources/images/integrations/aws-icon.png") center no-repeat;
  background-size: 25px;
}

.kubernetes-provider-icon.local-eks, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-eks.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-eks.provider-icon {
  background: url("/modules/cf.resources/images/integrations/eks-icon.png") center no-repeat;
  background-size: 25px;
}

.kubernetes-provider-icon.local-stackpoint, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-stackpoint.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-stackpoint.provider-icon {
  background: url("/modules/cf.resources/images/integrations/icon-stackpoint.png") left no-repeat;
  background-size: 140px;
  background-position: 10px;
}

.kubernetes-provider-icon.local-ibm, .cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .local-ibm.provider-icon, .cf-kube-integration .integration-provider .provider-row .local-ibm.provider-icon {
  background: url("/modules/cf.resources/images/integrations/ibm-cloud.png") left no-repeat;
  background-size: 25px;
  background-position: 10px 0;
}

.cf-kube-integration__no-providers {
  text-align: center;
}

.cf-kube-integration__video {
  margin-top: 20px;
}

.cf-kube-integration__add-first-provider {
  display: inline-block;
  margin-right: 5px;
}

.cf-kube-integration__schedule-demo {
  padding: 9px 15px 12px 15px;
  text-decoration: none !important;
}

.cf-kube-integration__gke-icon {
  float: left;
  height: 80px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: -10px;
}

.cf-kube-integration .kube-integration-select-provider .cdf-button, .cf-kube-integration .kube-integration-select-provider .filters-bar .add-filter-value, .filters-bar .cf-kube-integration .kube-integration-select-provider .add-filter-value, .cf-kube-integration .kube-integration-select-provider .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-kube-integration .kube-integration-select-provider .submit-selection__button {
  line-height: 17px;
}

.cf-kube-integration .kube-integration-select-provider .providers-list .provider-item {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  font-weight: bold;
  padding: 5px 14px 5px 7px;
}

.cf-kube-integration .kube-integration-select-provider .providers-list .provider-item .provider-label {
  vertical-align: middle;
}

.cf-kube-integration .integration-provider .provider-row {
  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;
  border: 1px solid #ebedef;
  padding: 10px;
  margin: 5px 0;
}

.cf-kube-integration .integration-provider .provider-row:hover {
  border-color: #0F9C8D;
}

.cf-kube-integration .integration-provider .provider-row .provider-row-info {
  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;
  cursor: pointer;
}

.cf-kube-integration .integration-provider .provider-row .provider-row-info .provider-name {
  width: 160px;
  font-weight: bold;
}

.cf-kube-integration .integration-provider .provider-row .provider-authenticate {
  text-align: right;
}

.cf-kube-integration .integration-provider .provider-row .arrow-container {
  padding: 0 10px;
  cursor: pointer;
}

.cf-kube-integration .integration-provider .provider-row .aks-note {
  font-size: 11px;
  padding-left: 5px;
}

.cf-kube-integration .integration-provider .provider-clusters {
  padding: 0 0 10px 20px;
}

.cf-kube-integration .integration-provider .provider-clusters .provider-clusters-list {
  padding: 0 0 5px 0;
}

.cf-kube-integration .integration-provider .provider-clusters .provider-clusters-list .cluster {
  display: block;
  border-style: solid;
  border-color: #ebedef;
  border-width: 0 1px 1px 1px;
}

.cf-kube-integration .integration-provider .provider-clusters .provider-clusters-list .cluster:first-child {
  border-top-width: 1px;
}

.cf-kube-edit-cluster__title {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.cf-kube-edit-cluster .tag-label, .cf-kube-edit-cluster .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .cf-kube-edit-cluster .box-label {
  position: relative;
  margin-bottom: -10px;
  margin-right: 2px;
}

.cf-kube-edit-cluster__bad-connection-msg {
  padding: 0 15px 10px 15px;
  margin-top: -10px;
  color: #eb5848;
}

.cf-kube-edit-cluster__nodes-list {
  padding: 0 15px 10px 15px;
}

.cf-kube-edit-cluster__server-icon {
  position: relative;
  bottom: -3px;
  margin-right: 5px;
}

.cf-kube-edit-cluster__server-icon--ok {
  color: #0F9C8D;
}

.cf-kube-edit-cluster__server-icon--bad {
  color: #eb5848;
}

.cf-kube-edit-cluster__server-icon--warn {
  color: #ccc;
}

.cf-kube-edit-cluster__form {
  width: 100%;
  margin-top: 20px;
}

.kube-service-box {
  font-size: 13px;
  width: 100%;
  height: 100%;
}

.kube-service-box .cf-status-icon-container {
  cursor: pointer;
}

.kube-service-box__update-replica, .kube-service-box__cancel-replica {
  border: 1px solid #C7C7C7;
  padding: 4px;
  font-size: 10px;
}

.kube-service-box__edit-replicas {
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid #C7C7C7;
  padding: 5px 8px;
  position: absolute;
  left: 75px;
  top: 2px;
}

.kube-service-box__cluster-and-namespace {
  padding: 15px 0 5px 0;
}

.kube-service-box__cluster-and-namespace label {
  font-size: 12px;
  color: #C7C7C7;
  font-weight: bold;
  margin-bottom: 0;
  display: block;
}

.kube-service-box__cluster-and-namespace strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.kube-service-box__box-label {
  margin-left: 0 !important;
  margin-right: 3px;
}

.kube-service-box__box-title {
  max-width: calc(100% - 100px) !important;
}

.kube-service-box__box-time {
  right: 35px !important;
  top: 13px !important;
}

.kube-service-box__status-icon {
  position: absolute;
  top: 13px;
  right: 13px;
  zoom: 0.8;
}

.kube-service-box .box-title {
  cursor: pointer;
}

.kube-service-box .box-title i {
  vertical-align: middle;
  font-size: 80%;
}

.kube-service-box .under-title {
  display: block;
  padding-top: 10px;
}

.kube-service-box__separator {
  margin: 5px 0 0 0;
  padding: 0;
}

.kube-service-box .sub-title {
  font-weight: bold;
  padding: 7px 0 5px;
}

.kube-service-box .actions {
  position: absolute;
  bottom: 10px;
  width: 100%;
  right: 10px;
  font-size: 12px;
  text-align: right;
}

.kube-service-box .actions__shell {
  position: absolute;
  left: 15px;
  bottom: -3px;
}

.kube-service-box .actions a {
  color: #888;
  font-weight: bold;
}

.kube-service-box .actions * {
  padding: 3px;
  cursor: pointer;
}

.kube-service-box .points-list {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #26BC9D;
  font-size: 12px;
}

.kube-service-box .replicas-row {
  margin-top: 0;
}

.kube-service-box .replicas-row number-input {
  width: 60px;
  display: inline-block;
  margin-right: 5px;
}

.kube-service-box .pointer {
  cursor: pointer;
}

.kube-service-box .only-on-hover {
  display: none;
}

.kube-service-box:hover .only-on-hover {
  display: inline;
}

.edit-kube-service {
  padding: 20px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .edit-kube-service {
    padding-top: 40px;
  }
}

.edit-kube-service__image-column {
  border-right: 1px solid #ebedef;
}

.edit-kube-service__pull-secret-label {
  margin-bottom: 5px !important;
}

.edit-kube-service__image-description-column label {
  margin-bottom: 10px !important;
}

.edit-kube-service__image-description-column p {
  font-size: 13px;
}

.edit-kube-service .toggle-sidebar-btn {
  top: 60px;
}

.edit-kube-service__yaml-wrapper {
  margin-top: 20px;
}

.edit-kube-service__quick-advanced {
  position: absolute;
  right: 20px;
  top: 20px;
}

.edit-kube-service__quick-title {
  margin-top: 0;
  font-size: 16px;
  color: #0F9C8D;
  font-weight: bold;
}

.edit-kube-service__quick-wrapper {
  margin-top: 20px;
}

.edit-kube-service__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
}

.edit-kube-service__left-column {
  padding-right: 30px;
  min-width: 300px;
  max-width: 300px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.edit-kube-service__right-column {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.edit-kube-service__select-namespace-label {
  display: block;
  font-weight: bold;
}

.edit-kube-service__select-namespace {
  white-space: nowrap;
  display: inline-block;
}

.edit-kube-service__select-namespace select-entity {
  display: inline-block;
}

.edit-kube-service__description {
  font-size: 12px;
  clear: both;
  line-height: 12px;
  margin-top: 8px;
}

.edit-kube-service__replicas-input {
  width: 100px;
  display: block;
}

.edit-kube-service__expose-checkbox {
  display: inline-block;
  border: 1px solid #DADADA;
  padding: 5px 10px 6px 10px;
}

.edit-kube-service__expose-port {
  display: inline-block;
  width: 100px;
  margin-left: -4px;
}

.edit-kube-service__internal-port {
  display: inline-block;
  width: 100px;
}

.edit-kube-service__internal-protocol {
  margin-left: -1px;
  float: left;
  display: inline-block;
}

.edit-kube-service__internal-protocol .cf-registry-selector {
  min-width: 80px;
  display: inline-block;
  float: left;
}

.edit-kube-service__delimiter {
  margin-top: 0;
}

.edit-kube-service__internal-ports {
  margin-top: 20px;
}

.edit-kube-service__internal-ports label {
  margin-bottom: 8px !important;
}

.edit-kube-service__label {
  display: block;
  font-size: 13px;
  color: #4c4c4c;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.edit-kube-service__label span {
  margin-bottom: 4px;
  display: block;
}

.edit-kube-service__label .under-link {
  margin-top: 5px;
  font-size: 14px;
}

.edit-kube-service__label .under-link a:hover {
  text-decoration: none;
  color: #888;
}

.edit-kube-service__implementation label {
  margin-bottom: 20px;
}

.edit-kube-service .kube-service-container {
  min-height: 500px;
}

.kube-service-yamls {
  margin-top: 20px;
}

.kube-services-list {
  margin-top: 20px;
}

.kube-services-list__title {
  font-size: 17px;
  color: #4C4C4C;
}

.kube-services-list__firewall-tag {
  color: #888;
  font-size: 10px;
  border: 1px solid #888;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 13px;
  font-weight: bold;
  margin-left: 10px;
}

.kube-services-list__buttons {
  position: relative;
}

.kube-services-list__refresh-time {
  position: absolute;
  left: 0;
  top: 10px;
}

.ports-editor__add-port {
  cursor: pointer;
  text-decoration: none;
  color: #0F9C8D;
  font-weight: bold;
  padding: 0;
}

.ports-editor__add-port:hover {
  text-decoration: none;
  color: #888;
}

.ports-editor__port-row {
  clear: both;
  margin-bottom: 10px;
  height: 35px;
}

.ports-editor__port-row .fa-trash-o {
  display: none;
  text-decoration: none;
}

.ports-editor__port-row:hover .fa-trash-o {
  display: inline-block;
}

.ports-editor__port-row input {
  display: inline-block;
  width: 100px;
  float: left;
}

.ports-editor__port-row .cf-registry-selector {
  min-width: 100px;
  max-width: 100px;
  float: left;
  margin-left: -1px;
}

.edit-kube-service-resources label {
  white-space: nowrap;
  width: 180px;
}

.edit-kube-service-resources__label {
  display: block;
}

.edit-kube-service-resources__input {
  display: inline-block;
  width: 100px;
  float: left;
}

.edit-kube-service-resources__unit {
  margin-left: 5px;
  line-height: 30px;
}

.edit-kube-service-resources__select-unit .cf-registry-selector {
  max-width: 60px;
  min-width: 60px;
  margin-left: -1px;
  float: left;
}

.kube-create-namespace__body .install-helm-chart-modal__window {
  display: none !important;
}

.kube-create-namespace__namespace {
  padding: 10px 0 20px 0;
}

.kube-create-namespace__cluster .cf-registry-selector {
  max-width: 100%;
}

.kube-secret-selector__wrapper {
  min-height: 200px;
}

.kube-secret-selector__config-type {
  margin-bottom: 10px;
}

.kube-secret-selector__config-type .cf-registry-selector {
  max-width: 100%;
}

.kube-secret-selector__secret-name {
  font-weight: bold;
  font-size: 18px;
}

.kube-secret-selector__secret-key {
  font-style: italic;
  margin-top: 5px;
}

.kube-secret-selector__secret-key input {
  margin-right: 5px;
}

.kube-secret-selector__scroll-list {
  max-height: 300px;
  overflow-y: scroll;
  margin-bottom: 20px;
  border-bottom: 1px solid #DADADA;
  padding: 0;
}

.kube-secret-selector__scroll-list ul {
  padding: 0;
  margin: 0;
}

.kube-secret-selector__scroll-list ul li {
  cursor: pointer;
  position: relative;
}

.kube-secret-selector__scroll-list ul li i {
  position: absolute;
  right: 10px;
  top: 13px;
}

.kube-secret-selector__scroll-list ul .list-group-item:last-child {
  border-radius: 0;
  border-bottom: none;
}

.kube-secret-selector__scroll-list ul .list-group-item:first-child {
  border-top: none;
  border-radius: 0;
}

.create-registry-pull-secret__selector {
  margin-bottom: 20px;
}

.create-registry-pull-secret__selector .cf-registry-selector {
  max-width: 100%;
}

.kube-service-status__message {
  margin-top: 5px !important;
}

.kube-service-status__item-name {
  display: inline-block;
}

.kube-service-status__icon {
  display: inline-block;
  margin-right: 10px;
}

.kube-namespace-container .namespace-row {
  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;
  border-right: 5px solid #0F9C8D;
  padding: 0;
  margin: 0;
  background-color: #fff;
  height: 55px;
  cursor: pointer;
  width: 100%;
}

.kube-namespace-container .namespace-row__column-title {
  font-size: 10px;
  color: #888;
  font-weight: normal;
}

.kube-namespace-container .namespace-row__column-title--namespace {
  padding-left: 30px;
}

.kube-namespace-container .namespace-row__wrapper {
  border: 1px solid #ebedef;
  margin-bottom: 5px;
}

.kube-namespace-container .namespace-row--warning {
  border-right-color: #ccc;
}

.kube-namespace-container .namespace-row__settings-btn {
  margin-left: 5px;
}

.kube-namespace-container .namespace-row__add-map-btn {
  padding: 0 8px;
  margin-left: 5px;
}

.kube-namespace-container .namespace-row .only-on-hover {
  display: none;
}

.kube-namespace-container .namespace-row:hover .only-on-hover {
  display: inherit;
}

.kube-namespace-container .namespace-row .namespace-info {
  cursor: pointer;
  padding: 14px 10px;
  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;
}

.kube-namespace-container .namespace-row .namespace-info .namespace-name {
  width: 300px;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.kube-namespace-container .namespace-row .namespace-info .namespace-name .arrow-container {
  width: 26px;
  display: inline-block;
  text-align: center;
}

.kube-namespace-container .namespace-row .namespace-info .cluster-name {
  width: 220px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kube-namespace-container .namespace-row .namespace-info .services-amount {
  font-weight: bold;
  padding-right: 20px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kube-namespace-container .namespace-row .namespace-actions {
  padding: 10px;
}

.kube-namespace-container .namespace-row .namespace-actions i {
  margin-right: 10px;
}

.kube-namespace-container .namespace-row .namespace-actions__dropdown {
  right: 20px;
  left: auto;
  top: 40px;
}

.kube-namespace-container .namespace-row .namespace-actions__dropdown li {
  padding: 5px 10px;
  cursor: pointer;
}

.kube-namespace-container .namespace-row .namespace-actions__dropdown li:hover {
  background-color: #0F9C8D;
  color: #fff;
}

.kube-namespace-container .namespace-services-list {
  margin: 5px 0 5px 20px;
  border: 1px solid #ebedef;
}

.kube-namespace-container .namespace-services-list thead tr {
  background-color: #ebf5f3;
}

.kube-namespace-container .namespace-services-list thead tr th {
  height: 40px;
}

.kube-namespace-container .namespace-services-list tr {
  cursor: default;
}

.kube-namespace-container .namespace-services-list tr .only-on-hover {
  display: none;
}

.kube-namespace-container .namespace-services-list tr:hover .only-on-hover {
  display: inline;
}

.kube-namespace-container .namespace-services-list tr.deleted {
  background-color: #F5932A;
  opacity: 0.4;
}

.kube-namespace-container .namespace-services-list tr .kube-service-name {
  width: 20%;
  min-width: 190px;
}

.kube-namespace-container .namespace-services-list tr .kube-service-images {
  min-width: 200px;
  max-width: 200px;
  padding: 10px 0 10px 10px;
  word-wrap: break-word;
}

.kube-namespace-container .namespace-services-list tr .kube-service-replicas {
  position: relative;
  min-width: 120px;
  white-space: nowrap;
}

.kube-namespace-container .namespace-services-list tr .kube-service-replicas .edit-btn {
  position: relative;
  top: auto;
  left: auto;
}

.kube-namespace-container .namespace-services-list tr .kube-service-replicas .cf-number-input {
  display: inline-block;
  width: 70px;
}

.kube-namespace-container .namespace-services-list tr .kube-service-endpoints {
  width: 150px;
}

.kube-namespace-container .namespace-services-list tr .kube-service-status {
  width: 48px;
  text-align: center;
}

.kube-namespace-container .namespace-services-list tr .kube-service-status > * {
  display: inline-block;
  cursor: pointer;
}

.kube-namespace-container .namespace-services-list tr .kube-service-actions {
  min-width: 90px;
  max-width: 90px;
  white-space: nowrap;
}

.kube-namespace-container .namespace-services-list tr .kube-service-actions i {
  padding: 5px;
  cursor: pointer;
}

.kube-namespace-container .namespace-services-list tr .kube-service-actions i:hover {
  color: #0F9C8D;
}

.kube-namespace-container .ng-table-pager {
  display: none;
}

.kube-create-config-map__body .kube-config-maps-list__window {
  display: none !important;
}

.kube-create-config-map__wrapper {
  min-height: 300px;
}

.kube-create-config-map__cluster {
  float: left;
  width: 49%;
}

.kube-create-config-map__namespace {
  float: right;
  width: 49%;
}

.kube-create-config-map__clear {
  clear: both;
  margin-bottom: 10px;
}

.kube-create-config-map__maps-list {
  max-height: 300px;
  overflow: scroll;
  border-top: 1px solid  #ddd;
  border-bottom: 1px solid  #ddd;
}

.kube-create-config-map__maps-list li {
  position: relative;
  border-radius: 0 !important;
}

.kube-create-config-map__maps-list li:first-child {
  border-top: none;
}

.kube-create-config-map__maps-list li:last-child {
  border-bottom: none;
}

.kube-create-config-map__maps-list input {
  position: absolute;
  right: 15px;
  top: 10px;
  padding: 2px 5px;
  font-size: 12px;
}

.kube-create-config-map__data {
  margin-top: 15px;
  margin-bottom: 15px;
}

.kube-create-config-map__data div[ng-repeat] input.ng-invalid {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.kube-create-config-map__data .environment-variable-add-buttons {
  padding-top: 0;
}

.kube-create-config-map__data .environment-variable-add-buttons__add-var {
  padding-top: 10px;
}

.kube-config-maps-list__delete-wrapper {
  display: inline-block;
}

.kube-config-maps-list__delete-confirmation {
  padding: 10px 10px 0 10px;
  font-weight: bold;
}

.kube-config-maps-list__delete-confirmation ul, .kube-config-maps-list__delete-confirmation li {
  padding: 0;
  list-style: none;
  font-weight: normal;
}

.kube-config-maps-list__delete-confirmation ul {
  margin: 5px -10px 0 -10px;
}

.kube-config-maps-list__delete-confirmation li {
  cursor: pointer;
  padding: 2px 10px;
  margin: 0;
}

.kube-config-maps-list__delete-confirmation li:hover {
  background-color: #0F9C8D;
  color: #fff;
}

.kube-config-maps-list__create {
  position: relative;
}

.kube-config-maps-list__create button {
  position: absolute;
  top: 0;
  right: 0;
}

.kube-config-maps-list__wrapper {
  min-height: 300px;
  margin-bottom: 30px;
}

.kube-config-maps-list__wrapper .ng-table-pager {
  display: none;
}

.kube-config-maps-list__wrapper .only-on-hover {
  visibility: hidden;
}

.kube-config-maps-list__wrapper tr:hover .only-on-hover {
  visibility: visible;
}

.kube-service-pods {
  min-height: 250px;
}

.kube-service-pods .kube-service-pods__table {
  margin-bottom: 20px;
}

.kube-service-pods .kube-service-pods__labels {
  padding: 10px;
  width: 300px;
}

.kube-service-pods .kube-service-pods__image-link {
  color: #0F9C8D;
  cursor: pointer;
}

.kube-service-pods__in-progress i {
  color: #000;
}

.kube-service-pods__images {
  padding: 3px 0;
}

.kube-node-info__wrapper {
  padding: 0 0 15px 0;
}

.kube-cluster-services--hide-empty .kube-namespace-services--empty {
  display: none;
}

.helm-cluster-release {
  -webkit-transition: opacity 1100ms;
  transition: opacity 1100ms;
  margin-bottom: 10px;
}

.helm-cluster-release.deleted {
  opacity: 0;
}

.helm-cluster-release .release-status-border {
  border: 1px solid #ebedef;
  -webkit-box-shadow: inset 5px 0 0 0 #ebedef;
          box-shadow: inset 5px 0 0 0 #ebedef;
}

.helm-cluster-release .release-status-border.success {
  -webkit-box-shadow: inset 5px 0 0 0 #0F9C8D;
          box-shadow: inset 5px 0 0 0 #0F9C8D;
}

.helm-cluster-release .release-status-border.pending {
  -webkit-box-shadow: inset 5px 0 0 0 #ccc;
          box-shadow: inset 5px 0 0 0 #ccc;
}

.helm-cluster-release .release-status-border.failed {
  -webkit-box-shadow: inset 5px 0 0 0 #eb5848;
          box-shadow: inset 5px 0 0 0 #eb5848;
}

.helm-cluster-release .release-content-wrapper {
  background-color: #fff;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.helm-cluster-release .release-content-wrapper__error {
  color: #eb5848;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.helm-cluster-release .release-content-wrapper ul, .helm-cluster-release .release-content-wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.helm-cluster-release .release-content-wrapper__actions {
  width: 200px;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.helm-cluster-release .release-content-wrapper__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.helm-cluster-release .release-content-wrapper__hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.helm-cluster-release .release-content-wrapper__image {
  width: 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.helm-cluster-release .release-content-wrapper__columns {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.helm-cluster-release .release-content-wrapper .release-content, .helm-cluster-release .release-content-wrapper .release-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.helm-cluster-release .release-content-wrapper .release-icon {
  border-radius: 50%;
  max-width: 70px;
}

.helm-cluster-release .release-content-wrapper .release-content.pointer {
  cursor: pointer;
}

.helm-cluster-release .release-content-wrapper .release-content > .toggler {
  min-width: 25px;
}

.helm-cluster-release .release-content-wrapper .release-content > .toggler.disabled {
  color: #b4bece;
}

.helm-cluster-release .release-content-wrapper .release-content > .release-info {
  width: 30%;
  min-width: 30%;
  padding-right: 10px;
}

.helm-cluster-release .release-content-wrapper .release-content > .release-info .release-name {
  padding: 0 0 10px 0;
  margin: 0;
}

.helm-cluster-release .release-content-wrapper .release-content > .release-info .release-name a {
  color: #0F9C8D;
}

.helm-cluster-release .release-content-wrapper .release-content > .release-info h4 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.helm-cluster-release .release-content-wrapper .release-content > .release-info .description {
  font-size: 14px;
  line-height: 16px;
}

.helm-cluster-release .release-content-wrapper .release-content > .column .column-label {
  display: block;
  font-size: 12px;
  padding: 0 10px;
}

.helm-cluster-release .release-content-wrapper .release-content > .column .column-label--pl0 {
  padding-left: 0;
}

.helm-cluster-release .release-content-wrapper .release-content > .column .value {
  color: #000;
  padding: 0 10px;
}

.helm-cluster-release .release-content-wrapper .release-content > .column .value--pl0 {
  padding-left: 0;
}

.helm-cluster-release .release-content-wrapper .release-content > .cluster {
  width: 20%;
  min-width: 20%;
}

.helm-cluster-release .release-content-wrapper .release-content > .version {
  width: 10%;
}

.helm-cluster-release .release-content-wrapper .release-content > .date {
  width: 15%;
}

.helm-cluster-release .release-content-wrapper .release-content > .chart {
  width: 15%;
}

.helm-cluster-release .release-content-wrapper .release-content .release-status {
  padding: 5px 15px;
  border-radius: 20px;
  background-color: #DADADA;
  color: #fff;
  font-size: 12px;
}

.helm-cluster-release .release-content-wrapper .release-content .release-status.deployed {
  background-color: #0F9C8D;
}

.helm-cluster-release .release-content-wrapper .release-content .release-status.failed {
  background-color: #eb5848;
}

.helm-cluster-release .release-content-wrapper .release-content .release-status.small {
  margin-left: 10px;
  padding: 5px 10px;
}

.helm-cluster-release .release-content-wrapper .release-actions {
  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;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.helm-cluster-release .release-content-wrapper .release-actions .source {
  display: block;
  white-space: nowrap;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group .cdf-button, .helm-cluster-release .release-content-wrapper .release-actions .actions-group .filters-bar .add-filter-value, .filters-bar .helm-cluster-release .release-content-wrapper .release-actions .actions-group .add-filter-value, .helm-cluster-release .release-content-wrapper .release-actions .actions-group .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .helm-cluster-release .release-content-wrapper .release-actions .actions-group .submit-selection__button {
  border: none;
  text-decoration: none;
  vertical-align: middle;
  font-size: 12px;
  color: #888;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group .cdf-button span:hover, .helm-cluster-release .release-content-wrapper .release-actions .actions-group .filters-bar .add-filter-value span:hover, .filters-bar .helm-cluster-release .release-content-wrapper .release-actions .actions-group .add-filter-value span:hover, .helm-cluster-release .release-content-wrapper .release-actions .actions-group .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button span:hover, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .helm-cluster-release .release-content-wrapper .release-actions .actions-group .submit-selection__button span:hover {
  text-decoration: underline;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group a {
  text-decoration: none;
  font-size: 12px;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group a:hover {
  text-decoration: none;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group > * {
  display: inline-block;
  height: 19px;
  line-height: 19px;
  font-size: 12px;
  margin-left: 10px;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group > * i {
  vertical-align: middle;
  padding-right: 3px;
}

.helm-cluster-release .release-content-wrapper .release-actions .actions-group > * span {
  vertical-align: middle;
}

.helm-cluster-release .history-items-wrapper .history-items-list {
  border-left: 1px solid #ebedef;
  margin-top: -10px;
  margin-left: 45px;
  padding-left: 25px;
  margin-bottom: 35px;
}

.helm-cluster-release .history-items-wrapper .history-items-list li {
  background-color: #fff;
  border: 1px solid #ebedef;
  margin-top: 10px;
  position: relative;
  bottom: -20px;
  list-style: none;
}

.helm-releases-list {
  padding: 0 40px 40px 40px;
}

.helm-releases-list__title {
  line-height: 28px;
}

.helm-releases-list .cluster-header {
  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;
}

.helm-releases-list .cluster-header .box-time {
  margin-top: 10px;
}

.helm-charts-list .doc {
  margin-bottom: 20px;
}

.helm-charts-list .repository-name {
  text-transform: capitalize;
  cursor: pointer;
}

.helm-charts-list .repository-name__arrow {
  display: inline-block;
  width: 20px;
  font-size: 14px;
  color: #5E5E5E;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.helm-charts-list .repository-name__arrow.fa-chevron-right {
  padding-left: 2px;
}

.helm-charts-list .repository-name__provider {
  color: #0F9C8D;
  font-size: 12px;
  vertical-align: top;
  margin-left: 6px;
  margin-top: 8px;
  display: inline-block;
}

.helm-charts-list .repository-name__documentation {
  font-size: 12px;
  vertical-align: top;
  margin-left: 6px;
  margin-top: 8px;
  display: inline-block;
}

.helm-charts-list__all-apps {
  margin-top: 20px;
}

.helm-charts-list .cf-grid-view {
  margin: 0 20px;
}

.helm-charts-list .cf-grid-view h3 {
  margin: 10px 5px;
}

helm-chart-row {
  overflow: hidden;
}

helm-chart-row .helm-chart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 5px;
  background-color: #fff;
  cursor: pointer;
  padding: 10px 15px;
  position: relative;
  border: 1px solid #ebedef;
}

helm-chart-row .helm-chart-content .column.version {
  width: 10%;
}

helm-chart-row .helm-chart-content .column.date {
  width: 15%;
}

helm-chart-row .helm-chart-content .column.deploy {
  position: absolute;
  top: 25px;
  right: 51px;
  color: #4C4C4C;
  font-size: 12px;
  font-weight: bold;
}

helm-chart-row .helm-chart-content .column.deploy i {
  margin-right: 5px;
  font-size: 18px;
}

helm-chart-row .helm-chart-content .column.deploy:hover {
  text-decoration: underline;
  cursor: pointer;
}

helm-chart-row .helm-chart-content .column .column-label {
  display: block;
  font-size: 12px;
  padding: 0 10px;
}

helm-chart-row .helm-chart-content .column .value {
  color: #000;
  padding: 0 10px;
}

helm-chart-row .helm-chart-content .column-name {
  width: 50%;
}

helm-chart-row .helm-chart-content .column-name .icon {
  float: left;
  margin-right: 25px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

helm-chart-row .helm-chart-content .column-name .chart-name {
  padding: 0 0 10px 0;
  margin: 17px 0 0 0;
  font-weight: bold;
  font-size: 17px;
  color: #4C4C4C;
}

helm-chart-row .helm-chart-content .column-name .chart-name a {
  color: #0F9C8D;
}

.helm-chart-details {
  padding: 20px;
}

.helm-chart-details .chart-icon {
  float: left;
  margin: 0 10px 10px 0;
  vertical-align: middle;
  line-height: 100px;
  border: 2px solid #ebf5f3;
  border-radius: 5px;
  padding: 5px;
  width: 150px;
  height: 100px;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}

.helm-chart-details markdown h1 {
  margin-top: 0;
}

.helm-chart-details markdown p, .helm-chart-details markdown h2, .helm-chart-details markdown ul {
  clear: both;
}

.helm-chart-details markdown ul {
  padding-left: 20px;
}

.helm-chart-details markdown table {
  margin-bottom: 10px;
}

.helm-chart-details markdown table thead th {
  padding-left: 10px;
}

.helm-chart-details markdown table tbody tr {
  cursor: initial;
}

.helm-chart-details markdown pre {
  background-color: #fff;
}

.helm-chart-details .chart-metadata {
  -webkit-box-shadow: -2px 0px 0px 0px #ebf5f3;
          box-shadow: -2px 0px 0px 0px #ebf5f3;
}

.helm-chart-details .chart-metadata .deploy-btn i {
  padding-right: 10px;
}

.helm-chart-details .chart-metadata h3 {
  margin-top: 20px;
  color: #BEBEBE;
}

.helm-chart-details .chart-metadata p, .helm-chart-details .chart-metadata li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.helm-chart-details .chart-metadata ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.helm-repository .details {
  padding-top: 15px;
  display: block;
}

.helm-repository .details .sources-title {
  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;
}

.helm-repository .details .loader-container {
  position: relative;
  min-height: 130px;
}

.helm-diff-item__caret.fa-chevron-down {
  position: relative;
  left: -2px;
}

.helm-diff-item {
  border-top: 1px solid #ededed;
}

.helm-diff-item__copy {
  position: relative;
  z-index: 100;
}

.helm-diff-item__copy button {
  position: absolute;
  top: 3px;
  right: 0;
  padding: 2px 10px;
  font-weight: bold;
}

.helm-diff-item.changed {
  background-color: #ebf5f3;
}

.helm-diff-item .diff-toggler {
  font-size: 10px;
  margin-right: 2px;
  display: inline-block;
  width: 10px;
}

.helm-diff-item .diff-title {
  padding: 10px 25px;
  cursor: pointer;
}

.helm-diff-item .diff-title.changed {
  background-color: #ebf5f3;
}

.helm-diff-item .diff-title:hover {
  background-color: #eee;
}

.helm-diff-item .diff-code {
  border-radius: 0;
  margin-bottom: 0;
  border: none;
  background-color: #fff;
  border-top: 1px solid #ededed;
  padding-left: 0;
  padding-right: 0;
}

.helm-diff-item .diff-code .match, .helm-diff-item .diff-code .textdiff span {
  color: gray;
  padding-left: 20px;
  padding-right: 20px;
}

.helm-diff-item .diff-code .ins, .helm-diff-item .diff-code ins {
  color: black;
  background: #bbffbb;
  padding-left: 20px;
  padding-right: 20px;
}

.helm-diff-item .diff-code .del, .helm-diff-item .diff-code del {
  color: black;
  background: #ffbbbb;
  padding-left: 20px;
  padding-right: 20px;
}

.helm-diff-item .diff-code .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.helm-diff-item .diff-changed {
  padding: 5px 10px;
  border-radius: 20px;
  margin-left: 10px;
  color: #fff;
  font-size: 10px;
  background-color: #eb5848;
}

helm-history-item .helm-history-item:before {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ccc;
  position: absolute;
  left: -31px;
  border-radius: 10px;
  top: 21px;
}

helm-history-item .helm-history-item > .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 15px 25px;
  cursor: pointer;
}

helm-history-item .helm-history-item > .content-wrapper:hover .history-item-actions {
  visibility: visible;
}

helm-history-item .helm-history-item > .content-wrapper .history-item-actions {
  width: 10%;
  min-width: 68px;
  text-align: right;
  position: relative;
}

helm-history-item .helm-history-item > .content-wrapper .history-item-actions .tooltip-inner {
  white-space: nowrap;
}

helm-history-item .helm-history-item > .content-wrapper .history-name {
  width: calc(50% - 5px);
}

helm-history-item .helm-history-item > .content-wrapper .history-status {
  text-align: center;
  width: 25%;
  min-width: 25%;
}

helm-history-item .helm-history-item > .content-wrapper .history-time {
  white-space: nowrap;
}

helm-history-item .helm-history-item > .content-wrapper .toggler {
  font-size: 12px;
  display: inline-block;
  width: 12px;
}

helm-history-item .helm-history-item > .content-wrapper .toggler.fa-chevron-down, helm-history-item .helm-history-item > .content-wrapper .toggler.fa-circle-o-notch {
  position: relative;
  left: -2px;
}

helm-history-item .helm-history-item .history-loading {
  padding: 0 25px 10px;
  margin-top: -10px;
}

helm-history-item .history-warning {
  margin: 0 10px 10px 20px;
}

.referrals-message-composer__textarea {
  width: 100%;
  height: 180px;
  margin-bottom: 15px;
  border-color: #DADADA;
  padding: 10px;
  color: #4c4c4c;
}

.edit-context .edit-context-header {
  border: 1px solid #ebedef;
  background: #fff;
  margin: 5px 0;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 0 15px;
  font-size: 18px;
  cursor: pointer;
}

.edit-context .edit-context-header:before {
  content: '';
  background: #0F9C8D;
  position: absolute;
  right: 0;
  width: 5px;
  height: 100%;
}

.edit-context .edit-context-header .edit-context-header-caret {
  width: 14px;
  font-weight: bold;
}

.edit-context .edit-context-header .edit-context-header-name {
  font-weight: bold;
  width: 200px;
}

.edit-context .edit-context-header .edit-context-header-count {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.edit-context .edit-context-header .tag-label, .edit-context .edit-context-header .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .edit-context .edit-context-header .box-label {
  margin: 0 15px;
}

.edit-context .edit-context-details {
  background: #fff;
  border: 1px solid #ebedef;
  margin-left: 20px;
  padding: 15px;
}

.edit-context .edit-context-details .edit-context-details-buttons {
  text-align: right;
}

.new-context {
  border: 1px solid #ebedef;
  background: #fff;
  margin: 5px 0;
  height: 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px 0 15px;
  font-size: 18px;
}

.new-context:before {
  content: '';
  background: #0F9C8D;
  position: absolute;
  right: 0;
  width: 5px;
  height: 100%;
}

.new-context > form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.new-context > form .context-name-input {
  width: 20%;
  margin-right: 10px;
}

.new-context .new-context-delete {
  cursor: pointer;
}

.context-variables .context-header {
  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;
}

.context-variables .context-header h4 {
  font-weight: bold;
}

.select-context-modal select-entity li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.questionnaire-modal .preview-header {
  position: relative;
}

.questionnaire-modal .preview-header .preview-header__text {
  color: #000000;
}

.questionnaire-modal .preview-header .cdf-dialog__close-btn {
  position: absolute;
}

@media (min-width: 992px) {
  .questionnaire-modal .modal-questionnaire-lg {
    width: 750px;
  }
}

.questionnaire-modal-header, .questionnaire-modal-body {
  padding: 20px;
}

.questionnaire-modal-header {
  padding-bottom: 0;
}

.questionnaire-modal-body {
  max-height: 700px;
  overflow-y: auto;
  padding-top: 0;
}

.questionnaire-modal radio-input .radio-input.rectangle-options {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.questionnaire-modal radio-input .radio-input.rectangle-options label {
  height: auto;
  min-height: 40px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-questionnaire-modal h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: middle;
  margin: 0;
  font-weight: normal;
  font-size: 20px;
}

.user-questionnaire-modal h2 .image-container {
  vertical-align: middle;
  border-radius: 100%;
  border: 1px solid #DADADA;
  padding-top: 6px;
  padding-left: 3px;
  margin-right: 10px;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.user-questionnaire-modal h2 .image-container img {
  width: 45px;
  height: 45px;
}

.user-questionnaire-modal .question-container {
  padding: 20px 0;
}

.user-questionnaire-modal .question-container h3 {
  margin: 0;
  font-size: 18px;
}

.user-questionnaire-modal .question-container .question-options {
  padding: 0 15px;
  margin-top: 10px;
}

.user-questionnaire-modal .submit-container {
  text-align: center;
  padding-bottom: 20px;
}

.user-questionnaire-modal .submit-container button {
  padding: 10px 45px;
}

.user-questionnaire-modal .optional {
  color: #BEBEBE;
  font-size: 80%;
  font-style: italic;
}

.user-questionnaire-modal input::-webkit-input-placeholder {
  color: #BEBEBE;
}

.user-questionnaire-modal input::-ms-input-placeholder {
  color: #BEBEBE;
}

.user-questionnaire-modal input::placeholder {
  color: #BEBEBE;
}

radio-input .radio-input label {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
  cursor: pointer;
}

radio-input .radio-input label span {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
}

radio-input .radio-input label input {
  position: relative;
}

radio-input .radio-input.circle-options {
  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;
}

radio-input .radio-input.circle-options label input {
  margin: 12px;
  cursor: pointer;
}

radio-input .radio-input.circle-options label input:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: -5px;
  left: -5px;
  margin: auto;
  -webkit-transition: background 0.25s linear;
  transition: background 0.25s linear;
  z-index: 1;
  background-color: #fff;
}

radio-input .radio-input.circle-options label input:after {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 30px;
  width: 30px;
  top: -10px;
  left: -10px;
  margin: auto;
  -webkit-transition: border 0.25s linear;
  transition: border 0.25s linear;
  z-index: 2;
  border: 1px solid #DADADA;
}

radio-input .radio-input.circle-options label input:hover:after {
  border-width: 2px;
}

radio-input .radio-input.circle-options label input:checked:before {
  background-color: #0F9C8D;
}

radio-input .radio-input.square-options {
  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;
}

radio-input .radio-input.square-options label {
  height: 110px;
  border: 1px solid #DADADA;
  -webkit-transition: border-coor, -webkit-box-shadow 0.25s linear;
  transition: border-coor, -webkit-box-shadow 0.25s linear;
  transition: border-coor, box-shadow 0.25s linear;
  transition: border-coor, box-shadow 0.25s linear, -webkit-box-shadow 0.25s linear;
  margin-right: 8px;
  padding: 7px 5px 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

radio-input .radio-input.square-options label.checked {
  border-color: #0F9C8D;
  -webkit-box-shadow: 0 0 0 1px #0F9C8D;
          box-shadow: 0 0 0 1px #0F9C8D;
}

radio-input .radio-input.square-options label span.radio-option-input-container {
  position: relative;
}

radio-input .radio-input.square-options label span.radio-option-input-container:after {
  display: block;
  position: absolute;
  content: '';
  height: 70px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

radio-input .radio-input.square-options label span.radio-option-input-container.kubernetes:after {
  background: url("/modules/cf.resources/images/kubernetes.jpg") center center/auto 90% no-repeat;
}

radio-input .radio-input.square-options label span.radio-option-input-container.docker-swarm:after {
  background: url("/modules/cf.resources/images/swarm.png") center center/auto 90% no-repeat;
}

radio-input .radio-input.square-options label span.radio-option-input-container.ecs:after {
  background: url("/modules/cf.resources/images/ecs.png") center center/auto 90% no-repeat;
}

radio-input .radio-input.square-options label span input {
  visibility: hidden;
}

radio-input .radio-input.square-options label span:last-child {
  margin-top: auto;
}

radio-input .radio-input.rectangle-options {
  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;
}

radio-input .radio-input.rectangle-options label {
  height: 40px;
  border: 1px solid #DADADA;
  -webkit-transition: border-coor, -webkit-box-shadow 0.25s linear;
  transition: border-coor, -webkit-box-shadow 0.25s linear;
  transition: border-coor, box-shadow 0.25s linear;
  transition: border-coor, box-shadow 0.25s linear, -webkit-box-shadow 0.25s linear;
  margin-right: 8px;
  padding: 7px 5px 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

radio-input .radio-input.rectangle-options label.checked {
  border-color: #0F9C8D;
  -webkit-box-shadow: 0 0 0 1px #0F9C8D;
          box-shadow: 0 0 0 1px #0F9C8D;
}

radio-input .radio-input.rectangle-options label .radio-option-input-container {
  visibility: hidden;
  height: 0;
}

radio-input .radio-input.rectangle-options label .input-text-label {
  line-height: 27px;
}

radio-input.wider .radio-input label {
  width: 32%;
}

.multi-checkbox-input label {
  width: calc(50% - 4px);
  padding: 10px 2px 10px 10px;
  border: 1px solid #DADADA;
  -webkit-transition: border-color, -webkit-box-shadow 0.25s linear;
  transition: border-color, -webkit-box-shadow 0.25s linear;
  transition: border-color, box-shadow 0.25s linear;
  transition: border-color, box-shadow 0.25s linear, -webkit-box-shadow 0.25s linear;
  cursor: pointer;
}

.multi-checkbox-input label:nth-child(2n) {
  margin-left: 7px;
}

.multi-checkbox-input label.checked {
  border-color: #0F9C8D;
  -webkit-box-shadow: 0 0 0 1px #0F9C8D;
          box-shadow: 0 0 0 1px #0F9C8D;
}

.multi-checkbox-input label span {
  text-transform: uppercase;
  font-weight: normal;
  vertical-align: middle;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.chart-bar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 35px;
}

.chart-bar__wrap_empty {
  height: 20px;
}

.chart-bar__wrap_empty .chart-bar__item-wrap {
  background-color: #f7f7f7;
}

.chart-bar__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
  margin-right: 2px;
  width: 10px;
  position: relative;
  -webkit-transition: -webkit-transform 100ms ease-in;
  transition: -webkit-transform 100ms ease-in;
  transition: transform 100ms ease-in;
  transition: transform 100ms ease-in, -webkit-transform 100ms ease-in;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  cursor: pointer;
}

.chart-bar__item-wrap .chart-bar__time {
  position: absolute;
  bottom: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 100ms linear, opacity, bottom 100ms linear;
  transition: visibility 100ms linear, opacity, bottom 100ms linear;
  background-color: #25C9B8;
  padding: 3px 4px;
  font-size: 9px;
  color: #fff;
}

.chart-bar__item-wrap .chart-bar__time:after {
  content: '';
  position: absolute;
  top: 100%;
  margin: auto;
  right: 0;
  width: 3px;
  left: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #25C9B8 transparent transparent transparent;
}

.chart-bar__item-wrap:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.chart-bar__item-wrap:hover .chart-bar__item {
  background-color: #15e4ce;
}

.chart-bar__item-wrap:hover .chart-bar__time {
  opacity: 1;
  bottom: 100%;
  visibility: visible;
}

.chart-bar__item-wrap_fail .chart-bar__item {
  background-color: #eb5848;
}

.chart-bar__item-wrap_fail .chart-bar__time {
  background-color: #FF6C5C;
}

.chart-bar__item-wrap_fail .chart-bar__time:after {
  border-color: #FF6C5C transparent transparent transparent;
}

.chart-bar__item-wrap_fail:hover .chart-bar__item {
  background-color: #FF6C5C;
}

.chart-bar__item-wrap_disabled {
  height: 20px;
  background-color: #f7f7f7;
}

.chart-bar__item-wrap_disabled .chart-bar__item-wrap {
  cursor: default;
}

.chart-bar__item-wrap_disabled .chart-bar__item {
  min-height: 0;
}

.chart-bar__item-wrap_disabled:hover {
  cursor: default;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.chart-bar__item-wrap_disabled:hover .chart-bar__time {
  opacity: 0;
  visibility: hidden;
}

.chart-bar__item-wrap_disabled:hover .chart-bar__item {
  background-color: #DFE1E6;
}

.chart-bar__item {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #11b5a4;
  -webkit-transition: background-color 25ms ease-in;
  transition: background-color 25ms ease-in;
  min-height: 1px;
}

.chart-bar__time {
  background-color: #fff;
  max-width: 80px;
  padding: 1px 2px;
  border-radius: 3px;
  font-size: 8px;
  line-height: 8px;
  margin-bottom: 5px;
}

.bar-animate {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.chart-bar__wrap.bottom-position .chart-bar__item-wrap .chart-bar__time {
  top: 80%;
  -webkit-transition: visibility 100ms linear, opacity, top 100ms linear;
  transition: visibility 100ms linear, opacity, top 100ms linear;
  margin-top: 5px;
  height: 15px;
}

.chart-bar__wrap.bottom-position .chart-bar__item-wrap .chart-bar__time:after {
  top: auto;
  bottom: 100%;
  margin: auto;
  border: solid transparent;
  border-color: transparent transparent #25C9B8 transparent;
}

.chart-bar__wrap.bottom-position .chart-bar__item-wrap:hover .chart-bar__time {
  top: 100%;
}

.chart-bar__wrap.bottom-position .chart-bar__item-wrap_fail .chart-bar__item {
  background-color: #eb5848;
}

.chart-bar__wrap.bottom-position .chart-bar__item-wrap_fail .chart-bar__time:after {
  border-color: transparent transparent #FF6C5C transparent;
}

.bar-animate-0 {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}

.bar-animate-1 {
  -webkit-animation-delay: 25ms;
          animation-delay: 25ms;
}

.bar-animate-2 {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
}

.bar-animate-3 {
  -webkit-animation-delay: 75ms;
          animation-delay: 75ms;
}

.bar-animate-4 {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.bar-animate-5 {
  -webkit-animation-delay: 125ms;
          animation-delay: 125ms;
}

.bar-animate-6 {
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}

.bar-animate-7 {
  -webkit-animation-delay: 175ms;
          animation-delay: 175ms;
}

.bar-animate-8 {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.bar-animate-9 {
  -webkit-animation-delay: 225ms;
          animation-delay: 225ms;
}

.bar-animate-10 {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

.bar-animate-11 {
  -webkit-animation-delay: 275ms;
          animation-delay: 275ms;
}

.bar-animate-12 {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.bar-animate-13 {
  -webkit-animation-delay: 325ms;
          animation-delay: 325ms;
}

.bar-animate-14 {
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms;
}

@-webkit-keyframes draw {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transition: -webkit-transform 0.26s linear;
    transition: -webkit-transform 0.26s linear;
    transition: transform 0.26s linear;
    transition: transform 0.26s linear, -webkit-transform 0.26s linear;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes draw {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transition: -webkit-transform 0.26s linear;
    transition: -webkit-transform 0.26s linear;
    transition: transform 0.26s linear;
    transition: transform 0.26s linear, -webkit-transform 0.26s linear;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

.create-pipeline-modal__dropdown {
  width: 100%;
  padding: 12px 0 30px;
}

.create-pipeline-modal__dropdown .cf-registry-selector {
  max-width: initial;
}

.create-pipeline-modal__dropdown .cf-registry-selector.select-entity__focused .cf-registry-selector__selected {
  border: 1px solid #11b5a4;
}

.create-pipeline-modal__dropdown .cf-registry-selector.select-entity__focused .cf-registry-selector__list {
  border-top-color: #11b5a4;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cdf-input, .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-lato .cf-select-toggle, .cf-select-lato .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-toggle {
  border-color: #dbdbdb;
  height: 70px;
  padding: 25px;
  color: #4c4c4c;
  font-size: 16px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cdf-input .cf-registry-selector__arrow, .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-lato .cf-select-toggle .cf-registry-selector__arrow, .cf-select-lato .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-toggle .cf-registry-selector__arrow {
  right: 25px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list {
  top: 69px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item {
  padding: 12px 25px;
  color: #2f2f2f;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:hover, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:active, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item.active, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:focus {
  color: #fff;
  background-color: #11b5a4;
}

.simple-modal__modal-body .simple-modal__button .button-text-with-loader {
  position: relative;
}

.simple-modal__modal-body .simple-modal__button .button-text-with-loader .loader {
  display: none;
}

.simple-modal__modal-body .simple-modal__button .loader {
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -9px;
}

.create-pipeline-modal__input-wrapper {
  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;
  position: relative;
}

.select-entity__search-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  height: 100%;
  width: 100%;
}

.select-entity__search-input {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  padding: 25px;
}

.select-entity__search-input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.select-entity__search-input:focus {
  outline: none;
}

.select-entity__expand-area {
  height: 100%;
  width: 60px;
  cursor: pointer;
}

.cf-registry-selector__selected .cf-registry-selector__placeholder {
  color: #888;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.integration-row-new {
  background-color: #fff;
  margin: 10px 0;
}

.integration-row-new .heading-line {
  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;
}

.integration-row-new .heading-line.pointer {
  cursor: pointer;
}

.integration-row-new .heading-line .caret-container {
  padding-right: 10px;
  font-size: 21px;
}

.integration-row-new .heading-line .header {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.integration-row-new .heading-line .header h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #4c4c4c;
}

.integration-row-new .heading-line .actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #4c4c4c;
}

.integration-row-new .heading-line .actions i, .integration-row-new .heading-line .actions span {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  font-size: 18px;
}

.pipelines {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
}

.pipelines__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pipelines__aside {
  width: 372px;
}

.pipelines__container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: auto;
}

pipelines-new {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pipelines__wrap {
  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-x: auto;
  padding: 10px 15px 0 15px;
}

.pipelines__wrap pipelines-wizard-tabs {
  display: block;
}

.pipelines__wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.pipelines__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: calc(100% - 60px);
}

.pipelines__content > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.pipelines__content ui-view .repo-build-filters .filters-bar {
  padding: 10px 40px;
}

.pipelines__content ui-view .builds-list {
  margin-left: 10px;
  margin-right: 10px;
}

.white-box-with-shadow {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

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

.flex-columns > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
}

.cdf-button, .filters-bar .add-filter-value, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button {
  text-decoration: none;
  background-color: #11b5a4;
  color: #fff;
  padding: 10px 17px;
  border: 1px solid #11b5a4;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.cdf-button:hover, .filters-bar .add-filter-value:hover, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:hover {
  background-color: #1bbfae;
  border: 1px solid #1bbfae;
  text-decoration: none;
}

.cdf-button:active, .filters-bar .add-filter-value:active, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:active {
  background-color: #07ab9a;
  border: 1px solid #07ab9a;
}

.cdf-button[disabled], .filters-bar .add-filter-value[disabled], .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button[disabled] {
  background-color: #a8eee7;
  border: 1px solid #a8eee7;
}

.cdf-button-icon {
  font-size: 16px;
  margin-right: 5px;
}

.cdf-button--medium, .confirmation-dialog .confirmation-buttons:not(.all-buttons) button {
  width: 200px;
}

.cdf-button--long {
  width: 254px;
}

.cdf-button--longer {
  width: 118px;
}

.cdf-button--small {
  font-size: 12px;
  padding: 5px 17px;
}

.cdf-button--left-aligned {
  text-align: left;
}

.cdf-button--icon-only {
  width: 26px;
  padding: 0;
  line-height: 24px;
}

.cdf-button--plus-icon {
  width: 26px;
  padding: 0;
  line-height: 21px;
  height: 22px;
}

.cdf-button--rounded {
  border-radius: 100px;
}

.cdf-button--light {
  background-color: #fff;
  border: 1px solid #11b5a4;
  color: #11b5a4;
}

.cdf-button--light:hover, .cdf-button--light:focus {
  background-color: #fff;
  border: 1px solid #1bbfae;
  color: #1bbfae;
}

.cdf-button--light:active {
  background-color: #fff;
  border: 1px solid #07ab9a;
  color: #07ab9a;
}

.cdf-button--light[disabled] {
  background-color: #fff;
  border: 1px solid #a8eee7;
  color: #a8eee7;
}

.cdf-button--orange {
  color: #F5932A;
  border-color: #F5932A;
  background-color: transparent;
}

.cdf-button--orange:hover {
  background-color: #fff;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange:active, .cdf-button--orange:focus {
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange[disabled] {
  background-color: #fff;
  border: 1px solid #F5932A;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--danger {
  color: #eb5848;
  border-color: #eb5848;
  background-color: transparent;
}

.cdf-button--danger:hover, .cdf-button--danger:focus {
  background-color: #fff;
  color: #ff6c5c;
  border-color: #ff6c5c;
}

.cdf-button--danger:active {
  color: #fff;
  border-color: #eb5848;
  background-color: #eb5848;
}

.cdf-button--danger[disabled] {
  background-color: #fff;
  border: 1px solid #eb5848;
  color: #eb5848;
  border-color: #eb5848;
  opacity: 0.5;
}

.cdf-button--danger-confirm {
  background-color: #eb5848;
  border-color: #eb5848;
}

.cdf-button--danger-confirm:hover {
  background-color: #ff6c5c;
  border: 1px solid #ff6c5c;
  text-decoration: none;
}

.cdf-button--danger-confirm:active {
  background-color: #d74434;
  border: 1px solid #d74434;
}

.cdf-button--danger-confirm[disabled] {
  background-color: #eb5848;
  border: 1px solid #eb5848;
  opacity: 0.5;
}

.cdf-button--grey {
  color: #888;
  border-color: #888;
  background-color: transparent;
}

.cdf-button--grey:hover, .cdf-button--grey:focus {
  background-color: #fff;
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.cdf-button--grey:active {
  color: #fff;
  border-color: #888;
  background-color: #888;
}

.cdf-button--grey[disabled] {
  background-color: #fff;
  border: 1px solid #888;
  color: #888;
  border-color: #888;
  opacity: 0.5;
}

.cdf-button--success {
  color: #1abc9c;
  border-color: #1abc9c;
  background-color: transparent;
}

.cdf-button--success:hover {
  background-color: #fff;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success:active, .cdf-button--success:focus {
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success[disabled] {
  background-color: #fff;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--bold {
  font-weight: bold;
}

.cdf-button--dark {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark:active, .cdf-button--dark:focus {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1abc9c;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  opacity: 0.45;
}

.cdf-button--dark-2 {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark-2:hover {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark-2:active, .cdf-button--dark-2:focus {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #fff;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark-2[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  opacity: 0.45;
}

.cdf-button--text-only {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #4c4c4c;
}

.cdf-button--text-only:hover {
  background: none;
  border: none;
}

.cdf-button--text-only[disabled] {
  background-color: transparent;
  border: none;
  opacity: 0.5;
  text-decoration: none;
}

.cdf-button__icon {
  margin-right: 5px;
}

.cdf-button__arrow {
  position: relative;
  float: right;
  top: 4px;
}

.cdf-button--uppercase {
  text-transform: uppercase;
}

.cf-button {
  color: #fff;
  background-color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button:hover, .cf-button:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button-light:hover, .cf-button-light:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
  border-width: 1px;
}

.cf-button-light--think-border:hover, .cf-button-light--think-border:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light--think-border:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light--think-border[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light--think-border.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border .create-project__add-icon {
  display: none;
}

.buttons-bar {
  text-align: right;
  margin-top: 20px;
}

.buttons-bar i {
  vertical-align: middle;
}

.btn-group.btn-group-view-mode {
  border-radius: 7px;
  background: white;
  border: 1px solid #E5E5E5;
  padding: 4px;
}

.btn-group.btn-group-view-mode > .btn {
  border: none;
  border-radius: 4px;
  padding: 6px;
  font-size: 8px;
  color: #E5E5E5;
  background-color: transparent;
  margin-left: 8px;
}

.btn-group.btn-group-view-mode > .btn:first-child {
  margin-left: 0;
}

.btn-group.btn-group-view-mode > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn:last-child:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn > i {
  margin: 0;
}

.btn-group.btn-group-view-mode > .btn.active {
  background-color: #0b897c;
}

.btn-group.btn-group-view-mode > .btn.active > i {
  color: white;
}

.btn.btn-cdf {
  padding: 7px 11px;
  font-size: 12px;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.btn.btn-cdf.btn-rounded-2px {
  border-radius: 2px;
}

.btn.btn-cdf.btn-success {
  color: #fff;
  background-color: #11B5A4;
  border-color: #11B5A4;
}

.btn.btn-cdf.btn-success:hover {
  background-color: #0b897c;
  border-color: #0b897c;
  color: #fff;
}

.btn.btn-cdf.btn-success:active, .btn.btn-cdf.btn-success:focus {
  background-color: #26BC9D;
  border-color: #26BC9D;
  color: #fff;
}

.btn.btn-cdf.btn-success[disabled] {
  background-color: #b7e9e4;
  border-color: #b7e9e4;
  color: #fff;
}

.btn.btn-cdf.btn-danger {
  color: #fff;
  background-color: #eb5848;
  border-color: #eb5848;
}

.btn.btn-cdf.btn-danger:hover {
  background-color: #b92414;
  border-color: #b92414;
  color: #fff;
}

.btn.btn-cdf.btn-danger:active, .btn.btn-cdf.btn-danger:focus {
  background-color: #e62e1a;
  border-color: #e62e1a;
  color: #fff;
}

.btn.btn-cdf.btn-danger[disabled] {
  background-color: #f08276;
  border-color: #f08276;
  color: #fff;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.input-md-modern {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  height: 50px;
  padding: 6px 20px;
  border: 1px solid #dbdbdb;
  color: #2f2f2f;
  width: 100%;
}

.input-md-modern:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.input-md-modern[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.input-md-modern[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.input-md-modern.ng-invalid.ng-dirty, .input-md-modern.ng-invalid.validate-no-dirty {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.input-md-modern-regex.ng-valid {
  color: #F39C12;
}

.input-md-modern::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.input-md-modern, .input-md-modern:focus, .input-md-modern.ng-invalid.ng-dirty, .input-md-modern.validate-no-dirty {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-md-modern:focus {
  border-color: #11b5a4;
}

.controls__wrap {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #fff;
  padding: 0 10px;
  z-index: 2;
  margin: 0 15px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  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;
}

.controls__wrap > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media only screen and (max-width: 1200px) {
  .controls__wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.controls__wrap > * {
  margin-right: 10px;
}

.controls__wrap .cdf-button, .controls__wrap .filters-bar .add-filter-value, .filters-bar .controls__wrap .add-filter-value, .controls__wrap .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .controls__wrap .submit-selection__button {
  height: 40px;
  min-width: 99px;
  font-weight: bold;
}

.controls__left {
  margin-left: 10px;
}

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

.controls__right > * {
  margin-left: 10px;
}

.controls__right .runtime-run-button__component {
  min-width: 99px;
  height: 40px;
}

.controls__right .runtime-run-button__component .runtime-run-button__icon {
  display: none;
}

.controls__right .runtime-run-button__component .run-button {
  height: 100%;
}

.controls__right .runtime-run-button__component .run-button button.js-button-run {
  width: 100% !important;
  height: inherit;
  background-color: #fff;
  font-weight: bold;
  color: #11b5a4;
  border-color: #11b5a4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.controls__right .runtime-run-button__component .run-button button.js-button-run:hover, .controls__right .runtime-run-button__component .run-button button.js-button-run:focus {
  color: #1bbfae;
  border-color: #1bbfae;
}

.controls__right .runtime-run-button__component .run-button button.js-button-run:active {
  color: #07ab9a;
  border-color: #07ab9a;
}

.controls__right .runtime-run-button__component .run-button button.js-button-run[disabled] {
  color: #a8eee7;
  border-color: #a8eee7;
}

.pipelines-control-buttons__save,
.pipelines-control-buttons__next,
.pipelines-control-buttons__delete {
  font-size: 14px;
}

.pipelines-control-buttons__button--hidden {
  display: none;
}

.pipelines-control-buttons__button--shown {
  display: inline-block;
}

.pipeline-builds-statistic__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 82px;
  border: 1px solid #EDEDED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 20px 30px;
  background: #fff;
  color: #888;
  font-size: 13px;
  margin-bottom: 10px;
}

.pipeline-builds-statistic__tag {
  height: 23px;
  background-color: #f5faf9;
  border: 1px solid #87E0D7;
  text-transform: uppercase;
  color: #11b5a4;
  padding: 3px 12px;
  margin-right: 5px;
  font-size: 11px;
  display: inline-block;
  margin: 2px 5px 2px 0;
}

.pipeline-builds-statistic__no-tags .pipeline-builds-statistic__tag-container {
  display: none;
}

.pipeline-builds-statistic__no-tags .pipeline-builds-statistic__stats-container {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.pipeline-builds-statistic__tag-container {
  width: 40%;
  margin-right: 35px;
}

.pipeline-builds-statistic__stats-container {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipeline-builds-statistic__cell {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipeline-builds-statistic__cell-title {
  text-transform: uppercase;
}

.pipeline-builds-statistic__cell-value {
  color: #4c4c4c;
  font-weight: bold;
}

.pipeline-builds-statistic__no-data .pipeline-builds-statistic__cell-title {
  color: #C9C9C9;
}

.pipeline-builds-statistic__no-data .pipeline-builds-statistic__cell-value {
  background-color: #f7f7f7;
  height: 15px;
  width: 50px;
}

.pipelines-init__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 5px;
}

.pipelines-init__header {
  margin-bottom: 10px;
}

.pipelines-init__content {
  overflow: hidden;
}

.pipelines-init__wrap .title {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: normal;
}

.pipelines-init__wrap .flex-columns {
  height: 100%;
}

.pipelines-init__wrap .flex-columns__item_left {
  width: 70%;
  height: inherit;
  padding-right: 20px;
}

.pipelines-init__wrap .flex-columns__item_left .pipelines-templates {
  background-color: transparent;
}

.pipelines-init__wrap .flex-columns__item_right {
  width: 30%;
  height: inherit;
  padding-left: 40px;
  border-left: 1px solid #DBDBDB;
}

.flex-overflow {
  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 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
}

.button-full-width {
  width: 100%;
}

.init-sidebar__wrap {
  padding-right: 50px;
}

.init-sidebar__buttons {
  margin-bottom: 25px;
}

.init-sidebar__buttons .init-button {
  background-color: #FFFFFF;
  padding: 23px;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
  border: none;
  color: #518FF6;
  text-align: left;
  -webkit-transition: -webkit-box-shadow linear 0.2s;
  transition: -webkit-box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s;
  transition: box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}

.init-sidebar__buttons .init-button i {
  margin-right: 8px;
}

.init-sidebar__buttons .init-button:hover {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.init-sidebar__buttons .init-button:hover span {
  text-decoration: underline;
}

.init-sidebar__buttons .init-button:active {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.category__title {
  margin-bottom: 10px;
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

.category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category__item {
  margin-bottom: 5px;
}

.category__link {
  font-size: 14px;
  color: #518FF6;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.project-settings__tabs-panel, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs {
  margin: 0;
  text-transform: uppercase;
  color: #4c4c4c;
  height: 74px;
}

.project-settings__tabs-panel .tab, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab {
  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;
}

.project-settings__tabs-panel .tab.active a, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab.active a {
  padding-bottom: 10px !important;
}

.project-settings__tabs-panel .tab a, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab a {
  margin: 0;
  padding: 10px 30px;
  font-size: 13px;
}

.project-settings__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.project-settings__main {
  height: calc(100% - -6px);
  min-height: 666px;
  padding: 0 20px 75px;
}

.project-settings__header {
  height: 66px;
  background-color: #ebf5f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.project-settings__footer {
  height: 60px;
  border-top: 1px solid #ebedef;
  background-color: #fff;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: bold;
  padding: 0 15px;
}

.project-settings__footer-save-button.cdf-button, .filters-bar .project-settings__footer-save-button.add-filter-value, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button {
  width: 99px;
  height: 40px;
  font-size: 14px;
}

.project-settings__footer-save-button.cdf-button--progress {
  background-color: #1bbfae;
  border-color: #1bbfae;
}

.project-settings__footer-save-button.cdf-button .spinner, .filters-bar .project-settings__footer-save-button.add-filter-value .spinner, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button .spinner {
  margin-right: 17px;
  display: inline;
}

.project-settings__footer-save-button.cdf-button .spinner span, .filters-bar .project-settings__footer-save-button.add-filter-value .spinner span, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button .spinner span {
  background: #fff;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

@keyframes pulse {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

.project-settings__footer-delete-button {
  font-size: 14px;
  width: 99px;
  height: 40px;
  color: #eb5848;
  border: 1px solid #eb5848;
  background-color: #fff;
}

.project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:hover, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:focus, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:active {
  border-color: #eb5848;
  color: #eb5848;
  background-color: #fff;
}

.project-settings__footer-delete-button:enabled:hover, .project-settings__footer-delete-button:enabled:focus {
  background-color: #fff;
  border-color: #ff6c5c;
  color: #ff6c5c;
}

.project-settings__footer-delete-button:enabled:active {
  background-color: #eb5848;
  border-color: #eb5848;
  color: #fff;
}

.project-settings__footer-delete-button:disabled {
  opacity: 0.5;
  background-color: #fff;
}

.project-settings__footer-delete-button .spinner {
  margin-right: 17px;
  display: inline;
}

.project-settings__footer-delete-button .spinner span {
  background: #eb5848;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

.project-settings__container {
  background-color: #fff;
  margin: 40px 0;
  padding: 30px;
  min-height: 512px;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 634px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.project-settings__inputs-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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 574px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags {
  padding: 6px 18px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .autocomplete {
  left: -19px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.project-settings__inputs-container .tags-input__component-container {
  width: 100%;
}

.project-settings__inputs-container .edit-image-tags .autocomplete {
  margin-top: 8px;
  left: -19px;
  width: 574px;
  border: 1px solid #EDEDED;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item {
  height: 40px;
  font-size: 14px;
  font-family: Lato;
  padding: 12px 25px;
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item.selected {
  background-color: rgba(63, 174, 238, 0.08);
  color: #4c4c4c;
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item.selected em {
  color: inherit;
  background-color: inherit;
}

.project-settings__label {
  font-size: 14px;
  text-transform: uppercase;
  color: #4c4c4c;
  text-align: start;
  width: 100%;
  margin: 0;
}

.project-settings__input {
  width: 100%;
  height: 50px;
  border: 1px solid #dbdbdb;
  margin: 5px 0 30px;
  padding: 16px 25px;
  color: #2f2f2f;
  outline: none;
}

.project-settings__input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.project-settings__input:focus {
  outline: none;
  border-color: #11b5a4;
}

.project-settings__input-form {
  width: 100%;
}

.project-settings__input-form .project-settings__name-input-wrapper {
  position: relative;
  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;
}

.project-settings__input-form .project-settings__error-message {
  display: none;
}

.project-settings__input-form.ng-dirty.ng-invalid .project-settings__error-message, .project-settings__input-form.project-settings__input--duplication-error .project-settings__error-message {
  display: inline;
  color: #eb5848;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  left: 0;
}

.project-settings__input-form.ng-dirty.ng-invalid .project-settings__input, .project-settings__input-form.project-settings__input--duplication-error .project-settings__input {
  border-color: #eb5848;
}

.project-settings__input-form.project-settings__input--duplication-error .project-settings__input {
  color: #eb5848;
}

.project-settings__header-add-button {
  width: 165px;
  font-size: 14px;
}

.project-settings__header-add-button .project-settings__add-icon {
  margin-right: 7px;
}

.pipelines-list {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pipelines-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.pipelines-list__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.pipelines-list__header filters-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pipelines-list__header filters-bar .filters-bar {
  height: 100%;
  min-height: 62px;
}

.pipelines-list__header .cdf-button.cdf-button--filter i, .pipelines-list__header .filters-bar .cdf-button--filter.add-filter-value i, .filters-bar .pipelines-list__header .cdf-button--filter.add-filter-value i, .pipelines-list__header .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cdf-button--filter.submit-selection__button i, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .pipelines-list__header .cdf-button--filter.submit-selection__button i {
  margin-right: 5px;
}

.pipelines-list__body {
  padding: 40px 20px 0 20px;
  min-height: 600px;
}

.pipelines-list .filters-bar {
  background-color: #ebf5f3;
  font-size: 13px;
  margin: 0;
}

.pipelines-list nobr {
  display: inline-block;
  white-space: nowrap;
}

.pipelines-list .ng-table-pager {
  margin-top: 10px;
}

.pipelines-list .cf-tabs {
  margin: 0 40px;
  height: 60px;
}

.pipelines-list .cf-tabs button {
  padding: 10px 20px;
  line-height: 20px;
  font-size: 12px;
  float: right;
  right: 40px;
  margin-top: 7px;
}

.pipelines-list .cf-tabs .tab.active a {
  padding-bottom: 22px !important;
}

.pipelines-list .cf-tabs .tab a {
  font-size: 14px;
}

.pipelines-list .cf-table, .pipelines-list .helm-chart-details markdown table, .helm-chart-details markdown .pipelines-list table {
  cursor: default;
  margin: 30px 0;
}

.pipelines-list .cf-table tr td, .pipelines-list .helm-chart-details markdown table tr td, .helm-chart-details markdown .pipelines-list table tr td {
  height: 82px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}

.pipelines-list .cf-table tr td p, .pipelines-list .helm-chart-details markdown table tr td p, .helm-chart-details markdown .pipelines-list table tr td p {
  font-size: 13px;
  line-height: 20px;
}

.pipelines-list .cf-table tr td h4, .pipelines-list .helm-chart-details markdown table tr td h4, .helm-chart-details markdown .pipelines-list table tr td h4 {
  margin-bottom: 0;
}

.pipelines-list .cf-table tr td.actions, .pipelines-list .helm-chart-details markdown table tr td.actions, .helm-chart-details markdown .pipelines-list table tr td.actions {
  cursor: default;
  width: 170px;
}

.pipelines-list .cf-table .cf-sub-title, .pipelines-list .helm-chart-details markdown table .cf-sub-title, .helm-chart-details markdown .pipelines-list table .cf-sub-title {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
}

.pipelines-list .cf-table .pipeline-tags .tag-label, .pipelines-list .helm-chart-details markdown table .pipeline-tags .tag-label, .helm-chart-details markdown .pipelines-list table .pipeline-tags .tag-label, .pipelines-list .cf-table .pipeline-tags .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .cf-table .pipeline-tags .box-label, .pipelines-list .helm-chart-details markdown table .pipeline-tags .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .helm-chart-details markdown table .pipeline-tags .box-label, .helm-chart-details markdown .pipelines-list table .pipeline-tags .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .helm-chart-details markdown .pipelines-list table .pipeline-tags .box-label {
  color: #11b5a4;
  border: 1px solid #87E0D7;
  display: inline;
  float: left;
  margin-bottom: 5px;
}

.pipelines-list .cf-table .pipeline-tags .tag-label:hover, .pipelines-list .helm-chart-details markdown table .pipeline-tags .tag-label:hover, .helm-chart-details markdown .pipelines-list table .pipeline-tags .tag-label:hover, .pipelines-list .cf-table .pipeline-tags .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .pipelines-list .cf-table .pipeline-tags .box-label:hover, .pipelines-list .helm-chart-details markdown table .pipeline-tags .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .pipelines-list .helm-chart-details markdown table .pipeline-tags .box-label:hover, .helm-chart-details markdown .pipelines-list table .pipeline-tags .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .helm-chart-details markdown .pipelines-list table .pipeline-tags .box-label:hover {
  text-decoration: none;
  -webkit-box-shadow: inset 0px 0px 0 1px #87E0D7;
          box-shadow: inset 0px 0px 0 1px #87E0D7;
}

.pipelines-list .cf-table a.pipeline-project, .pipelines-list .helm-chart-details markdown table a.pipeline-project, .helm-chart-details markdown .pipelines-list table a.pipeline-project, .pipelines-list .cf-table .pipeline-tags, .pipelines-list .helm-chart-details markdown table .pipeline-tags, .helm-chart-details markdown .pipelines-list table .pipeline-tags {
  color: #679df7;
}

.pipelines-list .cf-table a.pipeline-project .fa-pencil, .pipelines-list .helm-chart-details markdown table a.pipeline-project .fa-pencil, .helm-chart-details markdown .pipelines-list table a.pipeline-project .fa-pencil, .pipelines-list .cf-table .pipeline-tags .fa-pencil, .pipelines-list .helm-chart-details markdown table .pipeline-tags .fa-pencil, .helm-chart-details markdown .pipelines-list table .pipeline-tags .fa-pencil {
  visibility: hidden;
  margin-left: 5px;
  display: inline-block;
  padding: 4px 5px;
}

.pipelines-list .cf-table a.pipeline-project .fa-pencil:hover, .pipelines-list .helm-chart-details markdown table a.pipeline-project .fa-pencil:hover, .helm-chart-details markdown .pipelines-list table a.pipeline-project .fa-pencil:hover, .pipelines-list .cf-table .pipeline-tags .fa-pencil:hover, .pipelines-list .helm-chart-details markdown table .pipeline-tags .fa-pencil:hover, .helm-chart-details markdown .pipelines-list table .pipeline-tags .fa-pencil:hover {
  background-color: #11b5a4;
  color: #fff;
}

.pipelines-list .cf-table a.pipeline-project:hover .fa-pencil, .pipelines-list .helm-chart-details markdown table a.pipeline-project:hover .fa-pencil, .helm-chart-details markdown .pipelines-list table a.pipeline-project:hover .fa-pencil, .pipelines-list .cf-table .pipeline-tags:hover .fa-pencil, .pipelines-list .helm-chart-details markdown table .pipeline-tags:hover .fa-pencil, .helm-chart-details markdown .pipelines-list table .pipeline-tags:hover .fa-pencil {
  visibility: visible;
}

.pipelines-list .cf-table .pipeline-cell, .pipelines-list .helm-chart-details markdown table .pipeline-cell, .helm-chart-details markdown .pipelines-list table .pipeline-cell {
  height: 35px;
  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;
}

.pipelines-list .cf-table .pipeline-cell_empty .pipeline-cell__title, .pipelines-list .helm-chart-details markdown table .pipeline-cell_empty .pipeline-cell__title, .helm-chart-details markdown .pipelines-list table .pipeline-cell_empty .pipeline-cell__title {
  color: #C9C9C9;
}

.pipelines-list .cf-table .pipeline-cell_empty .pipeline-cell__value, .pipelines-list .helm-chart-details markdown table .pipeline-cell_empty .pipeline-cell__value, .helm-chart-details markdown .pipelines-list table .pipeline-cell_empty .pipeline-cell__value {
  height: 15px;
  width: 50px;
  background-color: #f7f7f7;
  font-size: 0;
}

.pipelines-list .cf-table .pipeline-cell__title, .pipelines-list .helm-chart-details markdown table .pipeline-cell__title, .helm-chart-details markdown .pipelines-list table .pipeline-cell__title {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  color: #888888;
  text-transform: uppercase;
}

.pipelines-list .cf-table .pipeline-cell__value, .pipelines-list .helm-chart-details markdown table .pipeline-cell__value, .helm-chart-details markdown .pipelines-list table .pipeline-cell__value {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  color: #4c4c4c;
  margin-bottom: 0;
}

.pipelines-list .cf-table .tags-column, .pipelines-list .helm-chart-details markdown table .tags-column, .helm-chart-details markdown .pipelines-list table .tags-column {
  padding-bottom: 0;
}

.pipelines-list .cf-table .tags-column i.fa.fa-pencil, .pipelines-list .helm-chart-details markdown table .tags-column i.fa.fa-pencil, .helm-chart-details markdown .pipelines-list table .tags-column i.fa.fa-pencil {
  cursor: pointer;
  height: 25px;
  width: 25px;
}

.pipelines-list .cf-table .tags-column .tag-label, .pipelines-list .helm-chart-details markdown table .tags-column .tag-label, .helm-chart-details markdown .pipelines-list table .tags-column .tag-label, .pipelines-list .cf-table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .cf-table .tags-column .box-label, .pipelines-list .helm-chart-details markdown table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .helm-chart-details markdown table .tags-column .box-label, .helm-chart-details markdown .pipelines-list table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .helm-chart-details markdown .pipelines-list table .tags-column .box-label {
  cursor: pointer;
}

.pipelines-list .cf-table .tags-column .tag-label, .pipelines-list .helm-chart-details markdown table .tags-column .tag-label, .helm-chart-details markdown .pipelines-list table .tags-column .tag-label, .pipelines-list .cf-table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .cf-table .tags-column .box-label, .pipelines-list .helm-chart-details markdown table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .pipelines-list .helm-chart-details markdown table .tags-column .box-label, .helm-chart-details markdown .pipelines-list table .tags-column .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .helm-chart-details markdown .pipelines-list table .tags-column .box-label, .pipelines-list .cf-table .tags-column .cf-boxes-list .cf-box-item .box-label, .pipelines-list .helm-chart-details markdown table .tags-column .cf-boxes-list .cf-box-item .box-label, .helm-chart-details markdown .pipelines-list table .tags-column .cf-boxes-list .cf-box-item .box-label {
  padding: 1px 8px;
  margin-bottom: 0;
}

.pipelines-list .cf-table .tooltip, .pipelines-list .helm-chart-details markdown table .tooltip, .helm-chart-details markdown .pipelines-list table .tooltip {
  white-space: nowrap;
}

.pipelines-list .cf-table .actions, .pipelines-list .helm-chart-details markdown table .actions, .helm-chart-details markdown .pipelines-list table .actions {
  text-align: right;
  color: #4c4c4c;
  white-space: nowrap;
}

.pipelines-list .cf-table .actions .action-run, .pipelines-list .helm-chart-details markdown table .actions .action-run, .helm-chart-details markdown .pipelines-list table .actions .action-run {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
}

.pipelines-list .cf-table .actions .action-run button, .pipelines-list .helm-chart-details markdown table .actions .action-run button, .helm-chart-details markdown .pipelines-list table .actions .action-run button {
  background-color: #11B5A4;
  border-color: #11B5A4;
  width: auto !important;
  min-width: 70px !important;
}

.pipelines-list .cf-table .actions .action-run button:hover, .pipelines-list .helm-chart-details markdown table .actions .action-run button:hover, .helm-chart-details markdown .pipelines-list table .actions .action-run button:hover {
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
}

.pipelines-list .cf-table .actions div[uib-dropdown], .pipelines-list .helm-chart-details markdown table .actions div[uib-dropdown], .helm-chart-details markdown .pipelines-list table .actions div[uib-dropdown] {
  display: inline;
}

.pipelines-list .cf-table .actions .dropdown, .pipelines-list .helm-chart-details markdown table .actions .dropdown, .helm-chart-details markdown .pipelines-list table .actions .dropdown {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.pipelines-list .cf-table .actions .fa-cube:before, .pipelines-list .helm-chart-details markdown table .actions .fa-cube:before, .helm-chart-details markdown .pipelines-list table .actions .fa-cube:before {
  content: "I";
  font-family: 'codefresh';
  position: relative;
  top: 2px;
}

.pipelines-list .cf-table .actions .icon-codefresh-hamburger, .pipelines-list .helm-chart-details markdown table .actions .icon-codefresh-hamburger, .helm-chart-details markdown .pipelines-list table .actions .icon-codefresh-hamburger {
  margin-left: 0;
  padding: 0 5px 0 10px;
  position: relative;
  bottom: -2px;
}

.pipelines-list .cf-table .actions .icon-codefresh-profile-configuration, .pipelines-list .helm-chart-details markdown table .actions .icon-codefresh-profile-configuration, .helm-chart-details markdown .pipelines-list table .actions .icon-codefresh-profile-configuration {
  cursor: pointer;
  padding: 5px 8px;
  color: #4E545D;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
}

.pipelines-list .cf-table .actions .icon-codefresh-profile-configuration:before, .pipelines-list .helm-chart-details markdown table .actions .icon-codefresh-profile-configuration:before, .helm-chart-details markdown .pipelines-list table .actions .icon-codefresh-profile-configuration:before {
  color: #4E545D;
}

.pipelines-list .project-pipelines__tabs-panel-wrapper {
  padding: 0 20px;
}

.pipelines-list .empty-sections__wrap .empty-sections-title {
  color: #2f2f2f;
  font-size: 38px;
  font-weight: 300;
}

.pipelines-list .empty-sections__wrap .empty-sections-description {
  color: #2f2f2f;
  font-size: 14px;
}

.pipelines-list .empty-sections__wrap .empty-sections__button--center {
  text-align: center;
}

.pipelines-list .empty-sections__wrap .empty-sections__button .cdf-button, .pipelines-list .empty-sections__wrap .empty-sections__button .filters-bar .add-filter-value, .filters-bar .pipelines-list .empty-sections__wrap .empty-sections__button .add-filter-value, .pipelines-list .empty-sections__wrap .empty-sections__button .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .pipelines-list .empty-sections__wrap .empty-sections__button .submit-selection__button {
  width: 170px;
  height: 62px;
  font-size: 14px;
  font-weight: bold;
}

.pipelines-list .empty-sections__wrap .empty-sections__button .cdf-button > .icon-codefresh-plus-2, .pipelines-list .empty-sections__wrap .empty-sections__button .filters-bar .add-filter-value > .icon-codefresh-plus-2, .filters-bar .pipelines-list .empty-sections__wrap .empty-sections__button .add-filter-value > .icon-codefresh-plus-2, .pipelines-list .empty-sections__wrap .empty-sections__button .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button > .icon-codefresh-plus-2, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .pipelines-list .empty-sections__wrap .empty-sections__button .submit-selection__button > .icon-codefresh-plus-2 {
  margin-right: 7px;
}

.pipelines-list__add-button {
  width: 165px;
  font-size: 14px;
}

.pipelines-list__add-button .pipelines-list__add-icon {
  margin-right: 7px;
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.status-box {
  border-left: 10px solid #4c4c4c;
}

.status-box .status-box-text {
  color: #4c4c4c;
}

.status-box.status-box-pending {
  border-color: #ccc;
}

.status-box.status-box-pending .status-box-text {
  color: #ccc;
}

.status-box.status-box-terminated, .status-box.status-box-error {
  border-color: #eb5848;
}

.status-box.status-box-terminated .status-box-text, .status-box.status-box-error .status-box-text {
  color: #eb5848;
}

.status-box.status-box-success {
  border-color: #1abc9c;
}

.status-box.status-box-success .status-box-text {
  color: #1abc9c;
}

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

.cf-overlay-backdrop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: white;
  opacity: 0.6;
}

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

.cf-flex-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-container-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-flex-container-static > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-flex-align-center {
  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;
}

.cf-flex-align-center > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-container-header {
  font-size: 20px;
  color: #4c4c4c;
  padding-left: 50px;
}

.cf-container-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.cf-container-box {
  padding: 40px;
  background: #fff;
}

.modal-content-loading {
  min-height: 250px;
  min-width: 250px;
}

.dialog-container {
  margin: 15px;
  padding: 20px;
  background-color: #f5faf9;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dialog-container.modal-content-loading {
  background-image: none;
}

.dialog-container .cf-container-header {
  padding: 0;
  margin: 0 0 20px;
}

.cf-pre {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.full-h {
  height: 100%;
}

.settings__header {
  margin-bottom: 10px;
}

.settings__header-title {
  color: #4c4c4c;
}

.settings__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 30px 30px 60px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.settings__wrap .settings-columns {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.settings__wrap .settings-columns .settings-columns__logs-wrapper {
  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;
}

.settings__wrap .settings-columns .settings-columns__logs-wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.settings__wrap .settings-columns__item_left {
  width: 65%;
}

.settings__wrap .settings-columns__item .pipeline-settings__badge-container {
  width: 200px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.settings__wrap .settings-columns__item .pipeline-settings__badge-container .badge-image {
  cursor: pointer;
}

.settings__wrap .settings-columns .title {
  color: #2f2f2f;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}

.settings__wrap .settings-columns .title.sub-title {
  color: #4c4c4c;
  text-transform: none;
}

.settings__wrap .cdf-input, .settings__wrap .cf-select-lato .cf-select-toggle, .cf-select-lato .settings__wrap .cf-select-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2f2f2f;
  padding: 6px 20px;
  border-color: #DADADA;
  background-color: #fff;
}

.settings__wrap .cdf-input::-webkit-input-placeholder, .settings__wrap .cf-select-lato .cf-select-toggle::-webkit-input-placeholder, .cf-select-lato .settings__wrap .cf-select-toggle::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.settings__wrap .cdf-input:-moz-placeholder, .settings__wrap .cf-select-lato .cf-select-toggle:-moz-placeholder, .cf-select-lato .settings__wrap .cf-select-toggle:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.settings__wrap .cdf-input::-moz-placeholder, .settings__wrap .cf-select-lato .cf-select-toggle::-moz-placeholder, .cf-select-lato .settings__wrap .cf-select-toggle::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.settings__wrap .cdf-input:-ms-input-placeholder, .settings__wrap .cf-select-lato .cf-select-toggle:-ms-input-placeholder, .cf-select-lato .settings__wrap .cf-select-toggle:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.settings__wrap .cdf-input:focus, .settings__wrap .cf-select-lato .cf-select-toggle:focus, .cf-select-lato .settings__wrap .cf-select-toggle:focus {
  border-color: #11b5a4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.settings__wrap .cdf-input[disabled], .settings__wrap .cf-select-lato .cf-select-toggle[disabled], .cf-select-lato .settings__wrap .cf-select-toggle[disabled], .settings__wrap .cdf-input.disabled, .settings__wrap .cf-select-lato .disabled.cf-select-toggle, .cf-select-lato .settings__wrap .disabled.cf-select-toggle {
  color: inherit;
}

.settings__wrap .cdf-input.ng-invalid.ng-dirty, .settings__wrap .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .settings__wrap .ng-invalid.ng-dirty.cf-select-toggle {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.settings__wrap .cdf-input.ng-invalid.ng-dirty:focus, .settings__wrap .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle:focus, .cf-select-lato .settings__wrap .ng-invalid.ng-dirty.cf-select-toggle:focus {
  border-color: #eb5848;
}

.settings__wrap .title {
  font-size: 18px;
  color: #2f2f2f;
  font-weight: bold;
  margin-bottom: 5px;
}

.settings__wrap .title.sub-title {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: normal;
}

.settings__wrap .flex-columns {
  height: 100%;
}

.settings__wrap .flex-columns .flex-columns__item_left {
  width: 60%;
  height: inherit;
  padding-right: 30px;
  border-right: 1px solid #dbdbdb;
  overflow-y: auto;
  max-width: 560px;
}

.settings__wrap .flex-columns .flex-columns__item_right {
  width: 40%;
  height: inherit;
  padding-left: 30px;
  max-width: 560px;
}

.settings__wrap .form-group label {
  color: #2f2f2f;
  font-weight: normal;
  text-transform: uppercase;
}

.settings__wrap .form-group input {
  height: 50px;
}

.settings__wrap .form-group .cf-registry-selector__list-wrapper .item-name {
  font-weight: normal;
}

.settings__wrap .form-group .cf-registry-selector__selected {
  height: 50px;
  padding: 15px 20px;
}

.settings__wrap .form-group .cf-registry-selector__selected span {
  font-weight: normal;
}

.settings__wrap .form-group .cf-registry-selector__selected .cf-registry-selector__arrow {
  top: 20px;
}

.settings__wrap .form-group .runtime-environment .cf-registry-selector__selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipeline-settings__id-input {
  cursor: text !important;
}

.select-entity__wide .cf-registry-selector__list {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-color: #dbdbdb;
}

.select-entity__wide .cf-registry-selector__list .cf-registry-selector__item {
  padding: 12px 20px;
  color: #2f2f2f;
}

.select-entity__wide .cf-registry-selector__list .cf-registry-selector__item:hover, .select-entity__wide .cf-registry-selector__list .cf-registry-selector__item:focus {
  background-color: #e7f4f8;
}

.pipeline-settings__horisontal-divider {
  border-top-color: #dbdbdb;
}

.pipeline-settings__badges-group {
  margin-top: 30px;
}

.pipeline-settings__container {
  padding-bottom: 10px;
  height: 100%;
}

.pipeline-settings__runtime-env-info {
  font-size: 13px;
  color: #2f2f2f;
  margin-top: 5px;
  display: inline-block;
}

.pipeline-settings__runtime-env-wrapper .item-name {
  font-weight: bold !important;
}

.pipeline-settings__runtime-env-wrapper span, .pipeline-settings__runtime-env-wrapper .item-description, .pipeline-settings__runtime-env-wrapper .item-name {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipeline-settings__runtime-env-wrapper .cf-registry-selector__selected > span:not(.cf-registry-selector__placeholder) {
  font-weight: bold !important;
}

.pipeline-settings__runtime-env-wrapper .cf-registry-selector__selected .cf-registry-selector__placeholder {
  color: #888;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start {
  padding-right: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  margin-top: 15px;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .runtime-environment__item {
  width: 48%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .runtime-environment__item .runtime-environment__label {
  margin-bottom: 5px;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .runtime-environment__input {
  width: 100%;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input {
  -moz-appearance: textfield;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input::-webkit-outer-spin-button, .pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input .cf-number-input__up-btn,
.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input .cf-number-input__down-btn {
  height: 25px;
  right: 1px;
  border-right-width: 0;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input .cf-number-input__up-btn {
  top: 1px;
  border-top-width: 0;
}

.pipeline-settings__runtime-env-wrapper .cf-form-segment-start .cf-number-input .cf-number-input__down-btn {
  bottom: 1px;
  border-bottom-width: 0;
}

.pipeline-settings__project-dropdown .cf-registry-selector__placeholder {
  color: #888;
}

.pipeline-settings__name-input-wrapper {
  position: relative;
}

.pipeline-settings__error-message {
  position: absolute;
}

.pipeline-settings__error-message {
  width: 100%;
  color: #eb5848;
  text-align: right;
}

.pipelines-templates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pipelines-templates__title {
  color: #2F2F2F;
  font-size: 25px;
  font-family: 'Lato';
  font-weight: 300;
  margin: 0;
}

.pipelines-templates__category {
  margin-top: 28px;
}

.pipelines-templates__category-title {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 0;
  margin-bottom: 16px;
}

.pipelines-templates__list {
  margin: 0;
  padding: 0;
}

.pipelines-templates__item {
  margin: 0 0 7px 0;
  padding: 17px;
  list-style: none;
  display: block;
  background: #FFF;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pipelines-templates__item .cf-wizard-template-content {
  pointer-events: none;
  border: 0;
  height: 50px;
  width: 50px;
}

.pipelines-templates__item div:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pipelines-templates__item div:last-child {
  text-align: right;
}

.pipelines-templates__item-name {
  padding: 0;
  margin: 0;
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  color: #4C4C4C;
}

.pipelines-templates__item-description {
  padding: 0;
  margin: 0;
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
  color: #4C4C4C;
}

.pipeline-triggers__wrap {
  padding: 5px 0;
}

.pipeline-triggers__header {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pipeline-triggers__wrap .title {
  font-size: 25px;
  color: #2f2f2f;
  font-weight: 100;
  margin-bottom: 10px;
}

.pipeline-triggers__wrap .title.sub-title {
  font-size: 14px;
  color: #4c4c4c;
}

.pipeline-triggers__wrap .pipeline-triggers__content {
  padding: 0 10px;
}

.pipeline-triggers__button-add-trigger, .pipeline-triggers__button-copy-webhook {
  border-radius: 3px;
  padding: 12px 16px;
  font-size: 12px;
  margin-left: 10px;
}

.pipeline-triggers__button-add-trigger .fa-plus, .pipeline-triggers__button-copy-webhook .fa-plus {
  margin-right: 5px;
}

.pipeline-triggers__button-copy-webhook {
  width: 150px;
}

.variables__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 30px 30px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}

.variables__header {
  margin-bottom: 28px;
}

.variables__content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.variables__wrap {
  min-width: 965px;
}

.variables__wrap .title {
  font-size: 18px;
  color: #2f2f2f;
  font-weight: bold;
  margin-bottom: 5px;
}

.variables__wrap .title.sub-title {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: normal;
}

.variables__wrap .flex-columns {
  height: 100%;
}

.variables__wrap .flex-columns__item_left {
  width: 60%;
  height: inherit;
  padding-right: 15px;
}

.variables__wrap .flex-columns__item_right {
  width: 40%;
  height: inherit;
  padding-left: 40px;
  border-left: 1px solid #dbdbdb;
  position: relative;
}

.variables__wrap .flex-columns__item_right .variables-contexts {
  margin-top: 30px;
}

.flex-overflow {
  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 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.pipeline-variables__container {
  padding-bottom: 10px;
  height: 100%;
  overflow-x: auto;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.input-md-modern {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  height: 50px;
  padding: 6px 20px;
  border: 1px solid #dbdbdb;
  color: #2f2f2f;
  width: 100%;
}

.input-md-modern:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.input-md-modern[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.input-md-modern[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.input-md-modern.ng-invalid.ng-dirty, .input-md-modern.ng-invalid.validate-no-dirty {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.input-md-modern-regex.ng-valid {
  color: #F39C12;
}

.input-md-modern::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.input-md-modern, .input-md-modern:focus, .input-md-modern.ng-invalid.ng-dirty, .input-md-modern.validate-no-dirty {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-md-modern:focus {
  border-color: #11b5a4;
}

.step__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 56px;
}

.step__item {
  background-color: #fff;
  width: 25%;
  margin: 0 1px;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px;
  color: #4c4c4c;
  font-weight: bold;
}

.step__item.selected {
  background-color: #11b5a4;
  color: #fff;
}

.step__wrap .step-number {
  display: inline-block;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border: 1px solid #11b5a4;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  color: #11b5a4;
  font-size: 15px;
  margin-right: 13px;
}

.step__wrap .step-name {
  display: inline-block;
}

.step__wrap.step__wrap_init .step__item {
  cursor: default;
}

.step__wrap.step__wrap_init .step__item.selected {
  background-color: #FFFFFF;
  color: #4c4c4c;
}

.step__wrap.step__wrap_init .step__item.selected .step-number {
  background-color: #11b5a4;
  color: #FFFFFF;
}

.tabs__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 56px;
}

.tabs__item {
  background-color: transparent;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 17px 30px;
  color: #4c4c4c;
  font-weight: bold;
  margin-bottom: -1px;
}

.tabs__item:hover .step-name {
  color: #11b5a4;
}

.tabs__item.selected {
  border-bottom: 4px solid #11b5a4;
}

.tabs__item.selected .step-name {
  color: #11b5a4;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.pipeline-workflow__yaml-wrapper {
  border: 1px solid transparent;
  padding: 20px 10px 10px 10px;
  position: relative;
}

.pipeline-workflow__yaml-wrapper:hover {
  border-color: #1bbfae;
}

.pipeline-workflow__yaml-wrapper .read-only {
  background-color: #F7F7F7;
}

.pipeline-workflow__yaml-wrapper .read-only .CodeMirror {
  background-color: inherit;
}

.pipeline-workflow__yaml-wrapper .read-only .CodeMirror .CodeMirror-gutters {
  background-color: inherit;
}

.pipeline-workflow__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding-bottom: 15px;
}

.pipeline-workflow__column_left {
  min-width: 440px;
  padding-right: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pipeline-workflow__column_left.pipeline-workflow__column--w100p {
  padding-right: 0;
}

.pipeline-workflow__column_left .white-box-with-shadow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pipeline-workflow__column_left .white-box-with-shadow__content {
  padding: 22px 15px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__inline-errors {
  margin-bottom: 0;
  overflow-y: hidden;
  background-color: #eb5848;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__import-btn {
  white-space: nowrap;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__import-btn span {
  margin-left: 25px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__import-url input {
  padding: 19px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper {
  border: none !important;
  min-height: 0;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .CodeMirror {
  min-height: 0;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .cf-editor,
.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .cf-fullscreen,
.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper ui-codemirror,
.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .CodeMirror,
.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .CodeMirror-wrap,
.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .CodeMirror-scroll {
  height: 100%;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .CodeMirror-scroll {
  min-height: 100%;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none !important;
  position: relative;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper .fa-expand {
  right: 4px !important;
  top: -8px !important;
  padding: 4px !important;
  margin-right: 6px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  font-size: 12px !important;
  background-color: #eee !important;
  border-radius: 50%;
  color: #888888 !important;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__copy-yml {
  right: 50px;
  position: absolute;
  top: -26px;
  font-size: 12px;
  line-height: 14px;
  color: #518FF6;
  cursor: pointer;
  text-decoration: none;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor-wrapper--disabled .CodeMirror-wrap pre {
  opacity: 0.45;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-file-path {
  position: relative;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-file-path input {
  padding-right: 90px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__view-yaml-file {
  position: absolute;
  top: 15px;
  right: 20px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__switcher-wrapper {
  position: relative;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__switcher {
  position: absolute;
  right: 0;
  top: -42px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__wrapper {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
  min-height: 0;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__editor_preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__upload {
  padding: 10px 0;
  border-bottom: 1px solid #DBDBDB;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__upload a {
  color: #518FF6;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  cursor: pointer;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__upload a i {
  font-size: 18px;
  position: relative;
  bottom: -5px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__upload a b {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
  bottom: -2px;
  position: relative;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .step-marketplace {
  font-weight: bold;
  padding: 0 15px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .step-marketplace .step-marketplace__link,
.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .step-marketplace .step-marketplace__text {
  text-transform: uppercase;
  color: #518FF6;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type label {
  font-size: 14px;
  margin-right: 15px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-links {
  width: 100%;
  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;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link {
  float: right;
  margin-left: 10px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  cursor: pointer;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link span,
.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link i {
  color: #11B5A4;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link span.question {
  color: #000;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link div {
  line-height: 15px;
  font-size: 13px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .help-link i {
  font-size: 30px;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .yaml-file-dropdown .btn.btn-link.btn-yaml-file-toggle {
  padding-left: 0;
  padding-right: 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build__yaml-type .yaml-file-dropdown .btn.btn-link.btn-yaml-file-toggle > i {
  font-size: 20px;
}

.pipeline-workflow__column_left .cf-fullscreen button.fullscreen-btn.fa.fa-compress {
  top: 0;
  bottom: initial;
}

.pipeline-workflow__column_left .cf-pipeline-yml-build {
  padding: 20px 35px 15px 35px;
}

.pipeline-yaml-file-dropdown-menu {
  -webkit-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#40000000');
  display: block;
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pipeline-yaml-file-dropdown-menu.dropdown-menu-center {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
}

.pipeline-yaml-file-dropdown-menu > li {
  visibility: hidden;
}

.pipeline-yaml-file-dropdown-menu > li > a {
  padding: 7px 16px;
}

.pipeline-yaml-file-dropdown-menu > li > a:hover {
  background-color: #e7f4f8;
}

.open > .pipeline-yaml-file-dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.open > .pipeline-yaml-file-dropdown-menu li {
  visibility: visible;
}

.dropup .pipeline-yaml-file-dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.dropup .pipeline-yaml-file-dropdown-menu.dropdown-menu-center {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.pipeline-workflow-box {
  padding: 16px 14px;
}

.pipeline-workflow-box__title {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.pipeline-workflow-box__content .icon-codefresh-actions-copy,
.pipeline-workflow-box__content .icon-codefresh-actions-marketplace {
  font-size: 17px;
}

.actions__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.actions__item {
  margin-bottom: 20px;
  color: #518FF6;
}

.actions__item a {
  color: #518FF6;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.actions__item i {
  margin-right: 10px;
}

.actions__item:last-child {
  margin-bottom: 0;
}

.pipeline-workflow-box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 7px 10px 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pipeline-workflow-box__header .pipeline-workflow-box__title {
  margin-bottom: 0;
}

.pipeline-workflow-box__header .icon-codefresh-profile-configuration {
  color: #888;
}

.pipeline-workflow-box__input-search {
  font-size: 12px;
  width: 118px;
  height: 100%;
  color: #4c4c4c;
  border: none;
  background-color: #f7f7f7;
  padding-right: 10px;
}

.pipeline-workflow-box__input-search:focus {
  outline: none;
}

.pipeline-workflow-box__input-search::-webkit-input-placeholder {
  color: #BEBEBE;
  opacity: 1;
}

.pipeline-workflow-box__input-search:-moz-placeholder {
  color: #BEBEBE;
  opacity: 1;
}

.pipeline-workflow-box__input-search::-moz-placeholder {
  color: #BEBEBE;
  opacity: 1;
}

.pipeline-workflow-box__input-search:-ms-input-placeholder {
  color: #BEBEBE !important;
  opacity: 1 !important;
}

.pipeline-workflow-box__input-wrap {
  border-radius: 5px;
  background-color: #f7f7f7;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipeline-workflow-box__input-wrap .icon-codefresh-search {
  color: #BEBEBE;
}

.branch-loader {
  visibility: hidden;
}

.branch-loader.branch-in-load {
  visibility: visible;
}

.dropdown-multiselect__repo-yaml {
  position: relative;
}

.dropdown-multiselect__repo-yaml .multiSelect {
  display: inline-block;
  width: 100%;
}

.dropdown-multiselect__repo-yaml .multiSelect > button {
  height: 50px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}

.dropdown-multiselect__repo-yaml .multiSelect > button .buttonLabel {
  color: #2f2f2f;
  font-weight: 400;
}

.dropdown-multiselect__repo-yaml.multiselect-in-load .caret {
  display: none;
}

.pipelines-workflow__collapse-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  min-width: 100%;
  width: 300px;
  background-color: #eb5848;
  color: #fff;
  cursor: pointer;
}

.pipelines-workflow__collapse-header-counter {
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  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-radius: 50%;
  margin: 0 15px;
  font-weight: bold;
}

.pipelines-workflow__collapse-header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pipelines-workflow__collapse-header-arrow {
  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%;
  width: 50px;
}

.pipelines-workflow__errors-list {
  max-height: 0;
  padding: 0 15px;
  list-style: none;
  margin: 0;
  background-color: #eb5848;
  -webkit-transition: max-height 200ms ease-out;
  transition: max-height 200ms ease-out;
}

.pipelines-workflow__errors-list-item {
  background-color: #eb5848;
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 35px;
  border-bottom: 1px solid #FF7666;
  padding-left: 10px;
}

.pipelines-workflow__errors-list-item:last-child {
  border-bottom: none;
}

.pipelines-workflow__errors-list-item-counter {
  margin-right: 20px;
  font-weight: bold;
}

.pipelines-workflow__errors-list-item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
  width: 300px;
  padding: 5px 0;
}

.pipelines-workflow__accordion-opened .pipelines-workflow__collapse-header-arrow {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.pipelines-workflow__accordion-opened .pipelines-workflow__collapse-header-arrow .icon-codefresh-chebron-r {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.pipelines-workflow__accordion-opened .pipelines-workflow__errors-list {
  max-height: 180px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.pipelines-workflow__accordion-opened .pipelines-workflow__collapse-header {
  height: 32px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section {
  padding-bottom: 15px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section.overflow {
  overflow-y: auto;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox {
  margin-bottom: 0;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type=checkbox].cdf-checkbox, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type=checkbox][type="checkbox"], .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type=checkbox][type="checkbox"] {
  width: 20px;
  height: 20px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type=checkbox].cdf-checkbox:before, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][type=checkbox]:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type="checkbox"][type=checkbox]:before {
  width: 20px;
  height: 20px;
  padding-top: 5px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type=checkbox].cdf-checkbox:checked:before, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][type=checkbox]:checked:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type="checkbox"][type=checkbox]:checked:before {
  font-size: 10px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type=checkbox].cdf-checkbox:indeterminate:after, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][type=checkbox]:indeterminate:after, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item .cf-pipeline-variables-checkbox input[type="checkbox"][type=checkbox]:indeterminate:after {
  width: 10px;
  height: 10px;
  background-color: #0F9C8D;
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-header {
  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;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-header .variable-group-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 15px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-header .variable-group-name + a {
  color: inherit;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content {
  padding-left: 35px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .variables-edit .variables-edit__delimeter {
  padding: 10px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .variables-edit .variables-edit__delimeter:first-child {
  padding-left: 0;
  padding-right: 10px;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .lock-switcher__checkbox:checked[disabled="disabled"] + .lock-switcher__label, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .lock-switcher__checkbox:checked.disabled + .lock-switcher__label {
  cursor: not-allowed;
}

.cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .lock-switcher__checkbox:checked[disabled="disabled"] + .lock-switcher__label i, .cf-pipeline-clone-step-container .cf-pipeline-variables-list-section .cf-pipeline-variables-list-group-item-content .lock-switcher__checkbox:checked.disabled + .lock-switcher__label i {
  color: #6e7a91;
}

.cf-pipeline-clone-step-container .empty-variables-list {
  padding: 12px 12px;
  border: 1px solid #ebedef;
  border-right-width: 0;
  border-left-width: 0;
  min-height: 63px;
  background-color: #fff;
  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;
}

.cf-pipeline-clone-step-container .empty-variables-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cdf-wizard-pipeline-clone-modal {
  /**/
}

.cdf-wizard-pipeline-clone-modal .cdf-wizard__footer-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;
}

.cdf-wizard-pipeline-clone-modal .cdf-wizard__footer-left > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-pipeline-clone-modal .cdf-wizard__footer-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;
}

.cdf-wizard-pipeline-clone-modal .cdf-wizard__footer-right > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-pipeline-clone-modal .ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.cdf-wizard-pipeline-clone-modal .cdf-dialog-content {
  position: relative;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step {
  margin-bottom: 24px;
  position: relative;
  min-height: 220px;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-title {
  font-size: 21px;
  color: #2f2f2f;
  margin-bottom: 22px;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-description {
  font-size: 14px;
  color: #2f2f2f;
  margin-bottom: 22px;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group label {
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group input {
  height: auto;
  margin: 0;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-registry-selector__list-wrapper .item-name {
  font-weight: normal;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-registry-selector__selected {
  height: 50px;
  padding: 15px 15px;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-registry-selector__selected span {
  font-weight: normal;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-registry-selector__selected .cf-registry-selector__arrow {
  top: 20px;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-editor-container {
  background-color: #F7F7F7;
  width: 100%;
  min-height: 200px;
  border: 1px solid #DADADA;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-editor-container .cf-loader {
  position: relative;
  top: 50%;
  -webkit-transform: translate3d(-50%, 35%, 0);
          transform: translate3d(-50%, 35%, 0);
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-editor-container .read-only {
  background-color: inherit;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-editor-container .read-only .CodeMirror {
  background-color: inherit;
}

.cdf-wizard-pipeline-clone-modal .cf-pipeline-clone-step .cf-pipeline-clone-step-container .form-group .cf-editor-container .read-only .CodeMirror .CodeMirror-gutters {
  background-color: inherit;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap {
  position: relative;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 35px;
  -webkit-animation: fa-spin 2s alternate-reverse linear;
  animation: fa-spin 2s alternate-reverse linear;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .loader.show {
  display: block;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .fake-multiselect {
  height: 50px;
  border: none;
  position: absolute;
  top: auto;
  left: 0;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  overflow: hidden;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .fake-multiselect.disabled {
  opacity: 0.5;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .fake-multiselect__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px;
  color: #4c4c4c;
  font-weight: normal;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect-wrap .fake-multiselect__empty {
  padding-left: 10px;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect .multiSelect:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: 0;
  right: 15px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: black transparent transparent transparent;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect .multiSelect .line {
  padding: 0;
  height: 40px;
  max-height: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect .multiSelect .line input {
  height: 100%;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect .multiSelect button {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
  margin-bottom: 0;
  z-index: 1;
  display: block;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect .multiSelect .clearButton {
  display: none;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect.disabled .multiSelect button {
  display: none;
}

.cdf-wizard-pipeline-clone-modal .search-multiselect.disabled .checkboxLayer {
  display: none !important;
}

.cdf-wizard-pipeline-clone-modal .multiSelect > button .buttonLabel {
  display: none;
}

.cdf-wizard-pipeline-clone-modal .multiSelect {
  display: block;
  border: 1px solid #DADADA;
  height: 50px;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem {
  height: 45px;
  line-height: 40px;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem:hover {
  background-color: #e7f4f8 !important;
  color: #000000 !important;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem:hover .acol {
  margin-left: 15px;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem:hover .acol label {
  text-transform: none;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem:hover .acol label span {
  color: #000000 !important;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem .tickMark {
  left: 3px;
  top: 9px;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem .acol {
  margin-left: 15px;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .multiSelectItem .acol label {
  text-transform: none;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .helperContainer {
  padding: 0;
}

.cdf-wizard-pipeline-clone-modal .multiSelect .checkboxLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  margin-top: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.cdf-wizard-pipeline-clone-modal .multiSelect .checkBoxContainer {
  padding: 0;
}

.cf-pipeline-triggers-section {
  padding-bottom: 15px;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li > a {
  position: relative;
  padding: 10px 30px;
  background-color: transparent;
  color: #4c4c4c;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li.active > a, .cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li:hover > a {
  color: #0F9C8D;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li.active:before, .cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li:hover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  border-bottom: 2px solid #11B5A4;
}

.cf-pipeline-triggers-section .cf-trigger-button-bar {
  margin-bottom: 11px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section {
  border-top: 1px solid #ebedef;
  border-bottom: 1px solid #ebedef;
}

.cf-pipeline-triggers-section .cf-triggers-list-section.overflow {
  overflow-y: auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row {
  padding: 12px 12px;
  border-top: 1px solid #ebedef;
  min-height: 63px;
  background-color: #fff;
  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;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row > * {
  padding-right: 10px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row:first-child {
  border-top: none;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading {
  position: relative;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 63px;
  border-radius: 0px;
  background-image: repeating-linear-gradient(-45deg, rgba(235, 245, 243, 0.5), rgba(235, 245, 243, 0.5) 11px, transparent 10px, transparent 20px);
  background-size: 28px 100%;
  -webkit-animation: cf-triggers-row-loading .55s linear infinite;
          animation: cf-triggers-row-loading .55s linear infinite;
  z-index: 0;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading > * {
  z-index: 1;
}

@-webkit-keyframes cf-triggers-row-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@keyframes cf-triggers-row-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col {
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-h > *, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-horizontal > * {
  margin-left: 13px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-h > *:first-child, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-horizontal > *:first-child {
  margin-left: 0;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-v, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-v > *, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-vertical > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-label {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  color: #888;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-value {
  font-size: 13px;
  color: #4c4c4c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-notify {
  font-size: 14px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col.cf-trigger-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col.cf-trigger-info > .cf-trigger-info-description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-img {
  width: 36px;
  height: 36px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-img > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-repo-name {
  font-size: 15px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .tooltip-link {
  font-size: 12px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 125px;
  overflow: visible;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar > * {
  margin-left: 0;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar i {
  font-size: 18px;
  color: #2f2f2f;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar a, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar button:hover {
  text-decoration: none;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar a i, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar button:hover i {
  color: #000000;
}

.cf-pipeline-triggers-section .cf-trigger-step {
  margin-bottom: 24px;
  position: relative;
  min-height: 220px;
}

.cf-pipeline-triggers-section .cf-trigger-step .cf-trigger-step-type-title {
  font-size: 21px;
  color: #2f2f2f;
  margin-bottom: 22px;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item {
  position: relative;
  display: block;
  padding: 20px 23px;
  color: #4c4c4c;
  margin-bottom: 7px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .list-group-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 13px;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info.warning-info {
  color: rgba(245, 147, 42, 0.65);
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus {
  text-decoration: none;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover:after, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus:after {
  border: 1px solid transparent;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled {
  background-color: #fff;
  color: #4c4c4c;
  cursor: not-allowed;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled > .list-group-item-inner {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus {
  border-color: #E6E6E6;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover:after, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus:after {
  border: 1px solid transparent;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus {
  z-index: 2;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
  border-width: 1px;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:after, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover:after, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus:after {
  border: 1px solid #11B5A4;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 23px;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name, .cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  width: 100%;
  display: inline-block;
  color: #888;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.cf-pipeline-triggers-section .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-pipeline-triggers-section .cf-switcher {
  width: 38px !important;
  margin-right: 5px;
}

.cf-pipeline-triggers-section .cf-switcher .onoffswitch-switch {
  right: 18px !important;
  width: 14px !important;
}

.cf-pipeline-triggers-section .onoffswitch {
  height: 20px;
}

.cf-pipeline-triggers-section .onoffswitch-inner:after,
.cf-pipeline-triggers-section .onoffswitch-inner:before {
  height: 20px;
  width: 38px;
}

.cf-pipeline-triggers-section .onoffswitch-inner:after {
  background-color: #CFCFCF;
}

.cdf-wizard-create-trigger .cdf-message.cdf-message--code.cdf-message--info {
  max-height: 200px;
  overflow-y: auto;
}

.cdf-wizard-create-trigger .trigger-info-panel {
  margin-bottom: 15px;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-help-text {
  display: inline-block;
  font-size: 15px;
  line-height: 1.42857143;
  margin-bottom: 15px;
  width: auto;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-help-text.inline {
  display: inline;
  word-break: break-word;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction {
  width: 164px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction .btn-trigger-instruction {
  padding: 16px 5px;
  width: 100%;
  text-align: center;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction .btn-trigger-instruction > img {
  margin: 0;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-panel-control {
  padding-top: 15px;
}

.cdf-wizard-create-trigger {
  /*
    .list-group-item-inner {
        @include flex(center, flex-start);
        > * {
            @include flexStatic(center, normal);
            @include flexEllipsis();
        }
    }
    */
}

.cdf-wizard-create-trigger .checkbox-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cdf-wizard-create-trigger .checkbox-list > label {
  display: inline-block;
  margin-right: 15px;
  white-space: nowrap;
  font-weight: 400;
  min-width: 255px;
}

.cdf-wizard-create-trigger .checkbox-list > label:first-child {
  margin-left: 0;
}

.cdf-wizard-create-trigger .checkbox-list > label > input[type='checkbox'],
.cdf-wizard-create-trigger .checkbox-list > label > input[type='radio'] {
  margin-top: 0;
  font-size: 18px;
  margin-right: 5px;
}

.cdf-wizard-create-trigger .cf-readonly-area .form-control,
.cdf-wizard-create-trigger .cf-readonly-area .cdf-input,
.cdf-wizard-create-trigger .cf-readonly-area .cf-select-lato .cf-select-toggle,
.cf-select-lato .cdf-wizard-create-trigger .cf-readonly-area .cf-select-toggle {
  border-color: #ebf5f3;
  background-color: #ebf5f3;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-error .form-control,
.cdf-wizard-create-trigger .cf-readonly-area.has-error .cdf-input,
.cdf-wizard-create-trigger .cf-readonly-area.has-error .cf-select-lato .cf-select-toggle,
.cf-select-lato .cdf-wizard-create-trigger .cf-readonly-area.has-error .cf-select-toggle {
  border-color: #C0353C;
  background-color: #FDF4F4;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn {
  position: relative;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .form-control.cdf-input, .cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .cf-select-lato .form-control.cf-select-toggle, .cf-select-lato .cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .form-control.cf-select-toggle {
  padding-right: 90px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .form-control-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 90px;
  height: 35px;
  text-align: right;
  padding-right: 18px;
  background-color: transparent;
  border: none;
  color: #518FF6;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-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;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-left > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-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;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-right > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.cdf-wizard-create-trigger .cdf-dialog-content {
  position: relative;
}

.cdf-wizard-create-trigger .list-group-item-inner {
  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;
}

.cdf-wizard-create-trigger .list-group-item-inner > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cdf-wizard-create-trigger .btn-trigger-instruction {
  display: inline-block;
  border: 1px solid #3faeee;
  color: #4c4c4c;
  font-size: 15px;
  line-height: 18px;
  width: 60%;
  padding: 16px 0;
  margin: 0 auto;
  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;
}

.cdf-wizard-create-trigger .btn-trigger-instruction:hover, .cdf-wizard-create-trigger .btn-trigger-instruction:focus {
  text-decoration: none;
}

.cdf-wizard-create-trigger .btn-trigger-instruction > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .btn-trigger-instruction > img {
  margin-right: 13px;
}

.cdf-wizard-create-trigger .btn-trigger-instruction.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cdf-wizard-create-trigger .cdf-button-verify {
  border-radius: 24px;
  padding: 11px 57px;
  font-weight: bold;
}

.cdf-wizard-create-trigger .cf-trigger-step {
  margin-bottom: 24px;
  position: relative;
  min-height: 220px;
}

.cdf-wizard-create-trigger .cf-trigger-step .cf-trigger-step-type-title {
  font-size: 21px;
  color: #2f2f2f;
  margin-bottom: 22px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item {
  position: relative;
  display: block;
  padding: 20px 23px;
  color: #4c4c4c;
  margin-bottom: 7px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 13px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info.warning-info {
  color: rgba(245, 147, 42, 0.65);
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus {
  text-decoration: none;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus:after {
  border: 1px solid transparent;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled {
  background-color: #fff;
  color: #4c4c4c;
  cursor: not-allowed;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled > .list-group-item-inner {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus {
  border-color: #E6E6E6;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus:after {
  border: 1px solid transparent;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus {
  z-index: 2;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
  border-width: 1px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus:after {
  border: 1px solid #11B5A4;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 23px;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  width: 100%;
  display: inline-block;
  color: #888;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.regex-dropdown-filter .namespace-multiselect-wrap {
  position: relative;
}

.regex-dropdown-filter .namespace-multiselect-wrap .loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 35px;
  -webkit-animation: fa-spin 2s alternate-reverse linear;
  animation: fa-spin 2s alternate-reverse linear;
}

.regex-dropdown-filter .namespace-multiselect-wrap .loader.show {
  display: block;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect {
  height: 50px;
  border: none;
  position: absolute;
  top: auto;
  left: 0;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  overflow: hidden;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  height: 95%;
  width: 25px;
  background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  cursor: pointer;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect.disabled {
  opacity: 0.5;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px;
  color: #4c4c4c;
  border: 1px solid #dadada;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 3px;
  z-index: 2;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item i {
  font-weight: normal;
  margin-left: 4px;
  cursor: pointer;
  z-index: 3;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item i:hover {
  color: red;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__empty {
  padding-left: 10px;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 15px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: black transparent transparent transparent;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect button {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
  margin-bottom: -3px;
  z-index: 1;
  display: block;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect .clearButton {
  display: none;
}

.regex-dropdown-filter .namespace-multiselect.disabled .multiSelect button {
  display: none;
}

.regex-dropdown-filter .namespace-multiselect.disabled .checkboxLayer {
  display: none !important;
}

.regex-dropdown-filter .filter-type-switcher {
  right: 0;
}

.regex-dropdown-filter .switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
}

.regex-dropdown-filter .switch-wrap .cf-switcher {
  margin-left: 10px;
}

.regex-dropdown-filter .multiSelect > button .buttonLabel {
  display: none;
}

.regex-dropdown-filter .multiSelect {
  display: block;
  border: 1px solid #DADADA;
  height: 50px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .tickMark {
  left: 0;
  top: 6px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .acol {
  margin-left: 15px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .acol label {
  text-transform: none;
}

.regex-dropdown-filter .multiSelect .checkboxLayer {
  width: 100%;
  margin-top: 0;
  margin-left: -1px;
}

.regex-dropdown-filter .multiSelect .checkBoxContainer {
  max-height: 200px;
}

.regex-dropdown-filter .label {
  font-size: 14px;
  font-weight: normal;
  color: #4c4c4c;
  cursor: pointer;
}

.regex-dropdown-filter .label input[type="checkbox"] {
  margin-right: 4px;
}

.regex-dropdown-filter .cf-switcher {
  right: 0;
}

.regex-dropdown-filter .cf-switcher.disabled .onoffswitch-inner::before {
  background-color: #DADADA;
}

.regex-dropdown-filter .vertical-line-pseudo-element {
  position: relative;
  padding: 0 15px;
}

.regex-dropdown-filter .vertical-line-pseudo-element:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: #DBDBDB;
}

.regex-dropdown-filter .vertical-line-pseudo-element__left:before {
  left: 0;
  right: auto;
}

.regex-dropdown-filter .vertical-line-pseudo-element__right:before {
  left: auto;
  right: 0;
}

contexts-variables .cdf-error i {
  vertical-align: middle;
  padding-right: 5px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.variables-header {
  border: 0;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #4c4c4c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 25px;
}

.variables-header .variables-edit__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-header .variables-edit__input-label {
  padding-bottom: 3px;
}

.variables-header .variables-edit__input-label-value {
  padding-left: 10px;
}

.variables-header .variables-edit__delimeter {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-edit__sort-icon {
  font-size: 20px;
}

.variables-edit__sort-btn {
  background-color: transparent;
}

.variables-edit__sort-btn, .variables-edit__sort-btn:hover, .variables-edit__sort-btn:focus, .variables-edit__sort-btn:active {
  border: 0 solid transparent;
  color: #000;
  padding: 0 5px;
}

.variables-edit {
  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;
  position: relative;
  padding-right: 25px;
  margin-bottom: 6px;
}

.variables-edit > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-edit__error-icon {
  display: none;
  position: relative;
  margin-top: -7px;
}

.variables-edit__error-icon .icon-codefresh-icon-warning-filled {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}

.variables-edit__error-tooltip .tooltip-inner {
  color: #fff;
  background-color: #eb5848;
}

.variables-edit__error-tooltip .tooltip-arrow {
  border-left-color: #eb5848 !important;
}

.variables-edit--disabled {
  background-color: #f7f7f7;
}

.variables-edit__input {
  width: 45%;
}

.variables-edit__input input.cf-input, .variables-edit__input .multiSelect input.inputFilter, .multiSelect .variables-edit__input input.inputFilter, .variables-edit__input .cf-select-light input.cf-select-toggle, .cf-select-light .variables-edit__input input.cf-select-toggle, .variables-edit__input .cf-select-lato input.cf-select-toggle, .cf-select-lato .variables-edit__input input.cf-select-toggle {
  height: 50px;
  width: 100%;
  min-width: 150px;
  max-width: 100%;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0 1px #DADADA;
          box-shadow: 0px 0px 0 1px #DADADA;
}

.variables-edit__input input.cf-input:focus, .variables-edit__input .multiSelect input.inputFilter:focus, .multiSelect .variables-edit__input input.inputFilter:focus, .variables-edit__input .cf-select-light input.cf-select-toggle:focus, .cf-select-light .variables-edit__input input.cf-select-toggle:focus, .variables-edit__input .cf-select-lato input.cf-select-toggle:focus, .cf-select-lato .variables-edit__input input.cf-select-toggle:focus {
  -webkit-box-shadow: 0px 0px 0 1px #11b5a4;
          box-shadow: 0px 0px 0 1px #11b5a4;
}

.variables-edit__input input.cf-input:disabled, .variables-edit__input .multiSelect input.inputFilter:disabled, .multiSelect .variables-edit__input input.inputFilter:disabled, .variables-edit__input .cf-select-light input.cf-select-toggle:disabled, .cf-select-light .variables-edit__input input.cf-select-toggle:disabled, .variables-edit__input .cf-select-lato input.cf-select-toggle:disabled, .cf-select-lato .variables-edit__input input.cf-select-toggle:disabled {
  background-color: #f7f7f7;
}

.variables-edit .variables-encrypt,
.variables-edit .variables-delete {
  position: absolute;
}

.variables-edit .variables-encrypt .btn-link,
.variables-edit .variables-delete .btn-link {
  padding: 0;
  text-decoration: none;
}

.variables-edit .variables-delete {
  right: 0;
}

.variables-edit .variables-delete .icon-codefresh-regular-trash {
  color: #888;
  font-size: 18px;
}

.variables-edit .variables-encrypt {
  right: 40px;
}

.variables-edit:hover .variables-delete {
  z-index: 2;
}

.variables-edit:hover .variables-delete .icon-codefresh-regular-trash {
  color: #000;
}

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

.variables-edit .tooltip {
  white-space: normal;
}

.variables-edit .tooltip .tooltip-inner {
  max-width: initial;
}

.lock-switcher__checkbox {
  display: none;
}

.lock-switcher__label {
  margin: 0;
  cursor: pointer;
}

.lock-switcher__checkbox:checked + .lock-switcher__label i {
  color: #11b5a4;
}

.lock-switcher__checkbox:disabled + .lock-switcher__label {
  cursor: default;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.variables-pipeline contexts-variables {
  display: block;
  padding-bottom: 10px;
}

.variables-pipeline__wrap {
  padding-left: 1px;
}

.variables-pipeline__header {
  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;
  margin-bottom: 15px;
  padding-right: 25px;
}

.variables-pipeline__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline__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;
}

.variables-pipeline__controls > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-pipeline__wrap .title {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
}

.variables-pipeline__wrap .variables-edit-buttons {
  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;
  margin-top: 10px;
  padding-right: 25px;
}

.variables-pipeline__wrap .variables-edit-buttons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline__wrap .variables-edit-buttons__item {
  width: 33%;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.variables-pipeline-small__header {
  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;
  margin-bottom: 10px;
  padding-right: 25px;
}

.variables-pipeline-small__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline-small__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;
}

.variables-pipeline-small__controls > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-pipeline-small contexts-variables {
  display: block;
  padding-bottom: 10px;
}

.variables-pipeline-small__wrap .title {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
}

.variables-pipeline-small__wrap form.environment-variable, .variables-pipeline-small__wrap form.cf-form {
  padding-right: 25px;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit,
.variables-pipeline-small__wrap form.cf-form .variables-edit {
  margin-bottom: -1px;
  border: 1px solid #dadada;
  padding-right: 25px;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-input, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .multiSelect input.inputFilter, .multiSelect .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.inputFilter, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .cf-select-light input.cf-select-toggle, .cf-select-light .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-select-toggle, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .cf-select-lato input.cf-select-toggle, .cf-select-lato .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-select-toggle,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-input,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .multiSelect input.inputFilter,
.multiSelect .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.inputFilter,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .cf-select-light input.cf-select-toggle,
.cf-select-light .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-select-toggle,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .cf-select-lato input.cf-select-toggle,
.cf-select-lato .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-select-toggle {
  height: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-input:focus, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .multiSelect input.inputFilter:focus, .multiSelect .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.inputFilter:focus, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .cf-select-light input.cf-select-toggle:focus, .cf-select-light .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-select-toggle:focus, .variables-pipeline-small__wrap form.environment-variable .variables-edit__input .cf-select-lato input.cf-select-toggle:focus, .cf-select-lato .variables-pipeline-small__wrap form.environment-variable .variables-edit__input input.cf-select-toggle:focus,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-input:focus,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .multiSelect input.inputFilter:focus,
.multiSelect .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.inputFilter:focus,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .cf-select-light input.cf-select-toggle:focus,
.cf-select-light .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-select-toggle:focus,
.variables-pipeline-small__wrap form.cf-form .variables-edit__input .cf-select-lato input.cf-select-toggle:focus,
.cf-select-lato .variables-pipeline-small__wrap form.cf-form .variables-edit__input input.cf-select-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit .variables-encrypt,
.variables-pipeline-small__wrap form.cf-form .variables-edit .variables-encrypt {
  right: 10px;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit .variables-delete,
.variables-pipeline-small__wrap form.cf-form .variables-edit .variables-delete {
  right: -25px;
}

.variables-pipeline-small__wrap form.environment-variable .variables-edit .variables-delete button i,
.variables-pipeline-small__wrap form.cf-form .variables-edit .variables-delete button i {
  font-size: 14px;
}

.variables-pipeline-small__wrap .variables-edit-buttons {
  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-right: 25px;
  margin-top: 10px;
}

.variables-pipeline-small__wrap .variables-edit-buttons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline-small__wrap .variables-edit-buttons__item {
  width: 100%;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.variables-pipeline__header {
  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;
  margin-bottom: 15px;
  padding-right: 25px;
}

.variables-pipeline__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline__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;
}

.variables-pipeline__controls > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.variables-pipeline contexts-variables {
  display: block;
  padding-bottom: 10px;
}

.variables-pipeline__empty {
  padding: 40px 0 35px 0;
}

.variables-pipeline__wrap .title {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
}

.variables-pipeline__wrap .variables-edit-buttons {
  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;
  margin-top: 10px;
  padding-right: 25px;
}

.variables-pipeline__wrap .variables-edit-buttons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.variables-pipeline__wrap .variables-edit-buttons__item {
  width: 33%;
}

.variables-pipeline__wrap .variables-project__empty {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
  padding: 25px 0 35px;
}

.variables-pipeline__wrap .variables-project__empty .title {
  font-weight: normal;
  text-align: center;
  color: #888;
  text-transform: capitalize;
  font-size: 20px;
}

.variables-pipeline__wrap .variables-project__empty .title.sub-title {
  text-transform: none;
  font-size: 13px;
}

.create-pipeline-modal__dropdown {
  width: 100%;
  padding: 12px 0 30px;
}

.create-pipeline-modal__dropdown .cf-registry-selector {
  max-width: initial;
}

.create-pipeline-modal__dropdown .cf-registry-selector.select-entity__focused .cf-registry-selector__selected {
  border: 1px solid #11b5a4;
}

.create-pipeline-modal__dropdown .cf-registry-selector.select-entity__focused .cf-registry-selector__list {
  border-top-color: #11b5a4;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cdf-input, .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-lato .cf-select-toggle, .cf-select-lato .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-toggle {
  border-color: #dbdbdb;
  height: 70px;
  padding: 25px;
  color: #4c4c4c;
  font-size: 16px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cdf-input .cf-registry-selector__arrow, .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-lato .cf-select-toggle .cf-registry-selector__arrow, .cf-select-lato .create-pipeline-modal__dropdown .cf-registry-selector .cf-select-toggle .cf-registry-selector__arrow {
  right: 25px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list {
  top: 69px;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item {
  padding: 12px 25px;
  color: #2f2f2f;
}

.create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:hover, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:active, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item.active, .create-pipeline-modal__dropdown .cf-registry-selector .cf-registry-selector__list .cf-registry-selector__item:focus {
  color: #fff;
  background-color: #11b5a4;
}

.simple-modal__modal-body .simple-modal__button .button-text-with-loader {
  position: relative;
}

.simple-modal__modal-body .simple-modal__button .button-text-with-loader .loader {
  display: none;
}

.simple-modal__modal-body .simple-modal__button .loader {
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -9px;
}

.create-pipeline-modal__input-wrapper {
  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;
  position: relative;
}

.select-entity__search-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  height: 100%;
  width: 100%;
}

.select-entity__search-input {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  padding: 25px;
}

.select-entity__search-input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.select-entity__search-input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.select-entity__search-input:focus {
  outline: none;
}

.select-entity__expand-area {
  height: 100%;
  width: 60px;
  cursor: pointer;
}

.cf-registry-selector__selected .cf-registry-selector__placeholder {
  color: #888;
}

.pipelines-sub-side-bar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #585858;
}

.pipelines-sub-side-bar__header {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
}

.pipelines-sub-side-bar__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
}

.pipelines-sub-side-bar__footer {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  background-color: #484848;
}

.pipelines-sub-side-bar__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pipelines-sub-side-bar__item {
  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;
  color: #eeeeee;
  font-size: 12px;
  padding: 5px 20px;
  height: 35px;
}

.pipelines-sub-side-bar__item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.pipelines-sub-side-bar__item .pipeline-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pipelines-sub-side-bar__item i {
  color: #eeeeee;
  font-size: 16px;
}

.pipelines-sub-side-bar__item i:hover {
  color: #fff;
}

.pipelines-sub-side-bar__item .cf-dropdown-commands {
  display: none;
}

.pipelines-sub-side-bar__item .uib-dropdown-menu span {
  text-transform: uppercase;
}

.pipelines-sub-side-bar__item:hover {
  cursor: pointer;
  background-color: #484848;
  -webkit-box-shadow: inset 4px 0 0 #FFFFFF;
          box-shadow: inset 4px 0 0 #FFFFFF;
  padding-right: 2px;
}

.pipelines-sub-side-bar__item:hover .cf-dropdown-commands {
  display: block;
}

.pipelines-sub-side-bar__item.selected {
  background-color: #484848;
  -webkit-box-shadow: inset 4px 0 0 #FFFFFF;
          box-shadow: inset 4px 0 0 #FFFFFF;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__icon {
  color: #888 !important;
}

.pipelines-sub-side-bar__wrap .project-selector .cdf-input, .pipelines-sub-side-bar__wrap .project-selector .cf-select-lato .cf-select-toggle, .cf-select-lato .pipelines-sub-side-bar__wrap .project-selector .cf-select-toggle {
  height: 40px;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector {
  position: absolute;
  min-width: 300px;
  font-weight: normal;
  font-size: 13px;
  margin-left: 12px;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector .cf-registry-selector__item {
  padding-left: 20px;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__preview {
  position: relative;
  height: 50px;
  font-weight: bold;
  padding: 5px 30px 5px 12px;
  text-transform: uppercase;
  color: #BEBEBE;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__list {
  top: 39px;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__list .cf-registry-selector__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 30px;
  color: #2f2f2f;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 33px;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__list .cf-registry-selector__item .icon {
  display: none;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__list .cf-registry-selector__item:hover {
  background-color: #e7f4f8;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__list .cf-registry-selector__item:hover .icon {
  display: initial;
  color: #11b5a4;
}

.pipelines-sub-side-bar__wrap .project-selector .select-entity__search-input-container {
  padding-left: 20px;
  z-index: 2;
}

.pipelines-sub-side-bar__wrap .project-selector .select-entity__search-input {
  padding: 0;
}

.pipelines-sub-side-bar__wrap .project-selector .cf-registry-selector__arrow {
  right: 10px;
  font-size: 20px;
  margin-top: -10px;
  color: #BEBEBE;
}

.cf-dropdown-commands .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-dropdown-commands .pipeline-menu-dropdown {
  padding: 10px 0;
  /**/
  display: block;
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /**/
}

.cf-dropdown-commands .pipeline-menu-dropdown.dropdown-menu-center {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
}

.cf-dropdown-commands .pipeline-menu-dropdown li {
  visibility: hidden;
}

.cf-dropdown-commands .pipeline-menu-dropdown li a {
  font-weight: bold;
  font-size: 12px;
}

.cf-dropdown-commands .pipeline-menu-dropdown li a:hover {
  background-color: #e7f4f8;
}

.cf-dropdown-commands .open > .pipeline-menu-dropdown {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.cf-dropdown-commands .open > .pipeline-menu-dropdown li {
  visibility: visible;
}

.cf-dropdown-commands .dropup .pipeline-menu-dropdown {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.cf-dropdown-commands .dropup .pipeline-menu-dropdown.dropdown-menu-center {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.pipelines-sub-side-bar__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .add-pipeline-button__dropdown {
  margin-left: -10px;
  -webkit-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#40000000');
  display: block;
  opacity: 0;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .add-pipeline-button__dropdown > li {
  visibility: hidden;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .add-pipeline-button__dropdown.dropdown-menu-center {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
  transition: opacity 0.1s, transform 180ms cubic-bezier(0.3, 0, 0, 1.3), -webkit-transform 180ms cubic-bezier(0.3, 0, 0, 1.3);
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .open > .add-pipeline-button__dropdown {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .open > .add-pipeline-button__dropdown li {
  visibility: visible;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .dropup .add-pipeline-button__dropdown {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}

.pipelines-sub-side-bar__footer .cf-dropdown-commands .dropup .add-pipeline-button__dropdown.dropdown-menu-center {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.pipelines-sub-side-bar__footer .add-pipeline-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
}

.pipelines-sub-side-bar__footer .add-pipeline-button i {
  margin-right: 8px;
  font-size: 24px;
}

.pipelines-sub-side-bar__footer .add-pipeline-button__dropdown {
  max-width: 200px;
  padding: 10px 0;
}

.pipelines-sub-side-bar__footer .add-pipeline-button__dropdown li a {
  padding: 3px 15px;
  font-weight: bold;
  font-size: 12px;
}

.pipelines-sub-side-bar__footer .add-pipeline-button__dropdown li a i {
  display: inline-block;
  width: 20px;
}

.pipelines-sub-side-bar__footer .add-pipeline-button__dropdown li a .icon-codefresh-text {
  font-size: 12px;
}

.pipelines-sub-side-bar__footer .add-pipeline-button__dropdown li:hover a {
  background-color: #e7f4f8;
}

.pipelines-sub-side-bar__item.ng-enter {
  -webkit-transition: 0.3s linear margin-top, opacity;
  transition: 0.3s linear margin-top, opacity;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.pipelines-sub-side-bar__item.ng-enter.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.triggers-tab-sidebar__container {
  height: 100%;
  background-color: white;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}

.triggers-tab-sidebar__container.triggers-tab-sidebar__empty .cf-pipeline-triggers-section {
  display: none !important;
}

.triggers-tab-sidebar__content {
  width: 100%;
  overflow-y: auto;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.triggers-tab-sidebar__content .cf-loader-indicator {
  width: 100%;
  height: 100%;
}

.triggers-tab-sidebar__content .cf-pipeline-triggers-section {
  padding-bottom: 0 !important;
}

.triggers-tab-sidebar__header {
  height: 60px;
  padding: 10px 7px 10px 20px;
  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;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.triggers-tab-sidebar__header .triggers-tab-sidebar__advanced-options {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.triggers-tab-sidebar__header .icon-codefresh-profile-configuration {
  color: #888;
}

.triggers-tab-sidebar__header-name {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.triggers-tab-sidebar__list .cf-pipeline-triggers-section .cf-triggers-list-section {
  border-top: none;
}

.triggers-tab-sidebar__list .cf-trigger-step-type-section {
  display: none;
}

.triggers-tab-sidebar__list .cf-triggers-list-row:hover {
  background-color: #e7f4f8 !important;
}

.triggers-tab-sidebar__list .cf-triggers-list-row:hover .cf-triggers-list-col-action-bar {
  visibility: visible;
}

.triggers-tab-sidebar__list .cf-triggers-list-row .cdf-wizard__repo-switcher,
.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list__filters,
.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list__last-execution,
.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list-col-action-bar .tool-tip,
.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list-col-action-bar .cf-dropdown-commands {
  display: none !important;
}

.triggers-tab-sidebar__list .cf-triggers-list-row .cf-trigger-info {
  margin-left: 0 !important;
}

.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list__edit {
  padding-right: 0 !important;
}

.triggers-tab-sidebar__list .cf-triggers-list-row .cf-triggers-list-col-action-bar {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 !important;
          flex: 0 !important;
  min-width: 22px !important;
  padding-right: 0 !important;
  visibility: hidden;
}

.triggers-tab-sidebar__empty-triggers-wrap {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 40px;
}

.triggers-tab-sidebar__empty-triggers-message {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 13px;
}

.triggers-tab-sidebar__add-trigger-button {
  font-size: 14px;
}

.pipelines__aside--variables {
  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;
  height: 100%;
}

.pipelines__aside--variables .settings-icon {
  color: #888888;
  cursor: pointer;
}

.pipelines__aside--variables .pipeline-workflow-box__header .settings-icon {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pipelines__aside--variables .pipeline-workflow-box__header .icon-codefresh-failed {
  cursor: pointer;
  font-size: 11px;
}

.pipelines__aside--variables .pipeline-workflow-box__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 20px;
  margin-top: 5px;
}

.pipelines__aside--variables .all-pipeline-variables .variables-header .variables-edit__sort-btn {
  background-color: transparent;
}

.pipelines__aside--variables .variables-edit__input input.cf-input, .pipelines__aside--variables .variables-edit__input .multiSelect input.inputFilter, .multiSelect .pipelines__aside--variables .variables-edit__input input.inputFilter, .pipelines__aside--variables .variables-edit__input .cf-select-light input.cf-select-toggle, .cf-select-light .pipelines__aside--variables .variables-edit__input input.cf-select-toggle, .pipelines__aside--variables .variables-edit__input .cf-select-lato input.cf-select-toggle, .cf-select-lato .pipelines__aside--variables .variables-edit__input input.cf-select-toggle {
  min-width: 100px;
}

.pipelines__aside--variables .pipelines-aside-variables__footer {
  padding: 10px 0 20px;
  width: 100%;
  bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  background-color: #fff;
}

.pipelines-aside-variables__no-variables .pipelines-aside-variables__footer {
  text-align: center;
}

.pipelines-aside-help__container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pipelines-aside-help__header {
  height: 60px;
  padding: 10px 20px;
  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;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pipelines-aside-help__header-name {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

.pipelines-aside-help__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 10px 20px;
  overflow-y: auto;
}

.pipelines-aside-help__welcome-message {
  margin: 0;
  width: 100%;
  color: #2f2f2f;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.pipelines-aside-help__step-header {
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  width: 100%;
  margin: 10px 0;
}

.pipelines-aside-help__step-list {
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -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;
  padding: 0;
  margin: 10px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pipelines-aside-help__step-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 20px;
}

.pipelines-aside-help__step-list-item-counter {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #9b51e0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  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-right: 13px;
}

.pipelines-aside-help__step-list-item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #000;
  font-size: 12px;
  margin: 0;
}

.pipelines-aside-help__step-list-item-link, .pipelines-aside-help__step-list-item-link:hover, .pipelines-aside-help__step-list-item-link:focus, .pipelines-aside-help__step-list-item-link:active {
  color: #518FF6;
  text-decoration: none;
}

.pipelines-aside-help__step-list-item-link:hover .pipelines-aside-help__step-list-item-link-text {
  text-decoration: underline;
}

.pipelines-aside-help__step-list-item-link .icon {
  margin-right: 5px;
}

.pipelines__aside--contexts {
  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;
  height: 100%;
}

.pipelines__aside--contexts .pipeline-workflow-box__header {
  border-bottom: 1px solid #dbdbdb;
}

.pipelines__aside--contexts .pipeline-workflow-box__header .pipeline-workflow-box__title {
  margin-bottom: 0;
}

.pipelines__aside--contexts .context-tab-sidebar__empty-wrap {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 40px;
}

.pipelines__aside--contexts .context-tab-sidebar__empty-message {
  width: 100%;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 13px;
  text-align: center;
}

.pipelines__aside--contexts .context-tab-sidebar__add-empty-button {
  font-size: 14px;
}

.pipelines-aside-contexts__content {
  width: 100%;
  overflow-y: auto;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pipelines-aside-contexts__content .cf-loader-indicator {
  width: 100%;
  height: 100%;
}

.pipelines-aside-contexts__content .contexts-list {
  margin-top: 20px;
  padding-left: 20px;
}

.pipelines-aside-contexts__origin {
  font-size: 12px;
  color: #4c4c4c;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 7px;
  display: inline-block;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.context-item__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.context-item__wrap .context-item__logo {
  width: 40px;
}

.context-item__wrap .context-item__logo img {
  width: 29px;
  height: 29px;
  display: block;
  margin-right: auto;
}

.context-item__wrap .context-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.context-item__wrap .context-item__actions {
  width: 60px;
  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;
  color: #BEBEBE;
  font-size: 16px;
}

.context-item__wrap .context-item__actions i {
  cursor: pointer;
  margin-bottom: 10px;
}

.context-item__wrap .context-item__actions i:hover {
  color: #2f2f2f;
}

.context-item__wrap .context-provider {
  font-size: 11px;
  font-weight: bold;
  color: #888888;
  text-transform: uppercase;
}

.context-item__wrap .context-repo {
  font-size: 13px;
  font-weight: bold;
  color: #2f2f2f;
  line-height: 25px;
  padding-right: 10px;
}

.context-item__wrap .context-branch {
  font-size: 13px;
  color: #4c4c4c;
  line-height: 19px;
  font-weight: normal;
}

.pipeline-variables__container_modal .variables__wrap {
  width: 100%;
  min-width: auto;
  padding: 20px 20px 60px;
}

.pipeline-variables__container_modal .variables-header .variables-edit__sort-btn {
  background-color: transparent;
}

.pipeline-variables__container_modal .variables-list .variables-list__pipeline {
  border-right: 1px solid #dbdbdb;
  padding-right: 50px;
}

.pipeline-variables__container_modal .variables-list .variables-list__project {
  padding-left: 50px;
}

.pipeline-triggers__wrap {
  padding: 27px 20px 0 20px;
}

.pipeline-triggers__header {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.pipeline-triggers__wrap .title {
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  font-size: 18px;
  margin: 0;
}

.pipeline-triggers__wrap .title.sub-title {
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
}

.pipeline-triggers__wrap .pipeline-triggers__content {
  padding: 0;
}

.pipeline-triggers__wrap .cf-trigger-step-type-title {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 14px !important;
  text-transform: uppercase;
  margin-top: 0 !important;
}

.pipeline-triggers__wrap .cf-pipeline-triggers-section .cf-triggers-list-section {
  border-top: none !important;
}

.pipeline-triggers__button-add-trigger, .pipeline-triggers__button-copy-webhook {
  border-radius: 3px;
  padding: 12px 16px;
  font-size: 12px;
  margin-left: 10px;
}

.pipeline-triggers__button-add-trigger .fa-plus, .pipeline-triggers__button-copy-webhook .fa-plus {
  margin-right: 5px;
}

.pipeline-triggers__button-copy-webhook {
  width: 150px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.input-md-modern {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  height: 50px;
  padding: 6px 20px;
  border: 1px solid #dbdbdb;
  color: #2f2f2f;
  width: 100%;
}

.input-md-modern:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.input-md-modern[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.input-md-modern[readonly] {
  opacity: 0.7;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.input-md-modern.ng-invalid.ng-dirty, .input-md-modern.ng-invalid.validate-no-dirty {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.input-md-modern-regex.ng-valid {
  color: #F39C12;
}

.input-md-modern::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.input-md-modern:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.input-md-modern, .input-md-modern:focus, .input-md-modern.ng-invalid.ng-dirty, .input-md-modern.validate-no-dirty {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-md-modern:focus {
  border-color: #11b5a4;
}

.tabs__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 56px;
}

.tabs__item {
  background-color: transparent;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 17px 30px;
  color: #4c4c4c;
  font-weight: bold;
  margin-bottom: -1px;
}

.tabs__item:hover .step-name {
  color: #11b5a4;
}

.tabs__item.selected {
  border-bottom: 4px solid #11b5a4;
}

.tabs__item.selected .step-name {
  color: #11b5a4;
}

.tabs__wrap_vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: none;
  width: 47px;
  background-color: #f5f5f5;
  height: 100%;
}

.tabs__wrap_vertical .tabs__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  border: none;
  padding: 20px 17px;
  background-color: #f5f5f5;
  color: #000000;
  border-top: 1px solid transparent;
}

.tabs__wrap_vertical .tabs__item:hover {
  border: none;
  color: #000000;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  z-index: 2;
  border-top: 1px solid #f5f5f5;
}

.tabs__wrap_vertical .tabs__item.selected {
  z-index: 1;
  border: none;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.tabs__wrap_vertical .tabs__item.selected .step-name {
  color: #000000;
}

.aside-validation-icon {
  display: block;
  margin-top: 10px;
}

.aside-validation-icon .icon-codefresh-icon-warning-filled {
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #EB3D3D;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.error-aside-tooltip {
  -webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;
  text-orientation: mixed;
}

.aside__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  margin-left: 15px;
}

.aside__inner {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.aside__inner {
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.aside__inner .aside__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  width: 310px;
  overflow-x: hidden;
}

.project-settings__tabs-panel, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs {
  margin: 0;
  text-transform: uppercase;
  color: #4c4c4c;
  height: 74px;
}

.project-settings__tabs-panel .tab, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab {
  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;
}

.project-settings__tabs-panel .tab.active a, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab.active a {
  padding-bottom: 10px !important;
}

.project-settings__tabs-panel .tab a, .pipelines-list .project-pipelines__tabs-panel-wrapper .project-pipelines__tabs-panel.cf-tabs .tab a {
  margin: 0;
  padding: 10px 30px;
  font-size: 13px;
}

.project-settings__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.project-settings__main {
  height: calc(100% - -6px);
  min-height: 666px;
  padding: 0 20px 75px;
}

.project-settings__header {
  height: 66px;
  background-color: #ebf5f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.project-settings__footer {
  height: 60px;
  border-top: 1px solid #ebedef;
  background-color: #fff;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: bold;
  padding: 0 15px;
}

.project-settings__footer-save-button.cdf-button, .filters-bar .project-settings__footer-save-button.add-filter-value, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button {
  width: 99px;
  height: 40px;
  font-size: 14px;
}

.project-settings__footer-save-button.cdf-button--progress {
  background-color: #1bbfae;
  border-color: #1bbfae;
}

.project-settings__footer-save-button.cdf-button .spinner, .filters-bar .project-settings__footer-save-button.add-filter-value .spinner, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button .spinner {
  margin-right: 17px;
  display: inline;
}

.project-settings__footer-save-button.cdf-button .spinner span, .filters-bar .project-settings__footer-save-button.add-filter-value .spinner span, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .project-settings__footer-save-button.submit-selection__button .spinner span {
  background: #fff;
}

@keyframes pulse {
  0% {
    opacity: 0.4;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

.project-settings__footer-delete-button {
  font-size: 14px;
  width: 99px;
  height: 40px;
  color: #eb5848;
  border: 1px solid #eb5848;
  background-color: #fff;
}

.project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:hover, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:focus, .project-settings__footer-delete-button.project-settings__footer-delete-button--in-progress:enabled:active {
  border-color: #eb5848;
  color: #eb5848;
  background-color: #fff;
}

.project-settings__footer-delete-button:enabled:hover, .project-settings__footer-delete-button:enabled:focus {
  background-color: #fff;
  border-color: #ff6c5c;
  color: #ff6c5c;
}

.project-settings__footer-delete-button:enabled:active {
  background-color: #eb5848;
  border-color: #eb5848;
  color: #fff;
}

.project-settings__footer-delete-button:disabled {
  opacity: 0.5;
  background-color: #fff;
}

.project-settings__footer-delete-button .spinner {
  margin-right: 17px;
  display: inline;
}

.project-settings__footer-delete-button .spinner span {
  background: #eb5848;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(6);
            transform: scale(6);
  }
}

.project-settings__container {
  background-color: #fff;
  margin: 40px 0;
  padding: 30px;
  min-height: 512px;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: 634px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.project-settings__inputs-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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 574px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags {
  padding: 6px 18px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .autocomplete {
  left: -19px;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__inputs-container .project-settings__tags-input--empty.edit-image-tags .tags input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.project-settings__inputs-container .tags-input__component-container {
  width: 100%;
}

.project-settings__inputs-container .edit-image-tags .autocomplete {
  margin-top: 8px;
  left: -19px;
  width: 574px;
  border: 1px solid #EDEDED;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item {
  height: 40px;
  font-size: 14px;
  font-family: Lato;
  padding: 12px 25px;
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item.selected {
  background-color: rgba(63, 174, 238, 0.08);
  color: #4c4c4c;
}

.project-settings__inputs-container .edit-image-tags .autocomplete .suggestion-item.selected em {
  color: inherit;
  background-color: inherit;
}

.project-settings__label {
  font-size: 14px;
  text-transform: uppercase;
  color: #4c4c4c;
  text-align: start;
  width: 100%;
  margin: 0;
}

.project-settings__input {
  width: 100%;
  height: 50px;
  border: 1px solid #dbdbdb;
  margin: 5px 0 30px;
  padding: 16px 25px;
  color: #2f2f2f;
  outline: none;
}

.project-settings__input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.project-settings__input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.project-settings__input:focus {
  outline: none;
  border-color: #11b5a4;
}

.project-settings__input-form {
  width: 100%;
}

.project-settings__input-form .project-settings__name-input-wrapper {
  position: relative;
  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;
}

.project-settings__input-form .project-settings__error-message {
  display: none;
}

.project-settings__input-form.ng-dirty.ng-invalid .project-settings__error-message, .project-settings__input-form.project-settings__input--duplication-error .project-settings__error-message {
  display: inline;
  color: #eb5848;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  left: 0;
}

.project-settings__input-form.ng-dirty.ng-invalid .project-settings__input, .project-settings__input-form.project-settings__input--duplication-error .project-settings__input {
  border-color: #eb5848;
}

.project-settings__input-form.project-settings__input--duplication-error .project-settings__input {
  color: #eb5848;
}

.project-settings__header-add-button {
  width: 165px;
  font-size: 14px;
}

.project-settings__header-add-button .project-settings__add-icon {
  margin-right: 7px;
}

.project-variables .variables-pipeline__header .title {
  visibility: hidden;
}

.project-variables .title {
  font-size: 18px;
  color: #2f2f2f;
  font-weight: bold;
  margin-bottom: 5px;
}

.project-variables .title.sub-title {
  font-size: 13px;
  color: #4c4c4c;
  font-weight: normal;
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.status-box {
  border-left: 10px solid #4c4c4c;
}

.status-box .status-box-text {
  color: #4c4c4c;
}

.status-box.status-box-pending {
  border-color: #ccc;
}

.status-box.status-box-pending .status-box-text {
  color: #ccc;
}

.status-box.status-box-terminated, .status-box.status-box-error {
  border-color: #eb5848;
}

.status-box.status-box-terminated .status-box-text, .status-box.status-box-error .status-box-text {
  color: #eb5848;
}

.status-box.status-box-success {
  border-color: #1abc9c;
}

.status-box.status-box-success .status-box-text {
  color: #1abc9c;
}

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

.cf-overlay-backdrop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: white;
  opacity: 0.6;
}

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

.cf-flex-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-container-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-flex-container-static > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-flex-align-center {
  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;
}

.cf-flex-align-center > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-container-header {
  font-size: 20px;
  color: #4c4c4c;
  padding-left: 50px;
}

.cf-container-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.cf-container-box {
  padding: 40px;
  background: #fff;
}

.modal-content-loading {
  min-height: 250px;
  min-width: 250px;
}

.dialog-container {
  margin: 15px;
  padding: 20px;
  background-color: #f5faf9;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dialog-container.modal-content-loading {
  background-image: none;
}

.dialog-container .cf-container-header {
  padding: 0;
  margin: 0 0 20px;
}

.cf-pre {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.full-h {
  height: 100%;
}

.projects-list__cell-project {
  width: 500px;
}

.projects-list__cell-project .cf-sub-title {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.projects-list__cell-last-active {
  width: 200px;
}

.projects-list__cell-pipelines {
  width: 150px;
}

.projects-list__cell-configuration {
  padding-right: 5px !important;
}

.projects-list__cell-configuration .icon-codefresh-hamburger {
  padding: 20px 10px !important;
}

.projects-list__container {
  padding: 0 20px 40px;
}

.projects-list__container .ng-table-pager {
  margin-top: 10px;
}

.projects-list__container .cf-table .projects-list__table-row, .projects-list__container .helm-chart-details markdown table .projects-list__table-row, .helm-chart-details markdown .projects-list__container table .projects-list__table-row {
  height: 71px;
}

.projects-list__container .cf-table .tag-label, .projects-list__container .helm-chart-details markdown table .tag-label, .helm-chart-details markdown .projects-list__container table .tag-label, .projects-list__container .cf-table .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .projects-list__container .cf-table .box-label, .projects-list__container .helm-chart-details markdown table .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .projects-list__container .helm-chart-details markdown table .box-label, .helm-chart-details markdown .projects-list__container table .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .helm-chart-details markdown .projects-list__container table .box-label {
  color: #11b5a4;
  border: 1px solid #87E0D7;
  display: inline;
  text-transform: uppercase;
  font-size: 11px;
  margin-left: 5px;
}

.projects-list__container .cf-table .tag-label:hover, .projects-list__container .helm-chart-details markdown table .tag-label:hover, .helm-chart-details markdown .projects-list__container table .tag-label:hover, .projects-list__container .cf-table .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .projects-list__container .cf-table .box-label:hover, .projects-list__container .helm-chart-details markdown table .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .projects-list__container .helm-chart-details markdown table .box-label:hover, .helm-chart-details markdown .projects-list__container table .cf-boxes-list .cf-box-item .box-label:hover, .cf-boxes-list .cf-box-item .helm-chart-details markdown .projects-list__container table .box-label:hover {
  border-width: 2px;
  text-decoration: none;
}

.projects-list__container .cf-table tags-input, .projects-list__container .helm-chart-details markdown table tags-input, .helm-chart-details markdown .projects-list__container table tags-input {
  border: 1px solid #ebedef;
}

.projects-list__container .cf-table .edit-image-tags .tags, .projects-list__container .helm-chart-details markdown table .edit-image-tags .tags, .helm-chart-details markdown .projects-list__container table .edit-image-tags .tags {
  background-color: transparent !important;
}

.projects-list__container .cf-table .edit-image-tags .tags .tag-list .tag-item .tag-template, .projects-list__container .helm-chart-details markdown table .edit-image-tags .tags .tag-list .tag-item .tag-template, .helm-chart-details markdown .projects-list__container table .edit-image-tags .tags .tag-list .tag-item .tag-template {
  color: #11b5a4 !important;
  border: 1px solid #11b5a4 !important;
  background-color: #f5faf9 !important;
  font-size: 12px;
  font-weight: bold;
  padding-left: 8px;
  font-family: 'Lato';
}

.projects-list__container .cf-table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover, .projects-list__container .helm-chart-details markdown table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover, .helm-chart-details markdown .projects-list__container table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover {
  background-color: #f5faf9 !important;
}

.projects-list__container .cf-table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button, .projects-list__container .helm-chart-details markdown table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button, .helm-chart-details markdown .projects-list__container table .edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button {
  color: #11b5a4 !important;
}

.projects-list__container .cf-table th, .projects-list__container .helm-chart-details markdown table th, .helm-chart-details markdown .projects-list__container table th {
  white-space: nowrap;
  background-color: #ebf5f3;
}

.projects-list__container .cf-table .tags-column, .projects-list__container .helm-chart-details markdown table .tags-column, .helm-chart-details markdown .projects-list__container table .tags-column {
  padding-bottom: 0;
}

.projects-list__container .cf-table .tooltip, .projects-list__container .helm-chart-details markdown table .tooltip, .helm-chart-details markdown .projects-list__container table .tooltip {
  white-space: nowrap;
}

.projects-list__container .cf-table .actions, .projects-list__container .helm-chart-details markdown table .actions, .helm-chart-details markdown .projects-list__container table .actions {
  text-align: right;
  color: #4c4c4c;
  white-space: nowrap;
  width: 64px;
}

.projects-list__container .cf-table .actions .icon-codefresh-hamburger, .projects-list__container .helm-chart-details markdown table .actions .icon-codefresh-hamburger, .helm-chart-details markdown .projects-list__container table .actions .icon-codefresh-hamburger {
  margin-left: 0;
  padding: 0 5px 0 10px;
  position: relative;
  bottom: -2px;
}

.projects-list__container .cf-table .actions div[uib-dropdown], .projects-list__container .helm-chart-details markdown table .actions div[uib-dropdown], .helm-chart-details markdown .projects-list__container table .actions div[uib-dropdown] {
  display: inline;
}

.projects-list__container .cf-table .actions .fa-cube:before, .projects-list__container .helm-chart-details markdown table .actions .fa-cube:before, .helm-chart-details markdown .projects-list__container table .actions .fa-cube:before {
  content: "I";
  font-family: 'codefresh';
  position: relative;
  top: 2px;
}

.projects-list__container .cf-table .actions .icon-codefresh-profile-configuration, .projects-list__container .helm-chart-details markdown table .actions .icon-codefresh-profile-configuration, .helm-chart-details markdown .projects-list__container table .actions .icon-codefresh-profile-configuration {
  padding: 5px 8px;
  font-size: 15px;
  vertical-align: middle;
  color: #4e545d;
}

.projects-list__cell-project-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.projects-list__cell-project-details i.favorite {
  font-size: 20px;
  color: #dbdbdb;
}

.projects-list__cell-project-details i.favorite.favorite-selected {
  color: #F29931;
}

.projects-list__cell-project-details i.favorite:hover {
  color: #F29931;
}

.projects-list__cell-project-image {
  width: 44px;
  height: 44px;
  margin: 0 24px 0 14px;
}

.projects-list__table-container {
  margin-top: 20px;
}

.projects-list__header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.projects-list__header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.projects-list__header-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.projects-list__header-container filters-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.projects-list__header-container .filters-bar {
  height: 100%;
  min-height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
}

.projects-list__header-container .projects-list__header-add-button {
  width: 165px;
  font-size: 14px;
}

.projects-list__header-container .projects-list__header-add-button .projects-list__add-icon {
  margin-right: 7px;
}

.projects-list__container-empty {
  height: calc(100% - 62px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px;
}

.projects-list__welcome-form {
  position: relative;
  width: 770px;
  height: 590px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 40px;
  top: 168px;
}

.projects-list__welcome-form.ng-invalid.ng-dirty .projects-list__welcome-input, .projects-list__welcome-form.ng-invalid.ng-submitted .projects-list__welcome-input {
  border-color: #eb5848;
}

.projects-list__welcome-form.ng-invalid.ng-dirty .project-list__error-message, .projects-list__welcome-form.ng-invalid.ng-submitted .project-list__error-message {
  display: inline;
  color: #eb5848;
  position: absolute;
  left: 0;
  bottom: 7px;
}

.projects-list__welcome-input-wrapper {
  width: 100%;
  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;
}

.projects-list__welcome-header {
  font-size: 38px;
  color: #2f2f2f;
  text-align: center;
  margin: 48px 0 7px;
}

.projects-list__welcome-subtitle {
  font-size: 25px;
  color: #4c4c4c;
  text-align: center;
  margin: 0 0 50px;
}

.projects-list__welcome-label {
  text-transform: uppercase;
  text-align: left;
  color: #4c4c4c;
  margin: 0;
  width: 100%;
}

.projects-list__welcome-input {
  width: 100%;
  height: 80px;
  border: 1px solid #dbdbdb;
  margin: 15px 0 35px;
  padding: 28px 25px;
  font-size: 18px;
  color: #2f2f2f;
}

.projects-list__welcome-input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.projects-list__welcome-input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.projects-list__welcome-input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.projects-list__welcome-input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.projects-list__welcome-input:focus {
  outline: none;
  border-color: #11b5a4;
}

.projects-list__welcome-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4c4c4c;
  font-size: 14px;
  background-color: #f0f8ff;
  margin-bottom: 52px;
  width: 100%;
  height: 62px;
}

.projects-list__welcome-create-button {
  width: 230px;
  height: 70px;
  font-size: 17px;
}

.projects-list__welcome-image-light {
  width: 40px;
  height: 40px;
  margin: 0 15px;
}

.projects-list__superfreshman {
  position: absolute;
  height: 180px;
  width: 180px;
  top: 0;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/modules/cf.resources/images/superfresh-avatar-white.png);
  background-size: contain;
}

.projects-list__superfreshman--finger-up {
  background-image: none;
}

.projects-list__superfreshman--finger-up img {
  margin-left: -26px;
  margin-top: -3px;
}

.project-list__error-message {
  display: none;
}

@media (max-height: 900px) {
  .projects-list__container-empty {
    height: auto;
    padding: 40px 20px;
  }
  .projects-list__welcome-form {
    margin: 110px 0 0;
    top: 0;
  }
}

.kube-service-label-menu {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 3px;
  max-width: 250px;
}

.kube-service-label-menu > .tag-label, .cf-boxes-list .cf-box-item .kube-service-label-menu > .box-label {
  margin-left: 0;
}

.kube-service-label-menu .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f5faf9;
  border: 1px solid #ebf5f3;
  border-radius: 0;
  padding: 0;
}

.kube-service-label-menu .dropdown-menu > li > * {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0F9C8D;
  padding: 8px 8px;
  font-size: 12px;
  font-weight: bold;
}

.kube-service-label-menu .dropdown-menu > li > *:hover {
  background-color: #ebf5f3;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cdf-link, .cdf-link-light, .cdf-link--bold, .kube-namespace-container .namespace-services-list tr .cdf-link, .kube-namespace-container .namespace-services-list tr .cdf-link-light, .kube-namespace-container .namespace-services-list tr .cdf-link--bold, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold {
  cursor: pointer;
  color: #0F9C8D;
}

.cdf-link:hover, .cdf-link-light:hover, .cdf-link--bold:hover, .kube-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:hover {
  color: #0b897c;
}

.cdf-link:active, .cdf-link-light:active, .cdf-link--bold:active, .kube-namespace-container .namespace-services-list tr .cdf-link:active, .kube-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:active, .cdf-link:focus, .cdf-link-light:focus, .cdf-link--bold:focus, .kube-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:focus {
  color: #26BC9D;
  outline: none;
}

.cdf-link:visited, .cdf-link-light:visited, .cdf-link--bold:visited, .kube-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:visited {
  color: #0F9C8D;
}

.cdf-link__arrow-left {
  display: inline;
}

.cdf-link--break-line:before {
  content: "\A";
  white-space: pre;
}

.cdf-link-light {
  font-weight: lighter;
}

.cdf-link--bold {
  font-weight: bold;
}

a.remove-defaults {
  text-decoration: none  !important;
}

a.remove-defaults:hover {
  text-decoration: none !important;
  cursor: pointer;
}

.no-underline {
  text-decoration: none !important;
}

.kube-monitor-view {
  /* Global */
  /* Filters Bar*/
  /* CF Kube Tabs*/
  /*Content of kube management view */
}

.kube-monitor-view .kube-monitor-header,
.kube-monitor-view .kube-monitor-content {
  padding: 10px 20px;
}

.kube-monitor-view .filters-bar {
  margin: 0;
  padding: 0 10px 0 0;
}

.kube-monitor-view .cf-pointer {
  cursor: pointer;
}

.kube-monitor-view .cf-kube-tabs {
  margin: 0;
  border: none;
}

.kube-monitor-view .cf-kube-tabs .tab {
  font-size: 13px;
}

.kube-monitor-view .cf-kube-tabs .tab a {
  margin: 0 10px;
  padding: 0 20px 14px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  -webkit-transition: color 0.2s ease, border-color 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.kube-monitor-view .cf-kube-tabs .tab a:hover {
  color: #0F9C8D;
  border-bottom: 3px solid #0F9C8D;
}

.kube-monitor-view .cf-kube-tabs .tab.active a {
  border-bottom: 3px solid #0F9C8D;
}

.kube-monitor-view .cf-kube-tabs .tab:first-child a {
  margin-left: 0;
}

.kube-monitor-view .kube-monitor-header {
  background-color: #ebf5f3;
  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;
}

.kube-monitor-view .kube-monitor-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.kube-monitor-view .kube-monitor-header > *.kube-monitor-header-grow {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.kube-monitor-view .kube-monitor-header > *.kube-monitor-header-no-grow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.kube-monitor-view .kube-monitor-header form {
  margin-right: 7px;
}

.kube-monitor-view .kube-monitor-header form .form-group {
  margin-bottom: 0;
}

.kube-monitor-view .kube-monitor-header form .form-group .header-form-input-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 43px;
  border-radius: 3px;
}

.kube-monitor-view .kube-monitor-header .btn-view-mode {
  width: 28px;
  height: 28px;
  padding: 5px;
}

.kube-monitor-view .kube-monitor-header .btn-view-mode .view-mode-icon {
  font-size: 2.26em;
}

.kube-monitor-view .kube-monitor-content {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: 0 20px;
  /**/
  /**/
}

.kube-monitor-view .kube-monitor-content .kube-monitor-refresh {
  position: absolute;
  right: 0;
  top: 10px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-content-inner {
  margin-top: 0;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container {
  margin-bottom: 5px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row {
  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: 0;
  margin: 0;
  background-color: #fff;
  height: 55px;
  cursor: pointer;
  width: 100%;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row__column-title {
  font-size: 10px;
  color: #888;
  font-weight: normal;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row__column-title--namespace {
  padding-left: 30px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row__wrapper {
  border: 1px solid #ebedef;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row--warning {
  border-right-color: #ccc;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row__settings-btn {
  margin-left: 5px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row__add-map-btn {
  padding: 0 8px;
  margin-left: 5px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .only-on-hover {
  display: none;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row:hover .only-on-hover {
  display: inherit;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info {
  cursor: pointer;
  padding: 14px 10px;
  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;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info .namespace-name {
  width: 300px;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info .namespace-name .arrow-container {
  width: 26px;
  display: inline-block;
  text-align: center;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info .cluster-name {
  width: 220px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-info .services-amount {
  font-weight: bold;
  padding-right: 20px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-actions {
  padding: 10px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-actions i {
  margin-right: 10px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-actions__dropdown {
  right: 20px;
  left: auto;
  top: 40px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-actions__dropdown li {
  padding: 5px 10px;
  cursor: pointer;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-row .namespace-actions__dropdown li:hover {
  background-color: #0F9C8D;
  color: #fff;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list {
  background-color: #fff;
  padding: 5px 20px 17px 20px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list thead {
  border: 1px solid #ebf5f3;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list thead tr {
  background-color: #ebf5f3;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list thead tr th {
  height: 40px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr {
  cursor: default;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .only-on-hover {
  display: none;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr:hover .only-on-hover {
  display: inline;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr.deleted {
  background-color: #F5932A;
  opacity: 0.4;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-name {
  width: 20%;
  min-width: 190px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-pod-name {
  width: 30%;
  min-width: 190px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-cell-status {
  width: 48px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-images {
  min-width: 200px;
  max-width: 200px;
  padding: 10px 0 10px 10px;
  word-wrap: break-word;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-replicas {
  position: relative;
  min-width: 120px;
  white-space: nowrap;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-replicas .edit-btn {
  position: relative;
  top: auto;
  left: auto;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-replicas .cf-number-input {
  display: inline-block;
  width: 70px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-endpoints {
  width: 150px;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-status {
  width: 48px;
  text-align: center;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-status > * {
  display: inline-block;
  cursor: pointer;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-actions {
  min-width: 90px;
  max-width: 90px;
  white-space: nowrap;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-actions i {
  padding: 5px;
  cursor: pointer;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .kube-service-actions i:hover {
  color: #0F9C8D;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .ng-table-pager {
  display: none;
}

.kube-monitor-view .kube-monitor-content .kube-monitor-content-message {
  border: 1px solid #ebedef;
  background-color: #fff;
  padding: 17px 20px;
}

.kube-monitor-view .kube-monitor-content .cf-empty-screen {
  border: 1px solid #ebedef;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 0 50px;
}

.customer-billing-settings .limits {
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  margin-top: 20px;
}

.customer-billing-settings .build-limit-container .build-limit-main-title {
  min-width: 180px;
}

.customer-billing-settings .build-limit-container--no-border {
  border-top: 0;
  border-bottom: 0;
}

.cf-topbar-title {
  text-transform: capitalize;
}

.content.main-content .main-content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

user-profile .account-settings, user-profile .user-settings {
  display: none;
}

user-profile .profile-menu__wrap {
  min-width: 250px;
}

user-profile .profile-menu__list {
  width: 100%;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.cf-rotate-180 {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.cf-slider .rz-bar {
  border-radius: 10px;
  background: #DADADA;
  height: 7px;
}

.cf-slider .rz-selection {
  background: #0F9C8D;
}

.cf-slider .rz-pointer {
  background: #fff;
  height: 27px;
  width: 27px;
  -webkit-box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
  top: -11px;
}

.cf-slider .rz-pointer:after {
  background: none !important;
  color: #c4c4c4;
  content: '<>';
  font-size: 17px;
  top: 2px;
  left: 4px;
}

.cf-slider .rz-pointer:focus {
  outline: none;
}

.cf-slider .rz-bubble {
  bottom: -37px;
  font-size: 15px;
  color: #0F9C8D;
  font-weight: bold;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
}

.cdf-button, .filters-bar .add-filter-value, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button {
  text-decoration: none;
  background-color: #11b5a4;
  color: #fff;
  padding: 10px 17px;
  border: 1px solid #11b5a4;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.cdf-button:hover, .filters-bar .add-filter-value:hover, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:hover {
  background-color: #1bbfae;
  border: 1px solid #1bbfae;
  text-decoration: none;
}

.cdf-button:active, .filters-bar .add-filter-value:active, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button:active {
  background-color: #07ab9a;
  border: 1px solid #07ab9a;
}

.cdf-button[disabled], .filters-bar .add-filter-value[disabled], .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button[disabled] {
  background-color: #a8eee7;
  border: 1px solid #a8eee7;
}

.cdf-button-icon {
  font-size: 16px;
  margin-right: 5px;
}

.cdf-button--medium, .confirmation-dialog .confirmation-buttons:not(.all-buttons) button {
  width: 200px;
}

.cdf-button--long {
  width: 254px;
}

.cdf-button--longer {
  width: 118px;
}

.cdf-button--small {
  font-size: 12px;
  padding: 5px 17px;
}

.cdf-button--left-aligned {
  text-align: left;
}

.cdf-button--icon-only {
  width: 26px;
  padding: 0;
  line-height: 24px;
}

.cdf-button--plus-icon {
  width: 26px;
  padding: 0;
  line-height: 21px;
  height: 22px;
}

.cdf-button--rounded {
  border-radius: 100px;
}

.cdf-button--light {
  background-color: #fff;
  border: 1px solid #11b5a4;
  color: #11b5a4;
}

.cdf-button--light:hover, .cdf-button--light:focus {
  background-color: #fff;
  border: 1px solid #1bbfae;
  color: #1bbfae;
}

.cdf-button--light:active {
  background-color: #fff;
  border: 1px solid #07ab9a;
  color: #07ab9a;
}

.cdf-button--light[disabled] {
  background-color: #fff;
  border: 1px solid #a8eee7;
  color: #a8eee7;
}

.cdf-button--orange {
  color: #F5932A;
  border-color: #F5932A;
  background-color: transparent;
}

.cdf-button--orange:hover {
  background-color: #fff;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange:active, .cdf-button--orange:focus {
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--orange[disabled] {
  background-color: #fff;
  border: 1px solid #F5932A;
  color: #F5932A;
  border-color: #F5932A;
}

.cdf-button--danger {
  color: #eb5848;
  border-color: #eb5848;
  background-color: transparent;
}

.cdf-button--danger:hover, .cdf-button--danger:focus {
  background-color: #fff;
  color: #ff6c5c;
  border-color: #ff6c5c;
}

.cdf-button--danger:active {
  color: #fff;
  border-color: #eb5848;
  background-color: #eb5848;
}

.cdf-button--danger[disabled] {
  background-color: #fff;
  border: 1px solid #eb5848;
  color: #eb5848;
  border-color: #eb5848;
  opacity: 0.5;
}

.cdf-button--danger-confirm {
  background-color: #eb5848;
  border-color: #eb5848;
}

.cdf-button--danger-confirm:hover {
  background-color: #ff6c5c;
  border: 1px solid #ff6c5c;
  text-decoration: none;
}

.cdf-button--danger-confirm:active {
  background-color: #d74434;
  border: 1px solid #d74434;
}

.cdf-button--danger-confirm[disabled] {
  background-color: #eb5848;
  border: 1px solid #eb5848;
  opacity: 0.5;
}

.cdf-button--grey {
  color: #888;
  border-color: #888;
  background-color: transparent;
}

.cdf-button--grey:hover, .cdf-button--grey:focus {
  background-color: #fff;
  color: #9c9c9c;
  border-color: #9c9c9c;
}

.cdf-button--grey:active {
  color: #fff;
  border-color: #888;
  background-color: #888;
}

.cdf-button--grey[disabled] {
  background-color: #fff;
  border: 1px solid #888;
  color: #888;
  border-color: #888;
  opacity: 0.5;
}

.cdf-button--success {
  color: #1abc9c;
  border-color: #1abc9c;
  background-color: transparent;
}

.cdf-button--success:hover {
  background-color: #fff;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success:active, .cdf-button--success:focus {
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--success[disabled] {
  background-color: #fff;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  border-color: #1abc9c;
}

.cdf-button--bold {
  font-weight: bold;
}

.cdf-button--dark {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark:active, .cdf-button--dark:focus {
  background-color: #fff;
  border: 1px solid #fff;
  color: #1abc9c;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #fff;
  color: #fff;
  opacity: 0.45;
}

.cdf-button--dark-2 {
  font-weight: bold;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  cursor: pointer;
  text-decoration: none;
}

.cdf-button--dark-2:hover {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #4c4c4c;
  text-decoration: none;
}

.cdf-button--dark-2:active, .cdf-button--dark-2:focus {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
  color: #fff;
  outline: none;
  text-decoration: none;
}

.cdf-button--dark-2[disabled] {
  cursor: not-allowed;
  background-color: #4c4c4c;
  border: 1px solid #1abc9c;
  color: #1abc9c;
  opacity: 0.45;
}

.cdf-button--text-only {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #4c4c4c;
}

.cdf-button--text-only:hover {
  background: none;
  border: none;
}

.cdf-button--text-only[disabled] {
  background-color: transparent;
  border: none;
  opacity: 0.5;
  text-decoration: none;
}

.cdf-button__icon {
  margin-right: 5px;
}

.cdf-button__arrow {
  position: relative;
  float: right;
  top: 4px;
}

.cdf-button--uppercase {
  text-transform: uppercase;
}

.cf-button {
  color: #fff;
  background-color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button:hover, .cf-button:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
}

.cf-button-light:hover, .cf-button-light:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border {
  background-color: #fff;
  color: #1abc9c;
  border-width: 2px;
  padding: 8px 40px;
  border-color: #1abc9c;
  font-weight: bold;
  text-transform: uppercase;
  border-width: 1px;
}

.cf-button-light--think-border:hover, .cf-button-light--think-border:focus {
  color: #fff;
  background-color: #0b897c;
  border-color: #0b897c;
}

.cf-button-light--think-border:active {
  color: #fff;
  background-color: #26BC9D;
  border-color: #26BC9D;
  -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.2);
  outline: none;
}

.cf-button-light--think-border[disabled] {
  background-color: #ebedef;
  color: #b4bece;
  border-color: #ebedef;
  opacity: 1;
}

.cf-button-light--think-border.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
}

.cf-button-light--think-border .create-project__add-icon {
  display: none;
}

.buttons-bar {
  text-align: right;
  margin-top: 20px;
}

.buttons-bar i {
  vertical-align: middle;
}

.btn-group.btn-group-view-mode {
  border-radius: 7px;
  background: white;
  border: 1px solid #E5E5E5;
  padding: 4px;
}

.btn-group.btn-group-view-mode > .btn {
  border: none;
  border-radius: 4px;
  padding: 6px;
  font-size: 8px;
  color: #E5E5E5;
  background-color: transparent;
  margin-left: 8px;
}

.btn-group.btn-group-view-mode > .btn:first-child {
  margin-left: 0;
}

.btn-group.btn-group-view-mode > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn:last-child:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group.btn-group-view-mode > .btn > i {
  margin: 0;
}

.btn-group.btn-group-view-mode > .btn.active {
  background-color: #0b897c;
}

.btn-group.btn-group-view-mode > .btn.active > i {
  color: white;
}

.btn.btn-cdf {
  padding: 7px 11px;
  font-size: 12px;
  -webkit-transition: background-color 300ms, color 300ms, border 300ms;
  transition: background-color 300ms, color 300ms, border 300ms;
}

.btn.btn-cdf.btn-rounded-2px {
  border-radius: 2px;
}

.btn.btn-cdf.btn-success {
  color: #fff;
  background-color: #11B5A4;
  border-color: #11B5A4;
}

.btn.btn-cdf.btn-success:hover {
  background-color: #0b897c;
  border-color: #0b897c;
  color: #fff;
}

.btn.btn-cdf.btn-success:active, .btn.btn-cdf.btn-success:focus {
  background-color: #26BC9D;
  border-color: #26BC9D;
  color: #fff;
}

.btn.btn-cdf.btn-success[disabled] {
  background-color: #b7e9e4;
  border-color: #b7e9e4;
  color: #fff;
}

.btn.btn-cdf.btn-danger {
  color: #fff;
  background-color: #eb5848;
  border-color: #eb5848;
}

.btn.btn-cdf.btn-danger:hover {
  background-color: #b92414;
  border-color: #b92414;
  color: #fff;
}

.btn.btn-cdf.btn-danger:active, .btn.btn-cdf.btn-danger:focus {
  background-color: #e62e1a;
  border-color: #e62e1a;
  color: #fff;
}

.btn.btn-cdf.btn-danger[disabled] {
  background-color: #f08276;
  border-color: #f08276;
  color: #fff;
}

.cdf-dialog {
  color: #4c4c4c;
}

.cdf-dialog__close-btn {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 23px;
  line-height: 15px;
  z-index: 1;
  position: relative;
  top: 0;
  float: right;
  color: #4c4c4c;
}

.cdf-dialog__close-btn--top {
  top: -10px;
  right: -7px;
}

.cdf-dialog__label {
  color: #4c4c4c;
  font-size: 14px;
}

.cdf-dialog__warning--small {
  font-size: 12px;
}

.cdf-dialog .pointer {
  cursor: pointer;
}

.cdf-link, .cdf-link-light, .cdf-link--bold, .kube-namespace-container .namespace-services-list tr .cdf-link, .kube-namespace-container .namespace-services-list tr .cdf-link-light, .kube-namespace-container .namespace-services-list tr .cdf-link--bold, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold {
  cursor: pointer;
  color: #1abc9c;
}

.cdf-link:hover, .cdf-link-light:hover, .cdf-link--bold:hover, .kube-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:hover, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:hover {
  color: #0b897c;
}

.cdf-link:active, .cdf-link-light:active, .cdf-link--bold:active, .kube-namespace-container .namespace-services-list tr .cdf-link:active, .kube-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:active, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:active, .cdf-link:focus, .cdf-link-light:focus, .cdf-link--bold:focus, .kube-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:focus, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:focus {
  color: #26BC9D;
  outline: none;
}

.cdf-link:visited, .cdf-link-light:visited, .cdf-link--bold:visited, .kube-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-namespace-container .namespace-services-list tr .cdf-link--bold:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link-light:visited, .kube-monitor-view .kube-monitor-content .kube-monitor-namespace-container .namespace-services-list tr .cdf-link--bold:visited {
  color: #1abc9c;
}

.cdf-link__arrow-left {
  display: inline;
}

.cdf-link--break-line:before {
  content: "\A";
  white-space: pre;
}

.cdf-link-light {
  font-weight: lighter;
}

.cdf-link--bold {
  font-weight: bold;
}

a.remove-defaults {
  text-decoration: none  !important;
}

a.remove-defaults:hover {
  text-decoration: none !important;
  cursor: pointer;
}

.no-underline {
  text-decoration: none !important;
}

.cdf-message {
  padding: 16px;
  font-size: 14px;
}

.cdf-message--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cdf-message--info {
  background-color: #dff7f4;
}

.cdf-message--code {
  font-family: monospace;
}

.cdf-message--code-single-line {
  overflow: scroll;
  white-space: pre;
}

.cdf-highligth {
  background-color: #f7f7f7;
  padding: 0 2px;
}

.cf-link {
  color: #1abc9c;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-main-color {
  color: #1abc9c;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.tag-label, .cf-boxes-list .cf-box-item .box-label {
  max-width: 155px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  border: 1px solid #ebf5f3;
  font-weight: bold;
  padding: 4px 8px;
  margin-left: 3px;
  font-size: 12px;
  white-space: nowrap;
  background-color: #f5faf9;
  color: #1abc9c;
}

.tag-label--width-auto {
  max-width: none;
}

.tag-label--ml0 {
  margin-left: 0;
}

.unselectable, .helm-cluster-release .release-content-wrapper .release-actions .actions-group > * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

form.ng-submitted .validity-check input.ng-invalid {
  border-color: #eb5848;
}

.cdf-label {
  font-weight: bold;
  font-size: 13px;
  color: #2f2f2f;
  margin-bottom: 5px;
}

.cdf-label--with-exclamation {
  line-height: 27px;
  margin-bottom: 0;
}

.cdf-description {
  color: #2f2f2f;
  font-size: 14px;
  font-style: italic;
  margin: 5px 0 10px 0;
}

.cdf-description strong {
  font-style: normal;
  font-weight: bold;
}

.cdf-description--error {
  color: #eb5848;
}

.cdf-input, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  background-color: #fff;
  width: 100%;
  border: 1px solid #DADADA;
  -webkit-box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
          box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
}

.cdf-input:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #1abc9c;
          box-shadow: inset 0 0 3px 0 #1abc9c;
}

.cdf-input[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cdf-input[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cdf-input.ng-invalid.ng-dirty, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cdf-input.ng-invalid.validate-no-dirty, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cdf-input-regex.ng-valid {
  color: #F39C12;
}

.cdf-input--medium {
  width: 385px;
}

.cdf-input-modifier {
  position: absolute;
  right: 5px;
  cursor: pointer;
}

.cdf-input-container {
  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;
  position: relative;
}

.cdf-input-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-big-circle-check {
  display: inline-block;
  width: 50px;
  line-height: 41px;
  border-radius: 45px;
  border: 2px solid #DADADA;
  font-size: 36px;
  min-height: 50px;
  color: #1abc9c;
  text-align: center;
}

.cdf-big-circle-check--checked {
  border-color: #1abc9c;
}

.cdf-big-circle-check--checked:before {
  font-family: 'codefresh' !important;
  content: "v" !important;
  position: relative;
  bottom: -6px;
}

.cdf-big-circle-check:before {
  content: "\F";
}

.cdf-checkbox, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"] {
  position: relative;
  font-size: 18px;
  outline: none !important;
}

.cdf-checkbox:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:before {
  z-index: 1;
  background-color: #fff;
  content: "";
  display: block;
  position: relative;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding-top: 10%;
  width: 105%;
  height: 105%;
  border: 1px solid #DADADA;
  border-radius: 3px;
}

.cdf-checkbox--straight.cdf-checkbox:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:before {
  width: 16px;
  height: 16px;
  border-radius: 0;
}

.cdf-checkbox[disabled="disabled"]:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][disabled="disabled"]:before {
  cursor: not-allowed;
  background-color: #E4E1E1;
}

.cdf-checkbox[disabled="disabled"]:before + label, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"][disabled="disabled"]:before + label {
  cursor: not-allowed;
}

.cdf-checkbox:checked:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:checked:before {
  font-family: "codefresh";
  font-size: 11.7px;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
  content: 'v';
  color: #1abc9c;
}

.cdf-checkbox--straight.cdf-checkbox:checked:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:checked:before {
  font-size: 10px;
  padding-top: 2px;
}

.cdf-checkbox:indeterminate:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:indeterminate:before {
  font-family: "codefresh";
  font-size: 11.7px;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
  content: '\E929';
  color: #1abc9c;
}

.cdf-checkbox--straight.cdf-checkbox:indeterminate:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input.cdf-checkbox--straight[type="checkbox"]:indeterminate:before {
  font-size: 10px;
  padding-top: 2px;
}

.cdf-checkbox:hover:before, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input[type="checkbox"]:hover:before {
  border-color: #1abc9c;
}

.cdf-checkbox:focus, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input:focus[type="checkbox"], .cdf-checkbox:active, .filters-bar select-filter-values .select-filter-values > .values-selection .filter-options-list input:active[type="checkbox"] {
  outline: none;
}

.checkbox-input-container {
  margin-right: 7px;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: relative;
  padding: 0;
}

.checkbox-input-container input {
  visibility: hidden;
}

.checkbox-input-container:before {
  position: absolute;
  content: '';
  border: 1px solid #DADADA;
  left: -2px;
  top: -2px;
  bottom: -2px;
  right: -2px;
}

.checkbox-input-container:after {
  position: absolute;
  content: '';
  background-color: #fff;
  left: 3px;
  right: 3px;
  bottom: 3px;
  top: 3px;
}

.checkbox-input-container.checked:after {
  background-color: #1abc9c;
}

.cdf-list {
  padding: 0;
  margin: 0;
  border-top: 1px solid #DADADA;
}

.cdf-list__item {
  color: #1abc9c;
  border-bottom: 1px solid #DADADA;
  list-style-type: disc;
}

.cdf-list__item a {
  color: #4c4c4c;
  cursor: pointer;
  display: block;
  padding: 10px 18px 10px 0;
}

/*
top bar notification
*/
.cf-notification {
  background: #4a4a4a;
  width: 380px !important;
}

.cf-notification .cf-notification-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-notification .cf-notification-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-notification .cf-notification-container .message {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-item-align: center;
      align-self: center;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  word-break: break-word;
}

.cf-notification .cf-notification-container .message a {
  color: #36b8e2;
}

.cf-notification .cf-notification-container .message a:hover {
  cursor: pointer;
}

.cf-notification .cf-notification-container .close-button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 18px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: end;
}

.cf-notification .cf-notification-container .close-button a {
  color: #7c7c7c !important;
}

.cf-notification .cf-notification-container .close-button a:hover {
  color: #ffffff !important;
}

.cf-notification .cf-notification-container .status-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;
  border: 3px solid;
  border-radius: 50px;
  margin-top: 10px;
  margin-left: 12px;
  margin-right: 18px;
  margin-bottom: 10px;
  font-size: 30px;
  width: 48px;
  height: 48px;
  color: #ADD8E6;
}

.cf-notification .cf-notification-container .status-icon > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-notification .cf-notification-container.error .status-icon {
  color: #e66d6d;
}

.cf-notification .cf-notification-container.success .status-icon {
  color: #11b5a4;
}

.top-notifications-container {
  background: #4a4a4a;
  position: relative;
  color: #ffffff;
  font-size: 15px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  height: 0;
  padding: 0;
  overflow: hidden;
  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;
}

.top-notifications-container.wipe-in {
  height: auto;
  overflow: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.top-notifications-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container {
  -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;
}

.top-notifications-container .top-notification-content-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container > * {
  margin-left: 10px;
}

.top-notifications-container .top-notification-content-container .top-notification-content {
  margin-right: 30px;
  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;
}

.top-notifications-container .top-notification-content-container .top-notification-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notification-content-container .top-notification-content > * {
  margin-left: 10px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-icon {
  font-size: 35px;
  color: #dd6a6b;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-main-title {
  font-size: 15px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-subtitle {
  font-size: 12px;
}

.top-notifications-container .top-notification-content-container .top-notification-content .notification-subtitle a {
  color: #1abc9c;
}

.top-notifications-container .top-notification-content-container .notification-button {
  font-size: 12px;
}

.top-notifications-container .top-notification-content-container .notification-progress {
  margin: 0;
  -webkit-box-flex: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
  border-radius: 15px;
  height: 7px;
  background-color: #2b2b2b;
}

.top-notifications-container .top-notification-content-container .notification-progress .progress-bar {
  border-radius: 15px;
  background-color: #dc696a;
}

.top-notifications-container .top-notification-content-container .notification-limit {
  font-weight: bold;
  color: #dc696a;
}

.top-notifications-container .top-notifications-close {
  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-right: 10px;
  font-size: 18px;
  color: #2e2e2e;
  cursor: pointer;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.top-notifications-container .top-notifications-close > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.top-notifications-container .top-notifications-close:hover {
  color: #6f6f6f;
}

.top-notifications-container .top-notifications-close:active, .top-notifications-container .top-notifications-close:focus {
  color: #fff;
}

.top-notifications-container .top-notifications-close[disabled] {
  color: #414141;
}

.cdf-error {
  background-color: #FDF4F4;
  color: #C0353C;
  margin-bottom: 5px;
  padding: 10px 15px;
}

.cdf-error--border-left {
  border-left: 3px solid #C0353C;
}

.cdf-warning {
  background-color: #fcf2e7;
  color: #cd750a;
  margin-bottom: 5px;
  padding: 10px 15px;
}

.cdf-warning--border-left {
  border-left: 3px solid #F5932A;
}

.cdf-warning--text-gray {
  color: #98938F;
}

.cdf-message-counter {
  font-weight: bold;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 10px 5px 0;
  word-spacing: 5px;
  white-space: nowrap;
}

.cdf-message-counter--success {
  color: #23b4a4 !important;
  background-color: #def8f6;
}

.cdf-message-counter--success:hover, .cdf-message-counter--success:active, .cdf-message-counter--success:visited, .cdf-message-counter--success:link {
  color: #23b4a4;
}

.cdf-message-counter--error {
  color: #C0353C !important;
  background-color: #FDF4F4;
}

.cdf-message-counter--error:hover, .cdf-message-counter--error:active, .cdf-message-counter--error:visited, .cdf-message-counter--error:link {
  color: #C0353C;
}

.cdf-message-counter--warning {
  color: #F5932A !important;
  background-color: #FCF2E8;
}

.cdf-message-counter--warning:hover, .cdf-message-counter--warning:active, .cdf-message-counter--warning:visited, .cdf-message-counter--warning:link {
  color: #F5932A;
}

.cdf-message-counter__exclamation-mark {
  color: #fff;
  font-style: normal;
  display: inline-block;
  width: 28px;
  height: 27px;
  position: relative;
  top: 1px;
}

.cdf-message-counter__exclamation-mark::before {
  display: block;
  padding-top: 7px;
  padding-left: 7px;
  font-size: 14px;
}

.cdf-message-counter__exclamation-mark--success {
  background-color: #23b4a4;
}

.cdf-message-counter__exclamation-mark--error {
  background-color: #C0353C;
}

.cdf-message-counter__exclamation-mark--error::before {
  padding-left: 8px;
}

.cdf-message-counter__exclamation-mark--warning {
  background-color: #F5932A;
}

@keyframes fade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.running-icon-circle, .cf-running-icon > .circle, .cf-running-icon:before, .cf-running-icon:after {
  border-radius: 50%;
  background: #fff;
  width: 30px;
  display: block;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: fade 3s infinite;
          animation: fade 3s infinite;
  opacity: 1;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
}

.cf-status-icon-container {
  width: 26px;
  height: 25px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  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;
}

.cf-status-icon-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-status-icon-container.success, .cf-status-icon-container.approved {
  background-color: #23b4a4;
}

.cf-status-icon-container.delayed {
  background-color: #F2994A;
}

.cf-status-icon-container.pending, .cf-status-icon-container.elected {
  background-color: #ccc;
}

.cf-status-icon-container.pending-approval {
  background-color: #F2C94C;
}

.cf-status-icon-container.pending-approval {
  background-color: #F2C94C;
}

.cf-status-icon-container.terminating, .cf-status-icon-container.terminated, .cf-status-icon-container.error, .cf-status-icon-container.denied {
  background-color: #e83f43;
}

.cf-status-icon-container.running, .cf-status-icon-container.start {
  background-color: #6AA9DB;
  display: block;
  vertical-align: middle;
  -webkit-transition: 1300ms;
  transition: 1300ms;
  position: relative;
}

.cf-running-icon {
  display: inline-block;
  -webkit-transition: 1300ms;
  transition: 1300ms;
  width: 100%;
  height: 100%;
  position: relative;
}

.cf-running-icon > .circle {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.cf-running-icon:before {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  content: '';
}

.cf-running-icon:after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  content: '';
}

.icon-lg {
  font-size: 160%;
}

.cf-boxes-list {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-boxes-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-boxes-list .cf-box-item {
  border: 1px solid #DBEDEB;
  position: relative;
  padding: 10px;
  margin: 0 5px 10px;
  min-width: 200px;
  height: 235px;
  background-color: #fff;
  display: block;
}

@media only screen and (max-width: 568px) {
  .cf-boxes-list .cf-box-item {
    width: 380px;
  }
}

@media only screen and (min-width: 568px) and (max-width: 868px) {
  .cf-boxes-list .cf-box-item {
    width: 450px;
  }
}

@media only screen and (min-width: 868px) and (max-width: 1150px) {
  .cf-boxes-list .cf-box-item {
    width: calc(50% - 10px);
  }
}

@media only screen and (min-width: 1150px) {
  .cf-boxes-list .cf-box-item {
    width: calc(33% - 10px);
  }
}

@media only screen and (min-width: 1350px) {
  .cf-boxes-list .cf-box-item {
    width: calc(25% - 10px);
  }
}

@media only screen and (min-width: 1800px) {
  .cf-boxes-list .cf-box-item {
    width: calc(20% - 10px);
  }
}

@media only screen and (max-width: 568px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: 310px;
  }
}

@media only screen and (min-width: 568px) and (max-width: 868px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: 400px;
  }
}

@media only screen and (min-width: 1048px) and (max-width: 1330px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(50% - 10px);
  }
}

@media only screen and (min-width: 1330px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(33% - 10px);
  }
}

@media only screen and (min-width: 1530px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(25% - 10px);
  }
}

@media only screen and (min-width: 1800px) {
  .large-sidebar .cf-boxes-list .cf-box-item {
    width: calc(20% - 10px);
  }
}

.cf-boxes-list .cf-box-item.cf-box-button {
  cursor: pointer;
  border: 1px dashed #1abc9c;
  color: #1abc9c;
  font-weight: bold;
  font-size: 18px;
  background-color: transparent;
}

.cf-boxes-list .cf-box-item.cf-box-button .cdf-button, .cf-boxes-list .cf-box-item.cf-box-button .filters-bar .add-filter-value, .filters-bar .cf-boxes-list .cf-box-item.cf-box-button .add-filter-value, .cf-boxes-list .cf-box-item.cf-box-button .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-boxes-list .cf-box-item.cf-box-button .submit-selection__button {
  border-radius: 4px;
  font-size: 18px;
}

.cf-boxes-list .cf-box-item.cf-box-button .icon {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 20px;
}

.cf-boxes-list .cf-box-item .box-title {
  font-size: 20px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 80px);
}

.cf-boxes-list .cf-box-item .box-time {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #C7C7C7;
  font-weight: bold;
  font-size: 12px;
}

.cf-white-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.shield {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

* {
  scrollbar-color: #c0c0c0;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar:horizontal {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 5px;
  border: 1px solid #c0c0c0;
}

.cdf-radio-status {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 20px;
  text-align: center;
}

.cdf-radio-status:before {
  content: ' ';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  margin-bottom: 1px;
}

.cdf-radio-status--success {
  border-color: #1abc9c;
}

.cdf-radio-status--success:before {
  background-color: #1abc9c;
}

.cdf-radio-status--error {
  border-color: #eb5848;
}

.cdf-radio-status--error:before {
  background-color: #eb5848;
}

.teams-management {
  margin-left: -40px;
  margin-right: -40px;
}

referrals-invite .cf-empty-screen {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.account-collaborators .cf-account-collaborators {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.account-collaborators .add-filter-selection {
  visibility: hidden;
}

.cf-account-admin {
  padding-top: 40px;
}

.cf-account-admin .account-integrations {
  padding-left: 10px;
  padding-right: 10px;
}

.cf-account-admin .cf-tabs, .cf-account-admin .cf-account-nodes, .cf-account-admin .cf-integration,
.cf-account-admin .shared-config, .cf-account-admin .cf-tokens, .cf-account-admin .cf-user-settings {
  margin-left: 10px;
  margin-right: 10px;
}

.cf-account-admin .cf-tokens, .cf-account-admin .shared-config, .cf-account-admin .cf-account-nodes,
.cf-account-admin .cf-integration, .cf-account-admin .cf-user-settings {
  margin-top: 0;
}

.cf-account-admin .runtime-environment-view {
  padding: 0;
}

.cf-account-admin .runtime-environment-view .cf-grid-view-empty {
  margin-left: 10px;
  margin-right: 10px;
}

@media (min-width: 600px) {
  .accounts-list .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .accounts-list .item {
    width: 25%;
  }
}

.accounts-list .limits {
  border: 1px solid #ebedef;
  margin-top: 20px;
  text-align: center;
  padding: 20px 0 15px 0;
  background-color: #fff;
}

.accounts-list .limits h3 {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-top: -5px;
  margin-left: 15px;
  margin-bottom: -8px;
}

.accounts-list .limits .limit-container {
  width: 120px;
  display: inline-block;
  margin: 0 15px;
  position: relative;
}

.accounts-list .limits .limit-container .limit-title {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  text-align: center;
}

.accounts-list .limits .limit-container .limit-title .limit-number {
  font-size: 28px;
}

.accounts-list .limits .limit-container .limit-title .limit-label {
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0;
  display: block;
}

.accounts-list .limits .limit-container .limit-title .limit-label--orange {
  color: #f2994a;
}

.accounts-list .limits .limit-container .limit-title .limit-label--purple {
  color: #9b51e0;
}

.accounts-list .limits .limit-container .limit-title .limit-label--green {
  color: #27ae60;
}

.accounts-list .search-filter {
  float: left;
}

.accounts-list .add-filter-selection {
  visibility: hidden;
}

.accounts-list .add-account-btn {
  float: right;
  margin-top: 20px;
}

.accounts-list .flexbox {
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px;
}

.accounts-list .item {
  padding: 0 5px;
  margin: 5px 0;
  text-align: center;
}

.accounts-list .item .wrapper {
  position: relative;
  border: 1px solid #ebedef;
  height: 100%;
  padding: 10px;
  background-color: #fff;
}

.accounts-list .item .wrapper .actions {
  position: absolute;
  right: 10px;
  visibility: hidden;
}

.accounts-list .item .wrapper .actions i {
  cursor: pointer;
}

.accounts-list .item .wrapper:hover .actions {
  visibility: visible;
}

.accounts-list .item .counters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accounts-list .item .counters div {
  text-align: center;
  width: 33%;
}

.accounts-list .item .counters label {
  font-size: 8px;
  line-height: 8px;
  display: block;
  text-transform: uppercase;
}

.accounts-list .item .counters span {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

.accounts-list .item .counters span.infinity {
  font-size: 42px;
  line-height: 26px;
}

.accounts-list .item img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}

.accounts-list .item h3 {
  margin-top: 10px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.accounts-list .item p {
  text-align: left;
}

.new-account .cf-registry-selector {
  max-width: 100%;
}

@media (min-width: 600px) {
  .users-list .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .users-list .item {
    width: 25%;
  }
}

.users-list td.actions {
  padding-right: 20px;
  text-align: right;
}

.users-list td.actions i {
  cursor: pointer;
  visibility: hidden;
}

.users-list tr:hover td.actions i {
  visibility: visible;
}

.users-list td.user-name {
  width: 60%;
  min-width: 60%;
}

.users-list td.user-name img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  float: left;
  margin: 8px 10px 0 0;
}

.users-list td.user-name h4 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.users-list .role {
  display: inline-block;
  border: 1px solid;
  padding: 4px 20px;
  border-radius: 3px;
  margin: 2px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.users-list .role__User {
  background-color: #F8F0FF;
  color: #9B51E0;
  border-color: #9B51E0;
}

.users-list .role__Admin {
  background-color: #E6F8FF;
  color: #3FAEEE;
  border-color: #3FAEEE;
}

.users-list .search-filter {
  float: left;
}

.users-list .view-mode-selector {
  display: inline-block;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  padding: 3px 5px 0 5px;
  background: #fff;
  float: right;
  margin: 25px 0 0 0;
}

.users-list .view-mode-selector i {
  cursor: pointer;
  color: #BEBEBE;
  font-size: 24px;
}

.users-list .view-mode-selector i.active {
  color: #fff;
  background-color: #11B5A4;
  border-radius: 3px;
  font-size: 18px;
  padding: 4px 4px 2px 4px;
  line-height: 16px;
  position: relative;
  top: -2px;
}

.users-list .header {
  position: relative;
}

.users-list .header .cdf-button--icon-only {
  width: 20px;
  height: 20px;
  line-height: 15px;
  margin-right: 2px;
}

.users-list .header .cdf-button--icon-only i {
  font-size: 12px;
}

.users-list .header .invite {
  position: absolute;
  top: 0;
  right: 0;
}

.users-list .header .invite a {
  font-size: 12px;
  color: #11B5A4;
  font-weight: bold;
}

.users-list h3.title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.users-list .add-filter-selection {
  visibility: hidden;
}

.users-list .invite-btn {
  float: right;
  margin-top: 20px;
  margin-left: 15px;
}

.users-list .flexbox {
  margin-top: 15px;
}

.users-list .item {
  padding: 0 5px;
  margin: 5px 0;
  text-align: center;
}

.users-list .item .wrapper {
  position: relative;
  border: 1px solid #ebedef;
  height: 100%;
  padding: 10px;
  background-color: #fff;
}

.users-list .item .wrapper .actions {
  position: absolute;
  right: 10px;
  visibility: hidden;
}

.users-list .item .wrapper .actions i {
  cursor: pointer;
}

.users-list .item .wrapper:hover .actions {
  visibility: visible;
}

.users-list .item .counters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.users-list .item .counters div {
  text-align: center;
  width: 33%;
}

.users-list .item .counters label {
  font-size: 8px;
  line-height: 8px;
  display: block;
  text-transform: uppercase;
}

.users-list .item .counters span {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

.users-list .item img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 50%;
  width: 80px;
}

.users-list .item p.email {
  text-align: center;
  color: #2F2F2F;
}

.users-list .item hr {
  margin-top: 0;
  margin-bottom: 8px;
}

.users-list .item h3 {
  margin-top: 10px;
  font-size: 18px;
  margin-bottom: 0;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.users-list .item p {
  text-align: left;
}

.cf-integration-panel {
  margin-top: 8px;
}

.cf-integration-panel__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cf-integration-panel__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-integration-panel__header > * {
  min-height: 80px;
}

.cf-integration-panel__header-info {
  width: 100%;
}

.cf-integration-panel__header-left, .cf-integration-panel__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-integration-panel__header-left {
  min-height: 80px;
}

.cf-integration-panel__header-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cf-cloud-integration__cloud-icon {
  float: left;
  height: 64px;
  margin: 10px 20px 10px 0;
}

.cf-cloud-integration__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 7px;
}

.cf-cloud-integration__separator {
  clear: both;
  margin: 10px 0;
}

.cf-cloud-integration .dropdown .dropdown-toggle.integration-provider-selector {
  min-width: 168px;
}

.cf-cloud-integration .dropdown .dropdown-toggle.integration-provider-selector.cdf-button, .cf-cloud-integration .dropdown .filters-bar .dropdown-toggle.integration-provider-selector.add-filter-value, .filters-bar .cf-cloud-integration .dropdown .dropdown-toggle.integration-provider-selector.add-filter-value, .cf-cloud-integration .dropdown .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .dropdown-toggle.integration-provider-selector.submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-cloud-integration .dropdown .dropdown-toggle.integration-provider-selector.submit-selection__button {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-cloud-integration .dropdown .dropdown-menu.integration-provider-list {
  padding: 0;
  margin-top: 0;
  border: 1px solid #DADADA;
  border-radius: 0;
  min-width: 168px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#0D000000');
}

.cf-cloud-integration .dropdown .dropdown-menu .integration-provider-item {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cf-cloud-integration .dropdown .dropdown-menu .integration-provider-item > a {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: bold;
}

.cf-cloud-integration .dropdown .dropdown-menu .integration-provider-item > a > img {
  margin-right: 7px;
}

.cf-cloud-integration-list-item {
  border: 1px solid #ebedef;
  margin-bottom: 5px;
  -webkit-transition: border-color ease-in-out 150ms;
  transition: border-color ease-in-out 150ms;
}

.cf-cloud-integration-list-item:hover {
  border: 1px solid #0F9C8D;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-cloud-integration-item {
  padding: 10px 15px;
}

.cf-cloud-integration-item > form {
  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;
}

.cf-cloud-integration-item > form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-cloud-integration-item__form {
  width: 100%;
}

.cf-cloud-integration-item__form .cf-switcher {
  display: inline-block;
}

.cf-cloud-integration-item__form .cf-switcher.small {
  margin-top: 0;
  margin-bottom: 2px;
  margin-left: 12px;
  right: 0;
  text-align: left;
}

.cf-cloud-integration-item__form .cf-switcher.small.labeled {
  width: 56px !important;
}

.cf-cloud-integration-item__form .cf-switcher.small.labeled .onoffswitch-inner:before {
  text-align: left;
}

.cf-cloud-integration-item__form .cf-switcher.small.labeled .onoffswitch-switch {
  right: 34px !important;
}

.cf-cloud-integration-item__form .cf-switcher.small.labeled .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0 !important;
}

.cf-cloud-integration-item__form .cf-switcher.disabled, .cf-cloud-integration-item__form .cf-switcher[disabled] {
  opacity: 0.8;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content {
  border-top: 1px solid #DADADA;
  padding: 14px 0 0;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section {
  margin-bottom: 10px;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section .auth-help-link {
  color: #518FF6;
  font-size: 14px;
  text-decoration: none;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section .auth-help-link:hover > span {
  text-decoration: underline;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section + .form-section {
  padding-top: 25px;
}

.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .form-section,
.cf-cloud-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section.hidden + .form-section {
  padding-top: 11px;
}

.cf-cloud-integration-item__form .cf-nav-pills li + li {
  margin-left: 20px;
}

.cf-cloud-integration-item__form .cf-nav-pills li > a {
  position: relative;
  padding: 10px 18px 19px;
  background-color: transparent;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato;
}

.cf-cloud-integration-item__form .cf-nav-pills li.active > a, .cf-cloud-integration-item__form .cf-nav-pills li:hover > a {
  color: #0F9C8D;
}

.cf-cloud-integration-item__form .cf-nav-pills li.active > a:focus, .cf-cloud-integration-item__form .cf-nav-pills li.active > a:hover, .cf-cloud-integration-item__form .cf-nav-pills li:hover > a:focus, .cf-cloud-integration-item__form .cf-nav-pills li:hover > a:hover {
  background-color: transparent;
}

.cf-cloud-integration-item__form .cf-nav-pills li.active:before, .cf-cloud-integration-item__form .cf-nav-pills li:hover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  border-bottom: 4px solid #11B5A4;
}

.cf-cloud-integration-item__form .cf-nav-pills li.disabled > a, .cf-cloud-integration-item__form .cf-nav-pills li[disabled] > a {
  color: #b4bece;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-cloud-integration-item__form .cf-nav-pills li.disabled.active:before, .cf-cloud-integration-item__form .cf-nav-pills li.disabled:hover:before, .cf-cloud-integration-item__form .cf-nav-pills li[disabled].active:before, .cf-cloud-integration-item__form .cf-nav-pills li[disabled]:hover:before {
  border-bottom-color: transparent;
}

.cf-cloud-integration-item__form--content {
  margin-top: 20px;
}

.cf-cloud-integration-item__form--footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 10px;
  border-top: 1px solid #DADADA;
}

.cf-cloud-integration-item__form--footer-left, .cf-cloud-integration-item__form--footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-cloud-integration-item__form--footer-left > *, .cf-cloud-integration-item__form--footer-right > * {
  margin-left: 15px;
}

.cf-cloud-integration-item__form--footer-left > *:first-child, .cf-cloud-integration-item__form--footer-right > *:first-child {
  margin-left: 0;
}

.cf-cloud-integration-item__form--footer-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-cloud-integration-item__form--footer-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cf-cloud-integration-item__form--footer .cdf-button--text-only {
  text-decoration: none;
}

.cf-cloud-integration-item__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  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;
  width: 100%;
}

.cf-cloud-integration-item__title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-cloud-integration-item__title > h3 {
  padding: 6px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  vertical-align: middle;
}

.cf-cloud-integration-item__title--icon {
  margin-right: 10px;
}

.cf-cloud-integration-item__title--name {
  vertical-align: middle;
}

.cf-cloud-integration-item__title--description {
  font-weight: 400;
  font-size: 13px;
}

.cf-cloud-integration-item__title--controls {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}

.cf-cloud-integration-item__title--controls .btn.btn-premise {
  background-color: rgba(190, 190, 190, 0.12);
  border-color: #BEBEBE;
  border-radius: 3px;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 10px;
}

.cf-cloud-integration-item__title--controls .btn.btn-premise:hover, .cf-cloud-integration-item__title--controls .btn.btn-premise:focus, .cf-cloud-integration-item__title--controls .btn.btn-premise[disabled] {
  background-color: rgba(190, 190, 190, 0.12);
  border-color: #BEBEBE;
}

.cf-cloud-integration-item__title--controls .btn.btn-is-default {
  background-color: #e6f8ff;
  border-color: rgba(63, 174, 238, 0.5);
  border-radius: 3px;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 10px;
  color: #3faeee;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-cloud-integration-item__title--controls .btn.btn-is-default[disabled] {
  background-color: #e6f8ff;
  border-color: rgba(63, 174, 238, 0.5);
}

.cf-cloud-integration-item__title--controls .btn.btn-is-default:hover, .cf-cloud-integration-item__title--controls .btn.btn-is-default:focus {
  background-color: #e6f8ff;
  border-color: #3faeee;
}

.cf-cloud-integration-item__title--controls .cdf-button, .cf-cloud-integration-item__title--controls .filters-bar .add-filter-value, .filters-bar .cf-cloud-integration-item__title--controls .add-filter-value, .cf-cloud-integration-item__title--controls .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-cloud-integration-item__title--controls .submit-selection__button {
  padding: 5px 3px;
}

.cf-cloud-integration-item__title--controls .cdf-button--text-only {
  text-decoration: none;
}

.cf-cloud-integration-item__title--controls-list {
  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;
}

.cf-cloud-integration-item__title--controls-list-item {
  height: 29px;
  padding: 5px 17px 5px 17px;
  border-left: 1px solid #DADADA;
}

.cf-cloud-integration-item__title--controls-available, .cf-cloud-integration-item__title--controls-non-edit {
  margin: 0;
  display: inline-block;
}

.cf-cloud-integration-item__title--controls-available {
  visibility: visible;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.cf-cloud-integration-item__title--controls-non-edit {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.cf-cloud-integration-item:hover .cf-cloud-integration-item__title--controls {
  /*&-list {
                    > ul {
                        margin-left: 0px;
                    }
                    > ul + ul {
                        margin-left: 5px;
                    }
                }*/
}

.cf-cloud-integration-item:hover .cf-cloud-integration-item__title--controls-available {
  -webkit-transform: translate(-10px, 0%);
  transform: translate(-10px, 0%);
}

.cf-cloud-integration-item:hover .cf-cloud-integration-item__title--controls-non-edit {
  position: relative;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.cf-cloud-integration-item.is-open > form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.integration-textarea {
  resize: none;
  height: 260px;
  overflow: auto;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-topbar-title {
  text-transform: capitalize;
}

.cf-side-bar .cf-side-bar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-side-bar .cf-side-bar-header:active, .cf-side-bar .cf-side-bar-header:hover, .cf-side-bar .cf-side-bar-header:visited {
  text-decoration: none !important;
}

.cf-side-bar .cf-side-bar-header__icon {
  width: 35px;
  font-size: 16px;
  font-weight: normal;
  color: #f5faf9;
  float: left;
}

.cf-side-bar .cf-side-bar-header__info {
  padding: 20px 0;
}

.cf-side-bar .cf-side-bar-header__info .logo-title {
  text-transform: uppercase;
  color: #f5faf9;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

.cf-side-bar .cf-side-bar-header__info .logo-title_subtitle {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #0c6059;
  text-align: left;
  margin-top: 5px;
}

.content.main-content .main-content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.content.main-content .main-content-wrapper--fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}

user-profile .account-settings, user-profile .user-settings {
  display: none;
}

user-profile .profile-menu__wrap {
  min-width: 250px;
}

user-profile .profile-menu__list {
  width: 100%;
}

.team-details h1 {
  font-size: 21px;
  font-weight: 300;
  color: #44504f;
  position: absolute;
  top: -2px;
  left: 50px;
}

.team-details h1 a {
  color: inherit;
}

.team-details h1 i {
  font-size: 10px;
}

.team-details h1 span {
  font-size: 12px;
  letter-spacing: -1px;
  position: relative;
  top: -2px;
  margin-right: 7px;
  margin-left: 5px;
}

.team-details .team-name {
  background-color: #fff;
  border: 1px solid #ebedef;
  padding: 15px 25px;
  margin: 15px 0 25px 0;
}

.team-details .team-name h2 {
  color: #000;
  display: inline-block;
  margin-left: 25px;
}

.team-details .team-name .editable-name {
  display: inline-block;
}

.team-details .team-name .editable-name__field {
  vertical-align: bottom;
  margin: 0 0 3px 25px;
}

.team-details .team-name .editable-name__button {
  border: 0;
}

.team-details .team-name .editable-input {
  border: 1px solid #DADADA;
  border-radius: 0;
  outline: none;
  font-size: 18px;
  margin-left: 25px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.team-details .team-name .editable-buttons .btn {
  border: none;
  background-color: transparent;
  color: #464e5c;
  outline: none;
  border-radius: 0;
}

.team-details .team-name .editable-buttons .btn-default {
  display: none;
}

.team-details .team-name .members {
  float: right;
  text-align: center;
  font-size: 24px;
  margin-top: 15px;
  margin-right: 15px;
}

.team-details .team-name .members span {
  display: block;
  font-size: 12px;
}

.team-details td.actions {
  padding-right: 20px;
  text-align: right;
}

.team-details td.actions i {
  cursor: pointer;
  visibility: hidden;
}

.team-details .filter-wrapper .add-filter-selection {
  visibility: hidden;
}

.team-details .filter-wrapper .search-filter {
  float: left;
}

.team-details .filter-wrapper .create-team-btn {
  float: right;
  margin-top: 20px;
}

.team-details tr:hover td.actions i {
  visibility: visible;
}

.team-details td.user-name {
  width: 60%;
  min-width: 60%;
}

.team-details td.user-name img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  float: left;
  margin: 8px 10px 0 0;
}

.team-details td.user-name h4 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-details .role {
  display: inline-block;
  border: 1px solid;
  padding: 4px 20px;
  border-radius: 3px;
  margin: 2px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.team-details .role__User {
  background-color: #F8F0FF;
  color: #9B51E0;
  border-color: #9B51E0;
}

.team-details .role__Admin {
  background-color: #E6F8FF;
  color: #3FAEEE;
  border-color: #3FAEEE;
}

.permissions h4 {
  color: #000;
  font-size: 16px;
  margin-top: 30px;
  font-weight: bold;
}

.permission {
  margin-bottom: 10px;
  position: relative;
}

.permission select-entity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.permission .actions {
  position: absolute;
  right: 15px;
  height: 40px;
  line-height: 50px;
}

.permission .actions i {
  font-size: 18px;
  color: #000;
  margin-left: 10px;
}

.permission .words {
  font-weight: bold;
  margin: 0 10px 0 6px;
  line-height: 40px;
  text-transform: uppercase;
}

.permission .filters-bar {
  background-color: #fff;
  margin: 0;
  padding: 15px 50px 15px 10px;
}

.permission .fields-chooser {
  float: none;
  padding: 0;
  margin: 5px 0;
}

.permission .filter-counter {
  display: none;
}

.permission .values-selection {
  left: 0 !important;
  top: 40px !important;
}

.permission .filter-name {
  display: none;
}

.permission .no-teams-selected .filter-name {
  overflow: hidden;
  width: 23px;
  display: block;
  font-weight: 100 !important;
}

.permission .select-filter-values__component {
  margin-top: 0;
  margin-bottom: 0;
}

.permission .select-filter-values__component .select-filter-values__close-button,
.permission .select-filter-values__component .filter-counter,
.permission .select-filter-values__component .button-content.vertical-line-pseudo-element:before {
  display: none !important;
}

.permission .select-filter-values__component .button-content {
  padding-left: 10px !important;
}

.permission__add-btn {
  margin-bottom: 10px;
}

.large-sidebar .cf-side-bar nav-menu .main-menu {
  padding-top: 10px !important;
}

.large-sidebar .cf-side-bar nav-menu .menu-title {
  padding: 15px 0 0 15px;
  color: #b7e9e4;
}

.large-sidebar .cf-side-bar nav-menu .category-wrapper {
  margin-bottom: 20px;
}

.large-sidebar .cf-side-bar nav-menu .nav-item .nav-item-label {
  font-size: 16px;
}

.large-sidebar .cf-side-bar nav-menu .nav-item-icon {
  font-size: 21px;
}

.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-user-settings,
.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-integrations {
  font-size: 17px !important;
}

.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-account-notifications {
  font-size: 19px;
}

.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-account-permissions,
.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-account-shared {
  font-size: 24px;
}

.large-sidebar .cf-side-bar nav-menu .nav-item-icon .icon-codefresh-account-tokens {
  font-size: 26px;
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #0F9C8D;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-container {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  padding: 40px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.status-box {
  border-left: 10px solid #4c4c4c;
}

.status-box .status-box-text {
  color: #4c4c4c;
}

.status-box.status-box-pending {
  border-color: #ccc;
}

.status-box.status-box-pending .status-box-text {
  color: #ccc;
}

.status-box.status-box-terminated, .status-box.status-box-error {
  border-color: #eb5848;
}

.status-box.status-box-terminated .status-box-text, .status-box.status-box-error .status-box-text {
  color: #eb5848;
}

.status-box.status-box-success {
  border-color: #0F9C8D;
}

.status-box.status-box-success .status-box-text {
  color: #0F9C8D;
}

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

.cf-overlay-backdrop {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: white;
  opacity: 0.6;
}

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

.cf-flex-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-container-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-flex-container-static > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-flex-align-center {
  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;
}

.cf-flex-align-center > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-container-header {
  font-size: 20px;
  color: #4c4c4c;
  padding-left: 50px;
}

.cf-container-content {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

.cf-container-box {
  padding: 40px;
  background: #fff;
}

.modal-content-loading {
  min-height: 250px;
  min-width: 250px;
}

.dialog-container {
  margin: 15px;
  padding: 20px;
  background-color: #f5faf9;
  background-image: url(/modules/cf.resources/images/windmill-bg.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.dialog-container.modal-content-loading {
  background-image: none;
}

.dialog-container .cf-container-header {
  padding: 0;
  margin: 0 0 20px;
}

.cf-pre {
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.full-h {
  height: 100%;
}

.cf-col-lg-1 {
  width: 8.33333%;
}

.cf-col-lg-2 {
  width: 16.66666%;
}

.cf-col-lg-3 {
  width: 24.99999%;
}

.cf-col-lg-4 {
  width: 33.33332%;
}

.cf-col-lg-5 {
  width: 41.66665%;
}

.cf-col-lg-6 {
  width: 49.99998%;
}

.cf-col-lg-7 {
  width: 58.33331%;
}

.cf-col-lg-8 {
  width: 66.66664%;
}

.cf-col-lg-9 {
  width: 74.99997%;
}

.cf-col-lg-10 {
  width: 83.3333%;
}

.cf-col-lg-11 {
  width: 91.66663%;
}

.cf-col-lg-12 {
  width: 99.99996%;
}

.cf-hide-lg {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .cf-col-md-1 {
    width: 8.33333%;
  }
  .cf-col-md-2 {
    width: 16.66666%;
  }
  .cf-col-md-3 {
    width: 24.99999%;
  }
  .cf-col-md-4 {
    width: 33.33332%;
  }
  .cf-col-md-5 {
    width: 41.66665%;
  }
  .cf-col-md-6 {
    width: 49.99998%;
  }
  .cf-col-md-7 {
    width: 58.33331%;
  }
  .cf-col-md-8 {
    width: 66.66664%;
  }
  .cf-col-md-9 {
    width: 74.99997%;
  }
  .cf-col-md-10 {
    width: 83.3333%;
  }
  .cf-col-md-11 {
    width: 91.66663%;
  }
  .cf-col-md-12 {
    width: 99.99996%;
  }
  .cf-hide-md {
    display: none;
  }
}

@media only screen and (max-width: 1000px) {
  .cf-col-sm-1 {
    width: 8.33333%;
  }
  .cf-col-sm-2 {
    width: 16.66666%;
  }
  .cf-col-sm-3 {
    width: 24.99999%;
  }
  .cf-col-sm-4 {
    width: 33.33332%;
  }
  .cf-col-sm-5 {
    width: 41.66665%;
  }
  .cf-col-sm-6 {
    width: 49.99998%;
  }
  .cf-col-sm-7 {
    width: 58.33331%;
  }
  .cf-col-sm-8 {
    width: 66.66664%;
  }
  .cf-col-sm-9 {
    width: 74.99997%;
  }
  .cf-col-sm-10 {
    width: 83.3333%;
  }
  .cf-col-sm-11 {
    width: 91.66663%;
  }
  .cf-col-sm-12 {
    width: 99.99996%;
  }
  .cf-hide-sm {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .cf-col-xs-1 {
    width: 8.33333%;
  }
  .cf-col-xs-2 {
    width: 16.66666%;
  }
  .cf-col-xs-3 {
    width: 24.99999%;
  }
  .cf-col-xs-4 {
    width: 33.33332%;
  }
  .cf-col-xs-5 {
    width: 41.66665%;
  }
  .cf-col-xs-6 {
    width: 49.99998%;
  }
  .cf-col-xs-7 {
    width: 58.33331%;
  }
  .cf-col-xs-8 {
    width: 66.66664%;
  }
  .cf-col-xs-9 {
    width: 74.99997%;
  }
  .cf-col-xs-10 {
    width: 83.3333%;
  }
  .cf-col-xs-11 {
    width: 91.66663%;
  }
  .cf-col-xs-12 {
    width: 99.99996%;
  }
  .cf-hide-xs {
    display: none;
  }
}

.cf-header {
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.cf-header-regular {
  font-family: "Open Sans";
  font-weight: bold;
}

.cf-header-dark {
  color: #4c4c4c;
  font-family: "Podkova", "serif";
  font-weight: bold;
}

.clip-text, .cf-multiselect-dark .multiSelect > button .dropdown-button-text, .cf-multiselect-dark .multiSelect > button .buttonLabel .dropdown-button-text, .cf-multiselect-light .multiSelect > button .dropdown-button-text, .cf-multiselect-light .multiSelect > button .buttonLabel .dropdown-button-text, .cf-wizard-step-title-repo, .cf-content-tabs .cf-content-tabs-btn, .launching-env-wrap .in-progress-env-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cf-link {
  color: #0F9C8D;
  cursor: pointer;
}

.cf-link:hover {
  color: #0b897c;
}

.cf-link-toggle-btn {
  font-size: 13px;
  font-weight: 600;
  color: #4c4c4c;
}

.cf-link-toggle-btn:hover, .cf-link-toggle-btn:focus, .cf-link-toggle-btn:active {
  color: #4c4c4c;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

cf-side-bar {
  z-index: 1011;
}

.cf-side-bar {
  position: relative;
  background-color: #11B5A4;
  font-size: 12px;
  -webkit-transition: width 350ms, margin-right 230ms;
  transition: width 350ms, margin-right 230ms;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-side-bar .icon-codefresh-projects-tab {
  font-size: 18px !important;
}

.cf-side-bar .icon-codefresh-user-settings {
  font-size: 20px !important;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.cf-side-bar .icon-codefresh-menu-environments {
  font-size: 20px !important;
}

.cf-side-bar .icon-codefresh-helm,
.cf-side-bar .icon-codefresh-boards {
  font-size: 26px !important;
}

.cf-side-bar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-side-bar__parent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  padding-bottom: 0 !important;
  overflow-x: hidden;
}

.cf-side-bar__parent-content {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-side-bar__parent-content .fa {
  position: relative;
  left: -20px;
  width: 4px;
}

.cf-side-bar__parent-content .fa::before {
  font-size: 10px;
}

.cf-side-bar__child {
  display: block;
  width: 100%;
  font-size: 12px !important;
  font-weight: bold;
  text-align: left;
  color: #e9fffd;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 46px;
  margin-left: 0;
  text-decoration: none !important;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in;
  border-left: 15px solid #11B5A4;
}

.cf-side-bar__child:hover {
  color: #fff;
}

.cf-side-bar__child:active, .cf-side-bar__child:visited {
  color: #fff;
}

.cf-side-bar__child.active, .cf-side-bar__child:hover {
  background-color: #2ebeaf;
}

.cf-side-bar .cf-side-bar-header {
  width: 100%;
  overflow: hidden;
  display: block;
  text-align: left;
  padding-left: 12px;
  height: 60px;
  vertical-align: middle;
  line-height: 60px;
  min-width: 128px;
}

.cf-side-bar .cf-side-bar-header .logo {
  width: 42px;
  height: 27px;
}

.cf-side-bar .cf-side-bar-header .brand-name {
  padding-left: 0px;
  width: 86px;
  height: 17px;
}

.cf-side-bar .cf-side-bar-header:hover {
  text-decoration: none;
}

.cf-side-bar .main-menu {
  margin-top: 18px;
}

.cf-side-bar .category-wrapper {
  position: relative;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  padding-top: 15px;
  -webkit-transition: padding 500ms;
  transition: padding 500ms;
}

.cf-side-bar .category-wrapper:first-child {
  margin-top: 0px;
}

.cf-side-bar h4.category-name {
  color: #0c6059;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.cf-side-bar h4.category-name > i {
  position: relative;
  top: -1px;
  display: inline-block;
  font-size: 9px;
}

.cf-side-bar .nav {
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-side-bar .nav__beta {
  color: #1AFF86;
  font-size: 10px;
  border: 1px solid #1AFF86;
  padding: 1px 2px 2px 2px;
  margin-left: 2px;
}

.cf-side-bar .nav > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-side-bar .nav.grow-all {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-side-bar .nav.grow-nothing {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.cf-side-bar .nav-item {
  position: relative;
  color: inherit;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: background-color 200ms ease-in, border-left-color ease-in 200ms;
  transition: background-color 200ms ease-in, border-left-color ease-in 200ms;
}

.cf-side-bar .nav-item-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: center;
  padding: 0px;
  font-size: 22px;
  margin: 0;
  width: 62px;
  max-width: 62px;
  color: #a8eee7;
  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;
}

.cf-side-bar .nav-item-icon > i::before {
  color: inherit;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
}

.cf-side-bar .nav-item-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-width: 0;
  overflow: hidden;
  color: #e9fffd;
}

.cf-side-bar .nav-item .nav-item-arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  left: auto;
  margin-top: -6px;
  width: 12px;
  height: 12px;
}

.cf-side-bar .nav-item-bottom {
  margin-top: auto;
}

.cf-side-bar .nav-item:hover, .cf-side-bar .nav-item.active, .cf-side-bar .nav-item.opened {
  background-color: #2ebeaf;
}

.cf-side-bar .nav-item:hover .nav-item-label, .cf-side-bar .nav-item.active .nav-item-label, .cf-side-bar .nav-item.opened .nav-item-label {
  color: #fff;
}

.cf-side-bar .nav-item:hover .nav-item-icon > i::before, .cf-side-bar .nav-item.active .nav-item-icon > i::before, .cf-side-bar .nav-item.opened .nav-item-icon > i::before {
  color: #fff;
}

.cf-side-bar .nav-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.cf-side-bar .nav.cf-sidebar-scroll {
  /* background of the scrollbar except button or resizer */
  /* scrollbar itself */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar {
  /* This is more usable for users trying to click it. */
  -webkit-border-radius: 100px;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:vertical {
  width: 8px;
  /* 1px wider than Lion. */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:horizontal {
  height: 8px;
  /* 1px wider than Lion. */
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar:hover {
  background-color: rgba(46, 190, 175, 0.5);
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(12, 96, 89, 0.3);
  border-radius: 100px;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(12, 96, 89, 0.6);
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-thumb:active {
  background-color: #0c6059;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-button {
  display: none;
}

.cf-side-bar .nav.cf-sidebar-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

.cf-side-bar .sidebar-size-toggler {
  width: 33px;
  height: 30px;
  line-height: 30px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 10px;
  background-color: #14A898;
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  z-index: 1052;
  border-radius: 10px 0 0 10px;
}

.cf-side-bar .sidebar-size-toggler:hover {
  background-color: #0b897c;
}

.cf-side-bar .sidebar-size-toggler i {
  display: inline-block;
}

.cf-side-bar.sub-side-bar-opened {
  margin-right: 328px;
}

.small-sidebar h4.category-name {
  display: none;
}

.small-sidebar .cf-side-bar {
  width: 66px;
}

.small-sidebar .cf-side-bar .nav {
  max-width: 66px;
}

.small-sidebar .cf-side-bar .nav.main-menu .nav {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: max-width 250ms ease-in;
  transition: max-width 250ms ease-in;
}

.small-sidebar .cf-side-bar .nav.main-menu .nav .cf-side-bar__child {
  display: none;
}

.small-sidebar .cf-side-bar .nav-item {
  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: 4px 0 4px 4px;
  width: auto;
  min-width: 66px;
  outline: none;
}

.small-sidebar .cf-side-bar .nav-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.small-sidebar .cf-side-bar .nav-item .nav-item-label {
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened {
  padding-left: 0;
  background-color: #11B5A4;
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened.active, .small-sidebar .cf-side-bar .nav-item.nav-item-parent.opened:hover {
  background-color: #2ebeaf;
}

.small-sidebar .cf-side-bar .nav-item.nav-item-parent .nav-item-label {
  padding-right: 40px;
}

.small-sidebar .cf-side-bar .nav-item .nav-item-arrow {
  right: 16px;
}

.small-sidebar .cf-side-bar .nav-item.active {
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item:hover {
  border-left: 4px solid #fff;
}

.small-sidebar .cf-side-bar .nav-item.active, .small-sidebar .cf-side-bar .nav-item:hover {
  padding-left: 0;
}

.small-sidebar .cf-side-bar .nav-item.active .nav-item-icon, .small-sidebar .cf-side-bar .nav-item:hover .nav-item-icon {
  min-width: 62px;
}

.small-sidebar .cf-side-bar .nav .sidebar-label {
  display: block;
  min-width: 128px;
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.small-sidebar .cf-side-bar .category-wrapper {
  max-width: 66px;
  padding: 10px 0;
}

.small-sidebar .cf-side-bar .category-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  margin: auto;
  width: 30px;
  height: 1px;
  background-color: #0A8D7C;
}

.small-sidebar .cf-side-bar-header {
  min-width: 66px;
}

.large-sidebar .cf-side-bar .cf-side-bar-header {
  padding-left: 25px;
}

.large-sidebar .cf-side-bar .nav {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.large-sidebar .cf-side-bar .nav-item {
  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;
  width: 100%;
  outline: none;
  min-width: 246px;
  overflow: hidden;
  padding: 4px 0 4px 0;
  border-left: 3px solid #11B5A4;
}

.large-sidebar .cf-side-bar .nav-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.large-sidebar .cf-side-bar .nav-item:hover {
  padding-left: 0 !important;
}

.large-sidebar .cf-side-bar .nav-item.active, .large-sidebar .cf-side-bar .nav-item:hover {
  border-left: 3px solid #fff;
  padding-left: 0;
}

.large-sidebar .cf-side-bar .nav-item .nav-item-label {
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
  color: #e9fffd;
  min-width: 130px;
  max-width: 186px;
  padding-left: 0;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  padding-right: 37px;
  white-space: nowrap;
}

.large-sidebar .cf-side-bar .nav-item-parent .nav-item-label {
  padding-right: 37px;
}

.large-sidebar .cf-side-bar .nav .sidebar-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.large-sidebar .cf-side-bar .sidebar-size-toggler i {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.cf-side-bar.fixed {
  position: fixed;
  left: 0;
  top: 0;
}

.cf-side-bar.small-sidebar-hovered {
  width: 246px !important;
}

.cf-side-bar.small-sidebar-hovered .nav {
  max-width: initial;
}

.cf-side-bar.small-sidebar-hovered .nav.main-menu .nav .cf-side-bar__child {
  display: block;
}

.cf-side-bar.small-sidebar-hovered .nav.cf-sidebar-scroll {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.cf-side-bar.small-sidebar-hovered .nav-item {
  min-width: 246px;
}

.cf-side-bar.small-sidebar-hovered .sidebar-size-toggler {
  display: none;
}

.cf-side-bar.small-sidebar-hovered .category-wrapper {
  max-width: initial;
}

.cf-side-bar.small-sidebar-hovered .category-wrapper:before {
  display: none;
}

.cf-side-bar.small-sidebar-hovered .category-name {
  display: inline-block;
}

.reserved-width {
  width: 66px;
}

.typeahead-wrap {
  position: relative;
}

.typeahead-wrap:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("/modules/cf.resources/images/svg/search.svg") no-repeat center;
}

.typeahead-wrap .typeahead {
  height: 60px;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 20px;
}

.typeahead-wrap .typeahead::-webkit-input-placeholder {
  color: #888;
}

.typeahead-wrap .typeahead::-ms-input-placeholder {
  color: #888;
}

.typeahead-wrap .typeahead::placeholder {
  color: #888;
}

.accounts__list {
  margin: 0 0 15px 0;
  padding: 0 25px;
  border: 1px solid #ebedef;
  list-style-type: none;
}

.accounts__item {
  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: 15px 0;
}

.accounts__item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.dropdown-menu.accounts__list {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}

.account-info {
  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;
  font-size: 18px;
}

.account-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.account-info__avatar {
  width: 48px;
  height: 48px;
  margin-right: 15px;
}

.account-info__avatar .without-avatar {
  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: 100%;
  height: 100%;
  background-color: #518FF6;
  border-radius: 50%;
  color: #FFFFFF;
}

.account-info__avatar .without-avatar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.account-info__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4c4c4c;
}

.account-info a {
  color: #4c4c4c;
}

.custom-popup-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #FFFFFF;
}

.custom-popup-wrapper .dropdown-menu {
  position: static;
  float: none;
  display: block;
  width: 100%;
}

.cf-sso-panel {
  margin-top: 8px;
}

.cf-sso-panel__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cf-sso-panel__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-sso-panel__header > * {
  min-height: 80px;
}

.cf-sso-panel__header-info {
  width: 100%;
}

.cf-sso-panel__header-left, .cf-sso-panel__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-sso-panel__header-left {
  min-height: 80px;
}

.cf-sso-panel__header-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cf-sso-builder {
  margin: 40px 0 50px 0;
  background-color: #fff;
  padding: 20px 15px;
  min-height: 500px;
}

.cf-sso-builder__sso-icon {
  float: left;
  height: 64px;
  margin: 10px 20px 10px 0;
}

.cf-sso-builder__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 7px;
}

.cf-sso-builder__separator {
  clear: both;
  margin: 10px 0;
}

.cf-sso-builder .dropdown .dropdown-toggle.integration-provider-selector {
  min-width: 168px;
}

.cf-sso-builder .dropdown .dropdown-toggle.integration-provider-selector.cdf-button, .cf-sso-builder .dropdown .filters-bar .dropdown-toggle.integration-provider-selector.add-filter-value, .filters-bar .cf-sso-builder .dropdown .dropdown-toggle.integration-provider-selector.add-filter-value, .cf-sso-builder .dropdown .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .dropdown-toggle.integration-provider-selector.submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-sso-builder .dropdown .dropdown-toggle.integration-provider-selector.submit-selection__button {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-sso-builder .dropdown .dropdown-menu.integration-provider-list {
  padding: 0;
  margin-top: 0;
  border: 1px solid #DADADA;
  border-radius: 0;
  min-width: 168px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#0D000000');
}

.cf-sso-builder .dropdown .dropdown-menu .integration-provider-item {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cf-sso-builder .dropdown .dropdown-menu .integration-provider-item > a {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: bold;
}

.cf-sso-builder .dropdown .dropdown-menu .integration-provider-item > a > img {
  margin-right: 7px;
}

.cf-sso-builder-list-item {
  border: 1px solid #ebedef;
  margin-bottom: 5px;
  -webkit-transition: border-color ease-in-out 150ms;
  transition: border-color ease-in-out 150ms;
}

.cf-sso-builder-list-item:hover {
  border: 1px solid #0F9C8D;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-sso-item {
  padding: 10px 15px;
}

.cf-sso-item > form {
  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;
}

.cf-sso-item > form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-sso-item__form {
  width: 100%;
}

.cf-sso-item__form--content {
  margin-top: 20px;
}

.cf-sso-item__form--footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 10px;
  border-top: 1px solid #DADADA;
}

.cf-sso-item__form--footer-left, .cf-sso-item__form--footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-sso-item__form--footer-left > *, .cf-sso-item__form--footer-right > * {
  margin-left: 15px;
}

.cf-sso-item__form--footer-left > *:first-child, .cf-sso-item__form--footer-right > *:first-child {
  margin-left: 0;
}

.cf-sso-item__form--footer-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-sso-item__form--footer .cdf-button--text-only {
  text-decoration: none;
}

.cf-sso-item__title {
  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;
  width: 100%;
  overflow: hidden;
}

.cf-sso-item__title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-sso-item__title > h3 {
  padding: 6px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 450px;
}

.cf-sso-item__title--icon {
  margin-right: 10px;
}

.cf-sso-item__title--name {
  vertical-align: middle;
}

.cf-sso-item__title--description {
  font-weight: 400;
  font-size: 13px;
}

.cf-sso-item__title--client-name {
  font-weight: 400;
}

.cf-sso-item__title--controls {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
  margin-left: auto;
}

.cf-sso-item__title--controls .cdf-button, .cf-sso-item__title--controls .filters-bar .add-filter-value, .filters-bar .cf-sso-item__title--controls .add-filter-value, .cf-sso-item__title--controls .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-sso-item__title--controls .submit-selection__button {
  padding: 5px 3px;
}

.cf-sso-item__title--controls .cdf-button--text-only {
  text-decoration: none;
}

.cf-sso-item__title--controls-list {
  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;
}

.cf-sso-item__title--controls-list-item {
  height: 29px;
  padding: 5px 17px 5px 17px;
  border-left: 1px solid #DADADA;
}

.cf-sso-item__title--controls-non-edit {
  position: absolute;
  visibility: hidden;
  margin: 0;
  display: inline-block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.cf-sso-item:hover .cf-sso-item__title--controls-non-edit {
  position: relative;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.cf-sso-item.is-open > form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.sso-input__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: -14px;
}

.sso-input__item {
  width: 24%;
  margin-bottom: 10px;
  margin-right: 14px;
}

.auth-help-section {
  margin-bottom: 10px;
}

.auth-help-section .auth-help-link {
  color: #518FF6;
  font-size: 14px;
  text-decoration: none;
}

.auth-help-section .auth-help-link:hover > span {
  text-decoration: underline;
}

.account-list {
  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;
  max-width: 70%;
  overflow-x: auto;
}

.account-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.account-list .account-info {
  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;
  font-size: 14px;
  border-right: 1px solid #8F959D;
  margin-right: 15px;
}

.account-list .account-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.account-list .account-info:last-child {
  margin-right: 0;
  border-right: 0;
}

.account-list .account-info__avatar {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.account-list .account-info__avatar .without-avatar {
  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: 100%;
  height: 100%;
  background-color: #518FF6;
  border-radius: 50%;
  color: #FFFFFF;
}

.account-list .account-info__avatar .without-avatar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.account-list .account-info a {
  color: #4c4c4c;
}

.referrals-invite__logo {
  width: 280px;
}

.referrals-invite__title {
  margin-bottom: 0;
  color: #464e5c;
}

.referrals-invite__title strong {
  color: #000;
}

.referrals-invite__social {
  padding-top: 15px;
  text-align: center;
}

.referrals-invite__social h4 {
  margin: 0;
  padding-bottom: 35px;
  font-weight: bold;
  color: #000;
}

.referrals-invite__social a {
  cursor: pointer;
  font-weight: bold;
  padding: 15px 25px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
}

.referrals-invite__social a i {
  font-size: 18px;
  position: relative;
  bottom: -2px;
}

.referrals-invite__separator--short {
  width: 200px;
  border-width: 1px;
}

.referrals-invite__separator--dotted {
  border-style: dashed;
}

.referrals-invite__email {
  width: 380px !important;
  height: 40px !important;
}

.referrals-invite__email-form {
  padding: 40px 0 30px 0;
}

.referrals-invite__send {
  width: 140px;
  margin-left: -10px;
}

.referrals-invite__upgrade-desc {
  padding-top: 0 !important;
  color: #464e5c;
  font-size: 18px !important;
}

.referrals-invite__upgrade-desc a {
  font-weight: bold;
  text-decoration: underline;
}

.referrals-invite__under-title {
  max-width: 500px;
  margin: auto;
  color: #464e5c;
  font-size: 18px !important;
}

.referrals-invite__under-title strong {
  color: #000;
}

.cf-referrals.cf-empty-screen {
  margin-top: 40px;
}

.shared-configuration-row .header header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shared-configuration-row .header header .context-name {
  width: 200px;
}

.shared-configuration-row .header header .amount {
  font-weight: normal;
}

.shared-configuration-row .actions actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}

.shared-configuration-row .actions actions .context-type {
  text-transform: uppercase;
  text-align: right;
  min-width: 90px;
}

.shared-configuration-row .actions actions .tag-label, .shared-configuration-row .actions actions .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .shared-configuration-row .actions actions .box-label {
  margin: 0 15px;
  vertical-align: middle;
}

.shared-config {
  margin: 40px 50px 0 50px;
}

.shared-config .shared-config-buttons {
  text-align: right;
}

.shared-config .contexts-types-selector .cdf-button, .shared-config .contexts-types-selector .filters-bar .add-filter-value, .filters-bar .shared-config .contexts-types-selector .add-filter-value, .shared-config .contexts-types-selector .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .shared-config .contexts-types-selector .submit-selection__button {
  line-height: 17px;
}

.shared-config .contexts-types-selector ul li {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  font-weight: bold;
  padding: 5px 14px;
  line-height: 32px;
}

.shared-config .contexts-types-selector ul li i {
  vertical-align: middle;
}

.shared-config .contexts-types-selector ul li:hover {
  background-color: #f7f7f7;
}

.empty-sections__wrap {
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 70px 0;
}

.empty-sections__wrap .contexts-types-selector button {
  padding: 15px 15px;
}

.empty-sections__wrap .contexts-types-selector button i {
  padding: 0 5px;
}

.empty-sections__wrap .contexts-types-selector .open .dropdown-menu {
  width: 100%;
}

.empty-sections__wrap .contexts-types-selector .dropdown-menu li {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  font-weight: bold;
  padding: 5px 14px;
  line-height: 32px;
}

.empty-sections__wrap .contexts-types-selector .dropdown-menu li:hover {
  background-color: #f7f7f7;
}

.empty-sections__text-wrap {
  text-align: center;
  margin-bottom: 20px;
}

.empty-sections__text-wrap .empty-sections-title {
  color: #4c4c4c;
  font-size: 38px;
}

.empty-sections__text-wrap .empty-sections-description {
  font-size: 15px;
  color: #4c4c4c;
}

.select-contexts-list .integration-row .actions actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.select-contexts-list .integration-row .actions actions .tag-label, .select-contexts-list .integration-row .actions actions .cf-boxes-list .cf-box-item .box-label, .cf-boxes-list .cf-box-item .select-contexts-list .integration-row .actions actions .box-label {
  margin: 0 0 0 3px;
  padding: 8px 8px 0 8px;
}

.select-contexts-list select-entity li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

contexts-variables .cdf-error i {
  vertical-align: middle;
  padding-right: 5px;
}

.charts-timeline .charts-timeline-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}

.charts-timeline .charts-timeline-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.charts-timeline .charts-timeline-col > .charts-timeline-col-item {
  height: 100%;
  padding: 0 15px;
  background-color: #FFFFFF;
}

.charts-timeline .charts-timeline-col > .charts-timeline-col-item:not(:only-child):first-child, .charts-timeline .charts-timeline-col > .charts-timeline-col-item:not(:only-child):last-child {
  height: 100%;
}

.charts-metrics .charts-metrics-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}

.charts-metrics .charts-metrics-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.charts-metrics .charts-metrics-col > .charts-metrics-col-item {
  height: 100%;
  padding: 0 15px;
  background-color: #FFFFFF;
}

.charts-metrics .charts-metrics-col > .charts-metrics-col-item:not(:only-child):first-child, .charts-metrics .charts-metrics-col > .charts-metrics-col-item:not(:only-child):last-child {
  height: 50%;
}

.environment-variables contexts-variables {
  display: block;
  padding-bottom: 10px;
}

.cf-step-state-compare {
  position: absolute;
  left: 15px;
  right: 10px;
  bottom: 50px;
  top: 68px;
}

.cf-step-state-compare__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.cf-step-state-compare .cf-tabs {
  margin: 0;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #DBDBDB;
}

.cf-step-state-compare .cf-tabs .tab {
  font-size: 14px !important;
  line-height: 25px;
  width: 33%;
  white-space: nowrap;
}

.cf-step-state-compare .cf-tabs .tab.active {
  border-bottom: 1px solid #0F9C8D;
}

.cf-step-state-compare .cf-tabs .tab.active a {
  border-bottom: none;
}

.cf-step-state-compare .cf-tabs .tab a {
  padding-bottom: 0;
  color: #4C4C4C;
  margin: 0;
}

.cf-step-state-compare .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
}

.cf-step-state-compare .columns .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #eee;
  padding: 10px;
  overflow-y: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.cf-step-state-compare .columns .col .step {
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 8px 0 #ccc !important;
          box-shadow: 0 2px 8px 0 #ccc !important;
}

.cf-step-state-compare .columns .col .step:before {
  display: none;
}

.cf-step-state-compare .columns .col:last-child {
  border-right: none !important;
}

.cf-step-state-compare .columns .col:first-child {
  padding-left: 0 !important;
}

.cf-step-state-compare .columns .col__loading {
  text-align: center;
  border-right: none;
  overflow: hidden;
}

.cf-step-state-compare .columns .col__loading p {
  font-weight: bold;
  color: #000;
}

.cf-step-state-compare .columns .col .run-button {
  padding: 5px 15px;
  margin-left: 10px;
  font-weight: bold;
  border-radius: 3px;
  font-size: 12px;
}

.cf-step-state-compare .columns .col .fa-expand {
  display: none;
}

.cf-step-state-compare .columns .col .CodeMirror {
  border: none;
}

.cf-step-state-compare .columns .col .CodeMirror-scroll {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

.cf-step-state-compare .columns .col h2 {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 26px;
  display: inline-block;
}

.cf-step-state-compare .columns .col h3 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
  cursor: pointer;
}

.cf-step-state-compare .columns .col h3:hover {
  color: #000;
}

.cf-step-state-compare .columns .col h3::after {
  content: '\F0DA';
  font-family: 'FontAwesome';
  margin-left: 10px;
}

.cf-step-state-compare .columns .col h3.opened::after {
  content: '\F0D7';
  font-family: 'FontAwesome';
}

.cf-step-state-compare .columns .col table {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.cf-step-state-compare .columns .col table th {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  padding: 5px 0;
}

.cf-step-state-compare .columns .col table tr.even td {
  background-color: #F8F8F8;
}

.cf-step-state-compare .columns .col table td {
  padding: 5px;
  color: #666;
  font-weight: bold;
  font-size: 12px;
}

.cf-step-state-compare .columns .col table .variables-header {
  border-bottom: 1px solid #eee;
}

.cf-step-state-compare .columns .col table .decrypt-link {
  float: right;
  visibility: hidden;
}

.cf-step-state-compare .columns .col table tr:hover .decrypt-link {
  visibility: visible;
}

.cf-step-state-compare .state-title {
  margin-bottom: 0 !important;
}

.cf-step-state-compare .state-title .columns {
  margin-top: -10px;
  border-top: none;
}

.cf-step-state-compare .state-title .columns .col {
  padding-left: 0;
  position: relative;
  overflow: visible;
}

.cf-step-state-compare .state-title .columns .col:last-child {
  border-right: none !important;
  padding-left: 10px;
}

.cf-step-state-compare .state-title .columns .date-and-time {
  position: absolute;
  top: 8px;
  right: 10px;
}

.cf-step-state-compare .state-title .columns .date-and-time span {
  display: block;
  text-align: right;
  color: #4C4C4C;
}

.cf-step-state-compare .state-title .columns .date-and-time span.time {
  font-size: 14px;
  font-weight: bold;
}

.cf-step-state-compare .state-title .columns .date-and-time span.date {
  font-size: 12px;
  line-height: 14px;
}

.fullscreen .container-fluid.header {
  display: none;
}

.small-sidebar .cf-build-details {
  left: 66px !important;
}

.cf-parallel-progress {
  padding-top: 12px;
  padding-bottom: 75px;
}

.cf-parallel-progress .init .step {
  width: 240px;
  margin-left: 35px;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 7px 8px 6px 5px;
  max-height: 34px;
}

.cf-parallel-progress .init .step .step-type {
  display: none;
}

.cf-parallel-progress .init .step::before {
  display: none;
}

.cf-parallel-progress .init .step p {
  margin-top: 4px;
}

.cf-parallel-progress .init .step span {
  margin-top: 5px;
}

.cf-parallel-progress .init .step img {
  width: 20px;
}

.cf-parallel-progress--details {
  padding-bottom: 416px;
}

.cf-parallel-progress .step-log-container {
  min-height: 285px;
}

.cf-parallel-progress .cf-build-details {
  position: fixed;
  left: 246px;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.cf-parallel-progress .cf-build-details.cf-resizable {
  -webkit-box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#40000000');
}

.cf-parallel-progress .cf-build-details.cf-resizable.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.cf-parallel-progress .cf-build-details.cf-resizable.cf-resizable-disabled, .cf-parallel-progress .cf-build-details.cf-resizable.is-fullscreen-mode, .cf-parallel-progress .cf-build-details.cf-resizable.cf-resizable-maximized {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-parallel-progress .cf-build-details.cf-resizable.cf-resizable-disabled [class*="rg-"], .cf-parallel-progress .cf-build-details.cf-resizable.is-fullscreen-mode [class*="rg-"] {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.cf-parallel-progress .cf-build-details .rg-top {
  margin-top: 0;
  background: transparent;
  border: none;
  border-top: 1px solid transparent;
  -webkit-transition: border-color ease 150ms;
  transition: border-color ease 150ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cf-parallel-progress .cf-build-details .rg-top > span {
  height: 9px;
  position: relative;
  margin: 4px 0 0 -10px;
}

.cf-parallel-progress .cf-build-details .rg-top > span:before {
  content: '';
  position: absolute;
  height: 1px;
  top: 3px;
  left: 0;
  right: 0;
  background: #ccc;
}

.cf-parallel-progress .cf-build-details .rg-top:hover {
  border-top: 1px solid #5f97f5;
}

.cf-parallel-progress .cf-build-details .rg-top:active {
  border-top: 1px solid #0f9c8d;
  /* box-shadow: 0 -7px 16px 0px #0f9c8d1f; */
}

.cf-parallel-progress .cf-build-details .cf-build-details-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  background-color: #fff;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  padding: 5px 10px;
  max-height: 57px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header > *:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header > *.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-header .restart-button {
  padding: 5px 10px;
  font-weight: bold;
  border-radius: 3px;
  font-size: 12px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content > * {
  width: 100%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner {
  background-color: #fff;
  padding: 10px 15px 15px 15px;
  height: 100%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area {
  height: calc(100% - 28px);
  overflow: hidden;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-output {
  background-color: #2F2F2F;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor {
  background-color: #fff;
  border: 1px solid #DBDBDB;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor .cf-editor, .cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor .cf-fullscreen, .cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor .settings-console, .cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor .CodeMirror {
  height: 100%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner .cf-build-details-content-area.cf-build-details-content-editor .CodeMirror-scroll {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  padding-bottom: 10px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner-full {
  padding: 0;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-content .cf-build-details-content-inner-full .cf-build-details-content-area {
  height: 100%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-parallel-progress .cf-build-details .cf-build-details-container .cf-build-details-footer > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-parallel-progress .cf-build-details .copy-to-clip {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
  cursor: pointer;
}

.cf-parallel-progress .cf-build-details .CodeMirror {
  height: auto;
  border: none;
}

.cf-parallel-progress .cf-build-details .fullscreen .CodeMirror {
  height: inherit !important;
}

.cf-parallel-progress .cf-build-details .fullscreen-btn.fa-expand {
  right: 19px !important;
  top: -50px !important;
  padding: 4px 8px !important;
  margin-right: 6px !important;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 14px !important;
  background-color: rgba(147, 147, 147, 0.1) !important;
  border-radius: 50%;
}

.cf-parallel-progress .cf-build-details .fullscreen-btn.fa-expand::before {
  color: #888;
  font-size: 14px;
}

.cf-parallel-progress .cf-build-details .bottom-bar {
  background-color: #4e555d;
  height: 40px;
  padding: 0;
  margin: 0;
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.cf-parallel-progress .cf-build-details .bottom-bar li {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
  margin-left: 0;
  cursor: pointer;
  line-height: 36px;
  background: transparent;
  -webkit-transition: background ease 150ms;
  transition: background ease 150ms;
}

.cf-parallel-progress .cf-build-details .bottom-bar li:hover, .cf-parallel-progress .cf-build-details .bottom-bar li.active {
  background-color: #3e3e3e;
}

.cf-parallel-progress .cf-build-details .bottom-bar a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-decoration: none;
  padding: 0 25px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Lato';
  line-height: 40px;
}

.cf-parallel-progress .cf-build-details .bottom-bar a .fa,
.cf-parallel-progress .cf-build-details .bottom-bar a [class^="icon-codefresh-"] {
  margin-right: 9px;
  font-size: 18px;
}

.cf-parallel-progress .cf-build-details .bottom-bar a .icon-codefresh-build-yaml {
  font-size: 20px;
}

.cf-parallel-progress .cf-build-details .bottom-bar a .icon-codefresh-build-metric {
  font-size: 16px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-time {
  font-style: normal;
  float: none;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header cf-step-metric {
  margin-top: -25px;
  display: inline-block;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header cf-step-metric.clickable .cf-step-metric {
  cursor: pointer;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header img.step-icon {
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  height: 35px;
  margin-top: 5px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-description, .cf-parallel-progress .cf-build-details .cf-build-details-header .step-type {
  font-style: normal;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-description {
  font-size: 16px;
  line-height: 20px;
  margin-top: 3px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  padding-left: 36px;
  margin-left: 0;
  font-size: 17px;
  line-height: 20px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details::before {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: #ccc;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  left: 8px;
  top: 50%;
  margin-top: -14px;
  font-family: 'codefresh';
  color: #fff;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.success::before {
  background-color: #23b4a4;
  content: "\E922";
  font-size: 13px;
  text-align: center;
  line-height: 28px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.terminated::before {
  background-color: #e83f43;
  content: "\E947";
  font-size: 20px;
  text-align: center;
  line-height: 28px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.skipped::before {
  background-color: #23b4a4;
  content: "\E946";
  font-size: 19px;
  text-align: center;
  line-height: 28px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.pending-approval::before {
  background-color: #F2C94C;
  content: "\E906";
  font-size: 19px;
  text-align: center;
  line-height: 28px;
  padding-right: 2px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.approved::before {
  background-color: #23b4a4;
  content: "\E967";
  font-size: 19px;
  text-align: center;
  line-height: 28px;
  padding-left: 1px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.denied::before {
  background-color: #e83f43;
  content: "\E966";
  font-size: 19px;
  text-align: center;
  line-height: 28px;
  padding-left: 1px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.error::before {
  background-color: #e83f43;
  content: "\E923";
  font-size: 13px;
  text-align: center;
  line-height: 28px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.terminating {
  position: relative;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.terminating::before {
  opacity: 0;
  background-color: #e83f43;
  content: " ";
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  color: #e83f43;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.terminating .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(232, 63, 67, 0.1) !important;
  left: 11px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.terminating .pulse:before {
  color: rgba(232, 63, 67, 0.2);
  background-color: rgba(232, 63, 67, 0.6);
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.running {
  position: relative;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.running::before {
  opacity: 0;
  background-color: #83aff8;
  content: " ";
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  color: #5f97f5;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.running .pulse {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(81, 143, 246, 0.1) !important;
  left: 11px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-details.running .pulse:before {
  color: rgba(81, 143, 246, 0.2);
  background-color: rgba(81, 143, 246, 0.6);
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-title {
  display: inline-block;
  white-space: nowrap;
  padding-left: 5px;
  min-width: 180px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-title__full-workflow img {
  visibility: hidden;
  margin-left: 0;
  margin-right: 0;
  width: 5px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-title__full-workflow .step-description {
  margin-top: 12px;
  margin-bottom: 9px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .step-title__full-workflow .step-type {
  display: none;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list {
  padding-left: 0;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 18px;
  font-size: 0;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li {
  display: inline-block;
  padding-right: 18px;
  padding-left: 18px;
  color: #888;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width {
  width: 176px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width .metric-delimiter {
  width: 100px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width.labels-align-right .metric-delimiter {
  text-align: right;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width.show-dots .metric-delimiter {
  overflow: hidden;
  position: relative;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width.show-dots .metric-delimiter:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/gif;base64,R0lGODlhAgAFAIABAKqqqv///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OTg5QTE1RjY0NTExMUUwODVDMTg0ODM2NTgxNjE5MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OTg5QTE2MDY0NTExMUUwODVDMTg0ODM2NTgxNjE5MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ5ODlBMTVENjQ1MTExRTA4NUMxODQ4MzY1ODE2MTkxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ5ODlBMTVFNjQ1MTExRTA4NUMxODQ4MzY1ODE2MTkxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAIABQAAAgNEjlgAOw==") repeat-x bottom left;
  overflow: hidden;
  opacity: 0.4;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width.cpu {
  width: 170px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list > li.static-chart-width.cpu .metric-delimiter {
  width: 100px;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list.divided > li {
  position: relative;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list.divided > li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  height: 24px;
  margin-top: -12px;
  border-right: 1px solid #dbdbdb;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .cf-build-details-status-list .cf-step-metric .metric-delimiter {
  border: none;
  padding: 0;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control {
  width: 30px;
  height: 30px;
  background-color: #eee;
  -webkit-transition: color ease 150ms, background ease 150ms;
  transition: color ease 150ms, background ease 150ms;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control:active, .cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.btn-details-blank {
  background-color: transparent;
  border-color: transparent;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.btn-details-invisible {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.btn-details-round {
  border-radius: 50%;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.btn-details-close {
  font-size: 16px;
  padding: 6px 6px;
  line-height: 0;
}

.cf-parallel-progress .cf-build-details .cf-build-details-header .btn-details-control.btn-details-fs {
  padding: 4px 8px;
}

.cf-parallel-progress .details-flush {
  left: 0px;
}

.cf-parallel-progress .stages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  margin-top: 25px;
  padding-bottom: 35px;
}

.cf-parallel-progress .stage {
  width: 25%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(150, 150, 150, 0.1)), color-stop(56.91%, rgba(0, 0, 0, 0)));
  background: linear-gradient(270deg, rgba(150, 150, 150, 0.1) 0%, rgba(0, 0, 0, 0) 56.91%);
  padding: 11px 30px 20px 40px;
  position: relative;
  overflow: hidden;
}

.cf-parallel-progress .stage.stage-empty {
  padding-top: 40px;
}

.cf-parallel-progress .stage.stage-empty .line {
  top: 10px;
}

.cf-parallel-progress .stage .stage-header {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#21000000');
  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;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 62px;
}

.cf-parallel-progress .stage .stage-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-parallel-progress .stage .stage-header.stage-header-empty-status {
  padding-left: 20px;
}

.cf-parallel-progress .stage .stage-header > * {
  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;
  padding-top: 15px;
  padding-bottom: 15px;
}

.cf-parallel-progress .stage .stage-header .stage-header-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-parallel-progress .stage .stage-header .stage-header-title {
  width: 50%;
  padding-right: 12px;
}

.cf-parallel-progress .stage .stage-header .stage-title {
  text-align: left;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cf-parallel-progress .stage .stage-header .stage-title + i {
  position: relative;
  font-size: 11px;
  margin-left: 5px;
  color: #000;
}

.cf-parallel-progress .stage .stage-status {
  position: relative;
  padding-left: 30px;
}

.cf-parallel-progress .stage .stage-status::before {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: #ccc;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  font-family: 'codefresh';
  color: #fff;
}

.cf-parallel-progress .stage .stage-status.init::before {
  background-color: #ccc;
}

.cf-parallel-progress .stage .stage-status.success::before {
  background-color: #23b4a4;
  content: "\E922";
  font-size: 11px;
  text-align: center;
  line-height: 22px;
}

.cf-parallel-progress .stage .stage-status.skipped::before {
  background-color: #23b4a4;
  content: "\E946";
  font-size: 19px;
  text-align: center;
  line-height: 19px;
}

.cf-parallel-progress .stage .stage-status.error::before {
  background-color: #e83f43;
  content: "\E923";
  font-size: 11px;
  text-align: center;
  line-height: 22px;
}

.cf-parallel-progress .stage .stage-status.running {
  position: relative;
}

.cf-parallel-progress .stage .stage-status.running::before {
  background-color: #83aff8;
  content: " ";
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  color: #5f97f5;
}

.cf-parallel-progress .line {
  position: absolute;
  top: 40px;
  bottom: 10px;
  border-right: 1px solid #ccc;
  left: -13px;
  width: 34px;
  border-top: 1px solid #ccc;
  border-top-right-radius: 7px;
}

.cf-parallel-progress .line.first {
  border-top: none;
  border-top-right-radius: 0px;
}

.cf-parallel-progress .line.first::before {
  content: ' ';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: -4px;
}

.cf-parallel-progress .line.last::after {
  content: ' ';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #ccc;
  position: absolute;
  bottom: 0;
  right: -4px;
}

.cf-parallel-progress .step-description {
  margin: 0;
}

.cf-parallel-progress .cf-steps-list-item.has-children .step::before {
  left: 47px;
  z-index: 1;
}

.cf-parallel-progress .cf-steps-list-item.has-children .step:after {
  content: ' ';
  display: inline-block;
  background-color: #ccc;
  width: 26px;
  height: 1px;
  left: 21px;
  margin-top: 19px;
  position: absolute;
  z-index: 0;
}

.cf-parallel-progress .step {
  background-color: #fff;
  display: block;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.03);
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 20px;
  cursor: not-allowed;
  border-left: 5px solid #ccc;
  padding: 15px 10px 15px 10px;
  /**/
}

.cf-parallel-progress .step:hover {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.cf-parallel-progress .step::before {
  content: ' ';
  display: inline-block;
  background-color: #ccc;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  left: 11px;
  margin-top: 9px;
  position: absolute;
}

.cf-parallel-progress .step.has-logs {
  cursor: pointer !important;
}

.cf-parallel-progress .step.previously-executed {
  opacity: 0.5;
}

.cf-parallel-progress .step img {
  float: left;
  margin-right: 10px;
  width: 30px;
  margin-top: 1px;
}

.cf-parallel-progress .step.success {
  border-left: 5px solid #23b4a4;
}

.cf-parallel-progress .step.success::before {
  background-color: #23b4a4;
  content: "\E922";
  font-family: 'codefresh';
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
}

.cf-parallel-progress .step.success.selected {
  -webkit-box-shadow: 0 2px 20px 0 #23b4a4 !important;
          box-shadow: 0 2px 20px 0 #23b4a4 !important;
}

.cf-parallel-progress .step.skipped {
  border-left: 5px solid #23b4a4;
}

.cf-parallel-progress .step.skipped::before {
  background-color: #23b4a4;
  content: "\E946";
  font-family: 'codefresh';
  color: #fff;
  font-size: 19px;
  text-align: center;
  line-height: 19px;
}

.cf-parallel-progress .step.skipped.selected {
  -webkit-box-shadow: 0 2px 20px 0 #23b4a4 !important;
          box-shadow: 0 2px 20px 0 #23b4a4 !important;
}

.cf-parallel-progress .step.pending-approval {
  border-left: 5px solid #F2C94C;
}

.cf-parallel-progress .step.pending-approval::before {
  background-color: #F2C94C;
  content: "\E906";
  font-family: 'codefresh';
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 19px;
}

.cf-parallel-progress .step.pending-approval.selected {
  -webkit-box-shadow: 0 2px 20px 0 #F2C94C !important;
          box-shadow: 0 2px 20px 0 #F2C94C !important;
}

.cf-parallel-progress .step.approved {
  border-left: 5px solid #23b4a4;
}

.cf-parallel-progress .step.approved::before {
  background-color: #23b4a4;
  content: "\E967";
  font-family: 'codefresh';
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  padding-left: 2px;
}

.cf-parallel-progress .step.approved.selected {
  -webkit-box-shadow: 0 2px 20px 0 #23b4a4 !important;
          box-shadow: 0 2px 20px 0 #23b4a4 !important;
}

.cf-parallel-progress .step.denied {
  border-left: 5px solid #e83f43;
}

.cf-parallel-progress .step.denied::before {
  background-color: #e83f43;
  content: "\E966";
  font-family: 'codefresh';
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
  padding-left: 2px;
}

.cf-parallel-progress .step.denied.selected {
  -webkit-box-shadow: 0 2px 20px 0 #e83f43 !important;
          box-shadow: 0 2px 20px 0 #e83f43 !important;
}

.cf-parallel-progress .step.error {
  border-left: 5px solid #e83f43;
}

.cf-parallel-progress .step.error::before {
  background-color: #e83f43;
  content: "\E923";
  font-family: 'codefresh';
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
}

.cf-parallel-progress .step.error.selected {
  -webkit-box-shadow: 0 2px 20px 0 #e83f43 !important;
          box-shadow: 0 2px 20px 0 #e83f43 !important;
}

.cf-parallel-progress .step.terminated {
  border-left: 5px solid #e83f43;
}

.cf-parallel-progress .step.terminated::before {
  background-color: #e83f43;
  content: "\E947";
  font-family: 'codefresh';
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 22px;
  padding-left: 1px;
}

.cf-parallel-progress .step.terminated.selected {
  -webkit-box-shadow: 0 2px 20px 0 #e83f43 !important;
          box-shadow: 0 2px 20px 0 #e83f43 !important;
}

.cf-parallel-progress .step.running {
  border-left: 5px solid #83aff8;
}

.cf-parallel-progress .step.running::before {
  background-color: #83aff8;
  content: " ";
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  color: #5f97f5;
}

.cf-parallel-progress .step.running.selected {
  -webkit-box-shadow: 0 2px 20px 0 #83aff8 !important;
          box-shadow: 0 2px 20px 0 #83aff8 !important;
}

.cf-parallel-progress .step.terminating {
  border-left: 5px solid #e83f43;
}

.cf-parallel-progress .step.terminating::before {
  background-color: #EF7475;
  content: " ";
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-animation: pulsate infinite 1s;
          animation: pulsate infinite 1s;
  color: #e83f43;
}

.cf-parallel-progress .step.terminating.selected {
  -webkit-box-shadow: 0 2px 20px 0 #e83f43 !important;
          box-shadow: 0 2px 20px 0 #e83f43 !important;
}

.cf-parallel-progress .step-description {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cf-parallel-progress .step-type {
  font-size: 12px;
  color: #999;
  font-weight: bold;
}

.cf-parallel-progress .step-time {
  float: right;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}

.cf-parallel-progress .steps {
  margin: 0;
  padding: 0;
}

.metrics-tabs {
  height: 100%;
}

.metrics-tabs .cf-fullscreen {
  height: 100%;
}

.metrics-tabs .cf-fullscreen.fullscreen {
  height: auto;
}

.metrics-tabs .cf-fullscreen button.fullscreen-btn.fa.fa-expand {
  top: -23px !important;
}

.charts-metrics .charts-metrics-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}

.charts-metrics .charts-metrics-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.charts-metrics .charts-metrics-col > .charts-metrics-col-item {
  height: 100%;
  padding: 0 15px;
  background-color: #FFFFFF;
}

.charts-metrics .charts-metrics-col > .charts-metrics-col-item:not(:only-child):first-child, .charts-metrics .charts-metrics-col > .charts-metrics-col-item:not(:only-child):last-child {
  height: 50%;
}

.cf-runtime-progress-view .metric-delimiter {
  position: relative;
  top: 7px;
}

.cf-runtime-progress-view .cf-step-metric img {
  position: relative;
  top: 6px;
}

.cf-runtime-progress-view .metric-name {
  position: relative;
  top: 6px;
}

.charts-timeline .charts-timeline-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}

.charts-timeline .charts-timeline-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.charts-timeline .charts-timeline-col > .charts-timeline-col-item {
  height: 100%;
  padding: 0 15px;
  background-color: #FFFFFF;
}

.charts-timeline .charts-timeline-col > .charts-timeline-col-item:not(:only-child):first-child, .charts-timeline .charts-timeline-col > .charts-timeline-col-item:not(:only-child):last-child {
  height: 100%;
}

.cf-steps-list .step-restart {
  border-left: 1px solid #ccc;
  padding-left: 15px;
  padding-right: 10px;
  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: -8px -5px -8px 0;
}

.cf-steps-list .step-restart i {
  font-size: 18px;
  color: #000;
}

.cf-steps-list .cf-steps-list-item.has-children {
  padding-left: 36px;
}

.cf-steps-list .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.cf-steps-list .step-data {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding-right: 15px;
  position: relative;
}

.cf-steps-list .step-data .step-time {
  position: absolute;
  top: -5px;
  right: 10px;
  background-color: #fff;
  padding: 0 0 0 5px;
}

.cf-step-state {
  height: 100%;
}

.cf-step-state-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cf-step-state-content > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-step-state-content > * {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cf-step-state-content > *:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.cf-step-state-content .copy-to-clip, .cf-step-state-content-loading {
  padding: 10px 15px 0px 15px;
}

.cf-step-state .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #eee;
  overflow-y: auto;
}

.cf-step-state .columns .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #eee;
  padding: 10px;
}

.cf-step-state .columns .col__json {
  border-right: none;
  padding-right: 0;
}

.cf-step-state .columns .col__json .run-button {
  position: absolute;
  top: 61px;
  padding: 5px 15px;
  font-weight: bold;
  border-radius: 3px;
  right: 15px;
  font-size: 12px;
}

.cf-step-state .columns .col__json .cf-editor {
  height: calc(100% - 13px);
}

.cf-step-state .columns .col__json .cf-editor .cf-fullscreen, .cf-step-state .columns .col__json .cf-editor .cf-fullscreen .settings-console {
  height: 100%;
}

.cf-step-state .columns .col__json .cf-editor .cf-fullscreen .settings-console .CodeMirror {
  height: 100%;
}

.cf-step-state .columns .col__json .cf-editor .cf-fullscreen .settings-console .CodeMirror .CodeMirror-scroll {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  margin-bottom: -15px;
}

.cf-step-state .columns .col .CodeMirror-scroll {
  max-height: 230px;
}

.cf-step-state .columns .col .fullscreen .CodeMirror-scroll {
  max-height: inherit;
}

.cf-step-state .columns .col .CodeMirror-wrap pre {
  word-break: break-word;
}

.cf-step-state .columns .col .fa-expand {
  top: -84px !important;
}

.cf-step-state .columns .col h3 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
}

.cf-step-state .columns .col__variables {
  overflow-y: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.cf-step-state .columns .col__variables table {
  width: 100%;
  margin-top: 20px;
}

.cf-step-state .columns .col__variables table th {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  padding: 5px 0;
}

.cf-step-state .columns .col__variables table tr.even td {
  background-color: #F8F8F8;
}

.cf-step-state .columns .col__variables table td {
  padding: 5px;
  color: #666;
  font-weight: bold;
  font-size: 12px;
}

.cf-step-state .columns .col__variables table .variables-header {
  border-bottom: 1px solid #eee;
}

.cf-step-state .columns .col__variables .buttons {
  margin-top: -25px;
  height: 10px;
}

.cf-step-state .columns .col__variables .buttons button {
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.cf-step-state .columns .col__list {
  overflow-y: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.cf-step-state .columns .col__list ul, .cf-step-state .columns .col__list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cf-step-state .columns .col__list ul {
  margin-top: 5px;
}

.cf-step-state .columns .col__list li {
  padding-bottom: 10px;
}

.cf-step-state .columns .col__list li span {
  display: block;
  font-size: 12px;
  color: #666;
}

.cf-step-state .columns .col__list li.active a {
  color: #000;
  font-weight: bold;
}

.cf-step-state .columns .col__list li.active::before {
  content: '\F0DA';
  font-family: 'FontAwesome';
  color: #000;
}

.cf-step-state .columns .col__list a {
  text-decoration: none;
  color: #666;
  cursor: pointer;
  font-weight: bold;
}

.cf-step-state .columns .col__list a:hover {
  color: #000;
  font-weight: bold;
}

.resizable {
  position: relative;
}

.resizable.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.rg-right, .rg-left, .rg-top, .rg-bottom {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  z-index: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: transparent;
}

.rg-right span, .rg-left span, .rg-top span, .rg-bottom span {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border: 1px solid #ccc;
}

.rg-right span, .rg-left span {
  border-width: 0 1px;
  top: 50%;
  margin-top: -10px;
  margin: -10px 0 0 3.5px;
  height: 20px;
  width: 7px;
}

.rg-top span, .rg-bottom span {
  border-width: 1px 0;
  left: 50%;
  margin: 3.5px 0 0 -10px;
  width: 20px;
  height: 7px;
}

.rg-top {
  cursor: row-resize;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: -14px;
}

.rg-right {
  cursor: col-resize;
  height: 100%;
  right: 0;
  top: 0;
  margin-right: -14px;
}

.rg-bottom {
  cursor: row-resize;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: -14px;
}

.rg-left {
  cursor: col-resize;
  height: 100%;
  left: 0;
  top: 0;
  margin-left: -14px;
}

.cf-input-dark, .cf-multiselect-dark .multiSelect > button, .cf-select-dark .cf-select-toggle, .cf-terminal-search .terminal-search {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  border: 1px solid transparent;
}

.cf-input-dark:focus, .cf-multiselect-dark .multiSelect > button:focus, .cf-select-dark .cf-select-toggle:focus, .cf-terminal-search .terminal-search:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input-dark[disabled], .cf-multiselect-dark .multiSelect > button[disabled], .cf-select-dark .cf-select-toggle[disabled], .cf-terminal-search .terminal-search[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input-dark[readonly], .cf-multiselect-dark .multiSelect > button[readonly], .cf-select-dark .cf-select-toggle[readonly], .cf-terminal-search .terminal-search[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input-dark.ng-invalid.ng-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.ng-dirty, .cf-select-dark .ng-invalid.ng-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.ng-dirty.terminal-search, .cf-input-dark.ng-invalid.validate-no-dirty, .cf-multiselect-dark .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-dark .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-terminal-search .ng-invalid.validate-no-dirty.terminal-search {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-dark-regex.ng-valid {
  color: #F39C12;
}

.cf-input, .multiSelect .inputFilter, .cf-multiselect-light .multiSelect > button, .cf-select-light .cf-select-toggle, .cf-select-lato .cf-select-toggle {
  background-color: #fff;
  -webkit-box-shadow: inset 1px 1px 0 0 #c7c7c7;
          box-shadow: inset 1px 1px 0 0 #c7c7c7;
  border: none;
  border-radius: 0;
  color: #464e5c;
  font-weight: 400;
  height: 34px;
  line-height: 1.4;
  padding: 6px 12px;
  font-size: 14px;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.cf-input:focus, .multiSelect .inputFilter:focus, .cf-multiselect-light .multiSelect > button:focus, .cf-select-light .cf-select-toggle:focus, .cf-select-lato .cf-select-toggle:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 3px 0 #0F9C8D;
          box-shadow: inset 0 0 3px 0 #0F9C8D;
}

.cf-input[disabled], .multiSelect .inputFilter[disabled], .cf-multiselect-light .multiSelect > button[disabled], .cf-select-light .cf-select-toggle[disabled], .cf-select-lato .cf-select-toggle[disabled] {
  color: #6e7a91;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-input[readonly], .multiSelect .inputFilter[readonly], .cf-multiselect-light .multiSelect > button[readonly], .cf-select-light .cf-select-toggle[readonly], .cf-select-lato .cf-select-toggle[readonly] {
  opacity: 1;
  background: #FFF;
  border: 1px solid #c7c7c7;
}

.cf-input.ng-invalid.ng-dirty, .multiSelect .ng-invalid.ng-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.ng-dirty, .cf-select-light .ng-invalid.ng-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.ng-dirty.cf-select-toggle, .cf-input.ng-invalid.validate-no-dirty, .multiSelect .ng-invalid.validate-no-dirty.inputFilter, .cf-multiselect-light .multiSelect > button.ng-invalid.validate-no-dirty, .cf-select-light .ng-invalid.validate-no-dirty.cf-select-toggle, .cf-select-lato .ng-invalid.validate-no-dirty.cf-select-toggle {
  -webkit-box-shadow: inset 0 0 3px 0 #eb5848;
          box-shadow: inset 0 0 3px 0 #eb5848;
  border: 1px solid #eb5848;
}

.cf-input-regex.ng-valid {
  color: #F39C12;
}

textarea.cf-input, .multiSelect textarea.inputFilter, .cf-select-light textarea.cf-select-toggle, .cf-select-lato textarea.cf-select-toggle, .form-group textarea.cf-input, .form-group .multiSelect textarea.inputFilter, .multiSelect .form-group textarea.inputFilter, .form-group .cf-select-light textarea.cf-select-toggle, .cf-select-light .form-group textarea.cf-select-toggle, .form-group .cf-select-lato textarea.cf-select-toggle, .cf-select-lato .form-group textarea.cf-select-toggle {
  height: auto;
}

.cf-rotate-180 {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.cf-slider .rz-bar {
  border-radius: 10px;
  background: #DADADA;
  height: 7px;
}

.cf-slider .rz-selection {
  background: #0F9C8D;
}

.cf-slider .rz-pointer {
  background: #fff;
  height: 27px;
  width: 27px;
  -webkit-box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 13px 0 rgba(0, 0, 0, 0.2);
  top: -11px;
}

.cf-slider .rz-pointer:after {
  background: none !important;
  color: #c4c4c4;
  content: '<>';
  font-size: 17px;
  top: 2px;
  left: 4px;
}

.cf-slider .rz-pointer:focus {
  outline: none;
}

.cf-slider .rz-bubble {
  bottom: -37px;
  font-size: 15px;
  color: #0F9C8D;
  font-weight: bold;
}

.cf-terminal {
  overflow: hidden;
  position: relative;
}

.cf-terminal .terminal-scrollbar {
  position: absolute;
  right: -8px;
  top: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  z-index: 4;
  opacity: 0;
}

.cf-terminal .terminal-scrollbar.visibleScroll {
  opacity: 1;
}

.cf-terminal .terminal-scrollbar .rz-bar-wrapper {
  padding: 0;
  margin: 0;
}

.cf-terminal .terminal-scrollbar .rz-bar {
  height: 96%;
  top: 2%;
  background: #2f2f2f;
  border: 1px solid #888;
  width: 10px;
  border-radius: 4px;
}

.cf-terminal .terminal-scrollbar .rz-pointer {
  margin: 0;
  border-radius: 4px;
  height: 20px;
  width: 10px;
  background: #4c4c4c;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0 solid transparent;
  left: 0 !important;
}

.cf-terminal .terminal-scrollbar .rz-pointer:after {
  display: none;
}

.cf-terminal .terminal-scrollbar .rz-pointer:focus {
  outline: none;
}

.cf-terminal .term-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 4;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.cf-terminal .term-scrollbar.visibleScroll {
  opacity: 1;
}

.cf-terminal .term-scrollbar .slider {
  height: 100%;
  max-height: 100%;
}

.cf-terminal .term-scrollbar .slider.slider-vertical .slider-handle {
  margin: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  width: 100%;
  background: #4c4c4c;
}

.cf-terminal .term-scrollbar .slider.slider-vertical .slider-track {
  height: 96%;
  top: 2%;
  background: #2f2f2f;
  border: 1px solid #888;
}

.cf-terminal .term-scrollbar .slider.slider-vertical .slider-selection {
  visibility: hidden;
}

.cf-terminal .term-scrollbar.max-top .slider.slider-vertical .slider-handle {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.cf-terminal .terminal-cont {
  width: 100%;
  height: 100%;
}

.cf-terminal .terminal {
  height: 100%;
  float: initial !important;
  font-size: 14px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  background-color: #2f2f2f !important;
  border-color: #2f2f2f !important;
  border-left-width: 10px;
  border-right-width: 20px;
}

.cf-terminal .terminal-cursor {
  background: #2f2f2f;
  color: #fff;
}

.cf-terminal.highlight-cursor .terminal-cursor {
  background: #0F9C8D;
  color: #fff;
}

cf-terminal-search {
  position: absolute;
  top: 0;
  right: 20px;
}

.cf-terminal-search .terminal-search-container {
  padding: 8px 5px;
}

.cf-terminal-search .terminal-search {
  background-color: #4c4c4c;
  color: #fff;
  border: 1px solid #888;
}

.cf-terminal-search .terminal-search-buttons {
  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;
  width: 100%;
  background-color: #2f2f2f;
}

.cf-terminal-search .terminal-search-buttons > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-terminal-search .terminal-search-btn {
  font-size: 12px;
  padding: 2px;
  color: #0F9C8D;
  background-color: #2f2f2f;
  border: none;
}

.cf-terminal-search .terminal-search-btn > i.fa {
  position: static !important;
}

.cf-terminal-search .terminal-search-btn.search-prev {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotateZ(180deg) translate3d(0, -2px, 0);
          transform: rotateZ(180deg) translate3d(0, -2px, 0);
}

.cf-terminal-search .terminal-search-btn.search-activate {
  font-size: 18px;
  opacity: 0.2;
  color: #fff;
  padding-left: 200px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cf-terminal-search .terminal-search-btn.search-activate:hover {
  opacity: 1;
}

.environment-variable .tooltip {
  white-space: normal;
}

.environment-variable .tooltip .tooltip-inner {
  max-width: initial;
}

.cf-update-plan-warning__warning-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  height: 57px;
}

.cf-update-plan-warning__warning-message.has-warning {
  background-color: #f2994a;
}

.cf-update-plan-warning__warning-message.has-danger {
  background-color: #eb5848;
}

.cf-update-plan-warning__warning-message .icon-codefresh-icon-warning-filled {
  margin-right: 14px;
  font-size: 24px;
  color: #fff;
}

.cf-update-plan-warning__warning-message-wrapper {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-update-plan-warning__cross-icon {
  width: 55px;
  text-align: center;
}

.cf-update-plan-warning__cross-icon .icon-codefresh-failed {
  cursor: pointer;
  font-size: 15px;
  opacity: 0.5;
}

.cf-update-plan-warning__update-plan-link {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff;
  margin-left: 14px;
  font-size: 14px;
  font-weight: bold;
  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;
  width: 162px;
  height: 40px;
}

.cf-update-plan-warning__update-plan-link:hover, .cf-update-plan-warning__update-plan-link:active, .cf-update-plan-warning__update-plan-link:visited, .cf-update-plan-warning__update-plan-link:focus {
  color: #fff;
}

.cf-step-metric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0;
}

.cf-step-metric .metric-delimiter {
  height: 25px;
  border-right: 1px solid #dbdbdb;
  padding-right: 15px;
  text-align: left;
}

.cf-step-metric .metric-delimiter.hasWarning .metric-value,
.cf-step-metric .metric-delimiter.hasWarning .metric-unit,
.cf-step-metric .metric-delimiter.hasWarning .icon-codefresh-icon-warning-filled {
  color: #f2994a;
}

.cf-step-metric .metric-delimiter.hasDanger .metric-value,
.cf-step-metric .metric-delimiter.hasDanger .metric-unit,
.cf-step-metric .metric-delimiter.hasDanger .icon-codefresh-icon-warning-filled {
  color: #eb5848;
}

.cf-step-metric .metric-delimiter .icon-codefresh-icon-warning-filled {
  font-size: 11px;
  margin-left: 5px;
}

.cf-step-metric .metric-name {
  display: block;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  color: #888;
  text-align: left;
}

.cf-step-metric .metric-value {
  font-size: 18px !important;
  font-weight: bold;
  line-height: 20px !important;
  margin-left: 5px;
  color: #2f2f2f;
}

.cf-step-metric .metric-value-max {
  display: block;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: bold;
  margin-left: 5px;
  color: #2f2f2f;
}

.cf-step-metric .metric-unit {
  font-size: 11px !important;
  font-weight: bold;
  color: #2f2f2f;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.new-feature .modal-dialog {
  width: 748px;
  overflow: hidden;
}

.new-feature .modal-dialog .modal-content {
  border: none;
  width: 748px;
}

.new-feature .modal-dialog .modal-content .cf-empty-screen {
  margin-left: 0;
}

.new-feature .close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: #7c7c7c;
  cursor: pointer;
}

.new-feature .new-feature-image-container {
  text-align: center;
}

.new-feature .new-feature-image-container img {
  max-width: 100%;
}

.new-feature .new-feature-data-container {
  overflow: hidden;
  text-align: center;
  position: relative;
  font-size: 16px;
  padding-bottom: 27px;
}

.new-feature .new-feature-data-container .new-feature-text-container {
  margin-bottom: 35px;
}

.new-feature .new-feature-data-container .new-feature-text-container .new-feature-header {
  margin-top: 30px;
  font-size: 42px;
  font-weight: bold;
}

.new-feature .new-feature-data-container .new-feature-text-container p {
  font-size: 18px;
}

.new-feature .new-feature-data-container .new-ribbon {
  position: absolute;
  left: -30px;
  top: 22px;
  background: #f1c410;
  color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 120px;
}

.cf-cronus {
  margin-bottom: 15px;
}

.cf-cronus .cf-cronus-tabs > .cf-tabs {
  margin: 0 0 17px 0;
  border-bottom: 1px solid #DADADA;
  height: 38px;
  line-height: 38px;
}

.cf-cronus .cf-cronus-tabs > .cf-tabs > .tab {
  font-size: 14px;
}

.cf-cronus .cf-cronus-tabs > .cf-tabs > .tab a {
  padding-bottom: 9px;
  margin: 0 15px;
}

.cf-cronus .cf-cronus-tabs > .cf-tabs > .tab:first-child a {
  margin-left: 0;
}

.cf-cronus .cf-cronus-tabs > .cf-tabs > .tab.active a {
  color: #11B5A4;
  border-bottom: 2px solid #11B5A4;
}

.cf-cronus .cf-cronus-tabs-content .label-block {
  width: 100%;
  display: inline-block;
}

.cf-cronus .cf-cronus-tabs-content .label-separator {
  padding: 0 10px;
}

.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-minutes .cdf-input, .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-minutes .cf-select-lato .cf-select-toggle, .cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-minutes .cf-select-toggle,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-hourly .cdf-input,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-hourly .cf-select-lato .cf-select-toggle,
.cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-hourly .cf-select-toggle,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-weekly .cdf-input,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-weekly .cf-select-lato .cf-select-toggle,
.cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-weekly .cf-select-toggle,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-daily .cdf-input,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-daily .cf-select-lato .cf-select-toggle,
.cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-daily .cf-select-toggle,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-monthly .cdf-input,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-monthly .cf-select-lato .cf-select-toggle,
.cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-monthly .cf-select-toggle,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-yearly .cdf-input,
.cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-yearly .cf-select-lato .cf-select-toggle,
.cf-select-lato .cf-cronus .cf-cronus-tabs-content .cf-cronus-tabs-panel-yearly .cf-select-toggle {
  width: 100px;
  display: inline-block;
}

cf-context-repo-selector {
  display: inline-block;
  width: 100%;
}

cf-context-repo-selector .cf-crs__behind-firewall-create-pipe {
  min-height: 310px;
  text-align: center;
  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;
}

cf-context-repo-selector .cf-crs__behind-firewall-create-pipe p {
  padding: 0;
  margin-bottom: 0 !important;
  font-weight: normal !important;
}

cf-context-repo-selector .cf-crs__behind-firewall-create-pipe img {
  margin-bottom: 10px;
}

cf-context-repo-selector .cf-crs__behind-firewall-create-pipe a {
  margin-top: 20px;
}

cf-context-repo-selector .cf-crs__behind-firewall-create-pipe a:hover {
  color: #fff;
  text-decoration: none;
}

cf-context-repo-selector .cf-crs__behind-firewall {
  padding: 15px;
}

cf-context-repo-selector .cf-crs__behind-firewall p {
  margin-bottom: 15px;
  font-weight: bold;
}

cf-context-repo-selector .cf-crs__behind-firewall div:first-child {
  margin-right: 10px;
}

cf-context-repo-selector .cf-crs__behind-firewall-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

cf-context-repo-selector .cf-crs-allowed-integration h4 {
  margin-bottom: 34px;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-wrapper-list {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-wrapper-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list {
  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: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item {
  margin: 4%;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item .allowed-integration-box {
  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: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 142px;
  height: 136px;
  border: 1px solid #DADADA;
  color: #2f2f2f;
  text-decoration: none;
  font-size: 13px;
  -webkit-transition: border-color ease-in 150ms;
  transition: border-color ease-in 150ms;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item .allowed-integration-box > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item .allowed-integration-box:hover, cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item .allowed-integration-box:active {
  border: 1px solid #0F9C8D;
}

cf-context-repo-selector .cf-crs-allowed-integration .allowed-integration-list .allowed-integration-list-item .allowed-integration-box .context-label-provider {
  font-weight: bold;
  font-size: inherit;
  padding-top: 6px;
}

cf-context-repo-selector .cf-crs-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #DADADA;
}

cf-context-repo-selector .cf-crs-header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

cf-context-repo-selector .cf-crs-header > * {
  min-height: 50px;
}

cf-context-repo-selector .cf-crs-header__search-container {
  position: relative;
}

cf-context-repo-selector .cf-crs-header__search-input {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  line-height: 1.42857143;
  min-height: 50px;
  padding: 6px 12px;
  background-color: #fff;
  -webkit-box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
          box-shadow: inset -0.8px -0.5px 1px 0 #ebf5f3;
  padding-right: 34px;
}

cf-context-repo-selector .cf-crs-header__search-input[disabled] {
  color: #b4bece;
  opacity: 0.8;
  cursor: not-allowed;
}

cf-context-repo-selector .cf-crs-header__search-input[disabled]::-webkit-input-placeholder {
  color: inherit;
}

cf-context-repo-selector .cf-crs-header__search-input[disabled]::-ms-input-placeholder {
  color: inherit;
}

cf-context-repo-selector .cf-crs-header__search-input[disabled]::placeholder {
  color: inherit;
}

cf-context-repo-selector .cf-crs-header__clear-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  color: #464e5c;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 20px;
  line-height: 15px;
}

cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-enter, cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-leave {
  -webkit-transition: opacity ease-in-out 150ms;
  transition: opacity ease-in-out 150ms;
}

cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-enter, cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-leave.ng-leave-active {
  opacity: 0;
}

cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-leave, cf-context-repo-selector .cf-crs-header__clear-btn.anim-fade.ng-enter.ng-enter-active {
  opacity: 1;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 220px;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown {
  height: 100%;
  width: 100%;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-toggle {
  padding: 14px;
  padding-right: 30px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  border-left: 1px solid #DADADA;
  background-color: #fff;
  color: #464e5c;
  width: 100%;
  height: 100%;
  min-height: 50px;
  min-width: 50px;
  max-width: 100%;
  text-align: left;
  -webkit-box-shadow: none;
          box-shadow: none;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-toggle > .caret {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -2px;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-toggle > .context-icon-provider {
  margin-right: 7px;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-toggle[disabled], cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-toggle.disabled {
  opacity: 0.8;
  cursor: not-allowed;
  color: #b4bece;
  pointer-events: auto;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-menu {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #DADADA;
  padding: 0;
  margin-top: 0;
  min-width: 221px;
  max-height: 251px;
  overflow-y: auto;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-menu.dropdown-menu-right {
  right: -1px;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-menu > li > a {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

cf-context-repo-selector .cf-crs-header__context-switcher-container > .btn-group.dropdown .dropdown-menu > li > a > .context-icon-provider {
  margin-right: 7px;
}

cf-context-repo-selector .cf-crs-body__content-area {
  margin: -1px 0 15px 0;
  border: 1px solid #DADADA;
}

cf-context-repo-selector .cf-crs-body__content-area .cdf-wizard__empty-list-area__mode {
  display: inline-block;
  height: 250px;
  width: 100%;
  text-align: center;
}

cf-context-repo-selector .cf-crs-body__content-area .cdf-wizard__empty-list-area__mode > .cdf-wizard__empty-list {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
}

cf-context-repo-selector .cf-crs-body__content-area .cdf-wizard__empty-list-area__mode > .cdf-wizard__empty-list > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

cf-context-repo-selector .cf-crs-body__content-area .cdf-wizard__empty-list-area__mode > .cdf-wizard__empty-list .cdf-wizard__empty-list-inner {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

cf-context-repo-selector .cf-crs-body__content-area .cdf-wizard__empty-list {
  border: none;
}

cf-context-repo-selector .cf-crs-body__repos-list {
  border: none;
  max-height: 250px;
  margin-bottom: 0;
}

cf-context-repo-selector .add-provider {
  padding-left: 12px;
}

.git-integration-on-premise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
}

.git-integration-on-premise > div {
  padding-top: 5px;
}

.git-integration-on-premise__firewall {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #DADADA;
}

.more-info-link {
  display: block;
  position: relative;
  margin-left: 120px;
  bottom: -26px;
  height: 0;
  font-size: 13px;
  z-index: 2;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-git-integration-item {
  padding: 10px 15px;
}

.cf-git-integration-item > form {
  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;
}

.cf-git-integration-item > form > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-git-integration-item__form {
  width: 100%;
}

.cf-git-integration-item__form label.cf-user-settings-checkbox {
  white-space: nowrap;
}

.cf-git-integration-item__form .cf-switcher {
  display: inline-block;
}

.cf-git-integration-item__form .cf-switcher.small {
  margin-top: 0;
  margin-bottom: 2px;
  margin-left: 12px;
  right: 0;
  text-align: left;
}

.cf-git-integration-item__form .cf-switcher.small.labeled {
  width: 56px !important;
}

.cf-git-integration-item__form .cf-switcher.small.labeled .onoffswitch-inner:before {
  text-align: left;
}

.cf-git-integration-item__form .cf-switcher.small.labeled .onoffswitch-switch {
  right: 34px !important;
}

.cf-git-integration-item__form .cf-switcher.small.labeled .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px !important;
}

.cf-git-integration-item__form .cf-switcher.disabled, .cf-git-integration-item__form .cf-switcher[disabled] {
  opacity: 0.8;
}

.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content {
  border-top: 1px solid #DADADA;
  padding: 14px 0 0;
}

.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section .auth-help-link {
  color: #518FF6;
  font-size: 14px;
  text-decoration: none;
}

.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section .auth-help-link:hover > span {
  text-decoration: underline;
}

.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section + .form-section {
  padding-top: 25px;
}

.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content .form-section,
.cf-git-integration-item__form div[type*="cf-nav-pills"] .tab-content .auth-help-section.hidden + .form-section {
  padding-top: 11px;
}

.cf-git-integration-item__form .cf-nav-pills li + li {
  margin-left: 20px;
}

.cf-git-integration-item__form .cf-nav-pills li > a {
  position: relative;
  padding: 10px 18px 19px;
  background-color: transparent;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato;
}

.cf-git-integration-item__form .cf-nav-pills li.active > a, .cf-git-integration-item__form .cf-nav-pills li:hover > a {
  color: #0F9C8D;
}

.cf-git-integration-item__form .cf-nav-pills li.active > a:focus, .cf-git-integration-item__form .cf-nav-pills li.active > a:hover, .cf-git-integration-item__form .cf-nav-pills li:hover > a:focus, .cf-git-integration-item__form .cf-nav-pills li:hover > a:hover {
  background-color: transparent;
}

.cf-git-integration-item__form .cf-nav-pills li.active:before, .cf-git-integration-item__form .cf-nav-pills li:hover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  border-bottom: 4px solid #11B5A4;
}

.cf-git-integration-item__form .cf-nav-pills li.disabled > a, .cf-git-integration-item__form .cf-nav-pills li[disabled] > a {
  color: #b4bece;
  opacity: 0.8;
  cursor: not-allowed;
}

.cf-git-integration-item__form .cf-nav-pills li.disabled.active:before, .cf-git-integration-item__form .cf-nav-pills li.disabled:hover:before, .cf-git-integration-item__form .cf-nav-pills li[disabled].active:before, .cf-git-integration-item__form .cf-nav-pills li[disabled]:hover:before {
  border-bottom-color: transparent;
}

.cf-git-integration-item__form--content {
  margin-top: 20px;
}

.cf-git-integration-item__form--footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 10px;
  border-top: 1px solid #DADADA;
}

.cf-git-integration-item__form--footer-left, .cf-git-integration-item__form--footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-git-integration-item__form--footer-left > *, .cf-git-integration-item__form--footer-right > * {
  margin-left: 15px;
}

.cf-git-integration-item__form--footer-left > *:first-child, .cf-git-integration-item__form--footer-right > *:first-child {
  margin-left: 0;
}

.cf-git-integration-item__form--footer-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-git-integration-item__form--footer-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cf-git-integration-item__form--footer .cdf-button--text-only {
  text-decoration: none;
}

.cf-git-integration-item__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  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;
  width: 100%;
}

.cf-git-integration-item__title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-git-integration-item__title > h3 {
  padding: 6px 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: Lato;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  vertical-align: middle;
}

.cf-git-integration-item__title--icon {
  margin-right: 10px;
}

.cf-git-integration-item__title--name {
  vertical-align: middle;
}

.cf-git-integration-item__title--description {
  font-weight: 400;
  font-size: 13px;
}

.cf-git-integration-item__title--controls {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}

.cf-git-integration-item__title--controls .btn.btn-premise {
  background-color: rgba(190, 190, 190, 0.12);
  border-color: #BEBEBE;
  border-radius: 3px;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 10px;
}

.cf-git-integration-item__title--controls .btn.btn-premise:hover, .cf-git-integration-item__title--controls .btn.btn-premise:focus, .cf-git-integration-item__title--controls .btn.btn-premise[disabled] {
  background-color: rgba(190, 190, 190, 0.12);
  border-color: #BEBEBE;
}

.cf-git-integration-item__title--controls .btn.btn-is-default {
  background-color: #e6f8ff;
  border-color: rgba(63, 174, 238, 0.5);
  border-radius: 3px;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 10px;
  color: #3faeee;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-git-integration-item__title--controls .btn.btn-is-default[disabled] {
  background-color: #e6f8ff;
  border-color: rgba(63, 174, 238, 0.5);
}

.cf-git-integration-item__title--controls .btn.btn-is-default:hover, .cf-git-integration-item__title--controls .btn.btn-is-default:focus {
  background-color: #e6f8ff;
  border-color: #3faeee;
}

.cf-git-integration-item__title--controls .cdf-button, .cf-git-integration-item__title--controls .filters-bar .add-filter-value, .filters-bar .cf-git-integration-item__title--controls .add-filter-value, .cf-git-integration-item__title--controls .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-git-integration-item__title--controls .submit-selection__button {
  padding: 5px 3px;
}

.cf-git-integration-item__title--controls .cdf-button--text-only {
  text-decoration: none;
}

.cf-git-integration-item__title--controls-list {
  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;
}

.cf-git-integration-item__title--controls-list-item {
  height: 29px;
  padding: 5px 17px 5px 17px;
  border-left: 1px solid #DADADA;
}

.cf-git-integration-item__title--controls-available, .cf-git-integration-item__title--controls-non-edit {
  margin: 0;
  display: inline-block;
}

.cf-git-integration-item__title--controls-available {
  visibility: visible;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.cf-git-integration-item__title--controls-non-edit {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.cf-git-integration-item:hover .cf-git-integration-item__title--controls {
  /*&-list {
                    > ul {
                        margin-left: 0px;
                    }
                    > ul + ul {
                        margin-left: 5px;
                    }
                }*/
}

.cf-git-integration-item:hover .cf-git-integration-item__title--controls-available {
  -webkit-transform: translate(-10px, 0%);
  transform: translate(-10px, 0%);
}

.cf-git-integration-item:hover .cf-git-integration-item__title--controls-non-edit {
  position: relative;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.cf-git-integration-item.is-open > form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cf-integration-panel {
  margin-top: 8px;
}

.cf-integration-panel__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cf-integration-panel__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-integration-panel__header > * {
  min-height: 80px;
}

.cf-integration-panel__header-info {
  width: 100%;
}

.cf-integration-panel__header-left, .cf-integration-panel__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cf-integration-panel__header-left {
  min-height: 80px;
}

.cf-integration-panel__header-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cf-git-integration__git-icon {
  float: left;
  height: 64px;
  margin: 10px 20px 10px 0;
}

.cf-git-integration__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 7px;
}

.cf-git-integration__separator {
  clear: both;
  margin: 10px 0;
}

.cf-git-integration .dropdown .dropdown-toggle.integration-provider-selector {
  min-width: 168px;
}

.cf-git-integration .dropdown .dropdown-toggle.integration-provider-selector.cdf-button, .cf-git-integration .dropdown .filters-bar .dropdown-toggle.integration-provider-selector.add-filter-value, .filters-bar .cf-git-integration .dropdown .dropdown-toggle.integration-provider-selector.add-filter-value, .cf-git-integration .dropdown .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .dropdown-toggle.integration-provider-selector.submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .cf-git-integration .dropdown .dropdown-toggle.integration-provider-selector.submit-selection__button {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-git-integration .dropdown .dropdown-menu.integration-provider-list {
  padding: 0;
  margin-top: 0;
  border: 1px solid #DADADA;
  border-radius: 0;
  min-width: 168px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=4px, Color='#0D000000');
}

.cf-git-integration .dropdown .dropdown-menu .integration-provider-item {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cf-git-integration .dropdown .dropdown-menu .integration-provider-item > a {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: bold;
}

.cf-git-integration .dropdown .dropdown-menu .integration-provider-item > a > img {
  margin-right: 7px;
}

.cf-git-integration-list-item {
  border: 1px solid #ebedef;
  margin-bottom: 5px;
  -webkit-transition: border-color ease-in-out 150ms;
  transition: border-color ease-in-out 150ms;
}

.cf-git-integration-list-item:hover {
  border: 1px solid #0F9C8D;
}

.runtime-environment-view {
  padding: 0 50px;
}

.runtime-environment-view .cf-table tbody, .runtime-environment-view .helm-chart-details markdown table tbody, .helm-chart-details markdown .runtime-environment-view table tbody {
  border: 1px solid #ebedef;
}

.runtime-environment-view .cf-table tr, .runtime-environment-view .helm-chart-details markdown table tr, .helm-chart-details markdown .runtime-environment-view table tr {
  height: 60px;
}

.runtime-environment-view .cf-table tr td, .runtime-environment-view .helm-chart-details markdown table tr td, .helm-chart-details markdown .runtime-environment-view table tr td {
  border-bottom: none;
  border-top: 1px solid #ebedef;
  -webkit-transition: border-color 0.5s linear;
  transition: border-color 0.5s linear;
}

.runtime-environment-view .cf-table tr + tr td, .runtime-environment-view .helm-chart-details markdown table tr + tr td, .helm-chart-details markdown .runtime-environment-view table tr + tr td {
  -webkit-transition: border-color 0.5s linear;
  transition: border-color 0.5s linear;
}

.runtime-environment-view .cf-table tr:hover td, .runtime-environment-view .helm-chart-details markdown table tr:hover td, .helm-chart-details markdown .runtime-environment-view table tr:hover td, .runtime-environment-view .cf-table tr.active td, .runtime-environment-view .helm-chart-details markdown table tr.active td, .helm-chart-details markdown .runtime-environment-view table tr.active td {
  position: relative;
  border-top: 1px solid #518FF6;
  /*&:before{
                        content: '';
                        position: absolute;
                        top: -1px;
                        left: -1px;
                        right: -1px;
                        height: 100%;
                        border-top: 1px solid $border-color;
                        transition: border-color 0.7s linear;
                    }*/
}

.runtime-environment-view .cf-table tr:hover td:first-child, .runtime-environment-view .helm-chart-details markdown table tr:hover td:first-child, .helm-chart-details markdown .runtime-environment-view table tr:hover td:first-child, .runtime-environment-view .cf-table tr.active td:first-child, .runtime-environment-view .helm-chart-details markdown table tr.active td:first-child, .helm-chart-details markdown .runtime-environment-view table tr.active td:first-child {
  border-left: 1px solid #518FF6;
}

.runtime-environment-view .cf-table tr:hover td:last-child, .runtime-environment-view .helm-chart-details markdown table tr:hover td:last-child, .helm-chart-details markdown .runtime-environment-view table tr:hover td:last-child, .runtime-environment-view .cf-table tr.active td:last-child, .runtime-environment-view .helm-chart-details markdown table tr.active td:last-child, .helm-chart-details markdown .runtime-environment-view table tr.active td:last-child {
  border-right: 1px solid #518FF6;
}

.runtime-environment-view .cf-table tr:hover + tr td, .runtime-environment-view .helm-chart-details markdown table tr:hover + tr td, .helm-chart-details markdown .runtime-environment-view table tr:hover + tr td, .runtime-environment-view .cf-table tr.active + tr td, .runtime-environment-view .helm-chart-details markdown table tr.active + tr td, .helm-chart-details markdown .runtime-environment-view table tr.active + tr td {
  border-top: 1px solid #518FF6;
}

.runtime-environment-view .cf-table tr:hover:last-child td, .runtime-environment-view .helm-chart-details markdown table tr:hover:last-child td, .helm-chart-details markdown .runtime-environment-view table tr:hover:last-child td, .runtime-environment-view .cf-table tr.active:last-child td, .runtime-environment-view .helm-chart-details markdown table tr.active:last-child td, .helm-chart-details markdown .runtime-environment-view table tr.active:last-child td {
  border-bottom: 1px solid #518FF6;
}

.runtime-environment-view .cf-table tr.list-row-loading, .runtime-environment-view .helm-chart-details markdown table tr.list-row-loading, .helm-chart-details markdown .runtime-environment-view table tr.list-row-loading {
  -webkit-transition: background-color 0.5s ease, background-image 0.2s linear;
  transition: background-color 0.5s ease, background-image 0.2s linear;
  background-image: repeating-linear-gradient(-45deg, rgba(235, 245, 243, 0.5), rgba(235, 245, 243, 0.5) 11px, transparent 10px, transparent 20px);
  background-size: 28px 100%;
  -webkit-animation: cf-triggers-row-loading .55s linear infinite;
          animation: cf-triggers-row-loading .55s linear infinite;
}

.runtime-environment-view .cf-table tr.list-row-loading:hover, .runtime-environment-view .helm-chart-details markdown table tr.list-row-loading:hover, .helm-chart-details markdown .runtime-environment-view table tr.list-row-loading:hover {
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75) 11px, transparent 10px, transparent 20px);
  -webkit-animation: cf-triggers-row-loading .55s linear infinite;
          animation: cf-triggers-row-loading .55s linear infinite;
}

@keyframes cf-triggers-row-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

.runtime-environment-view .re-name {
  font-weight: bold;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-block__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  background-color: inherit;
}

.cf-block__item {
  min-height: 102px;
}

.account-box-item {
  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;
  margin-bottom: 10px;
  padding: 20px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 2px 1px rgba(0, 0, 0, 0.05);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=3px, Color='#0D000000');
}

.account-box-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.account-box-item__controls .cdf-button, .account-box-item__controls .filters-bar .add-filter-value, .filters-bar .account-box-item__controls .add-filter-value, .account-box-item__controls .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .submit-selection__button, .filters-bar select-filter-values .select-filter-values > .values-selection .submit-selection .account-box-item__controls .submit-selection__button {
  min-width: 132px;
}

.integration-card {
  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;
}

.integration-card > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.integration-card__image {
  margin-right: 30px;
  width: 64px;
}

.integration-card__image img {
  width: 100%;
}

.integration-card__info .cf-sub-title {
  color: #2f2f2f;
}

.integration-card__info .integration-details {
  font-family: Lato;
  color: #4c4c4c;
  font-size: 13px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-edit-image-registry {
  padding: 10px 15px 10px 15px;
  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;
}

.cf-edit-image-registry > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-edit-image-registry__firewall {
  margin-top: 15px;
}

.cf-edit-image-registry.is-open {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cf-edit-image-registry__input-label {
  font-style: italic;
  display: block;
}

.cf-edit-image-registry__fields-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cf-edit-image-registry__fields-wrapper span.cf-edit-image-registry__field {
  margin-right: 10px;
}

.cf-edit-image-registry__form--cfcr .cf-edit-image-registry__test {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cf-edit-image-registry__test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cf-edit-image-registry__test-btn {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.cf-edit-image-registry__save-btn {
  padding-left: 40px;
  padding-right: 40px;
}

.cf-edit-image-registry__cancel-btn {
  margin-left: 20px;
}

.cf-edit-image-registry__description {
  padding: 10px 0 0 0;
}

.cf-edit-image-registry__input-field {
  width: 200px;
  margin-bottom: 5px;
}

.cf-edit-image-registry__icons {
  position: relative;
  display: none;
  font-weight: bold;
}

.cf-edit-image-registry__icons .fa {
  margin-left: 20px;
  cursor: pointer;
  color: #0F9C8D;
  font-size: 16px;
}

.cf-edit-image-registry__icons a {
  cursor: pointer;
  color: #0F9C8D;
}

.cf-edit-image-registry:hover .cf-edit-image-registry__icons {
  display: block;
}

.cf-edit-image-registry__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 0 7px 0px;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  font-family: Lato;
}

.cf-edit-image-registry__title--ecr {
  background: url("/modules/cf.resources/images/icon-amazon-ecr.png") no-repeat;
}

.cf-edit-image-registry__title--dockerhub {
  background: url("/modules/cf.resources/images/icon-dockerhub.png") no-repeat;
}

.cf-edit-image-registry__title--private-registry {
  background: url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat;
}

.cf-edit-image-registry__title--bintray {
  background: url("/modules/cf.resources/images/icon-bintray.png") no-repeat;
}

.cf-edit-image-registry__title--gcr {
  background: url("/modules/cf.resources/images/icon-gcr.png") no-repeat;
}

.cf-edit-image-registry__title--cfcr {
  background: url("/modules/cf.resources/images/icon-cfcr.png") no-repeat;
}

.cf-edit-image-registry__title--other {
  background: url("/modules/cf.resources/images/icon-private-regisitry.png") no-repeat;
}

.cf-edit-image-registry__title--icon {
  display: inline-block;
  background-position: center center;
  height: 28px;
  width: 45px;
  vertical-align: middle;
}

.cf-edit-image-registry__title--name {
  vertical-align: middle;
}

.add-team-form {
  padding: 10px 50px 30px 50px;
  margin-left: 50px;
  margin-right: 50px;
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.add-team-form .button-container {
  text-align: right;
  margin-top: 10px;
}

@media (min-width: 600px) {
  .teams-management .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .teams-management .item {
    width: 25%;
  }
}

.teams-management .flexbox {
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 40px;
  padding-right: 40px;
}

.teams-management .item {
  padding: 0 5px;
  margin: 5px 0;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.teams-management .item .wrapper {
  position: relative;
  border: 1px solid #ebedef;
  height: 100%;
  padding: 10px;
  background-color: #fff;
}

.teams-management .item .wrapper .actions {
  position: absolute;
  right: 10px;
  visibility: hidden;
}

.teams-management .item .wrapper .actions i {
  cursor: pointer;
  margin-left: 10px;
}

.teams-management .item .wrapper:hover .actions {
  visibility: visible;
}

.teams-management .item .counters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teams-management .item .counters div {
  text-align: center;
  width: 100%;
}

.teams-management .item .counters label {
  font-size: 8px;
  line-height: 8px;
  display: block;
  text-transform: uppercase;
}

.teams-management .item .counters span {
  font-size: 24px;
  margin-bottom: 10px;
  display: block;
}

.teams-management .item .counters span.infinity {
  font-size: 42px;
  line-height: 26px;
}

.teams-management .item img {
  max-width: 100%;
  height: auto;
  margin-top: 20px;
}

.teams-management .item h3 {
  margin-top: 10px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.teams-management .item p {
  text-align: left;
}

.teams-management .filter-wrapper {
  padding: 0 40px;
}

.teams-management .filter-wrapper .add-filter-selection {
  visibility: hidden;
}

.teams-management .filter-wrapper .search-filter {
  float: left;
}

.teams-management .filter-wrapper .create-team-btn {
  float: right;
  margin-top: 20px;
}

.teams-management .header {
  position: relative;
}

.teams-management .header .cdf-button--icon-only {
  width: 20px;
  height: 20px;
  line-height: 15px;
  margin-right: 2px;
}

.teams-management .header .cdf-button--icon-only i {
  font-size: 12px;
}

.teams-management .header .invite {
  position: absolute;
  top: 0;
  right: 0;
}

.teams-management .header .invite a {
  font-size: 12px;
  color: #11B5A4;
  font-weight: bold;
}

.teams-management h3.title {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.teams-management .invite-btn {
  float: right;
  margin-top: 20px;
  margin-left: 15px;
}

.teams-management .disable-icon {
  color: #DADADA;
}

.cf-billing-settings {
  margin-top: 40px;
}

.cf-labels-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cf-labels-list-container > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-labels-list-container > * {
  line-height: 0;
}

.cf-labels-list-container .list-inline {
  margin-bottom: 0;
  line-height: 0;
  margin-left: 0;
}

.cf-labels-list-container .list-inline > li {
  display: inline-block;
  padding-right: 3px;
  padding-left: 3px;
  line-height: 0;
}

.cf-labels-list-container .list-inline > li:first-child {
  padding-left: 0;
}

.cf-labels-list-container .list-inline > li:last-child {
  padding-right: 0;
}

.cf-labels-list-container .cf-labels-menu {
  position: relative;
  display: inline-block;
  margin-left: 0;
}

.cf-labels-list-container .cf-tag-labels {
  max-width: 155px;
  display: inline-block;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cf-labels-list-container .cf-tag-labels-green {
  border: 1px solid #ebf5f3;
  background-color: #f5faf9;
  color: #0F9C8D;
}

.cf-labels-list-container .cf-tag-labels-white {
  border: 1px solid #ebedef;
  background-color: #fff;
  color: #4c4c4c;
}

.cf-labels-list-container .cf-tag-labels-transparent {
  border: 1px solid transparent;
  background-color: transparent;
  color: #4c4c4c;
  padding: 4px 0;
}

.cf-labels-list-container .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-labels-list-container .btn-group .cf-tag-labels-white + .dropdown-menu,
.cf-labels-list-container .btn-group .cf-tag-labels-transparent + .dropdown-menu,
.cf-labels-list-container .btn-group .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ebedef;
  max-width: 280px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.cf-labels-list-container .btn-group .cf-tag-labels-white + .dropdown-menu > li > *,
.cf-labels-list-container .btn-group .cf-tag-labels-transparent + .dropdown-menu > li > *,
.cf-labels-list-container .btn-group .dropdown-menu > li > * {
  display: block;
  width: 100%;
  padding: 8px 8px;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4c4c4c;
}

.cf-labels-list-container .btn-group .cf-tag-labels-white + .dropdown-menu > li > *:hover,
.cf-labels-list-container .btn-group .cf-tag-labels-transparent + .dropdown-menu > li > *:hover,
.cf-labels-list-container .btn-group .dropdown-menu > li > *:hover {
  background-color: #ebf5f3;
}

.cf-labels-list-container .btn-group .cf-tag-labels-green + .dropdown-menu {
  background-color: #f5faf9;
  border: 1px solid #ebf5f3;
}

.cf-labels-list-container .btn-group .cf-tag-labels-green + .dropdown-menu > li > * {
  color: #0F9C8D;
}

.cf-labels-list-container .btn-group .cf-tag-labels-green + .dropdown-menu > li > *:hover {
  background-color: #ebf5f3;
}

.cf-labels-list-container .cf-tag-btn {
  padding: 4px 8px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.integration-row {
  background-color: #fff;
  padding: 10px 15px;
  border: 1px solid #0F9C8D;
  border-left-width: 4px;
  margin: 10px 0;
}

.integration-row .heading-line {
  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;
}

.integration-row .heading-line.pointer {
  cursor: pointer;
}

.integration-row .heading-line .caret-container {
  padding-right: 10px;
  font-size: 21px;
}

.integration-row .heading-line .header {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: bold;
  font-size: 16px;
}

.integration-row .heading-line .actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #0F9C8D;
}

.integration-row .heading-line .actions i, .integration-row .heading-line .actions span {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
}

.images-accordion {
  padding-left: 40px;
  padding-right: 40px;
}

.images-accordion .cf-table, .images-accordion .helm-chart-details markdown table, .helm-chart-details markdown .images-accordion table {
  border-collapse: collapse;
  border-spacing: 0 0;
  table-layout: fixed;
}

.images-accordion .filters-bar {
  margin-bottom: 15px;
}

.images-accordion ul.repo-list {
  margin: 20px 0;
  padding: 0;
  border-bottom: 1px solid #EDEDED;
}

.images-accordion li.repo-row {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  background-color: #fff;
  border: 1px solid #EDEDED;
  border-bottom: none;
}

.images-accordion li.repo-row .cf-empty-screen {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.images-accordion li.repo-row .images {
  padding: 0 15px 5px !important;
}

.images-accordion li.repo-row.opened .icon-codefresh-chebron-r {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.images-accordion li.repo-row .repo-row-wrapper {
  padding: 20px 22px;
  line-height: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.images-accordion li.repo-row .repo-row-wrapper label {
  display: block;
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
  color: #888888;
}

.images-accordion li.repo-row .repo-row-wrapper .repo-tags, .images-accordion li.repo-row .repo-row-wrapper .repo-last-update {
  font-weight: bold;
  font-size: 13px;
  color: #4C4C4C;
  padding-right: 40px;
  white-space: nowrap;
}

.images-accordion li.repo-row .repo-row-wrapper .repo-tags {
  padding-right: 10px;
}

.images-accordion li.repo-row .repo-row-wrapper .repo-name {
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 17px;
  color: #4C4C4C;
  font-weight: bold;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}

.images-accordion li.repo-row .repo-row-wrapper .repo-name .icon-codefresh-chebron-r {
  font-size: 14px;
  margin-right: 13px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform-origin: center;
          transform-origin: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 3px;
}

.edit-image-tags {
  display: inline-block;
  width: 100%;
}

.edit-image-tags .host {
  margin-top: 0px;
  margin-bottom: 0px;
}

.edit-image-tags .tags {
  border: none;
  outline: none;
}

.edit-image-tags .tags:hover {
  cursor: default;
}

.edit-image-tags .tags.focused {
  border: 1px solid #F6F6F6;
}

.edit-image-tags .tags.focused input {
  display: block;
  border: none;
}

.edit-image-tags .tags .tag-list .tag-item {
  position: relative;
  border-radius: 0px;
  padding: 0px;
  height: 20px;
  background: none;
  border: none;
  margin-bottom: 5px;
}

.edit-image-tags .tags .tag-list .tag-item:hover {
  cursor: default;
}

.edit-image-tags .tags .tag-list .tag-item .tag-template {
  line-height: 22px;
  font-weight: bold;
  border: 1px solid #acacac;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #F5FAF9 !important;
  border-color: #87E0D7 !important;
  color: #11B5A4;
  font-size: 11px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.edit-image-tags .tags .tag-list .tag-item .tag-template .remove-button {
  position: absolute;
  right: 4px;
  top: 5px;
  display: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  font-size: 12px;
  font-weight: 200 !important;
}

.edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button {
  display: inline-block;
  color: transparent !important;
}

.edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button:before {
  cursor: pointer;
  content: "o";
  font-family: 'codefresh';
  color: #BEEEE9 !important;
  margin-right: -10px;
  font-size: 10px;
}

.edit-image-tags .tags .tag-list .tag-item .tag-template:hover .remove-button:hover:before {
  color: #29B6A7 !important;
}

.edit-image-tags .tags .input {
  padding-left: 3px;
  padding-right: 0px;
  height: 23px;
  background-color: #f5f5f6;
  border: 1px solid #f5f5f6;
  color: #464e5c;
  max-width: 100px;
}

.edit-image-tags .tags .input::-webkit-input-placeholder {
  color: #81848a;
}

.edit-image-tags .tags .input::-ms-input-placeholder {
  color: #81848a;
}

.edit-image-tags .tags .input::placeholder {
  color: #81848a;
}

.edit-image-tags .tags .input:hover, .edit-image-tags .tags .input:focus {
  background-color: #fff;
  border-color: #acacac;
}

.edit-image-tags .tags .input:hover::-webkit-input-placeholder, .edit-image-tags .tags .input:focus::-webkit-input-placeholder {
  color: #fff;
}

.edit-image-tags .tags .input:hover::-ms-input-placeholder, .edit-image-tags .tags .input:focus::-ms-input-placeholder {
  color: #fff;
}

.edit-image-tags .tags .input:hover::placeholder, .edit-image-tags .tags .input:focus::placeholder {
  color: #fff;
}

show-more-less {
  display: block;
  position: relative;
}

show-more-less .cf-show-more-less {
  visibility: visible;
}

show-more-less .toggle-btn {
  cursor: pointer;
  font-weight: 600;
  color: #0F9C8D;
}

show-more-less .dots {
  display: none;
}

show-more-less > .show-more {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 0 5px;
}

show-more-less > .show-more .dots {
  display: inline;
}

button-with-icon {
  display: block;
  padding: 5px 0 5px 0;
}

button-with-icon .cdf-button--rounded {
  background-color: transparent;
  border: none;
}

button-with-icon .cdf-button--rounded i {
  color: #518FF6;
}

button-with-icon .cdf-button--rounded.with-background i {
  color: #fff;
}

button-with-icon .cdf-button--rounded:hover {
  background-color: transparent;
  border: none;
}

button-with-icon .cdf-button--rounded:disabled {
  background-color: transparent;
  border: none;
}

button-with-icon .btn-link {
  color: #518FF6;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

button-with-icon .btn-link:hover, button-with-icon .btn-link:active, button-with-icon .btn-link:focus {
  color: #518FF6;
}

plus-button, .environment-variable-add-buttons {
  display: block;
  padding: 5px 0 5px 0;
}

plus-button .cdf-button--rounded, .environment-variable-add-buttons .cdf-button--rounded {
  zoom: 0.9;
}

plus-button .btn-link, .environment-variable-add-buttons .btn-link {
  color: #11b5a4;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

plus-button .btn-link:hover, .environment-variable-add-buttons .btn-link:hover, plus-button .btn-link:active, .environment-variable-add-buttons .btn-link:active, plus-button .btn-link:focus, .environment-variable-add-buttons .btn-link:focus {
  color: #11b5a4;
}

divider .divider-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

divider .divider-container::before,
divider .divider-container::after {
  content: "";
  position: relative;
  border-top: 1px solid #dbdbdb;
  top: 50%;
  width: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

divider .divider-text {
  white-space: nowrap;
  padding: 0 16px;
  color: #888;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Lato;
}

.generate-token-modal .cdf-warning {
  margin: 0 0 17px 0;
}

.generate-token-modal .token-container {
  margin-bottom: 17px;
}

.generate-token-modal .token-container .copy-link i {
  margin-right: 5px;
}

.generate-token-modal .token-yet-created {
  opacity: 0.3;
}

.empty-build-list {
  margin-right: 0;
  margin-left: 0;
}

.empty-build-list .info-box {
  display: inline-block;
  margin-top: 80px;
}

.helm-integration img {
  float: left;
  height: 80px;
  margin-top: -10px;
  margin-right: 20px;
  margin-bottom: 15px;
}

.images-dropdown-container .images-dropdown-btn {
  background-color: transparent;
  border: 0;
}

.images-dropdown-container .images-dropdown-btn:disabled {
  color: #4c4c4c;
}

.helm-release-details-tabs {
  padding: 0 50px 0 50px;
}

.helm-release-details-tabs .cf-tabs {
  margin: 0;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.builds-list {
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 0px;
}

.builds-list__warning {
  margin-bottom: 15px;
  display: block;
}

.builds-list .public-header {
  padding-top: 22px;
  padding-bottom: 6px;
}

.builds-list .public-header span.title {
  color: #4c4c4c;
  font-weight: bold;
  font-size: 20px;
}

.builds-list .public-header span.description {
  color: #545454;
  font-size: 14px;
}

.builds-list .public-header .superfresh {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s;
  position: absolute;
  top: 72px;
  right: 53px;
  z-index: 1;
}

.builds-list .public-header .superfresh img {
  width: 100px;
  height: 100px;
}

.builds-list .public-header .superfresh .bluebox {
  z-index: -1;
  width: 372px;
  height: 58px;
  background: #e4f1f5;
  position: absolute;
  top: 26px;
  right: 28px;
  border-radius: 7px;
  padding-top: 9px;
  padding-left: 13px;
  font-weight: bold;
  font-size: 14px;
  color: #4c4c4c;
}

.builds-list .public-header .superfresh .bluebox a {
  color: #11B5A4;
  padding-left: 2px;
}

.builds-list .public-header .superfresh.ng-hide {
  opacity: 0;
}

@media screen and (max-width: 809px) {
  .builds-list .public-header .superfresh {
    display: none;
  }
}

@media only screen and (max-width: 530px) {
  .builds-list .public-pagination {
    display: none !important;
  }
}

.builds-list .workflow-items-wrapper {
  padding-top: 20px;
}

.builds-list .workflow-items-wrapper-short {
  padding-top: 10px;
}

.builds-list .cf-tabs {
  margin: 0 0 20px 0;
  line-height: 53px;
}

.builds-list .cf-tabs .tab a {
  display: inline-block;
  line-height: 16px;
  text-transform: uppercase;
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.builds-list .cf-tabs .tab a span {
  padding: 4px 6px;
  min-width: 20px;
  font-size: 12px;
  line-height: 12px;
  margin-left: 5px;
  color: #000;
}

.builds-list .cf-tabs .tab a span.running {
  background-color: #518FF6;
  color: #fff;
}

.builds-list .cf-tabs .tab a span.pending {
  background-color: #ccc;
  color: #fff;
}

.builds-list .cf-tabs .tab a span.pending-approval {
  background-color: #F2C94C;
  color: #fff;
}

.builds-list .cf-tabs .tab a span.delayed {
  background-color: #F2994A;
  color: #fff;
}

.builds-list .repo-build-item {
  position: relative;
}

.builds-list .repo-build-item .cf-overlay .cf-loader, .builds-list .repo-build-item .build-status .cf-loader {
  margin-top: -33px;
}

.builds-list .repo-build-item.panel-default {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
}

.builds-list .repo-build-item .build-indicator {
  background-color: #fff;
  height: 100%;
  position: absolute;
  width: 10px;
}

.builds-list .repo-build-item .build-indicator.success {
  background-color: #0F9C8D;
}

.builds-list .repo-build-item .build-indicator.start {
  background-color: #464e5c !important;
}

.builds-list .repo-build-item .build-indicator.error {
  background-color: #eb5848;
}

.builds-list .repo-build-item .build-indicator.terminating, .builds-list .repo-build-item .build-indicator.terminated {
  background-color: #eb5848;
}

.builds-list .repo-build-item .build-indicator.pending {
  background-color: #ccc;
}

.builds-list .repo-build-item .build-indicator.elected {
  background-color: #ccc;
}

.builds-list .repo-build-item .build-info {
  cursor: pointer;
  display: table;
  margin-left: 10px;
  padding: 6px 12px;
  table-layout: fixed;
  width: 100%;
}

.builds-list .repo-build-item .build-info .build-user, .builds-list .repo-build-item .build-info .build-status {
  width: 6%;
}

.builds-list .repo-build-item .build-info .build-actions {
  width: 8%;
}

.builds-list .repo-build-item .build-info .build-content {
  width: 47%;
}

@media screen and (max-width: 768px) {
  .builds-list .repo-build-item .build-info .build-content, .builds-list .repo-build-item .build-info .build-user, .builds-list .repo-build-item .build-info .build-status, .builds-list .repo-build-item .build-info .build-actions {
    width: 100%;
  }
}

.builds-list .repo-build-item .build-info .panel {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  display: table-cell;
  margin-bottom: 0;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .builds-list .repo-build-item .build-info .panel {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}

.builds-list .repo-build-item .build-info .build-user {
  padding-right: 10px;
  width: 100px;
}

.builds-list .repo-build-item .build-info .build-user .build-user-wrapper {
  margin: 0 auto;
}

.builds-list .repo-build-item .build-info .build-user .build-user-wrapper div {
  border-radius: 50%;
  height: 40px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  pointer-events: none;
  width: 40px;
}

.builds-list .repo-build-item .build-info .build-user .build-user-wrapper div img {
  width: 100%;
}

.builds-list .repo-build-item .build-info .build-user .build-user-wrapper span {
  color: #464e5c;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.builds-list .repo-build-item .build-info .build-content .commit-name {
  color: #464e5c;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 12px 0;
}

.builds-list .repo-build-item .build-info .build-content .commit-sha {
  color: #464e5c;
  text-decoration: underline;
}

.builds-list .repo-build-item .build-info .build-content .build-meta {
  margin: 0;
  padding: 0;
}

.builds-list .repo-build-item .build-info .build-content .build-meta li {
  border-right: solid 1px #cfd3db;
  color: #464e5c;
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  padding: 0 10px 0 0;
}

.builds-list .repo-build-item .build-info .build-content .build-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.builds-list .repo-build-item .build-info .build-content .build-meta li:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .builds-list .repo-build-item .build-info .build-content .build-meta li {
    display: block;
    border: none;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
    text-align: left;
    font-size: 16px;
  }
  .builds-list .repo-build-item .build-info .build-content .build-meta li .button-panel {
    width: 24%;
  }
  .builds-list .repo-build-item .build-info .build-content .build-meta li .button-panel button {
    height: 50px;
  }
  .builds-list .repo-build-item .build-info .build-content .build-meta li .button-panel button i {
    font-size: 50px;
  }
}

.builds-list .repo-build-item .build-info .build-content .build-meta li i {
  font-size: 16px;
  width: 16px;
}

.builds-list .repo-build-item .build-info .build-content .build-meta li i.icon {
  vertical-align: sub;
}

.builds-list .repo-build-item .build-info .build-status {
  font-size: 32px;
  min-width: 60px;
  text-align: center;
}

.builds-list .repo-build-item .build-info .build-status.success {
  color: #0F9C8D;
}

.builds-list .repo-build-item .build-info .build-status.start {
  color: #464e5c;
}

.builds-list .repo-build-item .build-info .build-status.error {
  color: #eb5848;
}

.builds-list .repo-build-item .build-info .build-status.terminating, .builds-list .repo-build-item .build-info .build-status.terminated {
  color: #eb5848;
}

.builds-list .repo-build-item .build-info .build-status.pending {
  color: #ccc;
}

.builds-list .repo-build-item .build-info .build-status.elected {
  color: #ccc;
}

@media screen and (max-width: 1200px) {
  .builds-list .repo-build-item .build-info .build-actions {
    width: 6%;
  }
  .builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper {
    width: 60px;
  }
}

@media screen and (max-width: 768px) {
  .builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper {
    width: 100%;
    float: none;
  }
}

.builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper {
  float: right;
  width: 104px;
}

.builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper .button-panel {
  display: inline-block;
  margin: 2px 0;
  padding: 0 !important;
}

.builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper .button-panel .btn {
  border: none;
  height: 30px;
  width: 50px;
}

.builds-list .repo-build-item .build-info .build-actions .build-actions-wrapper .fa {
  color: #464e5c;
  font-size: 18px;
}

.builds-list .repo-build-filters-wrap {
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.builds-list .repo-build-filters-wrap-short {
  max-height: 50px;
}

@media only screen and (max-width: 530px) {
  .builds-list .repo-build-filters-wrap-short {
    display: none !important;
  }
}

.builds-list .repo-build-filters {
  min-height: 80px;
  position: relative;
}

.builds-list .repo-build-filter-type {
  display: inline-block;
}

.cf-empty-list {
  background-color: #fff;
  background-image: url("/modules/cf.resources/images/search.png");
  background-position: 40% -13%;
  background-repeat: no-repeat;
  background-size: 35%;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 34%;
  position: relative;
  width: 100%;
}

.cf-empty-list::after {
  background-image: url("/modules/cf.resources/images/right.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0px;
  content: "";
  display: block;
  height: 69%;
  position: absolute;
  right: -1.6%;
  width: 46%;
}

.cf-empty-list::before {
  background-image: url("/modules/cf.resources/images/left.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0px;
  content: "";
  display: block;
  height: 19.8%;
  left: 0px;
  position: absolute;
  width: 40%;
}

.cf-empty-list .cf-empty-list-content {
  left: 6%;
  position: absolute;
  top: 10%;
}

.cf-empty-list .cf-empty-list-content h4 {
  color: #eb5848;
  font-size: 28px;
  font-weight: bold;
}

.cf-empty-list .cf-empty-list-content h1 {
  color: #ccc;
  font-size: 50px;
  font-weight: bold;
}

@media screen and (max-width: 1550px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 22px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 44px;
  }
}

@media screen and (max-width: 1400px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 20px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1300px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 20px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 36px;
  }
}

@media screen and (max-width: 1200px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 20px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 1100px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 20px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1000px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 18px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 22px;
  }
}

@media screen and (max-width: 850px) {
  .cf-empty-list .cf-empty-list-content h4 {
    font-size: 16px;
  }
  .cf-empty-list .cf-empty-list-content h1 {
    font-size: 18px;
  }
}

.on-prem-trial-notifications .schedule-button {
  border-color: #0F9C8D;
  color: #0F9C8D;
}

.not-found__big-content {
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 70px 0;
}

.not-found__big-content .not-found__big-content--title {
  color: #2f2f2f;
  font-size: 38px;
  font-weight: 300;
}

.not-found__big-content .not-found__big-content--description {
  color: #2f2f2f;
  font-size: 14px;
}

.not-found__big-content .not-found__big-content--text-wrap {
  text-align: center;
}

.not-found__container {
  height: 100%;
  width: 100%;
}

.not-found__small-content {
  height: 100%;
  width: 100%;
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.not-found__small-content--icon-wrap {
  height: 50px;
  width: 56px;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  margin-bottom: 17px;
  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;
}

.not-found__small-content--icon {
  font-size: 24px;
  color: #ededed;
}

.not-found__small-content--text, .not-found__default-content {
  text-transform: capitalize;
  color: #4c4c4c;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}

.user-circle-progress {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.user-circle-progress .user-circle-progress-inner {
  position: relative;
  cursor: pointer;
}

.user-circle-progress .progress-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  font-weight: 300;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay:before, .user-circle-progress .progress-area .user-avatar.user-progress-overlay:after {
  position: absolute;
  border-radius: 50%;
  color: #fff;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay:before {
  content: '';
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 14, 14, 0.4);
  border: 0px solid transparent;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay.user-progress-overlay-text:after {
  content: attr(current-progress);
  font-size: 100%;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay.user-progress-overlay-text > .user-progress-label-text {
  display: none;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay .user-progress-label-text {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  width: 100%;
  color: #fff;
  font-size: 100%;
  text-align: center;
}

.user-circle-progress .progress-area .user-avatar.user-progress-overlay .user-progress-label-text sup {
  top: -0.45em;
  font-size: 55%;
}

.user-circle-progress .progress-area .user-avatar .user-avatar-pic,
.user-circle-progress .progress-area .user-avatar cf-avatar {
  display: inline-block;
}

.user-circle-progress .progress-area .user-avatar .user-avatar-pic .cf-avatar,
.user-circle-progress .progress-area .user-avatar cf-avatar .cf-avatar {
  width: 100%;
  height: 100%;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.onboard-widget {
  display: inline-block;
  width: 100%;
}

.onboard-widget .onboard-widget-inner {
  margin-top: 40px;
}

.onboard-widget .onboard-widget-inner .user-circle-info {
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  width: 100%;
  padding-bottom: 16px;
}

.onboard-widget .onboard-widget-inner .user-circle-info .user-label {
  font-size: 23px;
  line-height: 28px;
  font-weight: 300;
  word-break: break-all;
  padding: 15px 15px 8px;
}

.onboard-widget .onboard-widget-inner .user-progress-info {
  font-size: 14px;
  padding: 0 6px 50px;
}

.onboard-widget .onboard-widget-inner .user-progress-info b {
  text-transform: lowercase;
}

.onboard-widget .onboard-widget-inner .user-control-info {
  padding: 0 18px;
}

.onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow {
  background-color: transparent;
}

.onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light {
  color: #fff;
  border: 1px solid #fff;
}

.onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light:hover {
  background-color: #fff;
  color: #0F9C8D;
}

.onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light:hover:active, .onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light:hover:focus {
  color: #0F9C8D;
}

.onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light:active, .onboard-widget .onboard-widget-inner .user-control-info .cdf-button--hollow-light:focus {
  color: #fff;
}

.cf-user-profile .onboard-widget .user-circle-progress {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  padding: 0 30px;
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area {
  padding: 5px;
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar {
  border: 2px solid #0F9C8D;
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar.user-progress-overlay {
  min-height: 106px;
  font-size: 29px;
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar.user-progress-overlay.user-progress-overlay-text:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar.user-progress-overlay .user-progress-label-text {
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar .user-avatar-pic,
.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar cf-avatar {
  display: inline-block;
}

.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar .user-avatar-pic .cf-avatar,
.cf-user-profile .onboard-widget .user-circle-progress .progress-area .user-avatar cf-avatar .cf-avatar {
  width: 100%;
  height: 100%;
}

.cf-user-profile .onboard-widget .user-circle-info {
  display: inline-block;
}

/*
.large-sidebar {
    .cf-side-bar {
        .onboard-widget {
            .onboard-widget-sidebar-area {
                left: $side-bar-large-width;
                width: 0;
                &.opened {
                    //@include transition(width .2s linear);
                    width: $onboard-sidebar-width;
                    .onboard-sidebar {
                        left: 0;
                    }
                }
                &.closed {
                    //transition-delay: 0.2s;
                }
                & > .onboard-widget-sidebar-window,
                & > .modal-backdrop {
                    left: $side-bar-large-width;
                }
            }
        }
    }
}

.small-sidebar {
    .cf-side-bar {
        .onboard-widget {
            .onboard-widget-sidebar-area {
                left: $side-bar-width;
                width: 0;
                &.opened {
                    //@include transition(width .2s linear);
                    width: $onboard-sidebar-width;
                    .onboard-sidebar {
                        left: 0;
                    }
                }
                &.closed {
                    //transition-delay: 0.2s;
                }
                & > .onboard-widget-sidebar-window,
                & > .modal-backdrop {
                    left: $side-bar-width;
                }
            }
        }
    }
}
*/
.large-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area {
  left: 246px;
}

.large-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area > .onboard-widget-sidebar-window,
.large-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area > .modal-backdrop {
  left: 246px;
}

.small-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area {
  left: 66px;
}

.small-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area > .onboard-widget-sidebar-window,
.small-sidebar .cf-side-bar .onboard-widget .onboard-widget-sidebar-area > .modal-backdrop {
  left: 66px;
}

.onboard-widget-sidebar-area {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: left 0.2s linear;
  transition: left 0.2s linear;
}

.onboard-widget-sidebar-area > .modal-backdrop {
  -webkit-transition: left 0.2s, opacity 0.2s linear;
  transition: left 0.2s, opacity 0.2s linear;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window {
  width: 328px;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window .onboard-widget-sidebar-dialog {
  height: 100%;
  width: 328px;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window.onboard-widget-sidebar-left .onboard-widget-sidebar-dialog {
  left: 0;
  right: auto;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window.onboard-widget-sidebar-left.fade {
  -webkit-transition: left 0.2s, opacity 0.2s;
  transition: left 0.2s, opacity 0.2s;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window.onboard-widget-sidebar-left.fade .onboard-widget-sidebar-dialog {
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.onboard-widget-sidebar-area > .onboard-widget-sidebar-window.onboard-widget-sidebar-left.in .onboard-widget-sidebar-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.onboard-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 328px;
  background-color: #4a4a4a;
  -webkit-box-shadow: inset 14px 0 -7px 16px rgba(0, 0, 0, 0.2);
  box-shadow: inset 14px 0 16px -7px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}

.onboard-sidebar > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.onboard-sidebar-close.btn-link {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
  width: 24px;
  height: 24px;
  color: #fbfbfb;
}

.onboard-sidebar-close.btn-link:focus, .onboard-sidebar-close.btn-link:hover {
  text-decoration: none;
  color: #fff;
}

.onboard-sidebar-title {
  padding: 33px 15px 25px;
  margin-bottom: 32px;
  position: relative;
}

.onboard-sidebar-title:before {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 14px;
  left: 14px;
  height: 1px;
  background-color: #595959;
}

.onboard-sidebar-title .title {
  font-size: 21px;
  font-weight: 300;
  color: #fff;
}

.onboard-sidebar-title .description {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.22857143;
  color: #b1b0b0;
  padding-bottom: 10px;
}

.onboard-sidebar-title .description > a.cdf-link {
  font-size: 12px;
}

.onboard-sidebar-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 16px;
  position: relative;
}

.onboard-sidebar .onboard-progress-list {
  padding-left: 0;
  list-style: none;
}

.onboard-sidebar .onboard-progress-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 22px;
}

.onboard-sidebar .onboard-progress-list-item > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.onboard-sidebar .onboard-progress-list-item:first-child {
  margin-top: 0px;
}

.onboard-sidebar .onboard-progress-list-item-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 50px;
  height: 50px;
  background: transparent;
  border: 4px solid #3d3d3d;
  color: #3d3d3d;
  font-size: 22px;
  padding: 11px 0;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  text-decoration: none;
}

.onboard-sidebar .onboard-progress-list-item-icon.allow-manual {
  border: 4px solid #a7a7a7;
  color: #a7a7a7;
}

.onboard-sidebar .onboard-progress-list-item.active .onboard-progress-list-item-icon {
  border: 4px solid #11B5A4;
  color: #11B5A4;
}

.onboard-sidebar .onboard-progress-list-item-label {
  font-size: 16px;
  text-align: left;
  color: #fff;
  padding-left: 0;
  padding-right: 20px;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
          flex: 0 1 auto;
  width: calc(100% - 60px);
}

.onboard-sidebar .onboard-progress-list-item-label > .label-name {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}

.onboard-sidebar .onboard-progress-list-item-label > .label-description {
  font-size: 15px;
  font-weight: 300;
  color: #a7a7a7;
}

.onboard-sidebar .onboard-progress-list-item-label > a.cdf-link {
  font-size: 13px;
}

rollback-release-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  direction: rtl;
  padding-left: 6px;
}

rollback-release-button a, rollback-release-button i {
  vertical-align: middle;
  text-decoration: none;
  padding: 0 2px;
}

rollback-release-button a:hover, rollback-release-button i:hover {
  text-decoration: none;
}

rollback-release-button .cdf-button {
  text-decoration: none;
}

rollback-release-button .cdf-button[disabled] {
  text-decoration: none;
  background: transparent;
  border: none;
}

.add-helm-repository-modal .modal-dialog {
  width: 690px;
}

.add-helm-repository-modal .sources-title {
  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;
}

.add-helm-repository-modal .sources-title > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.add-helm-repository-modal .loader-container {
  position: relative;
  min-height: 130px;
}

.add-helm-repository-modal radio-input .radio-input.rectangle-options label {
  height: 70px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.install-helm-chart-modal h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: normal;
}

.install-helm-chart-modal h4 .fa {
  width: 20px;
}

.install-helm-chart-modal .form-group-container {
  margin-bottom: 10px;
}

.install-helm-chart-modal .form-group-container .input-container {
  margin-top: 10px;
}

.install-helm-chart-modal .form-group-container .input-container label {
  color: #000000;
  font-weight: normal;
}

.install-helm-chart-modal .form-group-container .input-container input {
  height: 50px;
}

.install-helm-chart-modal .form-group-container .input-container .cf-registry-selector__list-wrapper .item-name {
  font-weight: normal;
}

.install-helm-chart-modal .form-group-container .input-container .cf-registry-selector__selected {
  height: 50px;
  padding: 15px 15px;
}

.install-helm-chart-modal .form-group-container .input-container .cf-registry-selector__selected span {
  font-weight: normal;
}

.install-helm-chart-modal .form-group-container .input-container .cf-registry-selector__selected .cf-registry-selector__arrow {
  top: 20px;
}

.install-helm-chart-modal .form-group-container .input-container .input-row {
  padding-bottom: 10px;
}

.install-helm-chart-modal .form-group-container .target-environment-title {
  font-weight: bold;
  margin: 25px auto 15px auto;
}

.install-helm-chart-modal .form-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.install-helm-chart-modal .values-settings {
  margin-top: 10px;
  border: 1px solid #DADADA;
  padding: 5px;
  max-height: 400px;
  overflow-y: auto;
}

.install-helm-chart-modal .values-settings .cf-modify-environment-variables {
  margin-top: 10px;
}

.install-helm-chart-modal .values-settings .cf-modify-environment-variables h3 {
  font-size: 16px;
}

.install-helm-chart-modal .chart-values-row.no-changes .integration-row {
  border-color: #DADADA;
}

.install-helm-chart-modal .chart-values-row .integration-row .rollback-icon {
  width: 16px;
  cursor: pointer;
}

.install-helm-chart-modal .cdf-button {
  margin-left: 5px;
}

.install-helm-chart-modal .cdf-button-transparent {
  color: #11b5a4;
  background-color: transparent;
}

.install-helm-chart-modal .cdf-button-transparent:hover {
  cursor: pointer;
  color: #11b5a4;
  background-color: #FFFFFF;
}

.install-helm-chart-modal .cdf-button-transparent.disabled {
  opacity: 0.5;
  cursor: default;
}

.install-helm-chart-modal .cdf-button-transparent.disabled:hover {
  color: #11b5a4;
  background-color: transparent;
}

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

.info-block__item {
  min-width: 160px;
  color: #000000;
  font-weight: bold;
  max-width: 50%;
}

.info-block__item .info-block-title {
  font-size: 11px;
}

.info-block__item .info-block-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.install-helm-chart-modal h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: normal;
}

.install-helm-chart-modal h4 .fa {
  width: 20px;
}

.install-helm-chart-modal .form-group-container {
  margin-bottom: 10px;
}

.install-helm-chart-modal .form-group-container .input-container {
  margin-top: 10px;
}

.install-helm-chart-modal .form-group-container .input-container .input-row {
  padding-bottom: 10px;
}

.install-helm-chart-modal .form-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.install-helm-chart-modal .values-settings {
  margin-top: 10px;
  border: 1px solid #DADADA;
  padding: 5px;
  max-height: 400px;
  overflow-y: auto;
}

.install-helm-chart-modal .values-settings .cf-modify-environment-variables {
  margin-top: 10px;
}

.install-helm-chart-modal .values-settings .cf-modify-environment-variables h3 {
  font-size: 16px;
}

.install-helm-chart-modal .chart-values-row.no-changes .integration-row {
  border-color: #DADADA;
}

.install-helm-chart-modal .chart-values-row .integration-row .rollback-icon {
  width: 16px;
  cursor: pointer;
}

.install-helm-chart-modal__window .modal-dialog {
  width: 600px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.delete-helm-release-modal .content {
  margin-bottom: 10px;
}

.delete-helm-release-modal .content h4 {
  font-size: 16px;
}

.delete-helm-release-modal .content p label input {
  margin-right: 5px;
}

.delete-helm-release-modal .content p small {
  display: block;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.clone-helm-chart-modal .input-container label {
  color: #000000;
  font-weight: normal;
}

.clone-helm-chart-modal .input-container input {
  height: 50px;
}

.clone-helm-chart-modal .input-container .cf-registry-selector__list-wrapper .item-name {
  font-weight: normal;
}

.clone-helm-chart-modal .input-container .cf-registry-selector__selected {
  height: 50px;
  padding: 15px 15px;
}

.clone-helm-chart-modal .input-container .cf-registry-selector__selected span {
  font-weight: normal;
}

.clone-helm-chart-modal .input-container .cf-registry-selector__selected .cf-registry-selector__arrow {
  top: 20px;
}

.clone-helm-chart-modal h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: normal;
}

.clone-helm-chart-modal h4 .fa {
  width: 20px;
}

.clone-helm-chart-modal .form-group-container {
  margin-bottom: 44px;
}

.clone-helm-chart-modal .form-group-container .input-container {
  margin-top: 10px;
}

.clone-helm-chart-modal .form-group-container .input-container .input-row {
  padding-bottom: 10px;
}

.clone-helm-chart-modal .form-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clone-helm-chart-modal .values-settings {
  margin-top: 10px;
  max-height: initial;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables {
  border: none;
  margin-top: 10px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables h3 {
  font-size: 16px;
}

.clone-helm-chart-modal .select-contexts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.clone-helm-chart-modal .select-contexts-list .cf-registry-selector {
  margin-bottom: 11px;
}

.clone-helm-chart-modal .select-contexts-list .integration-row {
  margin: -1px 0 0 0;
}

.clone-helm-chart-modal .select-contexts-list .integration-row:hover {
  background-color: rgba(63, 174, 238, 0.08);
  cursor: pointer;
}

.clone-helm-chart-modal .select-contexts-list .integration-row .actions i {
  color: #4c4c4c;
}

.clone-helm-chart-modal .chart-values-row.no-changes .integration-row {
  border-color: #DADADA;
}

.clone-helm-chart-modal .chart-values-row .actions i {
  color: #4c4c4c;
}

.clone-helm-chart-modal .chart-values-row .integration-row .heading-line .header {
  font-size: 14px;
}

.clone-helm-chart-modal .chart-values-row .integration-row .rollback-icon {
  width: 16px;
  cursor: pointer;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables {
  margin-top: 20px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__description {
  margin-bottom: 20px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable__table {
  height: 52px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__show-modified {
  margin: 0;
  text-transform: capitalize;
  font-size: 14px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__table-header {
  padding: 0;
  border: 1px solid #DBDBDB;
  border-bottom-width: 0;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__header-cell {
  font-size: 14px;
  padding-left: 0;
  border-bottom: 0;
  color: #2F2F2F;
  font-weight: normal;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable__icons-column {
  padding-right: 15px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable {
  font-size: 12px;
  color: #000000;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable__edit-icons {
  padding-right: 15px;
  color: #4c4c4c;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__search {
  padding: 0;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable__key-column {
  padding-left: 15px;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variable__value-column {
  padding-left: 0;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__title {
  margin-left: 0;
  text-transform: capitalize;
  font-weight: bold;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variables .cf-modify-environment-variables__scroll-list {
  border: 1px solid #dbdbdb;
  border-top-width: 0;
}

.clone-helm-chart-modal .values-settings .cf-modify-environment-variable:hover {
  background-color: #F0F9FE;
  color: #000000;
}

.install-helm-chart-from-promote div.body {
  min-height: 400px;
  max-height: 600px;
  overflow: auto;
}

.install-helm-chart-from-promote .cdf-wizard {
  padding-left: 20px;
  padding-right: 20px;
}

.install-helm-chart-from-promote-modal__window .modal-dialog {
  width: 1000px;
}

.install-helm-chart-from-promote-modal__window .modal-content {
  overflow: hidden;
}

.install-helm-chart-from-promote-modal__window .cdf-wizard__title--top {
  margin-bottom: 0;
}

.install-helm-chart-from-promote-modal__window .repository-name, .install-helm-chart-from-promote-modal__window .repository-name__provider {
  cursor: pointer;
  font-style: normal;
  font-size: 24px;
}

.install-helm-chart-from-promote-modal__window .repository-name__arrow {
  font-size: 16px;
  margin-right: 10px;
}

.install-helm-chart-from-promote-modal__window .helm-chart-content {
  margin-bottom: -1px;
}

delete-release-button a {
  vertical-align: middle;
}

test-release-button a {
  vertical-align: middle;
}

test-release-button .active {
  color: #0F9C8D;
}

.helm-release-services {
  padding: 10px 50px 0 50px;
}

.helm-release-services .namespace-row__wrapper {
  display: none;
}

.helm-release-services .namespace-services-list {
  margin-left: 0;
}

.helm-release-services .CodeMirror {
  height: auto;
}

.helm-release-services .CodeMirror-scroll {
  height: auto !important;
  overflow-y: hidden !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-height: initial !important;
}

.helm-release-history {
  padding: 0 50px 0 30px;
}

.helm-release-history__description {
  margin: 0 0 -15px 45px;
  border-left: 1px solid #ededed;
  padding: 15px 25px 0px 25px;
}

.helm-release-chart {
  background-color: #fff;
  border-left: 1px solid  #ededed;
  border-right: 1px solid  #ededed;
  border-bottom: 1px solid  #ededed;
}

.helm-release-chart .CodeMirror {
  height: auto;
}

.helm-release-chart .CodeMirror-scroll {
  height: auto !important;
  overflow-y: hidden !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-height: initial !important;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.create-list-modal .form-group label {
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
}

.create-list-modal .form-group input {
  height: 50px;
}

.create-list-modal .form-group .cf-registry-selector__list-wrapper .item-name {
  font-weight: normal;
}

.create-list-modal .form-group .cf-registry-selector__selected {
  height: 50px;
  padding: 15px 15px;
}

.create-list-modal .form-group .cf-registry-selector__selected span {
  font-weight: normal;
}

.create-list-modal .form-group .cf-registry-selector__selected .cf-registry-selector__arrow {
  top: 20px;
}

.create-list-modal .namespace-multiselect-wrap {
  position: relative;
}

.create-list-modal .namespace-multiselect-wrap .loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 35px;
  -webkit-animation: fa-spin 2s alternate-reverse linear;
  animation: fa-spin 2s alternate-reverse linear;
}

.create-list-modal .namespace-multiselect-wrap .loader.show {
  display: block;
}

.create-list-modal .namespace-multiselect-wrap .caret {
  position: absolute;
  right: 15px;
  border-color: #4c4c4c transparent;
  border-width: 5px 5px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 0;
  width: 5px;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect {
  height: 50px;
  border: 1px solid #cccccc;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect.disabled {
  opacity: 0.5;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px;
  color: #4c4c4c;
  border: 1px solid #dadada;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 3px;
  z-index: 2;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect__item i {
  font-weight: normal;
  margin-left: 4px;
  z-index: 3;
  cursor: pointer;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect__item i:hover {
  color: red;
}

.create-list-modal .namespace-multiselect-wrap .fake-multiselect__empty {
  padding-left: 10px;
}

.create-list-modal .namespace-multiselect .multiSelect button {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

.create-list-modal .namespace-multiselect.disabled .multiSelect button {
  display: none;
}

.create-list-modal .namespace-multiselect.disabled .checkboxLayer {
  display: none !important;
}

.create-list-modal .multiSelect {
  display: block;
  border: 1px solid #DADADA;
  height: 50px;
}

.create-list-modal .multiSelect .multiSelectItem .tickMark {
  left: 0;
  top: 6px;
}

.create-list-modal .multiSelect .multiSelectItem .acol {
  margin-left: 15px;
}

.create-list-modal .multiSelect .multiSelectItem .acol label {
  text-transform: none;
}

.create-list-modal .multiSelect .checkboxLayer {
  margin-top: 1px;
  width: 100%;
}

.create-list-modal .multiSelect .checkBoxContainer {
  max-height: 200px;
}

.kanban-color-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 100px;
}

.kanban-color-picker ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.kanban-color-picker li {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.kanban-color-picker li:hover {
  cursor: pointer;
}

.kanban-color-picker li.selectedColor {
  position: relative;
  border: none;
}

.kanban-color-picker li.selectedColor:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #FFFFFF;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.filter-type-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 25px;
  height: 20px;
  z-index: 2;
}

.filter-type-switcher .cf-switcher {
  width: 38px !important;
  margin-right: 5px;
}

.filter-type-switcher .cf-switcher .onoffswitch-switch {
  right: 18px !important;
  width: 14px !important;
}

.filter-type-switcher .onoffswitch {
  height: 20px;
}

.filter-type-switcher .onoffswitch-inner:after,
.filter-type-switcher .onoffswitch-inner:before {
  height: 20px;
  width: 38px;
}

.filter-type-switcher .onoffswitch-inner:after {
  background-color: #CFCFCF;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.cf-breadcrumb-helm {
  font-weight: normal;
  font-size: 21px;
}

.cf-breadcrumb-helm i {
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  font-weight: normal;
}

.cf-breadcrumb-helm i:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

helm-kanban {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.container-helm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 10px 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.container-helm__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.container-helm__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.container-helm__header filters-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.container-helm__header .cdf-button i {
  margin-right: 5px;
}

.container-helm .filters-bar {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
}

.cluster__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 93%;
  overflow: auto;
  padding: 0 18px;
}

.cluster__item {
  width: 430px;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #fff;
}

.dndPlaceholder {
  background-color: #ddd !important;
  display: block;
  min-height: 42px;
  width: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

.board-actions .cdf-button {
  font-size: 20px;
  margin-right: 25px;
}

.empty-sections__wrap {
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 70px 0;
}

.empty-sections__text-wrap {
  text-align: center;
  margin-bottom: 20px;
}

.empty-sections__text-wrap .empty-sections-title {
  color: #4c4c4c;
  font-weight: bold;
  font-size: 20px;
}

.empty-sections__text-wrap .empty-sections-description {
  font-size: 15px;
  color: #4c4c4c;
}

.additional-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ebf5f3;
  padding-right: 15px;
}

.additional-filter .search-filter {
  height: 45px;
  width: 265px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0 15px;
  border: none;
}

.additional-filter .search-filter input {
  padding: 0 15px;
  height: 100%;
  width: calc(100% - 35px);
  background-color: transparent;
  border: none;
  color: #44504f;
  outline: none;
}

.additional-filter .search-filter input:active {
  outline: none;
}

.additional-filter .search-filter input::-webkit-input-placeholder {
  font-style: normal;
  color: #636363;
}

.additional-filter .search-filter input::-ms-input-placeholder {
  font-style: normal;
  color: #636363;
}

.additional-filter .search-filter input::placeholder {
  font-style: normal;
  color: #636363;
}

.additional-filter .search-filter i {
  color: #636363;
}

.additional-filter .search-filter .cdf-button {
  text-decoration: none;
}

.manage-board__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}

.manage-board__item {
  padding: 0 15px;
  color: #4c4c4c;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}

.manage-board__item i {
  margin-right: 10px;
  font-size: 16px;
}

.manage-board__item:hover {
  color: black;
  text-decoration: none;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.board__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border: 2px solid transparent;
  position: relative;
}

.board__wrap .dndPlaceholder {
  display: none;
}

.board__wrap_empty {
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.board__wrap_empty .board__header .board-name {
  max-width: 100%;
}

.board__wrap_empty:hover {
  cursor: pointer;
  opacity: 1;
}

.board__wrap.dndDragover {
  border: 2px dashed #11b5a4;
}

.board__header {
  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;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 60px;
  border-top: 5px solid #9B51E0;
  border-bottom: 1px solid #DBDBDB;
  padding: 0 15px;
}

.board__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.board__header .board-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 18px;
  color: #2f2f2f;
}

.board__header .board-cluster {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato;
  font-size: 13px;
  color: #4c4c4c;
}

.board__header .board-index {
  width: 41px;
  height: 41px;
  line-height: 41px;
  background-color: #9B51E0;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.board__body {
  padding: 8px;
  overflow-y: auto;
  max-height: 100%;
}

.releases__list .loader {
  text-align: center;
  font-size: 80px;
  padding: 150px 0;
}

.releases__item_empty {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  padding: 100px 0;
  font-size: 28px;
  color: #C9C9C9;
  opacity: 0.3;
}

.releases__item_empty-add {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  font-size: 80px;
}

.board__header {
  padding: 10px 15px;
}

.board__header-controls {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  text-align: right;
  margin-left: auto;
}

.board__header-controls .cdf-button {
  padding: 5px 3px;
}

.board__header-controls .cdf-button--text-only {
  text-decoration: none;
}

.board__header-controls-list {
  margin-left: auto;
  margin-right: 20px;
  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;
}

.board__header-controls-list-item {
  height: 29px;
  padding: 5px 17px 5px 17px;
  border-left: 1px solid #DADADA;
}

.board__header-controls-non-edit {
  position: absolute;
  visibility: hidden;
  margin: 0;
  display: inline-block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  -webkit-transition: -webkit-transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  -webkit-transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms;
  transition: transform ease-in-out 0.15s, opacity ease-in-out 100ms, -webkit-transform ease-in-out 0.15s;
}

.board__header:hover .board__header-controls-non-edit {
  position: relative;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.board__helper {
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background-color: transparent;
}

.board__helper:hover .add-board {
  opacity: 1;
  cursor: pointer;
}

.board__helper:hover .add-board i {
  font-size: 1.5em;
}

.board__helper:hover .add-board:hover i {
  font-size: 2.3em;
}

.add-board {
  position: absolute;
  width: 58px;
  height: 58px;
  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;
  background-color: #11b5a4;
  border-radius: 50%;
  top: 50%;
  margin-top: -27px;
  right: -20px;
  z-index: 2;
  color: #FFFFFF;
  opacity: 0;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;
}

.add-board i {
  -webkit-transition: font-size .15s ease-out;
  transition: font-size .15s ease-out;
  font-size: 0;
}

.install-chart-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;
  width: 30px;
  height: 26px;
  background-color: #11b5a4;
  border-radius: 3px;
  margin-right: 5px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}

.install-chart-button:hover {
  background-color: #0F9C8D;
}

.install-chart-button:hover i {
  font-size: 18px;
}

.install-chart-button i {
  -webkit-transition: font-size .2s ease-in-out;
  transition: font-size .2s ease-in-out;
  color: #FFFFFF;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.name {
  font-family: Lato;
  font-weight: bold;
  font-size: 14px;
  color: #4c4c4c;
}

.time {
  font-family: Lato;
  font-weight: bold;
  font-size: 9px;
  color: #888888;
  text-transform: uppercase;
}

.release__wrap {
  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;
  overflow: hidden;
  cursor: pointer;
  min-height: 142px;
  background: #FFFFFF;
  border: 1px solid rgba(219, 219, 219, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* card shadow */
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  padding: 10px 15px 0 15px;
  margin-bottom: 10px;
  border-left-width: 4px;
}

.release__wrap.success {
  border-left-color: #11b5a4;
}

.release__wrap.pending {
  border-left-color: #F39C12;
}

.release__wrap.deleted {
  border-color: #DFE1E6;
  opacity: 0.6;
}

.release__wrap.failed {
  border-color: #FDF4F4;
  border-left-color: #eb5848;
}

.release__header {
  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;
}

.release__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.release__labels {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 1px solid #DBDBDB;
}

.release__cluster {
  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;
}

.release__cluster > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.release__services {
  margin-top: auto;
}

.release__services .loader {
  text-align: center;
  font-size: 55px;
  padding: 20px;
}

.release-label {
  font-family: Lato;
  font-weight: bold;
  display: inline-block;
  max-width: 100%;
  padding: 4px 10px;
  color: #4c4c4c;
  background-color: #E8E8E8;
  border: 1px solid #DFE1E6;
  font-size: 11px;
  margin-bottom: 3px;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
}

.release-label.short {
  max-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
}

.release-label.expanded {
  max-height: 200px;
  overflow-y: auto;
}

.release-label.success {
  background-color: #f5faf9;
  border-color: #87E0D7;
  text-transform: uppercase;
  color: #11b5a4;
}

.release-label.pending {
  background-color: #ccc;
  border-color: #F39C12;
  text-transform: uppercase;
  color: #4c4c4c;
}

.release-label.error {
  background-color: #FDF4F4;
  border-color: #eb5848;
  text-transform: uppercase;
  color: #4c4c4c;
}

.release-label_small {
  font-size: 10px;
  padding: 5px 6px;
  text-transform: lowercase;
  line-height: 12px;
}

.release-label_transparent {
  background-color: transparent;
}

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

.block-info__wrap {
  width: 65%;
}

.block-info__wrap:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}

.block-info__title {
  font-size: 11px;
  text-transform: uppercase;
  color: #A3A3A3;
}

.block-info__values {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #4c4c4c;
  padding-left: 3px;
  position: relative;
}

.block-info__values .kube-service-box__edit-replicas {
  display: none;
}

.block-info__values .cf-number-input {
  width: 55px;
  display: inline-block;
}

.block-info__values .kube-service-box__edit-replicas {
  position: absolute;
  top: 0;
  left: 45px;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.service__list {
  margin-top: 17px;
  max-height: 335px;
  overflow: auto;
}

.service__item {
  padding: 10px 17px;
  background-color: #f9f9f9;
  min-height: 120px;
  margin-bottom: 10px;
}

.service-item__info {
  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;
  margin-bottom: 20px;
}

.service-item__info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.release-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.release-controls .circle-wrap {
  height: 27px;
}

.release-controls .circle-wrap .circle {
  width: 54px;
  height: 54px;
  background-color: #f7f7f7;
  border-radius: 50%;
  text-align: center;
}

.release-controls delete-release-button {
  position: absolute;
  top: 0;
  right: 0;
}

.release-controls delete-release-button .cdf-button--text-only {
  text-decoration: none;
}

.toggle-service {
  color: #11b5a4;
  text-align: right;
  font-size: 13px;
}

.toggle-service:hover {
  color: #0C6E5B;
}

.spinner {
  position: relative;
  width: 100%;
  height: 200px;
}

.spinner span {
  background: #11B5A4;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  opacity: 0;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}

@keyframes pulse {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}

.spinner span {
  -webkit-animation: pulse 2.5s ease-out 0s infinite none running;
          animation: pulse 2.5s ease-out 0s infinite none running;
}

.spinner .circle1 {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.spinner .circle2 {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

.spinner .circle3 {
  -webkit-animation-delay: 00ms;
          animation-delay: 00ms;
}

.container-helm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 10px 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.container-helm__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.container-helm__header > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.container-helm__header filters-bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.container-helm__header .filters-bar {
  height: 100%;
  min-height: 62px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
}

.container-helm__header .cdf-button i {
  margin-right: 5px;
}

.container-helm .filters-bar {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 18px;
  height: 100%;
  min-height: 62px;
}

.helm-board-container {
  padding: 20px 50px;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.board-box__wrap {
  position: relative;
  background-color: #fff;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 180px;
  font-size: 13px;
  margin-bottom: 20px;
  padding: 33px 20px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.board-box__wrap .actions {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  position: absolute;
  top: 27px;
  right: 23px;
  background-color: transparent;
  height: 34px;
  font-size: 20px;
  display: inline-block;
  -webkit-transition: -webkit-transform .15s ease-out;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out;
}

.board-box__wrap .actions .board-action-icon {
  color: #46494a;
}

.board-box__wrap .actions .board-action-icon:hover {
  color: #4c4c4c;
}

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

.board-box__header .board-icon {
  margin-right: 23px;
}

.board-box__header .board-info__name {
  margin: 0 0 3px 0;
  font-size: 20px;
  font-weight: bold;
  color: #4c4c4c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-box__header .board-info__filter {
  margin: 0;
}

.board-box__wrap:hover .actions {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.helm-release-services {
  padding: 10px 50px 0 50px;
}

.helm-release-services .namespace-row__wrapper {
  display: none;
}

.helm-release-services .namespace-services-list {
  margin-left: 0;
}

.helm-release-services .CodeMirror {
  height: auto;
}

.helm-release-services .CodeMirror-scroll {
  height: auto !important;
  overflow-y: hidden !important;
  overflow-x: auto !important;
  width: 100% !important;
  max-height: initial !important;
}

.helm-release-details-tabs {
  padding: 0 50px 0 50px;
}

.helm-release-details-tabs .cf-tabs {
  margin: 0;
}

.examples-list {
  padding: 0 40px;
}

.examples-list .cf-boxes-list {
  margin-top: 20px;
}

.example-item {
  margin: 10px;
  font-family: 'Lato';
  height: 100%;
  position: relative;
}

.example-item h3 {
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.example-item img {
  float: right;
  max-width: 100px;
  margin-left: 5px;
}

.example-item .cdf-button {
  position: absolute;
  bottom: 15px;
}

.example-item p.description {
  padding: 10px 0;
  overflow: hidden;
  max-height: 70px;
}

.example-item .labels {
  padding-top: 10px;
  margin-left: -5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.example-details {
  font-family: 'Lato';
  text-align: initial;
  padding: 20px 10px;
}

.example-details__right-buttons {
  text-align: right;
  margin-bottom: 10px;
}

.example-details__github {
  margin-right: 20px;
}

.example-details__github i {
  margin-right: 5px;
  font-size: 18px;
  color: #000;
}

.example-details__markdown img {
  max-width: 100%;
}

.example-details__markdown table, .example-details__markdown td, .example-details__markdown th {
  border: 1px solid;
  padding: 5px;
}

.example-details h1 {
  margin: 0;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}

.example-details p {
  text-align: left;
}

.repo-provider {
  position: relative;
  display: inline-block;
}

.repo-provider > .context-icon-provider-overlay {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #0f9c8d;
  width: 16px;
  height: 10px;
  text-align: center;
}

.repo-provider > .context-icon-provider-overlay > img {
  vertical-align: top;
}

.cf-font-xl {
  font-size: 18px;
}

.cf-font-lg {
  font-size: 16px;
}

.cf-font-md {
  font-size: 14px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cf-sub-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #4c4c4c;
}

.regex-dropdown-filter .namespace-multiselect-wrap {
  position: relative;
}

.regex-dropdown-filter .namespace-multiselect-wrap .loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 35px;
  -webkit-animation: fa-spin 2s alternate-reverse linear;
  animation: fa-spin 2s alternate-reverse linear;
}

.regex-dropdown-filter .namespace-multiselect-wrap .loader.show {
  display: block;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect {
  height: 50px;
  border: none;
  position: absolute;
  top: auto;
  left: 0;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  overflow: hidden;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  height: 95%;
  width: 25px;
  background: -webkit-gradient(linear, right top, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  cursor: pointer;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect.disabled {
  opacity: 0.5;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px;
  color: #4c4c4c;
  border: 1px solid #dadada;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 3px;
  z-index: 2;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item i {
  font-weight: normal;
  margin-left: 4px;
  cursor: pointer;
  z-index: 3;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__item i:hover {
  color: red;
}

.regex-dropdown-filter .namespace-multiselect-wrap .fake-multiselect__empty {
  padding-left: 10px;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 15px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: black transparent transparent transparent;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect button {
  width: 100%;
  height: 100%;
  opacity: 0 !important;
  margin-bottom: -3px;
  z-index: 1;
  display: block;
}

.regex-dropdown-filter .namespace-multiselect .multiSelect .clearButton {
  display: none;
}

.regex-dropdown-filter .namespace-multiselect.disabled .multiSelect button {
  display: none;
}

.regex-dropdown-filter .namespace-multiselect.disabled .checkboxLayer {
  display: none !important;
}

.regex-dropdown-filter .filter-type-switcher {
  right: 0;
}

.regex-dropdown-filter .switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
}

.regex-dropdown-filter .switch-wrap .cf-switcher {
  margin-left: 10px;
}

.regex-dropdown-filter .multiSelect > button .buttonLabel {
  display: none;
}

.regex-dropdown-filter .multiSelect {
  display: block;
  border: 1px solid #DADADA;
  height: 50px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .tickMark {
  left: 0;
  top: 6px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .acol {
  margin-left: 15px;
}

.regex-dropdown-filter .multiSelect .multiSelectItem .acol label {
  text-transform: none;
}

.regex-dropdown-filter .multiSelect .checkboxLayer {
  width: 100%;
  margin-top: 0;
  margin-left: -1px;
}

.regex-dropdown-filter .multiSelect .checkBoxContainer {
  max-height: 200px;
}

.regex-dropdown-filter .label {
  font-size: 14px;
  font-weight: normal;
  color: #4c4c4c;
  cursor: pointer;
}

.regex-dropdown-filter .label input[type="checkbox"] {
  margin-right: 4px;
}

.regex-dropdown-filter .cf-switcher {
  right: 0;
}

.regex-dropdown-filter .cf-switcher.disabled .onoffswitch-inner::before {
  background-color: #DADADA;
}

.regex-dropdown-filter .vertical-line-pseudo-element {
  position: relative;
  padding: 0 15px;
}

.regex-dropdown-filter .vertical-line-pseudo-element:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background-color: #DBDBDB;
}

.regex-dropdown-filter .vertical-line-pseudo-element__left:before {
  left: 0;
  right: auto;
}

.regex-dropdown-filter .vertical-line-pseudo-element__right:before {
  left: auto;
  right: 0;
}

.cdf-wizard-create-trigger {
  /*
    .list-group-item-inner {
        @include flex(center, flex-start);
        > * {
            @include flexStatic(center, normal);
            @include flexEllipsis();
        }
    }
    */
}

.cdf-wizard-create-trigger .checkbox-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cdf-wizard-create-trigger .checkbox-list > label {
  display: inline-block;
  margin-right: 15px;
  white-space: nowrap;
  font-weight: 400;
  min-width: 255px;
}

.cdf-wizard-create-trigger .checkbox-list > label:first-child {
  margin-left: 0;
}

.cdf-wizard-create-trigger .checkbox-list > label > input[type='checkbox'],
.cdf-wizard-create-trigger .checkbox-list > label > input[type='radio'] {
  margin-top: 0;
  font-size: 18px;
  margin-right: 5px;
}

.cdf-wizard-create-trigger .cf-readonly-area .form-control,
.cdf-wizard-create-trigger .cf-readonly-area .cdf-input {
  border-color: #ebf5f3;
  background-color: #ebf5f3;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-error .form-control,
.cdf-wizard-create-trigger .cf-readonly-area.has-error .cdf-input {
  border-color: #C0353C;
  background-color: #FDF4F4;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 35px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn {
  position: relative;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .form-control.cdf-input {
  padding-right: 90px;
}

.cdf-wizard-create-trigger .cf-readonly-area.has-copy-btn .form-control-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 90px;
  height: 35px;
  text-align: right;
  padding-right: 18px;
  background-color: transparent;
  border: none;
  color: #518FF6;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-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;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-left > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-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;
}

.cdf-wizard-create-trigger .cdf-wizard__footer-right > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .ng-animate.no-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.cdf-wizard-create-trigger .cdf-dialog-content {
  position: relative;
}

.cdf-wizard-create-trigger .list-group-item-inner {
  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;
}

.cdf-wizard-create-trigger .list-group-item-inner > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cdf-wizard-create-trigger .btn-trigger-instruction {
  display: inline-block;
  border: 1px solid #3faeee;
  color: #4c4c4c;
  font-size: 15px;
  line-height: 18px;
  width: 60%;
  padding: 16px 0;
  margin: 0 auto;
  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;
}

.cdf-wizard-create-trigger .btn-trigger-instruction:hover, .cdf-wizard-create-trigger .btn-trigger-instruction:focus {
  text-decoration: none;
}

.cdf-wizard-create-trigger .btn-trigger-instruction > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .btn-trigger-instruction > img {
  margin-right: 13px;
}

.cdf-wizard-create-trigger .btn-trigger-instruction.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cdf-wizard-create-trigger .cdf-button-verify {
  border-radius: 24px;
  padding: 11px 57px;
  font-weight: bold;
}

.cdf-wizard-create-trigger .cf-trigger-step {
  margin-bottom: 24px;
  position: relative;
  min-height: 220px;
}

.cdf-wizard-create-trigger .cf-trigger-step .cf-trigger-step-type-title {
  font-size: 21px;
  color: #2f2f2f;
  margin-bottom: 22px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item {
  position: relative;
  display: block;
  padding: 20px 23px;
  color: #4c4c4c;
  margin-bottom: 7px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  -webkit-transition: border-color 0.15s linear;
  transition: border-color 0.15s linear;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 13px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item .cf-trigger-step-type-info.warning-info {
  color: rgba(245, 147, 42, 0.65);
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus {
  text-decoration: none;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item:focus:after {
  border: 1px solid transparent;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled {
  background-color: #fff;
  color: #4c4c4c;
  cursor: not-allowed;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled > .list-group-item-inner {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus {
  border-color: #E6E6E6;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.disabled:focus:after {
  border: 1px solid transparent;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus {
  z-index: 2;
  color: #4c4c4c;
  background-color: #fff;
  border-color: #11B5A4;
  border-width: 1px;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:hover:after, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list .cf-trigger-step-type-list-item.active:focus:after {
  border: 1px solid #11B5A4;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon {
  width: 42px;
  height: 42px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-icon > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 23px;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name, .cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  width: 100%;
  display: inline-block;
  color: #888;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-name {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.cdf-wizard-create-trigger .cf-trigger-step.cf-trigger-step-type-section .cf-trigger-step-type-list-item-info-desc {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cdf-wizard-create-trigger .cdf-message.cdf-message--code.cdf-message--info {
  max-height: 200px;
  overflow-y: auto;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall p {
  margin-top: 10px;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall a {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding-left: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall a div span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 450px;
  white-space: nowrap;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall a div span:first-child {
  font-weight: bold;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall a div span:last-child {
  color: #518FF6;
  font-weight: bold;
}

.cdf-wizard-create-trigger .trigger-info-behind-firewall a div span:last-child:hover {
  text-decoration: underline;
}

.cdf-wizard-create-trigger .trigger-info-panel {
  margin-bottom: 15px;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-help-text {
  display: inline-block;
  font-size: 15px;
  line-height: 1.42857143;
  margin-bottom: 15px;
  width: auto;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-help-text.inline {
  display: inline;
  word-break: break-word;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction {
  width: 164px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction .btn-trigger-instruction {
  padding: 16px 5px;
  width: 100%;
  text-align: center;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-instruction .btn-trigger-instruction > img {
  margin: 0;
}

.cdf-wizard-create-trigger .trigger-info-panel .trigger-info-panel-control {
  padding-top: 15px;
}

.cf-pipeline-triggers-section {
  padding-bottom: 15px;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li > a {
  position: relative;
  padding: 10px 30px;
  background-color: transparent;
  color: #4c4c4c;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li.active > a, .cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li:hover > a {
  color: #0F9C8D;
}

.cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li.active:before, .cf-pipeline-triggers-section .cf-pipeline-triggers-control .cf-nav-pills li:hover:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  border-bottom: 2px solid #11B5A4;
}

.cf-pipeline-triggers-section .cf-trigger-button-bar {
  margin-bottom: 11px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section {
  border-top: 1px solid #ebedef;
  border-bottom: 1px solid #ebedef;
}

.cf-pipeline-triggers-section .cf-triggers-list-section.overflow {
  overflow-y: auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row {
  padding: 12px 12px;
  border-top: 1px solid #ebedef;
  min-height: 63px;
  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;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row > * {
  padding-right: 10px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row:first-child {
  border-top: none;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading {
  position: relative;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 63px;
  border-radius: 0px;
  background-image: repeating-linear-gradient(-45deg, rgba(235, 245, 243, 0.5), rgba(235, 245, 243, 0.5) 11px, transparent 10px, transparent 20px);
  background-size: 28px 100%;
  -webkit-animation: cf-triggers-row-loading .55s linear infinite;
          animation: cf-triggers-row-loading .55s linear infinite;
  z-index: 0;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row.list-row-loading > * {
  z-index: 1;
}

@-webkit-keyframes cf-triggers-row-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

@keyframes cf-triggers-row-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col {
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-h > *, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-horizontal > * {
  margin-left: 13px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-h > *:first-child, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-horizontal > *:first-child {
  margin-left: 0;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-v, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-v > *, .cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-vertical > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-label {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  color: #888;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-value {
  font-size: 13px;
  color: #4c4c4c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-notify {
  font-size: 14px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col.cf-trigger-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col.cf-trigger-info > .cf-trigger-info-description {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-img {
  width: 36px;
  height: 36px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-img > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .cf-trigger-repo-name {
  font-size: 15px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col .tooltip-link {
  font-size: 12px;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-width: 125px;
  overflow: visible;
}

.cf-pipeline-triggers-section .cf-triggers-list-section .cf-triggers-list .cf-triggers-list-row .cf-triggers-list-col-action-bar > * {
  margin-left: 0;
}

.simple-modal .modal-content {
  min-height: 320px;
  width: 772px;
}

.simple-modal__modal-body {
  padding: 50px;
  height: 100%;
}

.simple-modal__form {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.simple-modal__form.ng-dirty.ng-invalid .simple-modal__error-message, .simple-modal__form.ng-submitted.ng-invalid .simple-modal__error-message {
  display: inline;
}

.simple-modal__form.ng-dirty.ng-invalid .simple-modal__input, .simple-modal__form.ng-submitted.ng-invalid .simple-modal__input {
  border-color: #eb5848;
  color: #eb5848;
}

.simple-modal__error-message {
  display: none;
  color: #eb5848;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  left: 0;
}

.simple-modal__label {
  text-transform: uppercase;
  font-size: 14px;
  color: #2f2f2f;
  width: 100%;
  text-align: left;
  margin: 0;
}

.simple-modal__input {
  height: 70px;
  border: 1px solid #dbdbdb;
  width: 100%;
  margin: 12px 0 30px;
  color: #2f2f2f;
  padding: 24px;
  font-size: 16px;
}

.simple-modal__input::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}

.simple-modal__input:-moz-placeholder {
  color: #888;
  opacity: 1;
}

.simple-modal__input::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.simple-modal__input:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

.simple-modal__input:focus {
  border-color: #11b5a4;
  outline: none;
}

.simple-modal__button {
  height: 70px;
  width: 230px;
  margin-top: 10px;
  font-size: 17px;
}

.create-new-project__input-wrapper {
  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;
  width: 100%;
}

.simple-modal__form--duplication-error .simple-modal__input {
  border-color: #eb5848;
  color: #eb5848;
}

.simple-modal__form--duplication-error .simple-modal__error-message {
  display: inline;
}

.context-repo-modal .context-repo {
  padding: 15px 15px 0 15px;
}

.context-repo-modal .context-repo .context-repo__content {
  padding: 30px 5px 0 5px;
}

.context-repo-modal .context-repo__header .cdf-wizard__title--top {
  margin: -15px -15px 0 -15px;
}

.context-repo-modal .context-repo__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  padding: 10px 25px;
  margin: 0 -15px;
  min-height: 60px;
}

.aside-modal__wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 95%;
  opacity: 0;
  visibility: hidden;
  max-width: 1200px;
}

.aside-modal__inner {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

.aside-modal__inner {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.aside-modal__inner .aside-modal__content {
  width: 100%;
  background-color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 400ms ease-in-out;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  overflow-x: hidden;
}

.aside-modal__inner .aside-modal__bar {
  z-index: 1013;
}

.close-aside-modal-icon {
  position: absolute;
  left: -27px;
  top: 3px;
  font-size: 24px;
  cursor: pointer;
  color: #fff;
}

.opened-aside-modal {
  opacity: 1;
  visibility: visible;
  z-index: 1012;
}

.opened-aside-modal .aside-modal__content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.opened-aside-modal .tabs__wrap_vertical:after {
  opacity: 1;
}

.backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1011;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: 0;
}

.backdrop.opened-aside-modal {
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  opacity: 1;
  visibility: visible;
}

.all-pipeline-variables .variables-header {
  padding-right: 0;
}

.all-pipeline-variables .variables-header .icon-codefresh-actions-copy {
  margin-top: 5px;
}

.all-pipeline-variables .variables-edit__error-icon {
  display: inline !important;
  margin-left: -18px;
}

.all-pipeline-variables__not-found {
  margin-top: 20px;
}

.all-pipeline-variables .variables-pipeline-small__wrap {
  margin-bottom: 20px;
}

.all-pipeline-variables .variables-pipeline-small__new-record--search-enabled {
  display: none;
}

.all-pipeline-variables form.environment-variable.add {
  display: none !important;
}

.all-pipeline-variables__list {
  padding-right: 15px;
}

.all-pipeline-variables__list:last-child .variables-pipeline-small__wrap {
  margin-bottom: 2px;
}

.all-pipeline-variables__list--no-add .variables-edit-buttons {
  display: none;
}

.all-pipeline-variables__list--no-add .variables-edit .icon-codefresh-regular-trash {
  visibility: hidden;
}

.all-pipeline-variables__list--no-add .variables-edit:hover {
  background-color: #F0F9FE;
}

.all-pipeline-variables__list--no-add .variables-edit:hover .icon-codefresh-regular-trash {
  visibility: visible;
}

.all-pipeline-variables__list--no-add .variables-edit:hover .icon-codefresh-regular-trash:hover {
  color: #eb5848;
}

.all-pipeline-variables__list--no-add .variables-edit:hover input {
  background-color: #F0F9FE;
}

.all-pipeline-variables__list--no-add .variables-edit input.ng-invalid {
  border: none !important;
}

.all-pipeline-variables__list--no-add .variables-edit--no-focus input.ng-invalid {
  color: #eb5848;
}

.all-pipeline-variables__list--no-add .variables-edit--no-focus input.ng-invalid::-webkit-input-placeholder {
  color: #eb5848;
}

.all-pipeline-variables__list--no-add .variables-edit--no-focus input.ng-invalid::-ms-input-placeholder {
  color: #eb5848;
}

.all-pipeline-variables__list--no-add .variables-edit--no-focus input.ng-invalid::placeholder {
  color: #eb5848;
}

.all-pipeline-variables__list--no-add .variables-edit--focus {
  border-color: #11B5A4 !important;
  border-bottom: 1px solid #11B5A4 !important;
  position: relative;
  z-index: 10;
  background-color: #fff !important;
}

.all-pipeline-variables__list--no-add .variables-edit--focus input {
  background-color: #fff !important;
}

.all-pipeline-variables__list--no-add .variables-edit--focus input::-webkit-input-placeholder {
  color: #999 !important;
}

.all-pipeline-variables__list--no-add .variables-edit--focus input::-ms-input-placeholder {
  color: #999 !important;
}

.all-pipeline-variables__list--no-add .variables-edit--focus input::placeholder {
  color: #999 !important;
}

.all-pipeline-variables__list--hidden {
  display: none;
}

.all-pipeline-variables .all-pipeline-variables__empty-block-wrap {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-top: 5px;
}

.all-pipeline-variables .all-pipeline-variables__empty-block-message {
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}


/*# sourceMappingURL=ng.67339677e7a4cd77bc3a.css.map*/