/* Flexicontact 12.06 */

div.fc_outer   {border:1px solid lightgray;padding:10px;background-color:whitesmoke;border-radius:5px}
div.fc_line {box-sizing:border-box;clear:left;margin-top:2px}
div.fc_line label {box-sizing:border-box;display:inline-block;min-height:32px;padding: 7px 0 0 0;margin: 0 1% .2em 0;vertical-align: top;
    font: normal normal normal 14px Arial, Tahoma, sans-serif}
div.fc_line input.fc_input {box-sizing:border-box;display:inline-block;height:32px !important;padding:4px 6px;margin:0;vertical-align: top;
    font: normal normal normal 15px Arial, Tahoma, sans-serif}
div.fc_line textarea.fc_input {box-sizing:border-box;display:inline-block;line-height: normal;margin:0;padding:4px 6px;min-height:32px;height:auto !important;
    font: normal normal normal 15px Arial, Tahoma, sans-serif}
div.fc_line select.fc_input {box-sizing:border-box;display:inline-block;padding: 4px;margin:0;width:auto;height:32px !important;
    font: normal normal normal 15px Arial, Tahoma, sans-serif}

/* field appearance */      

div.fc_line input.fc_input, div.fc_line select.fc_input, div.fc_line textarea.fc_input {border:1px solid lightgray;border-radius:4px;transition:border-color 0.4s ease 0s}
div.fc_line input.fc_input:hover, div.fc_line textarea.fc_input:hover, div.fc_line select.fc_input:hover {outline:none;border-color:#999}
div.fc_line input.fc_input:focus, div.fc_line textarea.fc_input:focus, div.fc_line select.fc_input:focus {outline:none;border-color:#0079C1;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.075)}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color:#e9322d;box-shadow:0 0 4px #f8b9b7}
  
div.fc_line.fc_err .fc_input {border-color:#e9322d}
div.fc_line.fc_err label {color:#e9322d}

/* error messages */

.fc_error     {display:block;font-size:small;color:red;margin-left:22%}
.fc_top_error {margin-bottom:10px}
  
/* image captcha */

.fc_image_inner      {text-align: center}
.fc_image_inner img  {display:inline}
.fc_images .fc_error {margin-left:0}
.fc_inactive         {border-radius:5px;border:2px solid transparent}
.fc_active           {border-radius:5px;border:2px solid red;box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.63)}

/* captcha plugin */

div.fc_line.fc_jcap  {text-align:center}
#fcjcap              {display:inline-block}

/* form layout */

div.fc_line label.fc_left          {text-align:right;width:20%}
div.fc_line label.fc_right         {text-align:left; margin:0;vertical-align:middle}
div.fc_line input[type="checkbox"] {margin:0 5px 0 0;vertical-align:middle}
div.fc_line input[type="text"],
div.fc_line input[type="email"]    {width:75%;max-width:100%}
div.fc_line textarea.fc_input      {width:75%;max-width:100%}

/* Send button */

div.fc_send input.fc_button {background-color:#0079C1;border:none;border-radius:3px;
    width:auto;height:30px;margin:2px 5px;padding:0 35px;text-align:center;
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.33);font-size:16px;color:white !important;cursor:pointer}
div.fc_send input.fc_button:hover    {background-color:#0285D2}
div.fc_send input.fc_button:disabled {background-color:#ababab;border:none;cursor:not-allowed}

/* responsive */

@media screen and (max-width: 800px) 
{
    div.fc_line label.fc_left {display:block;text-align:left;width:auto;min-height:0}
    div.fc_line input.fc_input[type="text"], div.fc_line input.fc_input[type="email"], div.fc_line textarea.fc_input {width:100%}
    .fc_error {margin-left:0}
    div.fc_send {text-align:center}
    div.fc_send input.fc_button {width:90%;max-width:275px}
    div.fc_outer {max-width:calc(100% - 20px) !important}
    div.fc_line input[type="checkbox"] {height:auto !important}
    div.fc_lcb {margin-top:5px}
}