
.cosmos-editfield {
  font-size: 9pt;
  margin-bottom: 1px;
  /* border: 1px solid #ccc; */
  border: var(--color_border_edit);
  border-radius: 5px;

  padding: 0px;
  color: var(--color_text_edit);
  background-color: var(--color_back_edit);
}
.cosmos-editfield:disabled {
  background-color: #354B68;
  color: #FFF
}

.cosmos-editfield-spin {
  font-size: 9pt;
  margin-bottom: 1px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1px;
}

.cosmos-editfield-combo {
  margin-bottom: 1px;
  padding: 1px;
  display: flex;
  border: 2px solid #000; /*borde del control edit Field combo*/
  border-radius: 5px;
  overflow: hidden; /* Asegura que los bordes sean uniformes */
  width:80%;
}

.cosmos-input-combo {
	padding: 1px;
	border: none;
	outline: none;
	flex: 1;
	width: calc(100% - 20px);
	height:100%;
}

.cosmos-editfield-button-combo {
	padding: 1px 1px;
	border: none;
	background-color: #90A1B9;
	color: white;
	cursor: pointer;
	width:20px;
	height:100%;
}
.cosmos-editfield-button-combo:hover {
	background-color: #218838;
}
.cosmos-editfield-button-combo::after {
	content: "?"; /* Flecha */
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
}
.cosmos-editfield-button-group-spin {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.cosmos-editfield-button-combo-spin {
	padding: 1px 1px;
	border: none;
	background-color: #90A1B9;
	color: white;
	cursor: pointer;
	width:20px;
	height:50%;
}
.cosmos-editfield-button-combo-spin:hover {
	background-color: #218838;
}
