/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.release-progress-container .cd-indicators {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-align: center;
}

.release-progress-container .cd-indicators:hover .dtc-canvas-element-border {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.release-progress-container .cd-indicators:hover .cd-indicator-circle:not(.cd-indicator-circle-small) {
  -webkit-box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  -webkit-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.release-progress-container .cd-indicators .dtc-canvas-element-border {
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-indicator-circle-small {
  border: 0px solid;
  border-radius: 50%;
  margin-left: 2px;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-indicator-circle-small.cd-indicator-circle-small-top {
  margin-bottom: 0px;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-indicator-circle-small.cd-indicator-circle-small-bottom {
  margin-top: 0px;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-indicator-circle-small .release-indicator-icon {
  margin-top: 5px;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-indicator-circle-small .gate-icon {
  margin-left: 1px;
  margin-top: 7px;
}

.release-progress-container .cd-indicators .cd-indicator-circle:not(.cd-indicator-circle-small) {
  padding: 1px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba( 200, 200, 200 ,  1 );
  -webkit-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( 200, 200, 200 ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( 200, 200, 200 ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-gate-inprogress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-gate-inprogress .release-indicator-icon {
  margin: 0px;
  margin-left: 2px;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-gate-inprogress.cd-indicator-circle-small {
  margin: 0px;
  margin-left: -1px;
  border: 0;
}

.release-progress-container .cd-indicators .cd-indicator-circle.cd-gate-inprogress.cd-indicator-circle-small.cd-indicator-circle-small-bottom {
  margin-top: -2px;
}

.release-progress-container .cd-indicators .cd-approval-rejected, .release-progress-container .cd-indicators .cd-gate-failed, .release-progress-container .cd-indicators .cd-gate-canceled {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 ) !important;
}

.release-progress-container .cd-indicators .cd-approval-approved, .release-progress-container .cd-indicators .cd-gate-succeeded {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  border-color: rgba( 16, 124, 16 ,  1 ) !important;
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 ) !important;
}

.release-progress-container .cd-indicators .cd-approval-readyforaction {
  background: rgba(0, 120, 212, 1) !important;
  background: var(--status-info-background,rgba(0, 120, 212, 1)) !important;
  margin-top: 2px;
}

.release-progress-container .cd-indicators .cd-approval-readyforaction .release-indicator-icon {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.release-progress-container .cd-indicators .cd-approval-readyforaction:hover {
  background: rgba( 16, 110, 190 ,  1 ) !important;
  background: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ) !important;
}

.release-progress-container .cd-indicators .release-indicator-icon {
  margin-top: 8px;
}

.release-progress-container .cd-approvals-and-gates:not(.cd-approvals-and-gates-inprogress) .cd-indicators .cd-indicator-circle.cd-indicator-circle-small-top {
  margin-top: 5px;
}

.release-progress-container .cd-approvals-and-gates:not(.cd-approvals-and-gates-inprogress) .cd-indicators .cd-indicator-circle.cd-indicator-circle-small-bottom {
  margin-top: -2px;
}

.release-progress-container .cd-approvals-and-gates.cd-approvals-and-gates-inprogress .cd-indicator-circle-small-top.cd-gate-succeeded {
  margin-top: 3px;
}

.release-progress-container .cd-environment-approval-or-gate-cicle {
  overflow: visible;
}

.release-progress-container div.dtc-overlay-selected:focus .cd-indicators .cd-indicator-circle {
  border: 2px solid;
  padding: 0;
}

.release-progress-container div.dtc-overlay-selected:focus .cd-indicators .cd-indicator-circle-small {
  border-width: 0px;
}

.release-progress-container div.dtc-overlay-selected:focus .cd-indicators .cd-approval-readyforaction {
  background: rgba( 0, 90, 158 ,  1 ) !important;
  background: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 ) !important;
}

.release-progress-container div.dtc-overlay-selected:not(:focus):hover .cd-indicators .dtc-canvas-element-border {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.release-progress-container div.dtc-overlay-selected .cd-indicators .dtc-canvas-element-border {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ) !important;
}

.release-progress-container div.dtc-overlay-selected .cd-indicators .cd-indicator-circle:not(.cd-indicator-circle-small) {
  -webkit-box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  -webkit-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  -moz-box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( 166, 166, 166 ,  1 );
  box-shadow: 0px 0px 5px 0px rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}