Your IP : 216.73.216.224

Current Path : /var/www/html/components/com_flexicontact/old_css/
Upload File :
Current File : /var/www/html/components/com_flexicontact/old_css/com_flexicontact.css

/* Flexicontact 11.02 */

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:30px; 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 {box-sizing:border-box; display:inline-block; height:30px !important; padding:4px 6px; margin:0; vertical-align: top;
    font: normal normal normal 15px Arial, Tahoma, sans-serif;}
                   
div.fc_line textarea {box-sizing:border-box; display:inline-block; line-height: normal; margin:0; padding:4px 6px; height:auto !important;
    font: normal normal normal 15px Arial, Tahoma, sans-serif;}

div.fc_line select {box-sizing:border-box; display:inline-block; padding: 4px; margin:0; width:auto; height:30px !important;
    font: normal normal normal 15px Arial, Tahoma, sans-serif;}

/* field appearance */      

div.fc_line input, div.fc_line select, div.fc_line textarea {border:1px solid #B3B3B3; border-radius:4px; transition:border-color 0.4s ease 0s; }
div.fc_line input:hover, div.fc_line textarea:hover, div.fc_line select:hover {outline:none; border-color:#0079C1;}
div.fc_line input:focus, div.fc_line textarea:focus, div.fc_line select:focus {outline:none; border-color:#0079C1;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.075);}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color:#e9322d; box-shadow:0 0 6px #f8b9b7; }
  
.fc_error {display:block; font-size:small; color:red; margin-left:22%;}
  
/* 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);}

/* 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:95%; }
div.fc_line textarea               {width:75%; max-width:95%; }

/* 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:#0079C1; opacity:0.6; 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; max-width:95%; min-height:0;}
    div.fc_line input[type="text"], div.fc_line input[type="email"], div.fc_line textarea {width:95%; max-width:95%;}
    .fc_error {margin-left:0; }
    div.fc_send {text-align:center;}
    div.fc_send input.fc_button {width:95%; max-width:275px;}
    div.fc_outer {max-width:100% !important;}
    div.fc_line input[type="checkbox"] {height:auto !important;}
    div.fc_lcb {margin-top:5px;}
}