/* Transparent and frameless, and the basis of all the other form styles */
/* Version 15.05 (##006##) (##base##015##) */

.fcp_wrapper *, .fcp_wrapper *:after, .fcp_wrapper *:before
    {box-sizing:border-box !important; box-shadow:none; border:none; outline:none; background-color:transparent;}
.fcp_wrapper div, .fcp_wrapper span, .fcp_wrapper input, .fcp_wrapper select, .fcp_wrapper textarea,
.fcp_wrapper fieldset, .fcp_wrapper legend, .fcp_wrapper label, .fcp_wrapper img
    {margin:0; padding:0; line-height:normal; float:none; vertical-align:baseline; opacity:1; max-width:none;}
.fcp_wrapper input, .fcp_wrapper label, .fcp_wrapper select, .fcp_wrapper textarea, .fcp_wrapper span, .fcp_wrapper img
    {display:inline;}
.fcp_wrapper div, .fcp_wrapper form, .fcp_wrapper fieldset
    {display:block;}

/* Colours */

div.fcp_wrapper {color:#3e3e3e;}
div.fcp_border  {border:1px solid lightgray; border-radius:4px; padding:0; margin:0;}

div.fcp_line input[type="text"], div.fcp_line input[type="email"], div.fcp_line input[type="number"], div.fcp_line input[type="date"],
div.fcp_line input[type="password"], div.fcp_line input[type="file"], div.fcp_line textarea, div.fcp_line select
    {background-color:#fefefe; box-shadow: 0 0 1px rgba(0,0,0,0.5); transition:box-shadow .2s; }

div.fcp_line input[type="text"]:hover, div.fcp_line input[type="email"]:hover, div.fcp_line input[type="number"]:hover, div.fcp_line input[type="date"]:hover,
div.fcp_line input[type="password"]:hover, div.fcp_line input[type="file"]:hover, div.fcp_line textarea:hover, div.fcp_line select:hover
    {box-shadow:0 0 0 2px #b5b8b9;  border:none; outline:none;}

div.fcp_line input[type="text"]:focus, div.fcp_line input[type="email"]:focus, div.fcp_line input[type="number"]:focus, div.fcp_line input[type="date"]:focus,
div.fcp_line input[type="password"]:focus, div.fcp_line input[type="file"]:focus, div.fcp_line textarea:focus, div.fcp_line select:focus
    {box-shadow:0 0 0 2px #1b98e0;  border:none; outline:none;}

div.fcp_line input.fcp_error_field[type="text"], div.fcp_line input.fcp_error_field[type="email"], div.fcp_line input.fcp_error_field[type="number"], div.fcp_line input.fcp_error_field[type="date"],
div.fcp_line input.fcp_error_field[type="password"], div.fcp_line input.fcp_error_field[type="file"],
div.fcp_line textarea.fcp_error_field, div.fcp_line select.fcp_error_field
    {background-color:#fbdbdf;}

div.fcp_line input.fcp_error_field[type="text"]:focus, div.fcp_line input.fcp_error_field[type="email"]:focus, div.fcp_line input.fcp_error_field[type="number"]:focus, div.fcp_line input.fcp_error_field[type="date"]:focus,
div.fcp_line input.fcp_error_field[type="password"]:focus, div.fcp_line input.fcp_error_field[type="file"]:focus,
div.fcp_line textarea.fcp_error_field:hover, div.fcp_line select.fcp_error_field:focus
    {box-shadow:0 0 0 2px #e9322d;}

div.fcp_line input::placeholder, div.fcp_line textarea::placeholder {color:#b1b0b0;}

.fcp_error_text {color:red;}

.tooltip-inner {color:#333 !important; background-color:#f6fcff !important; border:1px solid gray;border-radius:3px;}
.tooltip.top .tooltip-arrow {border-top-color:black !important;}
    
/* Fonts */

div.fcp_wrapper           {font-family:Helmet, Freesans, Helvetica, Arial, sans-serif; font-size:14px; font-style:normal; font-weight:normal;}
div.fcp_line label        {font-family:Verdana, Geneva, sans-serif; font-size:100%; font-style:normal; font-weight:normal;}
.fcp_fieldset legend      {font-family:Verdana, Geneva, sans-serif; font-size:110%; font-style:normal; font-weight:normal;}
div.fcp_line input, div.fcp_line select, div.fcp_line textarea      {font-family:inherit; font-size:120%; font-style:normal; font-weight:normal;}
div.fcp_line input::placeholder, div.fcp_line textarea::placeholder {font-family:inherit; font-size:80%;}
.fcp_fixed_heading        {font-family:Verdana, Geneva, sans-serif; font-size:200%; font-style:normal; font-weight:normal; }
.tooltip                  {font-family:Arial, sans-serif; font-size:95% !important; font-style:normal; font-weight:normal;}
.fcp_error_text           {font-family:Arial, sans-serif; font-size:90%; font-style:normal; font-weight:normal; text-shadow:0 1px 0 #fff;}
.fcp_form input.fcp_btn   {font-family:Verdana, Geneva, sans-serif; font-size:140%; font-style:normal; font-weight:normal;}
.fcp_helptext             {font-family:Arial, sans-serif; font-size:90%; font-style:normal; font-weight:normal;} 
#fcp_spinner.fcp_error_msg .fcp_error_text {font-family:inherit; font-size:100%; font-style:normal; font-weight:normal;}

/* Text error messages */

span.fcp_error_text       {display:block; }
#fcp_spinner.fcp_error_msg .fcp_error_text  {margin-left:0;}

/* Icon error messages */

.fcp_error_icon
    {display:inline-block; position:absolute; top:6px; right:5px; cursor:pointer;
        background:url('css_images/error-yellow-20.png') left center no-repeat; height:20px; width:20px; }
.fcp_list .fcp_error_icon            {right:15px;}
.fcp_captcha .fcp_error_icon         {right:-20px;}
.fcp_checkbox_l  .fcp_error_icon     {right:auto; left:0; top:22px;}
.fcp_checkbox_r  .fcp_error_icon     {right:0; top:22px;}
.fcp_error_icon2                     {background:url('css_images/error-red-20.png') left center no-repeat;}

/* Popover error messages */

.fcp_error_over  {position:absolute; top:0; right:0;}
.fcp_checkbox_l  .fcp_error_over  {top:5px; right:auto; left:10px;}
.fcp_checkbox_r  .fcp_error_over  {top:5px; right:10px;}

/* Mandatory fields */

label.fcp_req:after {display:inline-block; content:""; width:8px; height:8px; padding:0 0 12px 12px; 
                     background:transparent url(css_images/star-16-black.png) center top / 8px no-repeat; } 

/* Valid fields */

div.fcp_wrapper.fcp_vf1 .fcp_valid_field {background-image: url(css_images/valid-20.png); background-repeat: no-repeat; background-position: calc(100% - 10px) 5px;}
div.fcp_wrapper.fcp_vf2 .fcp_valid_field {background-color: #daffda;}

/* Structure and size */

div.fcp_wrapper           {max-width:calc(100% - 20px); min-height:100px; padding:10px; margin:0 auto;}
.fcp_form                 {margin:0;}
div.fcp_line              {clear:left; padding:.5em 0;}
div.fcp_label             {text-align:left; margin:0; padding:3px 0;}

div.fcp_controls          {display:inline; vertical-align:top; position:relative;}

div.fcp_line input[type="text"], div.fcp_line input[type="email"], div.fcp_line input[type="number"], div.fcp_line input[type="date"],
div.fcp_line input[type="password"], div.fcp_line input[type="file"], div.fcp_line textarea
                          {width:100%; height:32px; padding:1px 3px; border-radius:2px; margin:0;}
div.fcp_line select       {height:32px; width:auto; min-width:160px; border-radius:2px; }
div.fcp_line textarea     {width:100%; height:auto; min-height:32px; padding:8px 3px;}
div.fcp_line input[type="file"] {line-height:normal !important; height:auto !important; padding:6px; font-size:initial; vertical-align:top}

div.fcp_inline            {display:inline-block; vertical-align:top; margin-right:0; white-space:nowrap;}
div.fcp_inline_rm         {margin-right:1%;}
div.fcp_inline_lm         {margin-left:1%;}
div.fcp_inline_right      {float:right; margin-right:0;}
div.fcp_inline select     {width: 100%;}

/* radio buttons and checkboxes */

div.fcp_line input[type="checkbox"], div.fcp_line input[type="radio"]
                             {width:auto; margin:0 7px 0 0; height:auto;}
div.fcp_checkbox_r input[type="checkbox"] {margin-left:7px;}                             
div.fcp_control_group        {display:inline-block; width:auto; padding:2px 5px;} 
span.fcp_control_h           {display:inline-block; margin:4px 15px 4px 2px;}
span.fcp_control_v           {display:block; margin:6px;}
label.fcp_lcb, label.fcp_rad {display:inline; vertical-align:top;}

/* fixed texts */

div.fcp_fixed_text        {border-bottom:1px solid lightgray; margin-bottom:8px; width:100%;}
div.fcp_fixed_heading     {text-align:left; background-color:transparent; color:#516b77;}

/* magic word */

div.fcp_captcha           {text-align:center;}
div.fcp_magic_inner       {display:inline-block; min-width:30%; padding:3px 10px 10px 10px; border:1px solid lightgray; border-radius:3px;}
div.fcp_magic_inner input {width:15em !important;}
div.fcp_magic_prompt      {text-align:left; padding:5px 0;}
div.fcp_magic_prompt span.fcp_info {float:right;}

/* secure-image captcha */

div.fcp_captcha input     {display:inline-block; vertical-align:middle; }
div.fcp_captcha_inner     {display:inline-block; padding:3px 10px 10px 10px; border:1px solid lightgray; border-radius:3px;}
img.fcp_captcha_img       {display:inline-block; vertical-align:middle; margin:0 5px; border:1px solid lightgray; border-radius:3px;}
span.fcp_captcha_reload   {display:inline-block; vertical-align:middle; height:34px; width:34px; 
                           background:#25b7d3 url('css_images/reload-32.png') center center no-repeat; cursor:pointer;
                           border-radius:50%;}
div.fcp_captcha_prompt    {text-align:left; padding:5px 0;}
.fcp_ani span.fcp_captcha_reload {transform:rotate(-90deg); transition:transform .2s ease;}
.fcp_ani span.fcp_captcha_reload:hover {transform:rotate(0deg);}
                         
/* image captcha */

div.fcp_image_inner       {display:inline-block; padding:3px 10px; border:1px solid lightgray; border-radius:5px; }
div.fcp_image_inner img   {display:inline; vertical-align:middle; cursor:pointer; transition:border 0.7s;}
img.fcp_inactive          {border:2px solid transparent;}
img.fcp_active            {border:2px solid #0079C1 !important; border-radius:3px;}
div.fcp_image_prompt      {text-align:left; padding:5px 0; text-shadow:0 1px 0 #fff;}
.fcp_ani .fcp_inactive:hover {transform:rotate(360deg); transition:transform .2s ease; }

/* recaptcha */

div.fcp_nocaptcha .fcp_error_msg  {margin-left:0;}
div.g-recaptcha                   {display:inline-block;}

/* fieldsets */

fieldset.fcp_fieldset            {display:inline-block; margin:5px; padding:5px; vertical-align:top;}
fieldset.fcp_fieldset.fcp_border {border:1px solid lightgray; border-radius:3px;}
fieldset.fcp_fieldset legend     {width:auto; padding:3px;}
fieldset.fcp_wide                {display:block;}

/* Send Button */

input.fcp_btn
    {float:right; width:auto !important; height:auto !important; cursor:pointer; -webkit-appearance:none;
        text-align:center; text-decoration:none; text-shadow:0 0 1px black; color:white;
        padding:8px 30px; margin:2px; border-radius:3px; background-color:#2d80b7; background-image:none; }
input.fcp_btn:hover, input.fcp_btn:focus
    {background-color:#3fa1ec; color:white; text-decoration:none; border:none; box-shadow:none; outline:none;}

.fcp_form input.fcp_btn_blue {background-color:#115ec4;}
.fcp_form input.fcp_btn_blue:hover, .fcp_form input.fcp_btn_blue:focus {background-color: #3fa1ec;}

.fcp_form input.fcp_btn_green {background-color:#6ea748;}
.fcp_form input.fcp_btn_green:hover, .fcp_form input.fcp_btn_green:focus {background-color: #79c149;}

.fcp_form input.fcp_btn_cyan {background-color:#54c5c9;}
.fcp_form input.fcp_btn_cyan:hover, .fcp_form input.fcp_btn_cyan:focus {background-color: #65d7db;}

.fcp_form input.fcp_btn_red {background-color:#ee4e2f;}
.fcp_form input.fcp_btn_red:hover, .fcp_form input.fcp_btn_red:focus {background-color: #f16c51;}

.fcp_form input.fcp_btn_orange {background-color:#f39331;}
.fcp_form input.fcp_btn_orange:hover, .fcp_form input.fcp_btn_orange:focus {background-color: #ea7804;}

.fcp_form input.fcp_btn_black {background-color:#535961;}
.fcp_form input.fcp_btn_black:hover, .fcp_form input.fcp_btn_black:focus {background-color: #727272;}

.fcp_form input.fcp_btn_white {background-color:white; color:#666666; text-shadow:none; box-shadow: 1px 1px 2px grey;
    border: 1px solid lightgray;}
.fcp_form input.fcp_btn_white:hover, .fcp_form input.fcp_btn_white:focus 
    {background-color: white; color: #808080; box-shadow:inset 1px 1px 2px grey; border: 1px solid #d3d3d3;}
.fcp_form input.fcp_btn_white:disabled {color:white;}

.fcp_form input.fcp_btn:disabled {background-color:#b7b6b6; cursor:not-allowed; }

.fcp_form input.fcp_btn.full-width {width:100% !important}

/* The spinner */

#fcp_spinner {float:right; margin:8px 15px;}
.fcp_spinner {background:url('css_images/spinner.gif') no-repeat left center !important; height:16px; width:16px;}

/* help text */

.fcp_wrapper span.fcp_info {display:inline-block; margin:0 5px; height:18px; width:18px; 
        background-color:#25b7d3; border:1px solid #25b7d3; border-radius:50%;
        color: white; font-size: 14px; font-weight: bold; text-align: center; }

.fcp_helptext {color:#2d8aef; text-shadow:none; overflow:hidden;}        
  

/* Tooltips */

.tooltip       {padding:4px; position:absolute; z-index:9999; max-width:400px; border-radius:3px !important;
                background:transparent !important; }
.tooltip-inner {padding:4px !important;}
.tooltip.in    {opacity:1 !important;}
.tooltip-arrow {position:absolute; width:0; height:0; border-color:transparent; border-style:solid;}		   
.tooltip.top .tooltip-arrow {bottom:-1px; left:50%; margin-left:-5px; border-width:6px 6px 0; border-top-color:gray !important;}

/* Responsive */

@media screen and (max-width:800px) 
{
    div.fcp_inline        {display:block; width:auto !important; margin-right:0;}
    div.fcp_line input:not([type="radio"]):not([type="checkbox"]),
    div.fcp_line textarea, div.fcp_line select {width:100% !important; }
    div.fcp_label         {display:block; width:100%; text-align:left; box-shadow:none !important; background-color:transparent !important; margin:0; }
    fieldset.fcp_fieldset legend
        {box-shadow:none !important; background-color:transparent !important;}
    fieldset.fcp_fieldset {display:block; width:auto !important;}
    div.fcp_width_wrapper {max-width:100% !important;}
    div.fcp_inline_right  {float:none;}
    div.fcp_inline_rm     {margin-right:0;}
    div.fcp_inline_lm     {margin-left:0;}
    div.fcp_fixed_heading {font-size:1.5em}

}

/* FCP Tooltips and Popovers */

.fcppop_container {display: none; position: absolute; max-width:276px; background-color:white;
	 border:1px solid lightgray; border-radius:6px; box-shadow:0 5px 10px rgba(0,0,0,0.2); z-index: 1000; }
.fcppop_outer {position: relative; }
.fcppop_inner {font-family:Arial, sans-serif; font-size: 13px; color: red; padding: 1px !important; line-height: 1; }
.fcp_pop_arrow {position: absolute; top: 100%; left:calc(50% - 11px); pointer-events: none; border: solid transparent;
	content: ""; height: 0;	width: 0; border-width: 11px; margin-top: 1px; margin-left: -1px;	border-top-color:gray; }
.fcp_pop_arrow:after {position: absolute; top: -12px; left: 50%;	pointer-events: none; border: solid transparent;
	content: ""; height: 0;	width: 0; border-width: 10px; margin-left: -10px; border-top-color: #f6fcff; }

.fcptip_container {display: none; position: absolute; max-width:276px; background-color:#f6fcff;
	 border:1px solid black; border-radius:3px; z-index: 1000; }
.fcptip_outer {position: relative; }
.fcptip_inner {font-family:Arial, sans-serif; font-size: 16px; color: #333;	padding: 6px !important; line-height: 1; }
.fcp_tip_arrow {position: absolute; top: 100%; left:calc(50% - 11px); pointer-events: none; border: solid transparent;
	content: ""; height: 0;	width: 0; border-width: 11px; margin-top: 1px; margin-left: -1px;	border-top-color:#313131; }
.fcp_tip_arrow:after {position: absolute; top: -12px; left: 50%;	pointer-events: none; border: solid transparent;
	content: ""; height: 0;	width: 0; border-width: 10px; margin-left: -10px; border-top-color: #f6fcff; }

/* Custom Checkboxes */

.fcp_ccr .fcp_checkbox input {position:absolute; opacity:0;}
.fcp_ccr label.fcp_lcb {position:relative; display:inline-block; padding:5px 5px 5px 25px; }
.fcp_ccr label.fcp_lcb::before {position:absolute; top:4px; left:0; content:""; background-color:#fefefe; background-image:none;
    display:inline-block; height:20px; width:20px; border:2px solid gray; border-radius:3px; margin:0; cursor:pointer;}
.fcp_ccr label.fcp_lcb::after {position:absolute; left:6px; top:5px; content:' '; display:inline-block; opacity:0; 
    background-image:none; padding:0;
    transition:all .25s ease; width:7px; height:14px; border:solid #0079c1; border-width:0 3px 3px 0; transform:rotate(40deg); }    
.fcp_ccr label.fcp_lcb.fcp_checked::before {border-color:#0079c1;}
.fcp_ccr label.fcp_lcb.fcp_checked::after {opacity:1;}
.fcp_ccr .fcp_checkbox input:focus ~ label::before {box-shadow:0 0 3px #aaa; }
.fcp_ccr label.fcp_lcb:hover::before {box-shadow:0 0 2px #4c4b4b inset; }

.fcp_ccr label.fcp_rcb {padding-left:0 !important; padding-right:30px !important;}
.fcp_ccr label.fcp_rcb::before {left:auto; right:0;}
.fcp_ccr label.fcp_rcb::after  {left:auto; right:7px;}

/* Custom Checkbox Animation */

.fcp_ccr.fcp_ani .fcp_checkbox label::after {transform:rotate(-270deg);}
.fcp_ccr.fcp_ani .fcp_checkbox label.fcp_checked::after {transform:rotate(40deg) !important; border-color:#fff !important;}
.fcp_ccr.fcp_ani .fcp_checkbox label.fcp_checked::before {background-color:#1976D2 !important; border-color:#1976D2 !important;}

/* Custom Radio Buttons */

.fcp_ccr .fcp_radio input {position:absolute; opacity:0;}
.fcp_ccr label.fcp_rad {position:relative; display:inline-block; padding:5px 5px 5px 25px; }
.fcp_ccr label.fcp_rad:before {position:absolute; top:4px; left:0; content:""; background-color:#fefefe;
	border:2px solid gray; height:20px; width:20px; border-radius:50%;}
.fcp_ccr label.fcp_rad:after {position:absolute; left:4px; top:8px; content:""; background-color:#1976D2;
	border:none; height:12px; width:12px; border-radius:50%; opacity:0; transition:all .25s ease;}
.fcp_ccr input:checked + label.fcp_rad:before {border:2px solid #1976D2;}
.fcp_ccr input:checked + label.fcp_rad:after  {opacity:1;}
.fcp_ccr input:hover + label.fcp_rad:before   {box-shadow:0 0 2px #4c4b4b inset;}

/* Custom Radio Button Animation */

.fcp_ccr.fcp_ani label.fcp_rad:after {height:0; width:0;}
.fcp_ccr.fcp_ani input:checked + label.fcp_rad:after  {height:12px; width:12px;}

/* Live Search fields */

div.fcp_results {display:none; position: absolute; background-color:white; border: 1px solid gray; padding: 5px 10px;
    z-index: 2000; max-height: 100px; overflow-x: hidden; overflow-y: scroll; max-width: 100%; min-width: 200px; }
.fcp_results ul {margin:0; padding:0;}
.fcp_results li {list-style: none; padding: 1px 5px; white-space: nowrap;color:black;text-align:left}
.fcp_results li:hover {background-color:gray; color:white;}

/* clear icon for file attachment fields */

span.fcp_clear_icon {position:absolute;right:0;top:0;width:16px;height:16px;display:inline-block;cursor:pointer;
    background:transparent url('css_images/cancel-gr-16.png') no-repeat;background-position:-5px -0px;width:16px;height:16px;overflow:hidden;}
span.fcp_clear_icon:hover {background-position:-5px -21px;}

/* jQuery date picker */

#ui-datepicker-div {z-index:10000 !important}
@media screen and (max-width:600px) {
    #ui-datepicker-div {font-size:110%!important;width:90%;
    position:fixed!important;top:5px!important;left:50%!important;transform:translate(-50%, 0)}
}
