/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: none;
height: 40px;
}

html
{
background-image: url('http://formularios.promipymerd.com/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #525252;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Source Sans Pro','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

/* Tipografía general */
body,
input,
select,
textarea,
label,
button {
  font-family: 'Montserrat', sans-serif !important;
  color: #1a1a5e !important;
  font-size: 15px;
}

/* Fondo del formulario */
#form_container {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.05) !important;
}

/* Oculta el logo gris superior (si no lo desactivaste desde ajustes) */
h1, #top, #bottom, #footer {
  display: none !important;
}

/* Etiquetas de campos */
label.description, span.description {
  color: #1a1a5e !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* Campos de entrada */
input.text,
textarea.textarea,
select.select {
  background-color: #f6f9f9 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 10px !important;
  width: 100% !important;
  box-sizing: border-box;
  color: #333 !important;
  font-size: 15px !important;
  transition: border-color 0.3s ease;
}

/* Enfocados */
input.text:focus,
textarea.textarea:focus,
select.select:focus {
  border-color: #1a1a5e !important;
  outline: none !important;
}

/* Botón de enviar */
input.button_text {
  background-color: #1a1a5e !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 25px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: 'Montserrat', sans-serif !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease;
}

/* Botón al pasar el mouse */
input.button_text:hover {
  background-color: #000c5e !important;
}

/* Campo resaltado */
.highlighted {
  background-color: #f0f4ff !important;
}

/* Validación de error */
form li.error {
  background-color: #ffefef !important;
  border-left: 4px solid #c10000 !important;
}

form li.error label,
form li.error span.description {
  color: #c10000 !important;
}

html body div#main_body div.buttons input#submit_form.button_text {
  background-color: #1a1a5e !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 30px !important;
  font-size: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  background-image: none !important;
  text-shadow: none !important;
  width: 100% !important;
  max-width: 300px !important;
  margin: 20px auto 0 !important;
  display: block !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

html body div#main_body div.buttons input#submit_form.button_text:hover {
  background-color: #000c5e !important;
}

html body div#main_body div.buttons input#submit_form.button_text:disabled {
  background-color: #1a1a5e !important;
  color: #ffffff !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}