{"id":878,"date":"2020-08-10T18:44:38","date_gmt":"2020-08-10T18:44:38","guid":{"rendered":""},"modified":"2025-03-04T11:22:40","modified_gmt":"2025-03-04T11:22:40","slug":"custom-flexforms-css","status":"publish","type":"post","link":"https:\/\/ccbill.com\/doc\/custom-flexforms-css","title":{"rendered":"Custom CSS for\u00a0FlexForms"},"content":{"rendered":"\n

Merchants can customize CCBill\u2019s default FlexForms CSS. You can copy and save the full text of the default CSS (provided below) and start editing using your preferred editor.<\/p>\n\n\n\n

FlexForms CSS Code<\/h2>\n\n\n\n

All custom CSS code is subject to review and will not be available for use until that review is completed.<\/p>\n\n\n\n

Do not modify the position or size of FlexForms input fields. Custom CSS that modifies input fields on the payment form will not pass CCBill review.<\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
\/*<\/span><\/span>\n * FLEXForms - Theme<\/span><\/span>\n *\/<\/span><\/span>\n <\/span>\/* Page Background<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>html<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>EEEEEE<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Header, Body and Footer Backgrounds<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>header<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>D3D3D3<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>body<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>footer_background<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>EEEEEE<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Borders and Divider Lines<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>header<\/span>,<\/span><\/span>\n <\/span>.<\/span>body<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>DADADA<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>body<\/span> <\/span>{<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>2px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>51<\/span>,<\/span> <\/span>51<\/span>,<\/span> <\/span>51<\/span>,<\/span> <\/span>0.18<\/span>)<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>body<\/span> <\/span>{<\/span><\/span>\n     <\/span>-webkit-border-bottom-right-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-bottom-left-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius-bottomright<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius-bottomleft<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>border-bottom-right-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>border-bottom-left-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>footer_text<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-left<\/span>:<\/span> <\/span>1px<\/span> dotted <\/span>#<\/span>AAAAAA<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>vertical_divider<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-left<\/span>:<\/span> <\/span>1px<\/span> dotted <\/span>#<\/span>cccccc<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>bottom_section<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-top<\/span>:<\/span> <\/span>1px<\/span> dotted <\/span>#<\/span>cccccc<\/span>;<\/span><\/span>\n     <\/span>border-left<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>eeeeee<\/span>;<\/span><\/span>\n     <\/span>border-right<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>eeeeee<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>eeeeee<\/span>;<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FAFAFA<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-bottom-right-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-bottom-left-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius-bottomright<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius-bottomleft<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>border-bottom-right-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>border-bottom-left-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>special_offers<\/span>,<\/span><\/span>\n <\/span>.<\/span>secured_payment<\/span>,<\/span><\/span>\n <\/span>.<\/span>site_details<\/span>,<\/span><\/span>\n <\/span>.<\/span>contact_info<\/span>,<\/span><\/span>\n <\/span>.<\/span>access_details<\/span>,<\/span><\/span>\n <\/span>.<\/span>pay_by<\/span>,<\/span><\/span>\n <\/span>.<\/span>res_ccbill_account_create<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-top<\/span>:<\/span> <\/span>1px<\/span> dotted <\/span>#<\/span>D0D0D0<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>ul<\/span>.<\/span>directpay<\/span> <\/span>li<\/span> <\/span>span<\/span>.<\/span>field<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> dotted <\/span>#<\/span>D0D0D0<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>two<\/span> <\/span>.<\/span>two-col-v-divider<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-right-color<\/span>:<\/span> <\/span>#<\/span>CCCCCC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Text Styles<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>h2<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>555555<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>product_description<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>467EBF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>,<\/span><\/span>\n <\/span>a<\/span>:<\/span>link<\/span>,<\/span><\/span>\n <\/span>a<\/span>:<\/span>visited<\/span>,<\/span><\/span>\n <\/span>a<\/span>:<\/span>hover<\/span>,<\/span><\/span>\n <\/span>a<\/span>:<\/span>active<\/span>,<\/span><\/span>\n <\/span>.<\/span>create_wallet_guest<\/span> <\/span>.<\/span>learnMoreFlyout_trigger<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>007EA8<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>footer<\/span>,<\/span><\/span>\n <\/span>.<\/span>footer<\/span> <\/span>a<\/span>:<\/span>link<\/span>,<\/span><\/span>\n <\/span>.<\/span>footer<\/span> <\/span>a<\/span>:<\/span>visited<\/span>,<\/span><\/span>\n <\/span>.<\/span>footer<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>666666<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>loyalty_discount<\/span> <\/span>.<\/span>loyalty_title<\/span> <\/span>{<\/span><\/span>\n     <\/span>font-weight<\/span>:<\/span> bold<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>loyalty_discount<\/span> <\/span>h2<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>E09800<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>ul<\/span>.<\/span>list<\/span> <\/span>li<\/span> <\/span>span<\/span>.<\/span>label<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>888888<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Input Elements<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>text<\/span>"<\/span>].<\/span>error<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>tel<\/span>"<\/span>].<\/span>error<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>password<\/span>"<\/span>].<\/span>error<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>email<\/span>"<\/span>].<\/span>error<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>number<\/span>"<\/span>].<\/span>error<\/span>,<\/span><\/span>\n <\/span>select<\/span>.<\/span>error<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>FF7777<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFEAEA<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>-webkit-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>-moz-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>-o-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>text<\/span>"<\/span>],<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>tel<\/span>"<\/span>],<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>password<\/span>"<\/span>],<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>email<\/span>"<\/span>],<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>number<\/span>"<\/span>],<\/span><\/span>\n <\/span>select<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f8f8f8<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>bfbfbf<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>-webkit-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>-moz-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>-o-transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n     <\/span>transition<\/span>:<\/span> border linear <\/span>0.4s<\/span>,<\/span> box-shadow linear <\/span>0.4s<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>text<\/span>"<\/span>]:<\/span>focus<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>tel<\/span>"<\/span>]:<\/span>focus<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>password<\/span>"<\/span>]:<\/span>focus<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>email<\/span>"<\/span>]:<\/span>focus<\/span>,<\/span><\/span>\n <\/span>input<\/span>[<\/span>type<\/span>=<\/span>"<\/span>number<\/span>"<\/span>]:<\/span>focus<\/span>,<\/span><\/span>\n <\/span>select<\/span>:<\/span>focus<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>rgba<\/span>(<\/span>2<\/span>,<\/span> <\/span>99<\/span>,<\/span> <\/span>147<\/span>,<\/span> <\/span>0.58<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>outline<\/span>:<\/span> <\/span>0<\/span>;<\/span><\/span>\n     <\/span>outline<\/span>:<\/span> thin dotted \\9<\/span>;<\/span><\/span>\n     <\/span>\/* IE6-9 *\/<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>#<\/span>walletPassword<\/span>,<\/span><\/span>\n <\/span>input<\/span>#<\/span>walletUserName<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>full-width-row<\/span> <\/span>.<\/span>select-pricing<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>full-width-row<\/span> <\/span>.<\/span>language_options<\/span> <\/span>select<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>full-width-row<\/span> <\/span>.<\/span>language_options<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>bfbfbf<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f8f8f8<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* German ID Input Element Styling<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_red<\/span>,<\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_blue<\/span>,<\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_green<\/span>,<\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_orange<\/span> <\/span>{<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_red<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>C40F18<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>F36666<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_blue<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>1A89B9<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>6BBBE1<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_green<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>6A9610<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>9DC380<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>input<\/span>.<\/span>germanID_orange<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>A37B05<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>E9B427<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/*CCBill Pay Buttons*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>ccbill-pay-border<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>ddd<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>,<\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>.<\/span>disabled<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>bfbfbf<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>3B76BB<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>F9F9F9<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>.<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>005C8B<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>efefef<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>026393<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Pay By Options<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar-border<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>CCCCCC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>a<\/span>,<\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>a<\/span>.<\/span>disabled<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>bfbfbf<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>cccccc background: <\/span>#<\/span>e9e9e9<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>ebebeb<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>.<\/span>tab<\/span>.<\/span>disabled<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-left-width<\/span>:<\/span> <\/span>0<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>E8E5E5<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>#<\/span>FFFFFF inset<\/span>;<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>a<\/span>.<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>font-weight<\/span>:<\/span> bold<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>005C8B<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>efefef<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>026393<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>2px<\/span> <\/span>2px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>18<\/span>,<\/span> <\/span>75<\/span>,<\/span> <\/span>103<\/span>,<\/span> <\/span>0.9<\/span>)<\/span> inset<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>2px<\/span> <\/span>2px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>18<\/span>,<\/span> <\/span>75<\/span>,<\/span> <\/span>103<\/span>,<\/span> <\/span>0.9<\/span>)<\/span> inset<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>2px<\/span> <\/span>2px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>18<\/span>,<\/span> <\/span>75<\/span>,<\/span> <\/span>103<\/span>,<\/span> <\/span>0.9<\/span>)<\/span> inset<\/span>;<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>navbar<\/span> <\/span>ul<\/span> <\/span>li<\/span> <\/span>a<\/span>.<\/span>active<\/span> <\/span>span<\/span> <\/span>{<\/span><\/span>\n     <\/span>font-weight<\/span>:<\/span> normal<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Pay By Options - CCBill Pay<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>payment_tabs<\/span> <\/span>.<\/span>navbar<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>E6E6E6<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>payment_tabs<\/span> <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>F9F9F9<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>payment_tabs<\/span> <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>.<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>E4E1E1<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>F5F5F5<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>payment_tabs<\/span> <\/span>.<\/span>navbar<\/span> <\/span>a<\/span>.<\/span>active<\/span>::<\/span>after<\/span> <\/span>{<\/span><\/span>\n     <\/span>top<\/span>:<\/span> <\/span>100%<\/span>;<\/span><\/span>\n     <\/span>left<\/span>:<\/span> <\/span>50%<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> solid transparent<\/span>;<\/span><\/span>\n     <\/span>content<\/span>:<\/span> <\/span>"<\/span> <\/span>"<\/span>;<\/span><\/span>\n     <\/span>height<\/span>:<\/span> <\/span>0<\/span>;<\/span><\/span>\n     <\/span>width<\/span>:<\/span> <\/span>0<\/span>;<\/span><\/span>\n     <\/span>position<\/span>:<\/span> absolute<\/span>;<\/span><\/span>\n     <\/span>pointer-events<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> transparent<\/span>;<\/span><\/span>\n     <\/span>border-top-color<\/span>:<\/span> <\/span>#<\/span>DEDEDE<\/span>;<\/span><\/span>\n     <\/span>border-width<\/span>:<\/span> <\/span>8px<\/span>;<\/span><\/span>\n     <\/span>margin-left<\/span>:<\/span> <\/span>-8px<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Icon Styling<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>icon-language_selector<\/span>,<\/span><\/span>\n <\/span>.<\/span>icon-help<\/span>,<\/span><\/span>\n <\/span>.<\/span>icon-info<\/span>,<\/span><\/span>\n <\/span>.<\/span>icon-chat<\/span>,<\/span><\/span>\n <\/span>.<\/span>icon-exit<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>026393<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Show Hide Password Icon<\/span><\/span>\nInherits from the color of the html page on line 8,9.<\/span><\/span>\nUncoment the following line to overwrite the icon color.<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n\/* .icon-eye, .icon-eye-clocked { color: #000000; } *\/<\/span><\/span>\n <\/span>\/* Panel Styling<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>loyalty_discount<\/span> <\/span>ul<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FFFFD9<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>FFD275<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>one_center<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span>,<\/span><\/span>\n <\/span>.<\/span>one_left<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span>,<\/span><\/span>\n <\/span>.<\/span>one_right<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>border-left<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n     <\/span>border-right<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n     <\/span>padding<\/span>:<\/span> <\/span>0<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>order_details<\/span>,<\/span><\/span>\n <\/span>.<\/span>access_details<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f8f8f8<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>special_offers_status_details<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f2f2f2<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* DirectPay Styling<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>directpay_header<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>DDDDDD<\/span>;<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+\/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAApSURBVAiZTcoxDQAACMTAFhn414aNZ2Gg2yU1SQOgA1AfJG247qwPdBbbqg0d1Ln4SQAAAABJRU5ErkJggg==<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>1px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.3<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>1px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.3<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>1px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.3<\/span>);<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>directpay_number<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>CCCCCC<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>F6F6F6<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>1<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>1<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>204<\/span>,<\/span> <\/span>1<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>directpay_banklist_header<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>007EA8<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>directpay_banklist_container<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>CCCCCC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>ul<\/span>.<\/span>directpay_banklist<\/span> <\/span>li<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-bottom-color<\/span>:<\/span> <\/span>#<\/span>CCCCCC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Decline, Soft Decline and Approval Messages<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>decline_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>fcedc0<\/span>;<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>);<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> <\/span>-moz-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fcedc0 <\/span>0%<\/span>,<\/span> <\/span>#<\/span>edd682 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> -webkit-gradient<\/span>(<\/span>linear<\/span>,<\/span> left top<\/span>,<\/span> left bottom<\/span>,<\/span> color-stop<\/span>(<\/span>0%<\/span>,<\/span> <\/span>#<\/span>fcedc0<\/span>),<\/span> color-stop<\/span>(<\/span>100%<\/span>,<\/span> <\/span>#<\/span>edd682<\/span>));<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> <\/span>-webkit-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fcedc0 <\/span>0%<\/span>,<\/span> <\/span>#<\/span>edd682 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> <\/span>-o-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fcedc0 <\/span>0%<\/span>,<\/span> <\/span>#<\/span>edd682 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> -ms-linear-gradient(top<\/span>,<\/span> <\/span>#<\/span>fcedc0 <\/span>0%<\/span>,<\/span> <\/span>#<\/span>edd682 <\/span>100%<\/span>)<\/span>;<\/span><\/span>\n     <\/span>background-image<\/span>:<\/span> <\/span>url<\/span>(<\/span>data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQI12P4\/\/+\/MRgzMDCAMANUgAGKjcGiMA6ygDFMJQBtHSlxyl+WqwAAAABJRU5ErkJggg==<\/span>),<\/span> <\/span>linear-gradient<\/span>(to<\/span> bottom<\/span>,<\/span> <\/span>#<\/span>fcedc0 <\/span>0%<\/span>,<\/span> <\/span>#<\/span>edd682 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> progid: DXImageTransform.Microsoft.gradient( startColorstr=<\/span>'<\/span>#fcedc0<\/span>'<\/span>,<\/span> endColorstr=<\/span>'<\/span>#edd682<\/span>'<\/span>,<\/span> GradientType=<\/span>0<\/span>)<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>726842<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>E2D7AA<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>4px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>4px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>4px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>processing_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>E8F8FF<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>soft_decline_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>200<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.5<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>200<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.5<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>200<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.5<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>soft_decline_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FFEDED<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>soft_decline_content<\/span> <\/span>.<\/span>decline_color<\/span>,<\/span><\/span>\n <\/span>.<\/span>approval_content<\/span> <\/span>.<\/span>decline_color<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>c80000<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>approval_content<\/span> <\/span>.<\/span>approval_color<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>009900<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Decline\/Approval Redirect and Error Messages<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>approval_redirect_content<\/span> <\/span>.<\/span>approval_color<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>009900<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>decline_redirect_content<\/span> <\/span>.<\/span>decline_color<\/span>,<\/span><\/span>\n <\/span>.<\/span>error_content<\/span> <\/span>.<\/span>error_color<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>c80000<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>approval_redirect_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>F0F0F0<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>3px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>decline_redirect_content<\/span>,<\/span><\/span>\n <\/span>.<\/span>error_content<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FFEDED<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>6px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>6px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>0px<\/span> <\/span>6px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Submit Button<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>045F8C<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>005C8B<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>013C5A<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>3px<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>0089CE<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>0089CE<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>ffffff<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>-1px<\/span> <\/span>0<\/span> <\/span>#<\/span>006093<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>0A5880<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>1A79AB<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>1A79AB<\/span>;<\/span><\/span>\n     <\/span>cursor<\/span>:<\/span> pointer<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>ffffff<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span>:<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>0D5174<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>00486F<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>003A59<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>00202D<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>00202D<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>ffffff<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>@media<\/span> <\/span>only<\/span> screen <\/span>and<\/span> <\/span>(<\/span>max-width<\/span>:<\/span> <\/span>1028px<\/span>)<\/span> <\/span>{<\/span><\/span>\n     <\/span>.<\/span>one_center<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span>,<\/span><\/span>\n     <\/span>.<\/span>one_left<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span>,<\/span><\/span>\n     <\/span>.<\/span>one_right<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span>,<\/span><\/span>\n     <\/span>.<\/span>two<\/span> <\/span>.<\/span>bottom_spacing<\/span> <\/span>.<\/span>bottom_section<\/span> <\/span>{<\/span><\/span>\n         <\/span>background<\/span>:<\/span> none<\/span>;<\/span><\/span>\n         <\/span>border-left<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n         <\/span>border-right<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n         <\/span>border-bottom<\/span>:<\/span> <\/span>0px<\/span>;<\/span><\/span>\n     <\/span>}<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Cancel Button<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span>.<\/span>cancel_button<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>DEDEDE<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>C5C5C5<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>AFAFAF<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>2px<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>F4F4F4<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>F4F4F4<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span>.<\/span>cancel_button<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>D4D4D4<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>EFEFEF<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>EFEFEF<\/span>;<\/span><\/span>\n     <\/span>cursor<\/span>:<\/span> pointer<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>a<\/span>.<\/span>submit_button<\/span>.<\/span>cancel_button<\/span>:<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>text-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>B5B5B5<\/span>;<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>B1A8A8<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>BCBCBC<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>989898<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>1px<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>0<\/span> <\/span>#<\/span>989898<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Expanding area for payment methods<\/span><\/span>\n-------------------------------------- *\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expander<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>closed_view<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f8f8f8<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-moz-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> -webkit-gradient<\/span>(<\/span>linear<\/span>,<\/span> left top<\/span>,<\/span> left bottom<\/span>,<\/span> color-stop<\/span>(<\/span>0%<\/span>,<\/span> <\/span>#<\/span>fafafa<\/span>),<\/span> color-stop<\/span>(<\/span>100%<\/span>,<\/span> <\/span>#<\/span>f2f2f2<\/span>));<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-webkit-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-o-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> -ms-linear-gradient(top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>)<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>linear-gradient<\/span>(to<\/span> bottom<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> progid: DXImageTransform.Microsoft.gradient( startColorstr=<\/span>'<\/span>#fafafa<\/span>'<\/span>,<\/span> endColorstr=<\/span>'<\/span>#f2f2f2<\/span>'<\/span>,<\/span> GradientType=<\/span>0<\/span>)<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.15<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>closed_view<\/span>:<\/span>after<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>333 transparent<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>FFFFFF<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.17<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>0<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>0<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>0<\/span> <\/span>0<\/span> <\/span>5px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.1<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>li<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>e6e8ea<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>li<\/span>:<\/span>hover<\/span> <\/span>a<\/span>,<\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>li<\/span>.<\/span>selected<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>E8F1F7<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Hover state *\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>li<\/span>.<\/span>selected<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f8f8f8<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-moz-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> -webkit-gradient<\/span>(<\/span>linear<\/span>,<\/span> left top<\/span>,<\/span> left bottom<\/span>,<\/span> color-stop<\/span>(<\/span>0%<\/span>,<\/span> <\/span>#<\/span>fafafa<\/span>),<\/span> color-stop<\/span>(<\/span>100%<\/span>,<\/span> <\/span>#<\/span>f2f2f2<\/span>));<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-webkit-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>-o-linear-gradient<\/span>(<\/span>top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>background<\/span>:<\/span> -ms-linear-gradient(top<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>)<\/span>;<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>linear-gradient<\/span>(to<\/span> bottom<\/span>,<\/span> <\/span>#<\/span>fafafa <\/span>0%<\/span>,<\/span> <\/span>#<\/span>f2f2f2 <\/span>100%<\/span>);<\/span><\/span>\n     <\/span>filter<\/span>:<\/span> progid: DXImageTransform.Microsoft.gradient( startColorstr=<\/span>'<\/span>#fafafa<\/span>'<\/span>,<\/span> endColorstr=<\/span>'<\/span>#f2f2f2<\/span>'<\/span>,<\/span> GradientType=<\/span>0<\/span>)<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> inset <\/span>0<\/span> <\/span>1px<\/span> <\/span>1px<\/span> <\/span>rgba<\/span>(<\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0<\/span>,<\/span> <\/span>0.2<\/span>);<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Selected state *\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>expanded_view<\/span> <\/span>li<\/span>.<\/span>disabled_style<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>CECECE<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Flyout for CCBill Contact Info<\/span><\/span>\n-------------------------------------- *\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span> <\/span>.<\/span>flyout<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>fff<\/span>;<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-moz-border-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>-webkit-border-radius<\/span>:<\/span> <\/span>4px<\/span>;<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>e6e8ea<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>#<\/span>DDDDDD<\/span>;<\/span><\/span>\n     <\/span>-moz-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>#<\/span>DDDDDD<\/span>;<\/span><\/span>\n     <\/span>-webkit-box-shadow<\/span>:<\/span> <\/span>0px<\/span> <\/span>0px<\/span> <\/span>2px<\/span> <\/span>#<\/span>DDDDDD<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span> <\/span>.<\/span>flyout<\/span> <\/span>li<\/span> <\/span>a<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>d3d4d6<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span>.<\/span>active<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-radius<\/span>:<\/span> <\/span>4px<\/span> <\/span>4px<\/span> <\/span>0<\/span> <\/span>0<\/span>;<\/span><\/span>\n     <\/span>box-shadow<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> none<\/span>;<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>058acd<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span>.<\/span>active<\/span>:<\/span>after<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-color<\/span>:<\/span> <\/span>#<\/span>82d1ff transparent<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span>.<\/span>active<\/span> <\/span>.<\/span>flyout<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-top<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>e6e8ea<\/span>;<\/span><\/span>\n     <\/span>border-bottom<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>d3d4d6<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span> <\/span>a<\/span> <\/span>.<\/span>icon-info<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>333333<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span> <\/span>.<\/span>flyout<\/span> <\/span>li<\/span>:<\/span>hover<\/span> <\/span>a<\/span>,<\/span><\/span>\n <\/span>.<\/span>flyout_support<\/span> <\/span>a<\/span>:<\/span>hover<\/span> <\/span>.<\/span>icon-info<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>007EA8<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* CCBill Account section<\/span><\/span>\n-------------------------------------- *\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>pay_by_ccbill_login<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>DEDEDE<\/span>;<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FCFCFC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>pay_by<\/span>.<\/span>wallet_addPaymentMethod_active<\/span> <\/span>#<\/span>paymentOptionFields<\/span> <\/span>><\/span> <\/span>div<\/span>.<\/span>subscription_selector<\/span> <\/span>{<\/span><\/span>\n     <\/span>background-color<\/span>:<\/span> <\/span>#<\/span>FCFCFC<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>#<\/span>create_new_wallet<\/span> <\/span>><\/span> <\/span>#<\/span>cancel_ccbill_account_link<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>007EA8<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>existing_payment_methods<\/span> <\/span>#<\/span>btn_edit<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>007EA8<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>existing_payment_methods<\/span> <\/span>.<\/span>cancel_edit_link<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>f75252<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span>\/* Message Boxes<\/span><\/span>\n----------------------------------*\/<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>message_box<\/span>.<\/span>info<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>3dacf1<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>message_box<\/span>.<\/span>alert<\/span>,<\/span><\/span>\n <\/span>#<\/span>msg_paymentMethod_maxNumberReached<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>FFA53C<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>validation<\/span>,<\/span><\/span>\n <\/span>.<\/span>required<\/span>,<\/span><\/span>\n <\/span>.<\/span>message_box<\/span>.<\/span>error<\/span>,<\/span><\/span>\n <\/span>.<\/span>advisory<\/span> <\/span>{<\/span><\/span>\n     <\/span>color<\/span>:<\/span> <\/span>#<\/span>f75252<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>ccbill_creation<\/span> <\/span>#<\/span>create_new_wallet<\/span> <\/span>{<\/span><\/span>\n     <\/span>border<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>F3F3F3<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>pay_by_wrap<\/span> <\/span>.<\/span>ccbill-cancel-account<\/span> <\/span>{<\/span><\/span>\n     <\/span>border-left<\/span>:<\/span> <\/span>1px<\/span> solid <\/span>#<\/span>f3f3f3<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span>\n <\/span><\/span>\n <\/span>.<\/span>ccbill_creation<\/span> <\/span>#<\/span>create_new_wallet<\/span> <\/span>#<\/span>cancel_ccbill_account_link<\/span>:<\/span>hover<\/span> <\/span>{<\/span><\/span>\n     <\/span>background<\/span>:<\/span> <\/span>#<\/span>f3f3f3<\/span>;<\/span><\/span>\n <\/span>}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n
To be able to identify the custom CSS code, assign a unique name to the file and save it with a .css<\/strong> extension before uploading it to the FlexForms system.<\/p>\n\n\n\n
Upload CSS File<\/h2>\n\n\n\n
To upload a customized CSS file:<\/p>\n\n\n\n
1. Log in to the CCBill Admin Portal<\/a>.<\/p>\n\n\n\n
2. Set the subaccount dropdown menu to All<\/strong>.<\/p>\n\n\n\n
3. Click FlexForms Systems<\/strong>.<\/p>\n\n\n\n
4. Select FlexForms Payment Links<\/strong>.<\/p>\n\n\n
\n
\"Access<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n
5. Access the Forms Library<\/strong>.<\/p>\n\n\n
\n
\"Accessing<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n
6. Use the menu to the left to select a form for which you want to add custom CSS.<\/p>\n\n\n\n
7. Expand the Common Settings<\/strong> tab.<\/p>\n\n\n\n
8. Select Color Theme<\/strong>.<\/p>\n\n\n\n
9. Click Upload a Theme File<\/strong>.<\/p>\n\n\n
\n
\"Upload<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n
10. Browse<\/strong> and select the CSS file you want to upload.<\/p>\n\n\n\n
11. Click Insert<\/strong>.<\/p>\n\n\n
\n
\"Post<\/figure><\/div>\n\n\n
\n\n\n\n
\n\n\n\n
The form is temporarily in the Pending Approval<\/strong> status and will become available for use once the CSS is approved.<\/p>\n\n\n\n
To receive an update on the approval status of your custom CSS, please contact CCBill Merchant Support<\/strong>:  <\/p>\n\n\n\n

Website: https:\/\/www.ccbill.com\/contact-us.php<\/a>
Toll-Free: 800.510.2859
Phone Worldwide: International Number Listing<\/a>
Email: merchantsupport@ccbill.com<\/a>
Live Chat: Click Here<\/a><\/p>\n\n\n\n
\n","protected":false},"excerpt":{"rendered":"
This guide contains CCBill's FlexForms CSS and explains how merchants can modify the default CSS and upload their custom cod.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-878","post","type-post","status-publish","format-standard","hentry","category-flexforms"],"acf":[],"yoast_head":"\nCCBill Merchant Knowledge Base | Custom CSS for FlexForms<\/title>\n<meta name=\"description\" content=\"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ccbill.com\/doc\/custom-flexforms-css\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CCBill Merchant Knowledge Base | Custom CSS for FlexForms\" \/>\n<meta property=\"og:description\" content=\"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ccbill.com\/doc\/custom-flexforms-css\" \/>\n<meta property=\"og:site_name\" content=\"CCBill Doc\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-10T18:44:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-04T11:22:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"421\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dejan Tucakov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dejan Tucakov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ccbill.com\/doc\/custom-flexforms-css\",\"url\":\"https:\/\/ccbill.com\/doc\/custom-flexforms-css\",\"name\":\"CCBill Merchant Knowledge Base | Custom CSS for FlexForms\",\"isPartOf\":{\"@id\":\"https:\/\/ccbill.com\/doc\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg\",\"datePublished\":\"2020-08-10T18:44:38+00:00\",\"dateModified\":\"2025-03-04T11:22:40+00:00\",\"author\":{\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84\"},\"description\":\"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ccbill.com\/doc\/custom-flexforms-css\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage\",\"url\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg\",\"contentUrl\":\"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg\",\"width\":750,\"height\":421,\"caption\":\"Access FlexForms CSS menu.\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ccbill.com\/doc\/#website\",\"url\":\"https:\/\/ccbill.com\/doc\/\",\"name\":\"CCBill Doc\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ccbill.com\/doc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84\",\"name\":\"Dejan Tucakov\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ccbill.com\/doc\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g\",\"caption\":\"Dejan Tucakov\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CCBill Merchant Knowledge Base | Custom CSS for FlexForms","description":"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ccbill.com\/doc\/custom-flexforms-css","og_locale":"en_US","og_type":"article","og_title":"CCBill Merchant Knowledge Base | Custom CSS for FlexForms","og_description":"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.","og_url":"https:\/\/ccbill.com\/doc\/custom-flexforms-css","og_site_name":"CCBill Doc","article_published_time":"2020-08-10T18:44:38+00:00","article_modified_time":"2025-03-04T11:22:40+00:00","og_image":[{"width":750,"height":421,"url":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg","type":"image\/jpeg"}],"author":"Dejan Tucakov","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dejan Tucakov","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ccbill.com\/doc\/custom-flexforms-css","url":"https:\/\/ccbill.com\/doc\/custom-flexforms-css","name":"CCBill Merchant Knowledge Base | Custom CSS for FlexForms","isPartOf":{"@id":"https:\/\/ccbill.com\/doc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage"},"image":{"@id":"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage"},"thumbnailUrl":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg","datePublished":"2020-08-10T18:44:38+00:00","dateModified":"2025-03-04T11:22:40+00:00","author":{"@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84"},"description":"If you want to create your own CSS to use with FlexForms you'll need to start with the default CSS file and edit it accordingly.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ccbill.com\/doc\/custom-flexforms-css"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/doc\/custom-flexforms-css#primaryimage","url":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg","contentUrl":"https:\/\/ccbill.com\/doc\/wp-content\/uploads\/2020\/08\/access-flexforms-css.jpg","width":750,"height":421,"caption":"Access FlexForms CSS menu."},{"@type":"WebSite","@id":"https:\/\/ccbill.com\/doc\/#website","url":"https:\/\/ccbill.com\/doc\/","name":"CCBill Doc","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ccbill.com\/doc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/09a6a05813df2463cce2dcb2396e6f84","name":"Dejan Tucakov","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ccbill.com\/doc\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/878c2b22069c29a629b430adcfdc3e76?s=96&d=mm&r=g","caption":"Dejan Tucakov"}}]}},"_links":{"self":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/878"}],"collection":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/comments?post=878"}],"version-history":[{"count":11,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/878\/revisions"}],"predecessor-version":[{"id":8951,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/posts\/878\/revisions\/8951"}],"wp:attachment":[{"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/media?parent=878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/categories?post=878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ccbill.com\/doc\/wp-json\/wp\/v2\/tags?post=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}