/*
 * Estilos para formularios de administración de posteos personalizados
 */
.uhl-body-formulario .uhl-main-header {
	-webkit-justify-content: center;
	justify-content: center;
}

#logo-min {
	width: 6em;
	margin: 6em 0 0;
}

#logo-min * {
	fill: white;
}

.uhl-page-formulario {
	margin: 0 auto;
	max-width: 600px;
}

.uhl-page-formulario .uhl-message {
	margin: 0 0 1em;
}

.uhl-form-container {
	text-align: left;
}

#uhl-add-item-img-set {
	padding: 0.5em 0;
	font-size: var( --uhl-font-size-m );
}

#uhl-add-item-img-set:hover {
	background-color: black;
	text-decoration: none;
	color: white;
}

.uhl-form-container h2 {
	font-size: var( --uhl-font-size-m );
}

.uhl-form-container p {
	margin-bottom: 2em;
}

.uhl-form-container label {
	margin-bottom: 0.5em;
	font-size: var( --uhl-font-size-m );
}

.uhl-form-container label, .uhl-form-container input[type="text"], .uhl-form-container input[type="email"], .uhl-form-container input[type="url"], .uhl-form-container input[type="date"], .uhl-form-container input[type="time"], .uhl-form-container input[type="search"] {
	width: 100%;
}

.uhl-form-container input[type="text"], .uhl-form-container input[type="number"], .uhl-form-container input[type="email"], .uhl-form-container input[type="url"], .uhl-form-container input[type="date"], .uhl-form-container input[type="time"], .uhl-form-container input[type="search"] {
	background-color: black;
	border: none;
	border-bottom: 1px solid;
	border-radius: 0;
	font-size: var( --uhl-font-size-m );
	line-height: 2;
	color: white;
}

.uhl-form-container input:focus {
	outline: none;
	border-bottom: 3px ridge black;
	box-shadow: none;
}

.uhl-add-item-img-container input[type="file"] {
	opacity: 0;
}

.uhl-add-item-img-container img {
	display: block;
	margin-bottom: 1em;
}

#uhl-item-file-img-preview img {
	max-width: 300px;
}

.uhl-link {
	color: skyblue;
}

.uhl-checkboxes-conatiner {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.uhl-checkboxes-conatiner label {
	padding: 0.5em;
	border: 1px solid;
	text-align: center;
	cursor: pointer;
}

.uhl-checkboxes-conatiner label:not( .uhl-checkbox-label-checked ):hover {
	background-color: skyblue;
	color: black;
}

.uhl-checkbox-label-checked {
	background-color: white;
	color: black;
}

.uhl-checkboxes-conatiner input[type="checkbox"], .uhl-checkboxes-conatiner input[type="radio"], #uhl-add-item-form-adicional {
	display: none;
}

.uhl-form-mediano {
	width: 50%;
}

#uhl-cliente-save-container {
	margin-top: 6em;
}

#uhl-cliente-save-container input:hover {
	background-color: black;
	color: white;
}

.media-modal {
	color: initial;
}

.media-menu-item {
	color: #3c434a;
}