/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.overlay-panel-selectable {
  overflow: hidden;
  z-index: 100;
  outline: none;
}

.dtc-overlay-disabled {
  pointer-events: none;
}

/* Use div. selector to ensure that the specificity of this selector increases */
div.dtc-overlay-selected:focus .dtc-canvas-element-border {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-color: rgba(0, 120, 212, 1) !important;
  border-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}

div.dtc-overlay-selected .dtc-canvas-element-border {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-color: rgba(0, 0, 0, .55);
  border-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

/* Use div. selector to ensure that the specificity of this selector increases */
div.dtc-overlay-invalid:focus .dtc-canvas-element-border {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

div.dtc-overlay-invalid: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( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

div.dtc-overlay-invalid .dtc-canvas-element-border {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}