/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.dtc-collapsible.gate-collapsible-instance {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.dtc-collapsible.gate-collapsible-instance .gate-content {
  padding: 4px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .task-details-header .task-name {
  margin-top: 0px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .dtc-task-details-view {
  padding-bottom: 0px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .dtc-task-details-view .heading-row .task-type-label,
.dtc-collapsible.gate-collapsible-instance .gate-content .dtc-task-details-view .heading-row .task-type-info-icon {
  font-size: 14px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .dtc-task-details-view .heading-row .task-type-info {
  top: -4px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .title-container.dtc-collapsible-expanded {
  margin: 5px 0px 0px 0px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .title-container.dtc-collapsible-collapsed {
  margin: 5px 0px 16px 0px;
}

.dtc-collapsible.gate-collapsible-instance .gate-content .title-container.dtc-collapsible-collapsed .collapsible-section-header .collapsible-section-icon {
  vertical-align: top;
  padding-right: 10px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header {
  height: 33px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-instance-image {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-header-left-content.collapsible-section-header {
  display: inline-block;
  max-width: 60%;
  margin-top: 2px;
  margin-left: 4px;
  padding-bottom: 2px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-header-left-content.collapsible-section-header.gate-disabled {
  cursor: default;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-header-right-content {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: right;
  padding-top: 3px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-header-right-content .gate-header-right-state-toggle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-error {
  font-size: 16px;
  vertical-align: middle;
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-error.bowtie-status-error-outline {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.dtc-collapsible.gate-collapsible-instance .gate-header .gate-header-left-label.collapsible-section-label {
  vertical-align: middle;
  padding-left: 10px;
}

.dtc-collapsible.gate-collapsible-instance .gate-header.collapsible-section-header {
  display: block;
}

.dtc-collapsible.gate-collapsible-instance > .title-container {
  margin: 0px;
}

.dtc-collapsible.gate-collapsible-instance > .title-container.dtc-collapsible-expanded {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.dtc-collapsible.gate-collapsible-instance.gate-collapsed > .title-container.dtc-collapsible-collapsed {
  background: rgba( 244, 244, 244 ,  1 );
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.dtc-collapsible.gate-collapsible-instance .title-container .collapsible-section-header .collapsible-section-icon {
  vertical-align: middle;
  padding-right: 5px;
}