/* Flexicontact CSS */

/* Common */

.fc_page { }
.fc_form { }

div.fc_images      {padding-top:0.5em;}
div.fc_image_inner {text-align: center;}
.fc_inactive       {border:2px solid transparent;}
.fc_active         {border:2px solid red; border-radius:5px;}

form.fc_form input, form.fc_form textarea {}
form.fc_form input[type="checkbox"]       {vertical-align:top;}

input.fc_button    {background-color:#4d4d4d; border:0 !important; border-radius:3px;
                    width:auto; min-width:65px; margin:2px 2px 2px 5px; padding:10px !important;text-align:center;
                    font-size:1em; font-weight:bold; color:white !important; cursor:pointer}
input.fc_button:hover    {background-color:#008c01; }
input.fc_button:disabled {opacity:0.5; border:none; cursor:default;}

span.fc_error {font-size:small; color:red; margin-left:5px;display:inline-block}

/* Responsive view */

div.fc_line                   {}
div.fc_line label.fc_left     {display:visible; text-align:left; vertical-align:middle;margin-right:1em;}
div.fc_line label.fc_right    {display:block; text-align:left;  vertical-align:middle; }
div.fc_line label.fc_textarea {vertical-align:top; }

@media screen and (max-width: 800px) 
{
    div.fc_line label.fc_left {display:display; text-align:left; width:auto; max-width:90%;}
    span.fc_error             {display:block; }
}

/* Table view */

.fc_table              {border:none !important; padding: 2px; width:100% }
.fc_table tr           {border:none  !important; }
.fc_table td           {border:none  !important; padding: 3px 0 3px 0;}
.fc_table td.fc_prompt {text-align:right; vertical-align:middle; width:20%; padding-right:10px;}
.fc_table td.fc_field  {text-align:left; }