.ui-content{
  max-width:640px;
  margin:0 auto;
}

.ui-content-message{
    padding: 5px 0 0 20px;
    text-align: center;
}

/* forms Ini */
#forms_content h2 label, #partial_forms_content h2 label{
  font-size:1em;
  font-weight:bold;
  margin-bottom: 0;
  line-height: 1.2;
}

#forms_content .ui-field-contain, #partial_forms_content .ui-field-contain{
  border-bottom: none;
}

#forms_content .ui-field-contain:before, #forms_content .ui-field-contain:after, #partial_forms_content .ui-field-contain:before, #partial_forms_content .ui-field-contain:after{
  display: block;
}

#forms_content .ui-btn, #partial_forms_content .ui-btn{
  margin-bottom: 0.5em;
}

#forms_content .ui-field-contain.type_5 label, #partial_forms_content .ui-field-contain.type_5 label{
  font-weight: bold;
}

.type_16 .ui-btn {
  margin-bottom: 0 !important;
}

.type_12 .ui-select, .type_15 .ui-select {
    width: auto !important;
    padding-right: 5px;
}

.ui-field-contain.type_1 label, .ui-field-contain.type_2 label, .ui-field-contain.type_3.size_2 label{/* , #forms_content .ui-field-contain.type_3 label */
  float:none;
  width: auto;
  margin: 0 0 .4em;
}

.ui-field-contain.type_3 textarea{
  width:100%;
}

.ui-field-contain.type_1 fieldset{
  float:none;
  width:auto;
}

.ui-field-contain.type_1 .ui-controlgroup-controls label, .ui-field-contain.type_2 .ui-controlgroup-controls label{
  margin-bottom: 0 !important;
}

/*
#forms_content  .ui-field-contain textarea{
  float:none;
  width:100%;
}

#forms_content .ui-field-contain.type_3 label{
  width:auto;
}
*/

/* forms End */

#index-header {
    text-align: center;
}

#logo {
    padding: 10px;
}

a.ui-link.a_warning {
    color: #d34836 !important;
    text-decoration: none;
}

/* .ui-hide-label.ui-br, */
.no-field-separator {
    border-bottom-width: 0;
}
/* .ui-field-contain.ui-hide-label, */
.no-field-separator {
    margin: 1em 0;
    padding: 0;
}

form label.error {
  color: #F00;
  display: inline-block;
  clear: both;
  width: 100% !important;
  position: initial !important;
  overflow: inherit;
}

#sign_layer{
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background:rgba(0,0,0,0.45);
  width:100%;
  height:100%;
  z-index:100;
  align-items:center;
  display:none;
}


#sign_layer .canvas{
	width:90%;
	background:#CCC;
	margin: 0 auto;
	border:solid #000 2px;
	max-width:800px;
}

#sign_layer canvas{
	width:98%;
	background:#FFF;
	margin: 0 auto;
	border:solid #000 1px;
	display:block;
}

#sign_layer .label{
	padding:10px;
}


#photo_layer{
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background:rgba(0,0,0,0.45);
  width:100%;
  height:100%;
  z-index:100;
  align-items:center;
  display:none;
}

#photo_layer .canvas{
	/* width:90%; */
	background:#CCC;
	margin: 0 auto;
	border:solid #000 2px;
	max-width:800px;
}

#photo_layer .label{
	padding:10px;
}
/*
#photo_layer canvas{
	width:98%;
	background:#FFF;
	margin: 0 auto;
	border:solid #000 1px;
	display:block;
}
*/

.cookie-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  display: none;
}

.cookie-box {
  background: #fff;
  width: 90%;
  max-width: 420px;
  margin: 20% auto;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}

.cookie-box h3 {
  margin-top: 0;
}

.cookie-btn {
  background: #1e88e5;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.cookie-btn:hover {
  background: #1565c0;
}

/* Selecciona el contenedor del widget de reCAPTCHA */
div[style*="position: fixed"]:not(.grecaptcha-badge) {
    height: auto !important; /* Limita la altura al 90% de la pantalla */
    overflow-y: auto !important; /* Añade scroll si el contenido es muy alto */
}

div[style*="position: fixed"] iframe {
  height: 90vh !important;
}