/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.input-field-component {
  margin: 5px 0 0 0;
  position: relative;
}

.input-field-component .input-field-label {
  font-size: 14px;
  display: inline-block;
}

.input-field-component .info-input-with-label {
  padding: 0;
  margin: 0 0 0 8px;
}

.input-field-component .info-input-with-label.dtc-info-button {
  vertical-align: text-top !important;
}

.input-field-component .info-input-without-label {
  padding-top: 1px;
  position: absolute;
}

.input-field-component .input-field-picklist {
  padding-bottom: 8px;
}

.input-field-component .input-control-radio-button {
  padding-bottom: 5px;
}

.input-field-component .input-control-buttons .input-control-primary-button {
  vertical-align: top;
}

.input-field-component .input-control-buttons .input-control-icon-button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 10px;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.input-field-component .input-control-buttons .input-control-icon-button:hover {
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.input-field-component .input-control-file-path.is-browsable {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-field-component .input-control-file-path.is-browsable .input-control-file-path-name {
  flex-grow: 1;
}

.input-field-component .input-control-file-path.is-browsable .input-control-file-path-browse-button-container .input-control-file-path-browse-button {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.input-field-component .input-control-with-editor-extension {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-field-component .input-control-with-editor-extension .string-input-component-value {
  flex-grow: 1;
}

.required-tag-info {
  padding-left: 4px;
}
