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

#main_body h1 a
{
background-image: url('https://user-assets.forms-db.com/sanrafaelauction/themes/img_e6f11e31f6a020139c43689ac94ca60f-logo.jpg');
height: 317px;
}

html
{
background-color: #ffffff;
background-image: none;
}

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

#form_container
{
background-color: #ffffff;
border-width: 0px;
box-shadow: none;
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: #ffffff;
}

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

#main_body form .guidelines small
{
font-family: 'Lato','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
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: 'Lato','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: 'Lato','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #000000;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lato','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 240%;
color: #000000;
}

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

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

#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: 'Lato','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #000000;
}

#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: 'Lato','Lucida Grande',Tahoma,Arial,sans-serif;
color: #000000;
}

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

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

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



/** Advanced CSS **/

#main_body input.text {border:2px solid #eaeaeb !important; box-shadow:none !important;}
#main_body textarea.textarea {border:2px solid #eaeaeb !important; box-shadow:none !important;}
#main_body input:focus {
  border-color: #dcceb7 !important; box-shadow:none; background-color:#fefdfc;
}
#main_body textarea:focus {
  border-color: #dcceb7 !important; box-shadow:none; background-color:#fefdfc;
}
#main_body .form_description{border-bottom:none !important; text-align:center;}

#main_body input[type="submit"] {
  padding: 0.875em 1em;
  transition-duration: 0.2s;
  border: none;
  border-radius: 7.5px;
  background: #be9d6a !important;
  transform: none;
  box-shadow: none;
  border-color: transparent;
  font-size: 1rem;
color: white;
text-shadow: none;
}

#main_body input[type="submit"]:hover,
#main_body input[type="submit"]:focus {
  background-color: #b49767 !important;
  border: none;
box-shadow: none;
color: white;
text-shadow: none;
}

#main_body input.btn_secondary {text-decoration:none !important;}


#main_body .svg-inline--fa {
  color: #bea06a !important;
  font-size: 18px !important;
  padding: 0px 15px 0px 0px !important;
}

/* Hide the checkbox */
#main_body .element.checkbox {
    display: none;
}

/* Position the legend text */
#main_body .checkbox-image::before {
    content: attr(data-legend);
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
width: 100px;
}

/* Set the image-container properties */
#main_body .image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 2px solid #eaeaeb;
    background-color: #ffffff;
    padding: 5px; /* Adjust padding as needed */
    border-radius: 15px;
    background-size: calc(100% - 20px); /* Reduce the size of the background image to allow for padding */
    background-repeat: no-repeat;
    background-position: center;
}

/* Add an overlay */
#main_body .image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border-radius: inherit;
    z-index: 1;
}

/* Change the border color on hover */
#main_body .checkbox-image:hover .image-container {
    border-color: #ccb896;
}

/* Change the border and overlay background colors when the checkbox is selected */
#main_body input[type="checkbox"]:checked + label .checkbox-image .image-container {
    border: 3px solid #ccb896; /* Adjust border thickness as needed */
    background-color: #f8f5f0;
}

#main_body input[type="checkbox"]:checked + label .checkbox-image .image-container::before {
    background-color: rgba(0, 0, 0, 0);
}

#main_body .checkboxes .description {display:none !important;}

#main_body .checkboxes fieldset {margin-bottom:15px;}