/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.ci-definition-pivot-pane {
  display: inline-block;
  overflow-y: auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 40px;
  width: 50%;
  min-width: 550px;
}

.ci-definition-pivot-pane.left-pane {
  padding-left: 23px;
}

.gated-checkin {
  margin-top: 20px;
}

.gated-checkin .trigger-sub-container {
  clear: both;
}

.gated-checkin .trigger-sub-container .gated-checkin-settings {
  float: left;
  width: 100%;
  padding: 5px 10px;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  margin-top: 25px;
  margin-bottom: 20px;
  min-width: 360px;
}

.trigger-container {
  display: inline-flex;
  width: 100%;
  overflow: auto;
  height: 100%;
}

.trigger-container .si-triggers {
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
}

.trigger-container .si-triggers .trigger-si-sub-container .schedule-trigger-item {
  padding-left: 10px;
  padding-top: 5px;
}

.trigger-container .trigger-schedule-error {
  padding-left: 8px;
}

.triggers-parent-container {
  height: 100%;
}

.triggers-parent-container-two-panel {
  height: 100%;
}

.triggers-parent-container-two-panel .splitter > .leftPane {
  overflow: auto;
}

.triggers-parent-container-two-panel .left-section {
  overflow: hidden;
  margin-bottom: 15px;
}

.triggers-parent-container-two-panel .right-section {
  margin: 20px 25px;
}

.triggers-parent-container-two-panel .constrained-width {
  min-width: 300px;
  max-width: 1000px;
}

.trigger-header {
  font-size: 18px;
}

.trigger-subheader {
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-bottom: 10px;
}

.trigger-si-sub-container {
  float: left;
  width: 100%;
}

.trigger-si-sub-container .schedules-header {
  font-size: 14px;
  margin-top: 33px;
}

