/**
    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-pre-deployment-checks {
  overflow: visible;
}

.release-progress-container .cd-pre-deployment-checks .cd-approvals-and-gates.cd-approvals-and-gates-failed .dtc-canvas-element-border {
  border-color: rgba( 218, 10, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 ) !important;
}

.release-progress-container .cd-pre-deployment-checks .cd-approvals-and-gates.cd-approvals-and-gates-succeeded .dtc-canvas-element-border {
  border-color: rgba( 16, 124, 16 ,  1 ) !important;
  border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 ) !important;
}

.release-progress-container .cd-pre-deployment-checks .cd-approvals-and-gates: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-pre-deployment-checks .cd-approvals-and-gates:hover .cd-pre-deployment-checks-content {
  -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-pre-deployment-checks .cd-approvals-and-gates .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-pre-deployment-checks .cd-approvals-and-gates .cd-environment-pre-deployment-parent-container {
  padding: 1px;
  overflow: hidden;
}

.release-progress-container .cd-pre-deployment-checks .cd-approvals-and-gates .cd-pre-deployment-checks-content {
  -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-pre-deployment-checks.dtc-overlay-selected:focus .cd-environment-pre-deployment-parent-container {
  padding: 0px;
}

.release-progress-container .cd-pre-deployment-checks.dtc-overlay-selected:not(:focus):hover .cd-approvals-and-gates .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-pre-deployment-checks.dtc-overlay-selected .cd-approvals-and-gates .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 .cd-pre-deployment-checks.dtc-overlay-selected .cd-pre-deployment-checks-content {
  -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 );
}