.CEFS_TableInputFld { width: 50px; text-align: right; }
.CEFS_TableHdrBackground { background-color: #d9d9d9; }
.CEFS_TableColBorder { border: 1px solid black; }
.CEFS_TableColPadding { padding: 5px; }
.CEFS_TableHdrBorderPadding { background-color: #d9d9d9; border: 1px solid black; padding: 5px; }
.CEFS_TableColBorderPadding { border: 1px solid black; padding: 5px; }

.CEFS_NumColumn { text-align: center; }
.CEFS_TableFieldLabel { padding: 5px 20px 5px 5px; }
.CEFS_QuantityFieldWidth { width: 50px }
.CEFS_DateFieldWidth { width: 75px }
.CEFS_DollarsFieldWidth { width: 80px }

.CEFS_HighlightRow:hover td { background-color: lightblue; }
.CEFS_HighlightRow:hover td.CEFS_ColNoHighlight { background-color: inherit; cursor: default; }

.CEFS_REQUIRED { background-color: color-mix(in srgb, lightpink, white 70%); }

.CEFS_BG { border: 1px solid grey; }

.CEFS_FormidableButton {
  background: rgb(65, 153, 253);
  color: white;
  margin: 10px;
  border-width: 1px;
  border-color: rgb(65, 153, 253);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
}

.CEFS_FormidableButtonDisabled {
  background: grey;
  color: white;
  margin: 10px;
  border-width: 1px;
  border-color: rgb(65, 153, 253);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
}

.CEFS_FormidableButtonSmall {
  background: rgb(65, 153, 253);
  color: white;
  margin: 10px;
  border-width: 1px;
  border-color: rgb(65, 153, 253);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  padding: 0px 16px 0px 16px;
}

.CEFS_FormidableButtonSmallTight {
  background: rgb(65, 153, 253);
  color: white;
  margin: 3px;
  border-width: 1px;
  border-color: rgb(65, 153, 253);
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  padding: 0px 4px 0px 4px;
}

.CEFS_InputField { border: 1px solid black; border-radius: 4px; background-color: lightgrey; }

.CEFS_Progress {
  background: linear-gradient(to left, white 50%, #d9d9d9 50%) right; 
  background-size: 200%;
}

.CEFS_StartProgress { background-position: left; }

.CEFS_EndProgress { background-position: '' }

/* Caret Arrows */
.CEFS-CARET {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.CEFS-CARET-UP { transform: rotate(180deg); }
.CEFS-CARET-LEFT { transform: rotate(90deg); }
.CEFS-CARET-RIGHT { transform: rotate(270deg); }
.CEFS-SORTARROWS { margin-left: 5px; }

.CEFS-TABLE-EMULATION {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #ccc;
}

.CEFS-TABLE-EMULATION-ROW {
  display: flex;
  border-bottom: 1px solid #eee;
}

.CEFS-TABLE-EMULATION-ROW:last-child {
  border-bottom: none;
}

.CEFS-TABLE-EMULATION-LABEL {
  padding: 8px 12px;
  font-weight: bold;
  background-color: #f9f9f9;
  white-space: nowrap; /* Prevents label text from breaking into multiple lines */
}

.CEFS-TABLE-EMULATION-DATA {
  flex: 1; /* Takes up the remaining available width */
  padding: 8px 12px;
}