/** 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('https://rosascafe.forms-db.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: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
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 **/

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#form_container { background: none !important; border: none !important; border-radius: 0 !important; width: 100% !important; box-shadow: none !important; }
#main_body h1 { display: none !important; }
#main_body form li.highlighted, #main_body .matrix tbody tr:hover td, #machform_review_table tr.alt { background: none !important; }
form {
  max-width: 480px !important; margin: 0 auto !important;
  padding: 0 !important; }
form > ul {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row wrap !important;
          flex-flow: row wrap !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  list-style: none outside none !important;
  margin: 0 !important; }
form > ul li {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    font-size: 0 !important;
    line-height: 1 !important; width: calc(100% - 78px) !important; }
form > ul .buttons {
    position: relative !important;
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    margin: 0 16px -10px 0 !important; width: 62px !important; }
form > ul .buttons .button_text {
      display: block !important;
      border: none !important;
      border-radius: 0 !important;
      background: none !important;
      font-size: 0 !important;
      width: 62px !important;
      height: 49px !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; }
form > ul .buttons:before {
      content: '' !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      background: url(https://rosas.algorhythm.tv/dev2/assets/images/ico-envelope.png) no-repeat 0 0 !important;
      background-size: 100% 100% !important;
      width: 62px !important;
      height: 49px !important;
      display: inline-block !important;
      vertical-align: middle !important;
      font-size: 0px !important;
      pointer-events: none !important; }
.element {
  width: 376px !important;
  height: 59px !important;
  padding: 0 10px !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-family: "Goby", sans-serif !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.075em !important;
  text-align: center !important; background: #fff !important;  }
.element::-webkit-input-placeholder {
    color: #aeaeae !important; }
.element:-ms-input-placeholder {
    color: #aeaeae !important; }
.element::-ms-input-placeholder {
    color: #aeaeae !important; }
.element::placeholder {
    color: #aeaeae !important; }
p {
  width: 100% !important;
  margin: 27px 0 0 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  text-align: center !important;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.72) !important; }
#error_message { display: none !important; }
#main_body form li { background: none !important; }
#main_body form li.error { background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; }
#main_body form li.error .elenent { border-color: #f00 !important; }
@media (max-width: 767px) {
  form {
    width: 100% !important; }
  form > ul {
    width: 100% !important; }

  form > ul > li { padding: 0 !important; }

  form > ul > li:first-child {
    width: calc(100% - 66px) !important; }
  form > ul .buttons:before {
    width: 40px !important;
    height: 30px !important; }
  form > ul .buttons { width: 32px !important; margin-bottom: 3px !important; }
  form > ul .buttons .button_text {
    width: 40px !important;
    height: 30px !important;
    margin-top: 2px !important; }
  .element {
    display: block !important;
    width: 100% !important;
    height: 30px !important; font-size: 16px !important; } }