$primary: var(--primary-color);

.digital-date-time-control {
	border: solid 1px #e0e0e0 !important;
	border-radius: 10px !important;
	background: white !important;
	.p-inputtext {
		background: white;
		border: solid 1px white !important;
		border-radius: 10px !important;
		font-family: Roboto;
		font-size: 14px;
		margin-left: 15px;
		padding: 18px 16px 17px 1px;
		&:hover {
			border-color: white !important;
		}
		&:focus {
			box-shadow: none !important;
			border-color: white !important;
		}
	}
	.p-button {
		background: white;
		border: solid 1px white !important;
		border-radius: 10px !important;
		.p-button-icon {
			color: #353435;
			width: 14px;
			height: 14px;
		}
		&:hover {
			background: white !important;
			color: white !important;
			border-color: white !important;
		}
		&:focus {
			box-shadow: none !important;
			border-color: white !important;
		}
	}
}
.digital-drop-down-control {
	width: 100%;
	border: solid 1px #e0e0e0 !important;
	border-radius: 10px !important;
	background: white !important;
	.p-dropdown-label {
		font-family: Roboto;
		font-size: 14px;
		padding-left: 16px;
		margin: auto;
		color: #6c757d !important;
		padding-top: 10px;
	}
	.p-dropdown-trigger {
		color: #353435 !important;
	}
	.p-dropdown-clear-icon {
		color: #353435 !important;
	}
}
.digital-auto-complete-control {
	width: 100%;
	border: solid 1px #e0e0e0 !important;
	border-radius: 10px !important;
	background: white !important;
	.p-inputtext {
		background: white !important;
		border: solid 1px white !important;
		border-radius: 10px !important;
		font-family: Roboto;
		font-size: 14px;
		padding-left: 15px;
		height: 100% !important;
		padding: 18px 16px 17px 16px;
		&:focus {
			box-shadow: none !important;
			border-color: white !important;
		}
		&:hover {
			box-shadow: none !important;
			border-color: white !important;
		}
	}
	.p-button {
		margin: -1px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		width: 44px;
	}
}
.digital-input-control {
	width: 100%;
	border: solid 1px #e0e0e0 !important;
	border-radius: 10px !important;
	background: white !important;
}
.full-width {
	width: 100%;
}

.object-field-container{
	.date-time-dropdown{
		max-width: 130px;
	}
	.date-time-input{
		flex: 1 0;
	}
	.ctool-datetime-only-date, .ctool-datetime-only-time, .ctool-date-only {
		display: flex !important;
		flex: 1 !important;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;

		.p-inputtext{
			padding-right: 0 !important;
			height: 46px;
		}
	}
}