.preview {
	max-width: 240px;
}
.form-search-tickets {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: flex-start;
}
.form-create-ticket {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: flex-start;
}
.form-create-ticket input,
.form-create-ticket textarea,
.form-search-tickets input,
.form-search-tickets textarea {
	background-color: #3f4756;
	color: white;
	padding: 12px 24px;
	outline: none;
	border: none;
	border-radius: 24px;
}
.list-tickets,
.list-obs-tickets {
	max-height: 600px;
	overflow-y: auto;
	padding: 0;
	margin-top: 12px;
	list-style: none;
}
.list-tickets .ticket {
	cursor: pointer;
	background-color: transparent;
	width: fit-content;
	min-width: 360px;
	padding: 24px 36px;
	border-radius: 24px;
	margin-bottom: 12px;
	border: 1px solid #3f4756;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.list-tickets .ticket:hover {
	border: 1px solid #ffffff;
}
.list-tickets .ticket .noti-badge {
	display: block;
	padding: 12px 24px;
	height: fit-content;
	font-size: 16px;
	background: #ff7300;
	color: white;
	border-radius: 24px;
	align-self: center;
}
.list-tickets .ticket h4 {
	font-weight: bold;
	font-size: 24px;
}
.list-tickets .ticket h5 {
	color: #e4e4e4;
	font-size: 16px;
}
.list-tickets .ticket span {
	font-size: 14px;
	color: #616d81;
}
.tickets-wrap {
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	gap: 24px;
}
.list-obs-tickets .obs {
	width: fit-content;
	min-width: 360px;
	padding: 24px 36px;
	border-radius: 24px;
	margin-bottom: 12px;
	border: 1px solid #3f4756;
}
.list-obs-tickets .obs h4 {
	font-weight: bold;
	font-size: 24px;
}
.list-obs-tickets .obs h5 {
	color: #e4e4e4;
	font-size: 16px;
}
.list-obs-tickets .obs span {
	font-size: 14px;
	color: #616d81;
}
.list-tickets .ticket-selected {
	border-color: #ff7300;
}
.feedback {
	font-size: 24px;
	border-radius: 24px;
	padding: 12px 24px;
}