.repositories {
  margin-top: 25px;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.repositories-header {
  float: left;
  width: 100%;
  font-size: 14px;
}

.repo-text {
  float: left;
}

.repositories-content {
  float: left;
  width: 100%;
  padding: 5px 10px;
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  margin-top: 10px;
  min-width: 360px;
}

.actions-container .restore-webhook-button .bowtie-icon {
  margin-right: 5px;
}

.repositories-trigger-details {
  float: left;
  width: 100%;
  padding: 5px 10px;
  margin-top: 10px;
  min-width: 360px;
}

.trigger-details {
  float: left;
  width: 100%;
  min-width: 360px;
}

.image-icon {
  display: inline-block;
  float: left;
  margin-top: 12px;
  font-size: 24px;
}

.image-icon-enabled {
  color: #f05133;
}

.image-icon-disabled {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.repo-content {
  display: inline-block;
  width: 94%;
  float: left;
  margin-left: 5px;
  padding-left: 5px;
}

.repo-header {
  font-size: 16px;
  float: left;
  cursor: pointer;
}

.repo-header .repo-name {
  display: inline-block;
}

.repo-header:focus {
  outline: 1px solid rgba(0, 0, 0, .55);
  outline: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.repo-header:hover .repo-name {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.repo-subhead {
  padding-top: 2px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.repo-list-toggle {
  float: right;
  display: inline-block;
}

.monitor-toggle {
  float: right;
}

.repo-drop-icon-bowtie {
  font-size: 18px;
  margin-left: 10px;
  font-family: bowtie;
  display: inline-block;
  cursor: pointer;
}

.list-view {
  display: inline-block;
  float: left;
  margin: 2px 15px 0px 0px;
}

.checkbox-data, .standalone-checkbox-data {
  clear: both;
  float: left;
  margin-top: 5px;
}

.standalone-checkbox-data {
  min-height: 0;
  height: 100%;
  top: 13px;
}

.max-concurrent-build {
  clear: both;
}

.max-concurrent-build-text {
  padding-bottom: 5px;
}

.max-concurrent-build-textfield {
  width: 100%;
  max-width: 525px;
}

.polling-interval-container {
  margin-top: 10px;
  width: 100%;
  float: left;
  clear: both;
}

.si-schedule-items {
  width: 100%;
}

.si-schedule-items .schedule-trigger-item {
  clear: both;
}

.si-schedule-items .trigger-si-add-new {
  clear: both;
  padding-top: 10px;
}

.repo-ci-trigger-body {
  clear: both;
}

div.ci-yaml-enabled {
  clear: both;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}

div.pr-yaml-enabled {
  clear: both;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.schedule-trigger-overview {
  width: 100%;
}

.schedule-trigger-overview .schedule-summary {
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.schedule-trigger-overview .schedule-summary:focus {
  outline: 1px solid rgba(0, 0, 0, .55);
  outline: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.schedule-trigger-overview .schedule-summary .si-configure-drop-icon-bowtie {
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
}

.schedule-trigger-overview .schedule-summary .days-summary {
  font-size: 18px;
  margin-left: 10px;
  display: inline-block;
}

.schedule-trigger-overview .schedule-clock {
  display: inline-block;
  font-size: 16px;
}

.schedule-trigger-overview .trigger-delete {
  font-size: 20px;
  display: inline-block;
  float: right;
  padding-right: 20px;
  margin-top: -8px;
  cursor: pointer;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.schedule-trigger-overview .schedule-trigger-error {
  padding-top: 10px;
  padding-left: 5px;
}

.schedule-trigger-overview .delete-schedule-button {
  font-size: 16px;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.schedule-trigger-overview .delete-schedule-button:hover {
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.schedule-trigger-overview .delete-schedule-button .trigger-button-icon {
  padding-right: 5px;
  font-size: 12px;
}

.deprecate-yaml-schedule {
  padding-top: 5px;
  padding-left: 5px;
  top: 9px;
}

.schedule-trigger-overview {
  display: inline-block;
  min-height: 40px;
}

.trigger-category-overview {
  display: inline-block;
}

.trigger-category-overview-aligned {
  display: inline-block;
  margin-top: 9px;
}

.trigger-category-control {
  max-height: 31px;
}

.repository-triggers-view .repository {
  margin-right: 30px;
  max-width: 85%;
}

.repository-triggers-view .repository .bowtie-icon, .repository-triggers-view .repository .dtc-text-tooltip-on-overflow-host {
  display: inline-block;
  max-width: 100%;
}

.repository-triggers-view .repository .repository-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.repository-triggers-view .branch {
  max-width: 85%;
}

.repository-triggers-view .branch .bowtie-icon, .repository-triggers-view .branch .dtc-text-tooltip-on-overflow-host {
  display: inline-block;
  max-width: 100%;
}

.repository-triggers-view .branch .branch-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.trigger-button-icon {
  padding-right: 5px;
  font-size: 12px;
}

.trigger-header-icon {
  display: inline-block;
  font-size: 16px;
}

.trigger-category-title {
  font-size: 16px;
}

.trigger-category-subheading {
  font-size: 11px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.trigger-category-control .trigger-category-button {
  margin-right: 25px;
  max-height: 38px;
}

.trigger-category-control .trigger-category-button:not(.is-disabled) {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.trigger-category-control .trigger-category-button:not(.is-disabled):hover {
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.trigger-button-text {
  font-size: 16px;
}

.repository-trigger-item-overview .two-panel-overview .trigger-icon {
  font-size: 24px;
  font-size: 24px;
}

.trigger-details-message {
  margin-bottom: 10px;
}

.trigger-details-header {
  min-height: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.trigger-title {
  margin-left: 10px;
  display: inline-block;
  font-size: 18px;
}

.trigger-descriptions {
  margin-top: 10px;
  float: left;
  clear: both;
  width: 100%;
  max-width: 550px;
  padding-bottom: 18px;
}

.build-completion-sub-container {
  width: 100%;
}

.build-completion-sub-container .build-completion-summary {
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.build-completion-sub-container .build-completion-summary:focus {
  outline: 1px solid rgba(0, 0, 0, .55);
  outline: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.build-completion-sub-container .build-completion-summary .triggering-definition-summary {
  font-size: 18px;
  padding-left: 10px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.build-completion-sub-container .trigger-icon {
  display: inline-block;
  font-size: 16px;
}

.build-completion-sub-container .trigger-delete {
  font-size: 20px;
  display: inline-block;
  float: right;
  padding-right: 20px;
  margin-top: -8px;
  cursor: pointer;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.build-completion-sub-container .delete-trigger-button {
  font-size: 16px;
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.build-completion-sub-container .delete-trigger-button:hover {
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.build-completion-sub-container .delete-trigger-button .trigger-button-icon {
  padding-right: 5px;
  font-size: 12px;
}

.overview-description .trigger-overview-error {
  font-size: 11px;
}

.build-completion-trigger-definition {
  max-width: 525px;
}