/*--------------------------------------*/ /* AREA CUSTOMERAREA */ /*--------------------------------------*/ VAR.hidden { display: none !important; } /* JQUERY UI */ .ui-widget { font-family: "Open Sans", sans-serif; } .ui-widget-header { font-weight: normal; font-size: 150%; font-style: normal; font-weight: 300; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Open Sans",sans-serif; } .ui-dialog .ui-button.ui-dialog-titlebar-close { width: 22px; height: 21px; background-image: url(../img/ico/cc_sito_ico_close_grey.png); border: none; background-color: transparent; } .ui-dialog .ui-button.ui-dialog-titlebar-close:hover { background-image: url(../img/ico/cc_sito_ico_close_grey-off.png); } .ui-widget-overlay { background-image: url(../img/overlay_gray_light_a50.png); background: #aaa; opacity: .5; } .ui-widget-overlay.ui-front { z-index: 99999; } .ui-dialog .ui-dialog-titlebar { border-radius: 0px; border-right: none; border-left: none; /* background-color: #DDDDDD; */ /* border-top: 1px solid #9797A6; */ /* border-bottom: 1px solid #9797A6; */ padding: 0px; border: 0; background: white; } .ui-dialog .ui-dialog-title { margin: -1px 0px 0px 4px; } .ui-dialog .ui-dialog-content { width: 100% !important; } .fsca_dialog_popup { display: none; } /* dialog PreviewFile */ .ui-dialog .ShareContent_PreviewFile { width: 100%; margin: 0 auto; padding: 5px; min-height: 400px; text-align: center; } /* info popup dialog */ .ui-dialog.dialog_info_popup { border-radius: 5px; padding-top: 5px; } .ui-dialog.dialog_info_popup .ui-dialog-titlebar { background-color: transparent !important; border-top: none !important; border-bottom: none !important; padding-left: 10px; padding-right: 10px; font-size: 100%; } .ui-dialog.dialog_info_popup .ui-dialog-titlebar .ui-dialog-title { margin: 0px 0px 0px 0px; } .ui-dialog.dialog_info_popup .ui-button.ui-dialog-titlebar-close, .ui-dialog.dialog_info_popup .ui-button.ui-dialog-titlebar-close:hover { width: 21px; height: 21px; background-image: url(../img/ico/cc_ico_close_21x21px.png); } .ui-dialog.dialog_info_popup .ui-dialog-content { padding-left: 10px; padding-right: 10px; padding-top: 0px; } /* dialog popup middle */ .ui-dialog.dialog_middle { max-width: 700px; } .ui-dialog.dialog_big_margin { max-width: 1000px; } /* TOOLTIP */ .show_tooltip:not([data-tooltip_type='manual']) { cursor: pointer; } .tooltip > .tooltip-inner { font-size: 12px; border-radius: 3px; } .tooltip.standard_tooltip { z-index: 99999; } /* STATIC TOOLTIP */ .tooltip.manual_tooltip { z-index: 9999; } .tooltip.manual_tooltip > .tooltip-inner { background-color: #f39100; color: #FFFFFF; } .tooltip.manual_tooltip.bottom { padding-right: 0.10em; padding-left: 0.10em; } .tooltip.manual_tooltip.bottom .tooltip-arrow { border-bottom-color: #f39100; } .tooltip.manual_tooltip.top { padding-right: 0.10em; padding-left: 0.10em; } .tooltip.manual_tooltip.top .tooltip-arrow { border-top-color: #f39100; } .tooltip.manual_tooltip.left .tooltip-arrow { border-left-color: #f39100; } .tooltip.manual_tooltip.right .tooltip-arrow { border-right-color: #f39100; } /* close */ .tooltip.manual_tooltip .tooltip-inner { padding-right: 1.7em; } .tooltip.manual_tooltip .tooltip_close { position: absolute; top: 0.45em; right: 0.23em; width: 20px; height: 20px; text-align: center; margin-top: 3px; } .tooltip.manual_tooltip.left .tooltip_close { right: 0.55em; } /* class color */ /* gray_dark */ .tooltip.manual_tooltip.gray_dark > .tooltip-inner { background-color: #666666; color: #FFFFFF !important; } .tooltip.manual_tooltip.gray_dark.bottom .tooltip-arrow { border-bottom-color: #666666; } .tooltip.manual_tooltip.gray_dark.top .tooltip-arrow { border-top-color: #666666; } .tooltip.manual_tooltip.gray_dark.left .tooltip-arrow { border-left-color: #666666; } .tooltip.manual_tooltip.gray_dark.right .tooltip-arrow { border-right-color: #666666; } /* gray_light */ .tooltip.manual_tooltip.gray_light > .tooltip-inner { background-color: #cccccc; color: #666666 !important; } .tooltip.manual_tooltip.gray_light.bottom .tooltip-arrow { border-bottom-color: #cccccc; } .tooltip.manual_tooltip.gray_light.top .tooltip-arrow { border-top-color: #cccccc; } .tooltip.manual_tooltip.gray_light.left .tooltip-arrow { border-left-color: #cccccc; } .tooltip.manual_tooltip.gray_light.right .tooltip-arrow { border-right-color: #cccccc; } /* green */ .tooltip.manual_tooltip.green > .tooltip-inner { background-color: #008C31; color: #FFFFFF !important; } .tooltip.manual_tooltip.green.bottom .tooltip-arrow { border-bottom-color: #008C31; } .tooltip.manual_tooltip.green.top .tooltip-arrow { border-top-color: #008C31; } .tooltip.manual_tooltip.green.left .tooltip-arrow { border-left-color: #008C31; } .tooltip.manual_tooltip.green.right .tooltip-arrow { border-right-color: #008C31; } /* green_light */ .tooltip.manual_tooltip.green_light > .tooltip-inner { background-color: #ffedd1; color: #666666 !important; } .tooltip.manual_tooltip.green_light.bottom .tooltip-arrow { border-bottom-color: #ffedd1; } .tooltip.manual_tooltip.green_light.top .tooltip-arrow { border-top-color: #ffedd1; } .tooltip.manual_tooltip.green_light.left .tooltip-arrow { border-left-color: #ffedd1; } .tooltip.manual_tooltip.green_light.right .tooltip-arrow { border-right-color: #ffedd1; } /* Notify balloon */ DIV.balloon_notify { font-size: 22px; margin: -1px -2px -1px -3px; } DIV.balloon_notify DIV.box_cont { display: inline-block; position: relative; padding: 1px 2px 1px 3px; } /* 2px 5px; */ DIV.balloon_notify SPAN.balloon { border-radius: 7px; color: white; padding: 1px 3px; font-size: 10px; position: absolute; top: 0; right: 0px; background-color: #FF5A00; } /* TOP */ #top > header { margin-bottom: 30px; background-color: #666666 !important; font-size: 12px; } #top > header, #top > header A { color: #EFEFEF; } #top > header A:hover { color: #ffffff; text-decoration: underline; } #top > header div.x-topbar > .x-container.max.width { padding-bottom: 0px; } /* bar */ #top > header > div.x-topbar.topbar_lang { background-color: #666666 !important; background: -webkit-linear-gradient(#666666, #666666) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#666666, #666666) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#666666, #666666) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#666666, #666666) !important; /* Standard syntax (must be last) */ height: auto !important; min-height: 35px !important; } #top > header > #cont_choose_lang { background-color: #FFFFFF !important; background: -webkit-linear-gradient(#FFFFFF, #FFFFFF) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#FFFFFF, #FFFFFF) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFFFFF, #FFFFFF) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#FFFFFF, #FFFFFF) !important; /* Standard syntax (must be last) */ color: #EFEFEF; border-bottom: 1px solid #D6D6D6; display: none; } #top > header > div.x-topbar.topbar_site { background-color: #EEEEEE !important; /* OLD GRADIENT #FFFFFF, #EFEFEF */ background: -webkit-linear-gradient(#EEEEEE, #EEEEEE) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#EEEEEE, #EEEEEE) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EEEEEE, #EEEEEE) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#EEEEEE, #EEEEEE) !important; /* Standard syntax (must be last) */ height: 54px !important; color: #666666; padding-top: 10px !important; } /* lang */ @media only screen and (max-width: 600px) { .topbar_lang .td.cont_link { padding-right: 10px; padding-left: 10px; } .topbar_lang .td.cont_img { width: 40px; } /* change lang */ #cont_choose_lang .col_lang { padding-bottom: 3px; } #cont_choose_lang A.change_lang { display: block; float: right; margin: 5px 10px 5px 10px; color: #666666 !important; } .col_lang_desktop { display: none !important; } } @media only screen and (min-width: 600px) { .col_lang_mobile { display: none !important; } } /* lang */ .topbar_lang .td.cont_link { padding-right: 10px; padding-left: 10px; } .topbar_lang .td.cont_img { width: 40px; } /* change lang */ .col_lang { display: block; float: right;} .col_lang A.change_lang { display: block; float: right; margin: 5px 10px 5px 10px; font-size: 10px; } #cont_choose_lang A.change_lang:hover { color: #D6D6D6 !important; } /* site */ .topbar_site .cont_logo { width: 231px; height: 33px; } .topbar_site .cont_logo IMG.logo { max-width: 231px !important; max-height: 33px !important; } .topbar_site .cont_button { margin-right: 10px; } .topbar_site .cont_button .td.btn_single { width: 40px; height: 30px; cursor: pointer; border-left: 1px solid #ADADAD; } .topbar_site .cont_button.button_view_1 .td.btn_single { border-left: none; } .topbar_site .cont_button .td.btn_single.over { /* #E7E7E7 -> #ADADAD */ background: rgba(231,231,231,0.05); background: -moz-linear-gradient(top, rgba(231,231,231,0.05) 0%, rgba(173,173,173,1) 50%, rgba(231,231,231,0.05) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,231,231,0.05)), color-stop(50%, rgba(173,173,173,1)), color-stop(100%, rgba(231,231,231,0.05))); background: -webkit-linear-gradient(top, rgba(231,231,231,0.05) 0%, rgba(173,173,173,1) 50%, rgba(231,231,231,0.05) 100%); background: -o-linear-gradient(top, rgba(231,231,231,0.05) 0%, rgba(173,173,173,1) 50%, rgba(231,231,231,0.05) 100%); background: -ms-linear-gradient(top, rgba(231,231,231,0.05) 0%, rgba(173,173,173,1) 50%, rgba(231,231,231,0.05) 100%); background: linear-gradient(to bottom, rgba(231,231,231,0.05) 0%, rgba(173,173,173,1) 50%, rgba(231,231,231,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7', GradientType=0 ); } /* for session on */ BODY.session .topbar_lang .td.cont_img { border-left: 1px solid #A5A5A5; } /* for no index page */ BODY.no_index_page #top > header { margin-bottom: 20px; } BODY.no_index_page .topbar_lang .welcome { display: none; } BODY.no_index_page .topbar_site .cont_button { display: none; } /* banner */ .fsca_banner_container { margin-bottom: 16px; } .fsca_banner_container button { width: 210px; } /* HEADER */ .fsca_banner_container.fsca_banner_HEADER, .fsca_banner_container.fsca_banner_HEADER_SYSTEM { line-height: 100%; } .fsca_banner_container.fsca_banner_HEADER .column_banner, .fsca_banner_container.fsca_banner_HEADER_SYSTEM .column_banner { height: 50px; } .fsca_banner_container.fsca_banner_HEADER .column_banner.column_img, .fsca_banner_container.fsca_banner_HEADER_SYSTEM .column_banner.column_img { width: 70px; background-color: #B5B5B5; background-image: url(../img/header_banner_divider.png); background-repeat: no-repeat; background-position: right center; margin-right: 0px; padding-right: 18px; border-radius: 5px 0px 0px 5px; text-align: center; } .fsca_banner_container.fsca_banner_HEADER .column_banner.column_text, .fsca_banner_container.fsca_banner_HEADER_SYSTEM .column_banner.column_text { background-color: #DEDEDE; border-radius: 0px 5px 5px 0px; padding: 0px 10px 0px 10px; } .fsca_banner_container.fsca_banner_HEADER .column_banner.column_text .banner_cont_text, .fsca_banner_container.fsca_banner_HEADER_SYSTEM .column_banner.column_text .banner_cont_text { max-width: 880px !important; } .fsca_banner_container.fsca_banner_HEADER .column_banner.column_text .banner_cont_close, .fsca_banner_container.fsca_banner_HEADER_SYSTEM .column_banner.column_text .banner_cont_close { margin-top: 6px; } /* banner alert */ .fsca_banner_container.banner_alert .column_banner.column_text .banner_cont_text { color: #ff0000; } /* banner orange */ .fsca_banner_container.banner_orange .column_banner.column_text .banner_cont_text { color: #FF5C00; } /* PAGE HEADER */ .fsca_banner_container.fsca_banner_PAGE_HEADER { line-height: 130%; min-height: 50px; background-color: #dddddd; } .fsca_banner_container.fsca_banner_PAGE_HEADER .banner_table_cont { margin: 2px; padding: 0px; background-color: #DDDDDD; } .fsca_banner_container.fsca_banner_PAGE_HEADER .fsca_divtable { } .mainSubMenu { z-index: 10; position: absolute; width: 190px; right: -35px; color: white; /* border: 2px solid #a9a9a9; */ border-radius: 5px; top: 40px; box-shadow: 8px 6px 8px 0px rgba(193, 193, 193, 0.4); } .mainSubMenuRow:hover { background: white !important; color: black; } .mainSubMenuRow { font-weight: 500; height: 40px; text-align: left; background: #666666; } .mainSubMenuRow .icon-row-menu { margin-top: 10px; margin-left: 10px; float: left; width: 20px; font-size: 15px; line-height: 20px; text-align: center; } .mainSubMenuRow:not(:last-child) { border-bottom: 1px solid white; } .mainSubMenuRow label { line-height: 40px; padding-left: 40px; cursor:pointer; } .triangleSubMenu_bottom { width: 0; height: 0; border-style: solid; border-width: 0 20px 7px 20px; border-color: transparent transparent #a9a9a9 transparent; position: absolute; left: 73px; top: -8px; } .triangleSubMenu_top { width: 0; height: 0; border-style: solid; border-width: 10px 15px 5px 15px; border-color: #666666 transparent transparent transparent; position: absolute; left: 80px; /* top: 120px; */ bottom: -15px; } #sub_help_live_chat { background: #f39200 ; border-top-left-radius: 5px; border-top-right-radius: 5px; } .menu-call { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_call_white.png); background-repeat: no-repeat; background-size: 20px; } .menu-schedule { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_calendar_white.png); background-repeat: no-repeat; background-size: 20px; } .menu-ticket { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_ticket_white.png); background-repeat: no-repeat; background-size: 20px; } .menu-faq { background-image: url(/customerarea/ca-include/img/ico/cloudbox_ico_20x20px_list3_white.png); background-repeat: no-repeat; background-size: 20px; } .menu-tooltips { background-image: url(/customerarea/ca-include/img/ico/cloudbox_ico_20x20px_support_white.png); background-repeat: no-repeat; background-size: 20px; } .mainSubMenuRow:hover .menu-call { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_call_orange.png); background-repeat: no-repeat; background-size: 20px; } .mainSubMenuRow:hover .menu-schedule { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_calendar_gray.png); background-repeat: no-repeat; background-size: 20px; } .mainSubMenuRow:hover .menu-ticket { background-image: url(/customerarea/ca-include/img/ico/cc_ico_20x20px_ticket_gray.png); background-repeat: no-repeat; background-size: 20px; } .mainSubMenuRow:hover .menu-faq { background-image: url(/customerarea/ca-include/img/ico/cloudbox_ico_20x20px_list3_grey.png); background-repeat: no-repeat; background-size: 20px; } .mainSubMenuRow:hover .menu-tooltips { background-image: url(/customerarea/ca-include/img/ico/cloudbox_ico_20x20px_support_grey.png); background-repeat: no-repeat; background-size: 20px; } .fsca_banner_container.fsca_banner_PAGE_HEADER .column_banner.column_img { width: 46px !important; padding: 10px 0px 10px 0px; } .fsca_banner_container.fsca_banner_PAGE_HEADER .column_banner.column_text { padding: 10px 8px 10px 0px; } .fsca_banner_container.fsca_banner_PAGE_HEADER:not(.is_x_container_col_2) .column_banner.column_text .banner_cont_text { max-width: 900px !important; } /* Banner with x-container */ .fsca_banner_container.fsca_banner_PAGE_HEADER.is_x_container_col_2 .x-column.x-1-4 TABLE { height: 100%; } .fsca_banner_container.fsca_banner_PAGE_HEADER.is_x_container_col_2 .column_banner.column_text .banner_cont_text { max-width: 700px !important; } /* Colorize */ .fsca_banner_container.fsca_banner_PAGE_HEADER.bkg_white .banner_table_cont { background-color: #FFFFFF; } /* PAGE OVER TITLE */ .fsca_banner_container.fsca_banner_PAGE_OVER_TITLE { border-top: 2px solid #666666; border-bottom: 2px solid #666666; } .fsca_banner_container.fsca_banner_PAGE_OVER_TITLE .banner_table_cont { margin-top: 15px; margin-bottom: 15px; } .fsca_banner_container.fsca_banner_PAGE_OVER_TITLE .banner_table_cont .x-container .x-column { margin-bottom: 0px !important; margin-right: 0px !important; } /* PAGE POPUP */ .fsca_banner_container.fsca_banner_PAGE_POPUP { } .fsca_banner_container.fsca_banner_PAGE_POPUP .banner_table_cont { margin-top: 15px; margin-bottom: 15px; } .fsca_banner_container.fsca_banner_PAGE_POPUP .banner_table_cont .x-container .x-column { margin-bottom: 0px !important; margin-right: 0px !important; } /* BANNER_BOX_IMAGE */ .fsca_banner_container.fsca_banner_BANNER_BOX_IMAGE { padding-top: 0px; padding-bottom: 0px; text-align: center; position: relative; } .fsca_banner_container.fsca_banner_BANNER_BOX_IMAGE .cont_banner { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 179px; text-align: center; line-height: 179px; } .fsca_banner_container.fsca_banner_BANNER_BOX_IMAGE .cont_banner .cont_banner_label { line-height: 1.5; display: inline-block; vertical-align: middle; margin: 0px 10px 0px 10px; } /* header widget */ .widget_header { padding-bottom: 25px; } .widget_header .x-column.widget_column { margin-bottom: 39px !important; } .widget_header .widget_box { padding: 10px; min-height: 119px; } .widget_header .widget_box { width: 100%; border: 1px solid #DEDEDE; background-color: #DEDEDE; } .widget_header .widget_box .cont { line-height: 1.3; } .widget_header .widget_box HR.widget_line { border-top: none !important; margin: 0px !important; height: 0.8em; } .widget_header .widget_box input, .widget_header .widget_box select, .widget_header .widget_box textarea, .widget_header .widget_box button { width: 100%; } /* widget table for aling content */ .widget_header TABLE.widget { margin: 0 auto; padding: 0px; z-index: 0; } .widget_header TABLE.widget TD { margin: 0 auto; padding: 0px; border: none; } .widget_header TABLE.widget TR.tr_text TD { height: 60px; vertical-align: top; } .widget_header TABLE.widget TR.tr_form TD { vertical-align: bottom; } /* ONLY BODY */ #top.only_body header { display: none; } /* BODY */ .fsca_body { width: 100%; border: none; position: relative; } .fsca_footer { width: 100%; border: none; position: relative; font-size: 11px; } FORM.fsca_form { display: inline; margin: 0 auto; } .x-container .x-container:not(.x-noset_spacing_top-foot) { width: 100% !important; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; } .x-container .x-container.x-noset_spacing_top-foot { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } .x-column.x-1-5 { width: 19%; } .x-column.x-column-no_margin_rx { margin-right: 0px; } .x-column.x-column-no_margin_rx.x-1-3 { width: 27%; } .x-column.x-column-no_margin_rx.x-2-3 { width: 73%; } .cont_display_table { display: table; width: 100%; margin: 0 auto; padding: 0px; } .cont_display_table .display_row { display: table-row; width: 100%; margin: 0 auto; padding: 0px; } .cont_display_table .display_cell { display: table-cell; } .cont_display_table .display_cell.valign_middle { vertical-align: middle; } .button.submit-button { border-radius: 8px!important; border: 0; height: 34px; padding-top: 2px; min-width: 120px !important; text-transform: none !important; background-color: #949494 !important; background: -webkit-linear-gradient(#D6D6D6, #949494) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#D6D6D6, #949494) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#D6D6D6, #949494) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#D6D6D6, #949494) !important; /* Standard syntax (must be last) */ } .button.submit-button .text { color: #000000 !important; font-size: 14px; font-weight: 400; } .button.submit-button:hover { background-color: #666666 !important; background: -webkit-linear-gradient(#737373, #666666) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#737373, #666666) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#737373, #666666) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#737373, #666666) !important; /* Standard syntax (must be last) */ } .button.submit-button:hover .text { color: #ffffff !important; } /* upper */ .button.submit-button.upper .text { text-transform: uppercase; font-weight: 600; } /* disabled */ .button.submit-button.fsca_button_disabled, .button.submit-button.fsca_button_disabled:hover { background-color: #C6C6C6 !important; background: -webkit-linear-gradient(#E7E7E7, #C6C6C6) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#E7E7E7, #C6C6C6) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E7E7E7, #C6C6C6) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#E7E7E7, #C6C6C6) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_disabled .text, .button.submit-button.fsca_button_disabled:hover .text { color: #cccccc !important; } /* for all confirm button / next buttom / execute button (USE SAME COLOR OF .button.submit-button.fsca_button_color.green )*/ .button.submit-button.fsca_button_confirm, .button.submit-button.fsca_button_next, .button.submit-button.fsca_button_execute { background-color: #008C31 !important; background: -webkit-linear-gradient(#94C618, #008C31) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#94C618, #008C31) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#94C618, #008C31) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#94C618, #008C31) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_confirm .text, .button.submit-button.fsca_button_next .text, .button.submit-button.fsca_button_execute .text { color: #ffffff !important; } .button.submit-button.fsca_button_confirm:hover .text, .button.submit-button.fsca_button_next:hover .text, .button.submit-button.fsca_button_execute:hover .text { color: #f1f1f1 !important; } /*button for pending events */ .button_pending_events { display: none; } /* buttom color */ /*.button.submit-button.fsca_button_color .text, .button.submit-button.fsca_button_color:hover .text { font-weight: 400; text-transform: none; }*/ .button.submit-button.fsca_button_color.orange, .button.submit-button.fsca_button_color.orange:hover { background-color: #FF5A00 !important; background: -webkit-linear-gradient(#FFA000, #FF5A00) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#FFA000, #FF5A00) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FFA000, #FF5A00) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#FFA000, #FF5A00) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_color.orange .text { color: #ffffff !important; } .button.submit-button.fsca_button_color.gray, .button.submit-button.fsca_button_color.gray:hover { background-color: #666666 !important; background: -webkit-linear-gradient(#B5B5B5, #666666) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#B5B5B5, #666666) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#B5B5B5, #666666) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#B5B5B5, #666666) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_color.gray .text { color: #ffffff !important; } .button.submit-button.fsca_button_color.gray_light, .button.submit-button.fsca_button_color.gray_light:hover { background-color: #cccccc !important; background: -webkit-linear-gradient(#EEEEEE, #cccccc) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#EEEEEE, #cccccc) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#EEEEEE, #cccccc) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#EEEEEE, #cccccc) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_color.gray_light .text { color: #666666 !important; } .button.submit-button.fsca_button_color.green, .button.submit-button.fsca_button_color.green:hover { background-color: #008C31 !important; background: -webkit-linear-gradient(#94C618, #008C31) !important; /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(#94C618, #008C31) !important; /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#94C618, #008C31) !important; /* Firefox 3.6 to 15 */ background: linear-gradient(#94C618, #008C31) !important; /* Standard syntax (must be last) */ } .button.submit-button.fsca_button_color.green .text { color: #ffffff !important; } /* hover */ .button.submit-button.fsca_button_color:hover .text { color: #EBEBEB !important; } /*text-decoration: underline !important;*/ /* button scroll event */ #ScrollEventButton { position: fixed; bottom: 0px; left: 20px; z-index: 99; font-size: 16px; border: none; outline: none; background-color: #ff5e00; color: #ffffff; cursor: pointer; border-radius: 8px; padding: 10px 20px 10px 20px; transition: all .4s,bottom .8s ease-in-out !important; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; animation-name: loadBubble; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: .2s; } #ScrollEventButton:hover { box-shadow: 0 3px 20px 0 rgba(0,0,0,0.5) !important; } /* DEFINIZIONE COLORI */ .TextOrange { color: #f39100 !important; } .TextBlu { color: #3163a5; } .TextDarkGrey { color: #666666; } .TextGreen { color: #2DB300; } .TextGreenLight { color: #6ba500; } .TextRed { color: #ff0000; } .TextGrey { color: #B5B5B5; } /* DEFINIZIONE DIMENSIONE TESTO */ .TextSmall { font-size: 12px; } .TextMedium { font-size: 16px; } SUP.TextSupNote { vertical-align: super; font-size: smaller; } .gray_light { color: #A5A59C; } /* DEFINIZIONE TESTO */ .TextDecorationNone, A.TextDecorationNone { text-decoration: none !important; } .TextUnderline, A.TextUnderline { text-decoration: underline; } .TextBold, A.TextBold { font-weight: bold; } .TexNoBold, A.TexNoBold { font-weight: normal !important; } .TextOblique, A.TextOblique { font-style: oblique; } A.LinkOverChange:hover { opacity: 0.6; } /**/ .text-transform-uppercase { text-transform: uppercase !important; } .text-transform-none { text-transform: none !important; } /**/ .font-weight_normal { font-weight: normal !important; } .font-weight_600 { font-weight: 600; } /**/ TD.align-left, .align-left { text-align: left; } TD.align-right, .align-right { text-align: right; } TD.align-center, .align-center { text-align: center; } TD.align-justify, .align-justify { text-align: justify; } .PageError { color: #ff0000; margin-top: 2.5em; margin-bottom: 2.5em; } H5 { margin-top: 0px; } H5.weight_400 { font-weight: 400; } P.p-title { font-size: 24px; margin: 0px; font-weight: 600; } P.p-line-height-200, .text-line-height-200 { line-height: 200%; } P.p-line-height-100, .text-line-height-100 { line-height: 100%; } P.p-line-height-30xp, .text-line-height-30xp { line-height: 30%; } P.p-line-height-1, .text-line-height-1 { line-height: 1 !important; } .div-list-item { display: list-item; margin-left: 1.3em; list-style-type: disc; } .title_medium { font-weight: 300; font-size: 110%; line-height: 1.4; letter-spacing: -0.035em; } .fsca_row_title { margin: 0px 0px 10px 0px; padding: 3px 0px 5px 0px; border-bottom: 1px dotted #cccccc; border-top: 1px dotted #cccccc; } .fsca_row_title H5 { margin-bottom: 0px; } .fsca_section_title { margin: 0px 0px 10px 0px; padding: 3px 0px 5px 0px; border-bottom: 1px dotted #cccccc; margin-top:20px;} .fsca_section_title H5 { margin-bottom: 0px; } .fsca_section { margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; } .fsca_section_confirm { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #cccccc; } .hide { display: none !important; } .x-clear.noborder { border-top: none !important; } .x-clear.with_empty_space { font-size: 8px !important; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default !important; } .set_focus_hide { display: none !important; width: 1px !important; height: 1px !important; } .fsca_span_vbar_cont .span_vbar { border-right: 1px solid #cccccc; padding: 0px 6px 0px 6px; } .fsca_span_vbar_cont:not(.all_vbar) .span_vbar:last-child { border-right: none; } .fsca_link_vbar { padding: 0px 6px 0px 6px; } .fsca_link_vbar.vbar_lx { border-left: 1px solid #cccccc; } .fsca_link_vbar.vbar_rx { border-right: 1px solid #cccccc; } .float-left { float: left; } .float-right { float: right !important; } .position-relative { position: relative !important; } TD.valign-top, .valign-top { vertical-align: top; } TD.valign-middle, .valign-middle { vertical-align: middle; } TD.valign-bottom, .valign-bottom { vertical-align: bottom; } /**/ .no-border-top { border-top: none !important; } .no-border-bottom { border-bottom: none !important; } .no-border-right { border-right: none !important; } /**/ .border-top-2px-std-gray, TABLE.list TR.header .top_with_double_border TD { border-top: 2px solid #989898 !important; } .border-bottom-2px-std-gray { border-bottom: 2px solid #989898 !important; } .border-top-2px-dark-gray { border-top: 2px solid #666666; } .border-bottom-2px-dark-gray { border-bottom: 2px solid #666666; } .border-top-2px-light-gray { border-top: 2px solid #e8e8e8; } .border-bottom-2px-light-gray { border-bottom: 2px solid #e8e8e8; } /**/ .border-top-1px-gray { border-top: 1px solid #cccccc !important; } .border-bottom-1px-gray { border-bottom: 1px solid #cccccc !important; } /**/ .border-top-dot-gray { border-top: 1px dotted #cccccc; } .border-bottom-dot-gray { border-bottom: 1px dotted #cccccc; } /**/ .background-white { background-color: #FFFFFF !important; } .background-gray { background-color: #EBEBEB !important; } /**/ .min_h33px, .min_h33px_media_minw_740px { height: 33px; min-height: 33px; } .min_h35px, .min_h35px_media_minw_740px { height: 35px; min-height: 35px; } .min_h36px, .min_h36px_media_minw_740px { height: 36px; min-height: 36px; } .min_h39px, .min_h39px_media_minw_740px { height: 39px; min-height: 39px; } .min_h40px, .min_h40px_media_minw_740px{ height: 40px; min-height: 40px; } .min_h650px { min-height: 650px !important; } /**/ .min_h2row { height: 79px; min-height: 79px; } .min_h4row { height: 153px; min-height: 153px; } /**/ .width_25xp { width: 25%; } .width_30xp { width: 30%; } .width_45xp { width: 45%; } .width_50xp { width: 50%; } .width_70xp { width: 70%; } .width_80xp { width: 80%; } .width_120px { width: 120px; } .width_150px { width: 150px; } .width_210px { width: 210px; } /* for box middle */ #fsca_body .x-content-band .wpb_row_box_middle { width: 699px !important; margin: 0 auto !important; } /**/ .no-padding-right { padding-right: 0px !important; } .no-padding-top { padding-top: 0px !important; } .no-padding-left { padding-left: 0px !important; } .no-padding-bottom { padding-bottom: 0px !important; } /**/ .padding-top_8px { padding-top: 8px !important; } .padding-bottom_8px { padding-bottom: 8px !important; } .padding-left_8px { padding-left: 8px !important; } .padding-right_8px { padding-right: 8px !important; } /**/ .padding-top_16px { padding-top: 16px !important; } .padding-bottom_16px { padding-bottom: 16px !important; } .padding-left_16px { padding-left: 16px !important; } .padding-right_16px { padding-right: 16px !important; } /**/ .padding-left_30px { padding-left: 30px !important; } /**/ .margin-all_8px { margin: 8px !important; } .margin-top_8px { margin-top: 8px !important; } .margin-bottom_8px { margin-bottom: 8px !important; } .margin-left_8px { margin-left: 8px !important; } .margin-right_8px { margin-right: 8px !important; } /**/ .margin-top_16px { margin-top: 16px !important; } .margin-bottom_16px { margin-bottom: 16px !important; } .margin-left_16px { margin-left: 16px !important; } .margin-right_16px { margin-right: 16px !important; } /**/ .margin-top_30px { margin-top: 30px !important; } .margin-bottom_30px { margin-bottom: 30px !important; } .margin-left_30px { margin-left: 30px !important; } .margin-right_30px { margin-right: 30px !important; } /**/ .margin-top_-5px { margin-top: -5px !important; } /**/ .margin-all_4px { margin: 4px !important; } .margin-top_4px { margin-top: 4px !important; } .margin-bottom_4px { margin-bottom: 4px !important; } .margin-left_4px { margin-left: 4px !important; } .margin-right_4px { margin-right: 4px !important; } /**/ .margin-top_5px { margin-top: 5px !important; } .margin-bottom_5px { margin-bottom: 5px !important; } /**/ .margin-top_6px { margin-top: 6px !important; } .margin-bottom_6px { margin-bottom: 6px !important; } /**/ .no-margin-right { margin-right: 0px !important; } .no-margin-top { margin-top: 0px !important; } .no-margin-left { margin-left: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } /**/ .box-text-rounded { padding: 10px; border-radius: 10px; background-color: #EEEEEE; } /* Youtbe video */ .youtu_video_cont { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .youtu_video_frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Div margin */ .div_bkg_margin { margin: 5px; width: 100%; } /* background */ .box_bkg_white { background-color: #ffffff; } /* form elements */ .div_input_shadow { box-shadow: 0px 0px 3px 3px #CECEC6 inset; background-color: #ffffff; border: none; border-radius: 5px; padding: 4px 2px 4px 6px; } .div_input_shadow INPUT { background-color: transparent; padding: 0px; margin: 0px; border: none; height: 26px; border-radius: 5px; cursor: default; } .div_input_with_submit { background-image: url(../img/arrow_x_padding-right_black.png); background-repeat: no-repeat; background-position: right center; padding-right: 20px; cursor: pointer; } /* altri */ .fsca_page .div_small_info { font-size: 13px; } .fsca_page .div_small_info H5 { margin-bottom: 0px; } .fsca_page .div_mask_on { position: relative; } .fsca_page .div_mask_on .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: transparent url(../img/overlay_white_a30.png) top left; } .fsca_page .div_mask_on .mask .table { display: table; width: 100%; height: 100%; } .fsca_page .div_mask_on .mask .table.auto { display: table; width: auto; height: auto; } .fsca_page .div_mask_on .mask .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; font-size: 150%; padding-top: -20px; } /* overlay with alpha spec */ .fsca_page .div_mask_on .mask.mask_a70 { background-image: url(../img/overlay_white_a70.png); } .fsca_page .div_mask_on .mask.mask_a30 { background-image: url(../img/overlay_white_a30.png); } .fsca_page .div_mask_on .mask.transparent { background-image: url(../img/overlay_transparent.png); } /* margin */ .fsca_page.border-margin{ margin: 0.5em; } /* div and button with position absolute */ A.absolute_button { position: absolute; width: 20px; height: 20px; text-align: center; border-radius: 5px; } A.absolute_button.absolute_button_bkg { background: url(../img/overlay_gray_cc_light.png); } DIV.absolute_div { position: absolute; z-index: 9; } /* icon */ .fsca_icon { margin-top: 5px; width: 12px; height: 12px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; background-repeat: no-repeat; background-color: transparent; background-position: center center; } /* state */ .fsca_icon.icon_state { width: 15px; height: 15px; } .icon_state.state_grey { background-image: url(../img/load_grey.png); } .icon_state.state_green { background-image: url(../img/load_green.png); } .icon_state.state_red { background-image: url(../img/load_red.png); } /* add / remove (+)/(-) */ .fsca_icon.icon_add_remove { vertical-align: middle; } .icon_add_remove.add { background-image: url(../img/add_grey.png); } .icon_add_remove.remove { background-image: url(../img/remove_grey.png); } .icon_add_remove.add.off { background-image: url(../img/add_grey_off.png); } .icon_add_remove.remove.off { background-image: url(../img/remove_grey_off.png); } /* check small */ .fsca_icon.icon_check_state { width: 20px; height: 20px; vertical-align: middle; } .icon_check_state.true { background-image: url(../img/ico/cc_img_ico_20x20px_green.svg); width: 15px;} .icon_check_state.false { background-image: url(../img/ico/cc_img_ico_20x20px_red.svg); width: 15px;} .icon_check_state.null { background-image: url(../img/ico/cc_img_ico_20x20px_grey.svg); width: 15px;} /* detail */ .fsca_icon.icon_detail { width: 25px; height: 25px; background-image: url(../img/ico/cc_ico_details_grey_25px.png); margin-right: 2px; } /* close */ .fsca_icon.icon_close { width: 22px; height: 21px; background-image: url(../img/ico/cc_sito_ico_close_grey.png); margin-right: 2px; } .fsca_icon.icon_close_circle { width: 21px; height: 21px; background-image: url(../img/ico/cc_ico_close_21x21px.png); margin-right: 2px; } .fsca_icon.icon_close_small { width: 20px; height: 20px; background-image: url(../img/ico/cc_sito_ico_close_grey.png); margin-right: 2px; background-size: 20px 20px; } .fsca_icon.icon_close_small_black { width: 12px; height: 12px; background-image: url(../img/ico/cc_ico_12px_close_black.png); background-size: 12px 12px; } .fsca_icon.icon_close_orange { width: 16px; height: 16px; background-image: url(../img/ico/cc_ico_close_orange_16x16px.png); background-size: 16px 16px; } .fsca_icon.icon_close_transparent { width: 16px; height: 16px; background-image: url(../img/ico/cc_ico_close_transparent_16x16px.png); background-size: 16px 16px; } /* edit */ .fsca_icon.icon_edit { width: 15px; height: 15px; background-image: url(../img/edit.png); } /* upload */ .fsca_icon.icon_upload { width: 25px; height: 25px; background-image: url(../img/ico/cc_ico_upload_grey.png); } /* apply */ .fsca_icon.icon_apply { width: 22px; height: 20px; background-image: url(../img/ico/cc_sito_ico_apply_grey.png); } /* warning */ .fsca_icon.icon_warning { width: 16px; height: 15px; background-image: url(../img/warning.png); } /* print */ .fsca_icon.icon_print { width: 24px; height: 21px; background-image: url(../img/ico/cc_sito_ico_print_grey.png); margin-right: 2px; } /* mail */ .fsca_icon.icon_mail { width: 33px; height: 21px; background-image: url(../img/ico/cc_sito_ico_mail_grey.png); margin-right: 2px; } /* share */ .fsca_icon.icon_share { width: 26px; height: 21px; background-image: url(../img/ico/cc_sito_ico_share_grey.png); margin-right: 2px; } /* info */ .fsca_icon.icon_info { width: 20px; height: 20px; background-image: url(../img/info_black.png); } .fsca_icon.icon_info.small { width: 12px; height: 12px; background-size: 12px 12px; } /* info info popup */ .fsca_icon.icon_info_popup_small { width: 12px; height: 14px; background-image: url(../img/ico/cc_ico_help_popup_black.png); background-size: 12px 14px; } /* zoom */ .fsca_icon.icon_zoom { width: 20px; height: 20px; background-image: url(../img/ico/cc_sito_ico_22_grey.png); background-size: 20px 20px; } .fsca_icon.icon_zoom.small { width: 12px; height: 12px; background-size: 12px 12px; } /* message */ .fsca_icon.icon_message { width: 19px; height: 19px; background-image: url(../img/ico/cc_ico_message_black.png); background-size: 19px 19px; } /* setting open close */ .fsca_icon.icon_setting_open { width: 19px; height: 19px; background-image: url(../img/ico/setting_cust.svg); background-size: 19px;} .fsca_icon.icon_setting_close { width: 19px; height: 19px; background-image: url(../img/ico/customer_ico_close.png) !important; background-size: 19px;} /* zoom open close */ .fsca_icon.icon_zoom_open { width: 19px; height: 19px; background-image: url(../img/ico/cc_sito_ico_zoom_open_grey.png); } .fsca_icon.icon_zoom_close { width: 19px; height: 19px; background-image: url(../img/ico/cc_sito_ico_zoom_close_grey.png); } /* small */ .fsca_icon.icon_zoom_open.small { width: 12px; height: 12px; background-size: 12px 12px; } /* info letter */ .fsca_icon.icon_info_letter { width: 20px; height: 20px; background-image: url(../img/ico/cc_ico_info_letter_black.png); } .fsca_icon.icon_info_letter.small { width: 12px; height: 12px; background-size: 12px 12px; } /* alert */ .fsca_icon.icon_alert { width: 20px; height: 20px; background-image: url(../img/ico/cc_ico_alert.png); } /* video */ .fsca_icon.icon_video { width: 20px; height: 20px; background-image: url(../img/ico/cc_sito_ico_multimedia_grey.png); background-size: 20px 20px; } /* download small */ .fsca_icon.icon_download_small { width: 15px; height: 19px; background-image: url(../img/ico/cc_ico_download_orange.png); } /* null icon (Used to have the same width on list for vertical align */ .fsca_icon.icon_null { background-image: none; } /* arrow close / open*/ .fsca_icon.icon_arrow { vertical-align: middle; width: 10px; height: 10px; } .fsca_icon.icon_arrow.arrow_close { background-image: url(../img/arrow_x_orange.png); } .fsca_icon.icon_arrow.arrow_open { background-image: url(../img/arrow_y_orange.png); } .fsca_icon.icon_arrow.arrow_close.off { background-image: url(../img/arrow_x_orange-off.png); } .fsca_icon.icon_arrow.arrow_open.off { background-image: url(../img/arrow_y_orange-off.png); } /* arrow button */ .fsca_icon.icon_button_arrow { width: 10px; height: 10px; } .fsca_icon.icon_button_arrow.arrow_down { background-image: url(../img/minus_pricelist.svg); height: 20px; margin-right: 5px; width: 20px; background-size: 15px; } .fsca_icon.icon_button_arrow.arrow_up { background-image: url(../img/arrow_y_reverse_black.png); } .fsca_icon.icon_button_arrow.arrow_right { background-image: url(../img/add_pricelist.svg); height: 20px; margin-right: 5px; width: 20px; background-size: 15px; } /* raquo arrow */ .fsca_icon.icon_raquo { vertical-align: middle; width: 8px; height: 8px; } .fsca_icon.icon_raquo.raquo_close { background-image: url(../img/ico/cc_sito_ico_raquo_right_black.png); } .fsca_icon.icon_raquo.raquo_open { background-image: url(../img/ico/cc_sito_ico_raquo_down_black.png); } /* preview */ .fsca_icon.icon_preview { width: 30px; height: 30px; background-image: url(../img/ico/cc_sito_ico_preview_orange.png); margin-right: 2px; } /* download */ .fsca_icon.icon_download { width: 30px; height: 30px; background-image: url(../img/ico/cc_sito_ico_download_orange.png); margin-right: 2px; } /* reset size */ .fsca_icon.fsca_icon_reset_20px { width: 20px; height: 20px; background-size: 20px 20px; margin: 0px; } /* customer types */ .fsca_icon.icon_company { background-image: url(../img/cc_ico_20x20px_company_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_government { background-image: url(../img/cc_ico_20x20px_government_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_home { background-image: url(../img/cc_ico_20x20px_residencial_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_isp { background-image: url(../img/ico/cc_ico_20x20px_isp_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_schools { background-image: url(../img/cc_ico_20x20px_school_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_vehicle { background-image: url(../img/cc_ico_20x20px_veichle_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_wifi { background-image: url(../img/cc_ico_20x20px_wifi_orange.png); width: 20px; height: 20px; background-size: 20px 20px; margin: 0px; } .fsca_icon.icon_restaurant { background-image: url(../img/cc_ico_20x20px_restaurant_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_hotel { background-image: url(../img/cc_ico_20x20px_hotel_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } .fsca_icon.icon_camping { background-image: url(../img/cc_ico_20x20px_camping_orange.png); width: 20px; height: 20px; background-size: 20px 20px; } /**/ .fsca_icon.icon_pack{ background-image: url(../img/ico/img_pricelist_icon_pack.png); width: 22px; height: 20px; background-size: 22px 20px; margin: 0px; } .fsca_icon.icon_coins { background-image: url(../img/ico/img_pricelist_icon_coins.png); width: 22px; height: 20px; background-size: 22px 20px; margin: 0px; } .item_active .icon_pack { background-image: url(../img/ico/cc_ico_20x20px_money.png) !important; width: 22px; height: 20px; background-size: 22px 20px; margin: 0px; } /* for all loading (must be at the end off all) */ .fsca_icon.icon_wait_loading { background-image: url(../img/loading.gif); background-size: cover; } /* ico filter */ .fsca_icon.icon_filter_lite {margin-right: 10px; background-image: url(../img/ico/cc_img_ico_lite_2.png); width: 25px; height: 25px; margin: 0px; } /* ico buy */ .fsca_icon.icon_buy_lite { margin-right: 10px; background-image: url(../img/ico/cc_ico_20x20px_cart_grey.png); width: 30px; height: 20px; margin: 0px; cursor: pointer; background-size: 16px; position: absolute; margin-left: -30px; } .fsca_icon.icon_buy_lite:hover { margin-right: 10px; background-image: url(../img/ico/cc_ico_20x20px_cart_white.png); width: 30px; height: 20px; margin: 0px; cursor: pointer; position: absolute; margin-left: -30px; } .fsca_icon.icon_filter_standard { background-image: url(../img/ico/cc_img_ico_standard_2.png); width: 25px; height: 25px; margin: 0px; } /* icon scroll */ .fsca_icon.scroll_left { background-image: url(../img/btn_select_box_left.png); width: 13px; height: 20px; background-size: 13px 20px; margin: 0px; } .fsca_icon.scroll_right { background-image: url(../img/btn_select_box_right.png); width: 13px; height: 20px; background-size: 13px 20px; margin: 0px; } /* with box */ .box_arrow.arrow_left, .box_arrow.arrow_right { cursor: pointer } /* disabled*/ .fsca_icon.scroll_left.disable, .box_arrow.arrow_left.disable .fsca_icon.scroll_left { background-image: url(../img/btn_select_box_left_disable.png); cursor: default; } .fsca_icon.scroll_right.disable, .box_arrow.arrow_right.disable .fsca_icon.scroll_right { background-image: url(../img/btn_select_box_right_disable.png); cursor: default; } /* ico alert */ .fsca_icon.icon_gain_alert { background-image: url(../img/ico/cc_ico_20x20px_alert_orange.png); width: 25px; height: 25px; margin: 0px; } /* TABELLE */ TABLE.list { margin: 0 auto; padding: 0px; z-index: 0; } TABLE.list TR.header { font-weight: 600; } TABLE.list TD { border-bottom: 1px solid #B4B4B4; word-wrap: break-word; } TABLE.list TR.header TD { border-top: 1px solid #B4B4B4; } TABLE.list TR.footer TD { border-bottom: none; } TABLE.list TR.noborder TD { border-bottom: none; border-top: none; } TABLE.list TR.noborder_full TD { border-bottom: none !important; border-top: none !important; } TABLE.list TR.border_onlytop TD { border-top: 1px solid #B4B4B4; border-bottom: none; } TABLE.list TR.border_onlybottom TD { border-bottom: 1px solid #B4B4B4; border-top: none !important; } TABLE.list TR TD.td_noborder { border-bottom: none; border-top: none; } TABLE.list TR TD.td_border_onlytop { border-top: 1px solid #B4B4B4; border-bottom: none !important; } TABLE.list TR TD.td_border_onlybottom { border-bottom: 1px solid #B4B4B4; border-top: none !important; } TABLE.list TR.tr_divider TD{ font-size: 6px; } TABLE.list TD.no_top_padding { padding-top: 0px; } TABLE.list TD.no_padding { padding: 0px; } TABLE.list TD.border_top { border-top: 1px solid #cccccc; } TABLE.list TD.td_ico, TABLE.list TD.td_ico_mobile { width: 55px; } TABLE.with_bkg_gray TD { background-color: #EEEEEE; } /* SCROLL BOX - mCustomScrollbar */ .fsca_custom_scrollbar { position: relative; } .fsca_custom_scrollbar .box_center { margin-right: 20px; margin-left: 20px; } .fsca_custom_scrollbar .box_arrow { position: absolute; top: 45%; } .fsca_custom_scrollbar .box_arrow.arrow_left { left: 0px; } .fsca_custom_scrollbar .box_arrow.arrow_right { right: 0px; } /**/ .fsca_custom_scrollbar .cont_scroll_horizontal { overflow-x: auto !important; } .fsca_custom_scrollbar .cont_scroll_horizontal .item { display: block; float: left; } /* PAGE WITH SINGLE FORM /demo, reset password, login, ecc */ #fsca_body DIV.cont_box_single_page_form { margin-top: 30px; margin-bottom: 15px; } /* DIV TABLE LIST */ .fsca_divtable { display: table; width: 100%; margin: 0 auto; padding: 0px; } .fsca_divtable .tr { display: table-row; } .fsca_divtable .thead { display: table-header-group; } .fsca_divtable .tbody { display: table-row-group; } .fsca_divtable .tfoot { display: table-footer-group; } .fsca_divtable .td { display: table-cell; border-bottom: 1px solid #cccccc; } .fsca_divtable .thead .td { font-weight: 600; } .fsca_divtable .tfoot .td { border-bottom: none; } /* */ .fsca_divtable.noborder .td { border-bottom: none; } .fsca_divtable.last_noborder .tr:last-child .td { border-bottom: none; } /* */ .fsca_divtable .td.td_ico { width: 25px; } .fsca_divtable .td.td_ico_50px { width: 50px; } .fsca_divtable .td.td_ico.padding_top { padding-top: 3px; } .fsca_divtable .td.td_label { width: 150px; } /**/ .fsca_divtable .after-box { clear: left; } /* ACCORDION */ .fsca_accordion-container { margin: 0 auto; padding: 0px; } .fsca_accordion-container .fsca_accordion-section { margin: 0 auto; padding: 0px; border-bottom: 1px solid #b4b4b4; } .fsca_accordion-container .fsca_accordion-section .title { margin: 0 auto; padding: 6px 4px 4px 4px; cursor: pointer; min-height: 40px; } .fsca_accordion-container .fsca_accordion-section .title H5 { margin: 5px 0px 4px 0px; font-size: 16px; } .fsca_accordion-container .fsca_accordion-section .title .icon_arrow { margin-top: -3px; } .fsca_accordion-container .fsca_accordion-section .content { margin: 0 auto; padding: 20px 5px 20px 26px; border-top: 1px dotted #cccccc; display: none; line-height: 200%; } .fsca_accordion-container .fsca_accordion-section .btn_head { margin: 0 auto; padding: 0px; text-align: right; margin-top: -4px; display: none; } .fsca_accordion-container .fsca_accordion-section .btn_foot { margin: 0 auto; padding: 4px 4px 4px 22px; border-top: 1px dotted #cccccc; text-align: right; display: none; } .fsca_accordion-container .fsca_accordion-section .btn_head_preview { margin: 0 auto; padding: 0px; text-align: right; margin-top: -6px; display: block; } /* Disable */ .fsca_accordion-container .fsca_accordion-section.disable_link .title { cursor: default; } /* Active */ .fsca_accordion-container .fsca_accordion-section.active { } .fsca_accordion-container .fsca_accordion-section.active .title { border-top: 1px solid #b4b4b4; } .fsca_accordion-container .fsca_accordion-section.active .title H5 { font-weight: 400; } .fsca_accordion-container .fsca_accordion-section.active .content { display: block; } .fsca_accordion-container .fsca_accordion-section.active .btn_head { display: block; } .fsca_accordion-container .fsca_accordion-section.active .btn_foot { display: block; border-bottom: 1px solid #b4b4b4; height: 50px;} .fsca_accordion-container .fsca_accordion-section.active .btn_head_preview { display: none; } .fsca_accordion-container .fsca_accordion-section.active .btn_foot a { display: inline-block;margin-top: 10px; } /* Inactive */ .fsca_accordion-container .fsca_accordion-section.inactive .title { color: #999999; } .fsca_accordion-container .fsca_accordion-section.inactive .title H5 { color: #999999; } /* SUMMARY LIST */ .fsca_summary-container { margin: 0 auto; padding: 0px; } .fsca_summary_list { margin: 0 auto; padding: 0px; margin-bottom: 41px; } /* header */ .fsca_summary_list .cont_header { margin: 0 auto; cursor: pointer;border-bottom: 2px solid #666666; border-top: 2px solid #666666; background-position: 8px center; background-repeat: no-repeat; background-image: url(../img/arrow_x_black.png); padding: 6px 8px 6px 27px; } .fsca_summary_list .cont_header .title { font-weight: bold; line-height: 25px; } /* first child */ /* table */ .fsca_summary_list .cont_table { display: none; } .fsca_summary_list .cont_table P.loading { margin: 8px 0px 0px 0px; padding: 0px; text-align: center; } .fsca_summary_list .cont_table.with_border_bottom { border-bottom: 1px solid #b4b4b4; } .fsca_summary_list TABLE.list TR.header TD { font-weight: bold; border-bottom: 1px solid #b4b4b4; } /* vedere se modificare i colori #cccccc con #CFCFCF */ .fsca_summary_list TABLE.list TR.row { cursor: pointer; } /* cont header with button */ .fsca_summary_list .cont_header.cont_with_button { position: relative; } .fsca_summary_list .cont_header.cont_with_button .info_button { position: absolute; top: 8px; right: 6px; font-weight: bold; } /* disabled */ .fsca_summary_list TABLE.list TR.set_disabled { cursor: default; } /* customizations*/ .fsca_summary_list.summary_no_margin_bottom { margin-bottom: 0px; } .fsca_summary_list.summary_border_bottom { border-bottom: 1px solid #9797A6; } /* title */ .fsca_summary_title { margin: 0 auto; padding: 0px; } /* open cont */ .fsca_summary_list.open .cont_header { background-image: url(../img/arrow_y_black.png); } .fsca_summary_list.open .cont_table { display: block; } .fsca_summary_list.open .cont_table.border_bottom { border-bottom: 1px solid #DADADA; } /* icon state closed */ .fsca_summary_list .icon_state_close{ display: block; } .fsca_summary_list .icon_state_open { display: none; } /* icon state opened */ .fsca_summary_list.open .icon_state_close { display: none; } .fsca_summary_list.open .icon_state_open { display: block; } /* no icon */ .fsca_summary_list.summary_no_header_icon .cont_header { background-image: none; padding-left: 8px; } /* info */ .fsca_summary_list.fsca_summary_info .cont_header, .fsca_summary_list.fsca_summary_info.open .cont_header { background-color: transparent; border-top: 1px solid #FFFFFF; background-image: none; padding-left: 0px; } .fsca_summary_list.fsca_summary_info .cont_header .title { font-weight: normal; text-transform: none; text-decoration: underline; } /* info with multiple link */ .fsca_summary_list.fsca_summary_info.fsca_summary_info_multilink .cont_header { cursor: default; } /* normal */ .fsca_summary_list.fsca_summary_info.fsca_summary_info_multilink .title { float: left; margin-right: 8px; cursor: pointer; } /* open */ .fsca_summary_list.fsca_summary_info.fsca_summary_info_multilink .title.open { font-weight: bold; color: #FF5C00; } /* background transparent */ .fsca_summary_list.fsca_summary_transparent .cont_header, .fsca_summary_list.fsca_summary_transparent.open .cont_header { background-color: transparent; } .summary_deactivate_icon { width: 100%; border-bottom: 1px solid #cccccc; word-wrap: break-word; width: 19px; text-align: center; } .summary_deactivate_icon i { background-image: url(../img/ico/cc_img_ico_20x20px_divieto_gray.svg); background-size: 19px; width: 19px; height: 19px; vertical-align: bottom; } .summary_deactivate_icon i:hover { background-image: url(../img/ico/cc_img_ico_20x20px_divieto_red.svg); background-size: 19px; width: 19px; height: 19px; vertical-align: bottom; } .summary_activate_icon i { background-image: url(../img/ico/cc_img_ico_20x20px_done_gray.svg); background-size: 19px; width: 19px; height: 19px; vertical-align: bottom; } .summary_activate_icon i:hover { background-image: url(../img/ico/cc_img_ico_20x20px_done_green.svg); background-size: 19px; width: 19px; height: 19px; vertical-align: bottom; } .warning_customer { display: inline; } .warning_customer img { width:10%; } .info_customer_icon { display: inline; } .info_customer_icon img { width:10%; } .warning_label_customer { display: inline-block; font-size: 15px; width: 34px%; float: right; padding-top: 13px; width: 85%; padding-right: 20px; } /* UI ELEMENT */ .ui-progressbar { position: relative; } .progress-label { position: absolute; left: 50%; top: 0px; font-weight: bold; text-shadow: 1px 1px 0 #fff; } /* CONTAINER */ .fsca_container { margin-bottom: 20px; } /* HOME */ /* LOGIN */ .fsca_login { margin: 0px 0px 20px 0px; } .fsca_login H6 { margin: 8px 0px 0px 0px; } .fsca_login .container_form { margin-bottom: 0px; padding-bottom: 0px; font-size: 12px; } .fsca_login .container_form .x-column { margin-right: 10px; } .fsca_login .col_save_data { padding-top: 4px; padding-bottom: 4px; } .fsca_login INPUT[type="text"], .fsca_login INPUT[type="password"] { width: 100%; font-size: 12px; } .fsca_login .button.submit-button { width: 100%; } .fsca_login_message { font-size: 20px; line-height: 110%: } .fsca_login_error { } .fsca_login_error .info { font-size: 16px; } .fsca_login .container_form .button.submit-button { background-image: url(../img/btn_background_green.png) !important; } .fsca_login .container_form .button.submit-button:hover { background-image: url(../img/btn_background_green-on.png) !important; } /* MENU */ UL.x-block-grid.fsca_menu_home { margin: 0px !important; } UL.x-block-grid.fsca_menu_home > li { margin: 0 2.5% 5% 2.5% !important; } UL.fsca_menu_home LI { background-color: #EEEEEE; min-height: 150px; text-align: center; padding: 10px; } UL.fsca_menu_home LI IMG { width: 20px; } UL.fsca_menu_home LI H4 { text-transform: uppercase; margin-top: 6px; margin-bottom: 6px; } UL.fsca_menu_home LI .fsca_button { width: 70%; } /* PAGE */ .fsca_page { margin: 0px auto; padding: 0px; } .fsca_page .x-column { padding: 0px; margin-bottom: 20px; } .fsca_page .x-container.no-bottom-margin .x-column { margin-bottom: 0px; } .fsca_page .title-page { font-size: 13px; min-height: 40px; padding-top: 10px; border-top: 2px solid #666666; border-bottom: 2px solid #666666; /* background-color: #DDDDDD; */ padding-left: 2px; text-transform: uppercase; font-weight: 600; position: relative; } .fsca_page .title-page .icon_link_menu_kb { position: absolute; top: 3px; right: 6px; } .fsca_page .title-page.col_rx_padding_help .col_menu_title-rx { padding-right: 40px; } .fsca_page .message-page { margin: 0 auto; padding: 10px; color: #ff0000; display: none; } .fsca_page .message-page.show{ display: block; } .fsca_page .footer-page { margin-top: 20px; } /* MENU */ UL.fsca_page_menu { margin: 0px; border-bottom: 1px solid #9797A6; } UL.fsca_page_menu LI { list-style: none; font-size: 13px; height: 40px; padding-top: 7px; cursor: pointer; } UL.fsca_page_menu LI .cont_text { float: left; } /* set for not mobile */ @media (min-width: 741px) { UL.fsca_page_menu LI .cont_text { max-width: 230px; word-break: break-all; max-height: 25px; overflow: hidden; } } UL.fsca_page_menu LI .cont_raquo { float: right; padding-right: 2px; display: none; } UL.fsca_page_menu LI.selected .cont_raquo { display: block; } UL.fsca_page_menu LI.active { font-weight: bold; } .cont_text { margin-left: 5px; } .cont_text span { margin-left: 5px; } /* primo livello menu */ UL.fsca_page_menu LI.page-menu-li { background-color: #FFFFFF; } UL.fsca_page_menu LI.page-menu-li:not(.page-menu-li-0) { border-top: 1px solid #B4B4B4; } UL.fsca_page_menu LI.page-menu-li.menu_panel_cloud { border-top: 2px solid #666666; border-bottom: 2px solid #666666; } UL.fsca_page_menu LI.page-menu-li .cont_text { text-transform: capitalize;; } UL.fsca_page_menu LI.page-menu-li IMG:not(.no_resize) { width: 16px; } UL.fsca_page_menu LI.page-menu-li:hover, UL.fsca_page_menu LI.page-menu-li.active { background-color: #b4b4b4; } /* secondo livello menu */ DIV.fsca_page_menu_lev2_cont { display: block; margin: 0 auto; padding: 0px; background-color: #dadada; } UL.fsca_page_menu_lev2 { margin: 0px; border-bottom: 1px solid #ffffff; } UL.fsca_page_menu_lev2 LI.page-menu_lev2-li { border-top: 1px solid #ffffff; } UL.fsca_page_menu_lev2 LI.page-menu_lev2-li .cont_text { margin-left: 5px; } UL.fsca_page_menu_lev2 LI.page-menu_lev2-li:hover { background-color: #FFFFFF; } /* set for not mobile */ @media (min-width: 741px) { UL.fsca_page_menu_lev2 LI.page-menu_lev2-li .cont_text { max-width: 190px; } } /* terzo livello meno */ DIV.fsca_page_menu_lev3_cont { display: none; margin: 0 auto; padding: 0px; background: #f0f0f0;} DIV.fsca_page_menu_lev3_cont.cont_selected { display: block; } UL.fsca_page_menu_lev3 { margin: 0px; border-bottom: 1px solid #ffffff; } UL.fsca_page_menu_lev3 LI.page-menu_lev3-li { border-top: 1px solid #ffffff; } UL.fsca_page_menu_lev3 LI.page-menu_lev3-li .cont_text { margin-left: 30px; } UL.fsca_page_menu_lev3 LI.page-menu_lev3-li:hover { background-color: #FFFFFF; } /* set for not mobile */ @media (min-width: 741px) { UL.fsca_page_menu_lev3 LI.page-menu_lev3-li .cont_text { max-width: 200px; } } /* FORM */ .fsca_page FORM INPUT[type="text"], .fsca_page FORM INPUT[type="password"], .fsca_page FORM SELECT, .fsca_page FORM TEXTAREA { border-radius: 2px; font-size: 20px; margin-bottom: 15px; } .fsca_page FORM SELECT { padding-left: 9px; } .fsca_page FORM.fsca_fields_inline INPUT[type="text"], .fsca_page FORM.fsca_fields_inline INPUT[type="password"] { width: 100%;display: block; } .fsca_page .fsca_form_search { background-color: #f0f0f0; border: 1px outset #eeeeee; padding: 8px; } .fsca_page .fsca_page_form_result { padding: 8px; border-bottom: 1px solid #eeeeee; } .fsca_page FORM.fsca_fields_full INPUT[type="text"], .fsca_page FORM.fsca_fields_full INPUT[type="password"], .fsca_page FORM.fsca_fields_full SELECT, .fsca_page FORM.fsca_fields_full TEXTAREA { width: 100%; } .fsca_page FORM BUTTON.fsca_button_full { width: 100%; } .fsca_page FORM.fsca_fields_full .fsca_form_fld_inline { width: 49% !important; } .fsca_page FORM.fsca_fields_full .fsca_form_fld_inline.rx { float: right; } /* errori form */ .fsca_page FORM .error_form { border-color: #ff0000; } .fsca_page FORM .fsca_form_div .form_div_error { color: #ff0000; } /* header & footer form */ .fsca_page_form .fsca_section_header { border-bottom: 1px dotted #cccccc; margin-bottom: 10px; } .fsca_page_form .fsca_section_header .x-column { margin-bottom: 5px; } .fsca_page_form .fsca_section_footer { border-top: 1px dotted #cccccc; margin-top: 10px; } .fsca_page_form .fsca_section_footer .x-column { margin-top: 10px; } .fsca_page_form .fsca_section_footer .x-column.colum_cont_text { height: 34px; padding-top: 2px; } /**/ .fsca_page_form .fsca_section_no_border_margin { border-bottom: none; margin-bottom: 0px; } /* lista stati */ .fsca_page_form .fsca_section_header .cont_list_state { display: table; width: 100%; margin: 0 auto; padding: 0px; font-size: 0.8em; line-height: 110%; } .fsca_page_form .fsca_section_header .cont_list_state .state { display: table-cell; width: 100px; height: 34px; vertical-align: middle; color: #AAAAAA; } .fsca_page_form .fsca_section_header .cont_list_state .state_label { display: table-cell; height: 34px; vertical-align: middle; padding-right: 20px; } .fsca_page_form .fsca_section_header .cont_list_state .state_int { float: left; padding-top: 3px; } .fsca_page_form .fsca_section_header .cont_list_state .state .state_num { width: 20px; height: 20px; border-radius: 10px; text-align: center; background-color: #DDDDDD; margin-right: 4px; } .fsca_page_form .fsca_section_header .cont_list_state .state .state_desc { } .fsca_page_form .fsca_section_header .cont_list_state .state .state_next { float: right; margin-right: 4px; } /* fatto */ .fsca_page_form .fsca_section_header .cont_list_state .state.done { color: #000000; } .fsca_page_form .fsca_section_header .cont_list_state .state.done .state_num { background-color: #cccccc; } /*attivo*/ .fsca_page_form .fsca_section_header .cont_list_state .state.active { font-weight: 600; } .fsca_email_confirmed { width: 20px; position: absolute; /* left: -30px; */ padding-top: 10px; right: 13px; } .fsca_input_confirmed { border-color: #6ecb50 !important; } .demo-first-label-email { display: inline; /* font-size: 15px; */ font-weight: 300; margin-left: 5px; } .privacy_label { display: inline-block; } /*------------------------------------------------------------------------------*/ /* IMPOSTAZIONI MOBILE | REGISTRAZIONE | ATTIVAZIONE */ /*------------------------------------------------------------------------------*/ @media (max-width: 767px) { #fsca_body .content_features .wpb_row { padding-bottom: 0px; } .demo-first-label-email { display: inline; font-size: 15px; font-weight: 300; margin-left: 0px; } .fsca_page FORM INPUT[type="text"], .fsca_page FORM INPUT[type="password"], .fsca_page FORM SELECT, .fsca_page FORM TEXTAREA { height: 35px; font-size: 15px; padding: 0 0.65em; } .box_demo_customer_data textarea { height: 70px !important; font-size: smaller !important; } .cont_box_single_page_form { padding-left: 5% !important; padding-right: 5% !important; } .fsca_email_confirmed { width: 15px; position: absolute; right: 8%; padding-top: 10px; left: auto; } .privacy_text { font-size: smaller; } .privacy_label { display: inline-block; } #CloudDemoConfirm { height: 40px !important; font-size: inherit !important; } .submit-form-mobile { height: 40px !important; font-size: inherit !important; } .cont_box_single_page_form { margin-top: 25px !important; margin-bottom: 25px !important;; } .form_div_error { font-size: smaller; margin-bottom: 10px; } #fsca_body .fsca_form_privacy.privacy_with_box { margin-bottom: 0px !important; border-radius: 0px !important; } #fsca_body .fsca_form_privacy.privacy_with_box .privacy_text { /* padding: 10px 10px 0px 10px; */ padding: 0 !important; padding-left: 10px !important; } .dealer_custom_pages_info { margin: 0px; margin-bottom: 0px; margin-top: 0px; padding-left: 5%; padding-right: 5%; text-align: left; } .fo_logo { text-align: center; } #cont_recore_title { font-size: smaller; } } .button_container { width: 100%; height: 40px; text-align: right; line-height: 30px; } .button_container button { float: right; } /* input disabled */ INPUT.set_disable { color: #999999; } /* select */ .fsca_page FORM SELECT.select_medium { border-radius: 8px; padding: 4px; font-size: 14px; } .fsca_page FORM SELECT.select_small { border-radius: 5px; padding: 2px; font-size: 12px; } .fsca_page SELECT.select_gray { background-color: #cccccc; } /* loading dynamic select */ .select_dynamic_loading .mask { display: none; } .select_dynamic_loading.div_mask_on .mask { display: block; } /* .fsca_page .div_mask_on { position: relative; } .fsca_page .div_mask_on .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent url(../img/overlay_white_a30.png) top left; } .fsca_page .div_mask_on .mask .table { display: table; width: 100%; height: 100%; } .fsca_page .div_mask_on .mask .table.auto { display: table; width: auto; height: auto; } .fsca_page .div_mask_on .mask .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; font-size: 150%; padding-top: -20px; } /* overlay with alpha spec * .fsca_page .div_mask_on .mask.mask_a70 { background-image: url(../img/overlay_white_a70.png); } .fsca_page .div_mask_on .mask.mask_a30 { background-image: url(../img/overlay_white_a30.png); } .fsca_page .div_mask_on .mask.transparent { background-image: url(../img/overlay_transparent.png); } */ /* JQUEY select html (with ddSlick http://designwithpc.com/Plugins/ddSlick ) */ .fsca_select_html { position:relative; } /* per il momento inserisco la div con altezza minima per problema tendina con mobile e lista che va sotto */ .fsca_select_html DIV.dd-select { border-radius: 3px; padding-top: 0px; padding-bottom: 0px; } .fsca_select_html DIV.dd-select A.dd-selected { color: #000000; padding-top: 0px; padding-bottom: 0px; } .fsca_select_html .dd-option { border-bottom: none; padding-top: 0px; padding-bottom: 0px; } /**/ /* input RADIO / CHECKBOX */ INPUT.check_medium, INPUT.radio_medium { -ms-transform: scale(1.8); /* IE */ -moz-transform: scale(1.8); /* FF */ -webkit-transform: scale(1.8); /* Safari and Chrome */ -o-transform: scale(1.8); /* Opera */ margin-left: 6px; margin-right: 6px; border: 1px solid #afafaf !important; padding-bottom: 5px; } .fsca_checkradio_align_right INPUT.check_medium, .fsca_checkradio_align_right INPUT.radio_medium { float: right; margin-left: 12px; } /* CheckBox With Image */ .checkbox_float { float: left; } .checkbox_margin { margin-top: 6px; margin-bottom: 10px; } /* Black */ .checkbox_black { min-width: 150px !important; } .checkbox_black:not(#foo) > INPUT[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } .checkbox_black:not(#foo) > INPUT[type='checkbox'] + label { margin: 0px; padding: 0px 0px 0px 34px; cursor: pointer; background-position: left center; background-repeat: no-repeat; height: 30px; display: block; } .checkbox_black:not(#foo) > label { padding-top: 5px; } .checkbox_black:not(#foo) > INPUT[type=checkbox] + label { background-image: url(../img/chk_off_black.png); } .checkbox_black:not(#foo) > INPUT[type=checkbox]:checked + label { background-image: url(../img/chk_on_black.png); } /* small */ .checkbox_black.checkbox_black_small:not(#foo) > INPUT[type='checkbox'] + label { padding-left: 24px; height: 20px; text-align: left; } .checkbox_black.checkbox_black_small:not(#foo) > label { padding-top: 2px !important; line-height: 101% } .checkbox_black.checkbox_black_small:not(#foo) > INPUT[type=checkbox] + label { background-image: url(../img/chk_off_black_small.png); } .checkbox_black.checkbox_black_small:not(#foo) > INPUT[type=checkbox]:checked + label { background-image: url(../img/chk_on_black_small.png); } /* small right*/ .checkbox_black.checkbox_small_right:not(#foo) > INPUT[type='checkbox'] + label { padding-right: 24px; text-align: right; background-position: right center; } /* check box circle */ .checkbox_circle, .radio_circle { min-width: 150px !important; } .checkbox_circle:not(#foo) > INPUT[type=checkbox], .radio_circle:not(#foo) > INPUT[type=radio] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } .checkbox_circle:not(#foo) > INPUT[type='checkbox'] + label, .radio_circle:not(#foo) > INPUT[type='radio'] + label { margin: 0px; padding: 0px 0px 0px 20px; cursor: pointer; background-position: left center; background-repeat: no-repeat; height: 30px; display: block; } .checkbox_circle:not(#foo) > label, .radio_circle:not(#foo) > label { padding-top: 1px !important; padding } .checkbox_circle:not(#foo) > INPUT[type=checkbox] + label, .radio_circle:not(#foo) > INPUT[type=radio] + label { background-image: url(../img/cc_radio_off.png); } .checkbox_circle:not(#foo) > INPUT[type=checkbox]:checked + label, .radio_circle:not(#foo) > INPUT[type=radio]:checked + label { background-image: url(../img/cc_radio_on.png); } /* checkbox_circle aling right */ .checkbox_circle.checkbox_align_right:not(#foo) > INPUT[type='checkbox'] + label, .radio_circle.radio_align_right:not(#foo) > INPUT[type='radio'] + label { padding: 0px 24px 0px 0px; background-position: right 1px center; } .checkbox_circle.checkbox_align_right:not(#foo) > label, .radio_circle.radio_align_right:not(#foo) > label { float: right; } /* checkbox_circle small */ .checkbox_circle.checkbox_circle_small:not(#foo) > INPUT[type='checkbox'] + label, .radio_circle.radio_circle_small:not(#foo) > INPUT[type='radio'] + label { padding-top: 4px !important; font-size: 12px; } /* check box square */ .checkbox_square { min-width: 150px !important; } .checkbox_square:not(#foo) > INPUT[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } .checkbox_square:not(#foo) > INPUT[type='checkbox'] + label { margin: 0px; padding: 0px 0px 0px 20px; cursor: pointer; background-position: left center; background-repeat: no-repeat; height: 30px; display: block; } .checkbox_square:not(#foo) > label { padding-top: 0px !important; padding } .checkbox_square:not(#foo) > INPUT[type=checkbox] + label { background-image: url(../img/cc_checkbox_square_off.png); } .checkbox_square:not(#foo) > INPUT[type=checkbox]:checked + label { background-image: url(../img/cc_checkbox_square_on.png); } /* checkbox_circle aling right */ .checkbox_square.checkbox_align_right:not(#foo) > INPUT[type='checkbox'] + label { padding: 0px 24px 0px 0px; background-position: right 1px center; } .checkbox_square.checkbox_align_right:not(#foo) > label { float: right; } /* checkbox_circle small */ .checkbox_square.checkbox_square_small:not(#foo) > INPUT[type='checkbox'] + label { padding-top: 4px !important; font-size: 12px; } .checkbox_street_price input { display: none; } #simply_show_street_price_show .checkbox_street_price_icon { background: url(../img/add.svg) no-repeat; background-size: 15px; height: 15px; display: inline-block; width: 15px; vertical-align: sub; margin-right: 5px; } #simply_show_street_price_show label { display: inline-block; } #simply_show_street_price_hide label { display: inline-block; } #simply_show_street_price_hide .checkbox_street_price_icon { background: url(../img/minus.svg) no-repeat; background-size: 15px; height: 15px; display: inline-block; width: 15px; vertical-align: sub; } /* check box plus */ .checkbox_plus { min-width: 150px !important; } .checkbox_plus:not(#foo) > INPUT[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } .checkbox_plus:not(#foo) > INPUT[type='checkbox'] + label { margin: 0px; padding: 0px 0px 0px 20px; cursor: pointer; background-position: left center; background-repeat: no-repeat; height: 30px; display: block; } .checkbox_plus:not(#foo) > label { padding-top: 0px !important; padding } .checkbox_plus:not(#foo) > INPUT[type=checkbox] + label { background-image: url(../img/add.svg);background-size: 15px; } .checkbox_plus:not(#foo) > INPUT[type=checkbox]:checked + label { background-image: url(../img/minus.svg); background-size: 15px; } /* checkbox_circle aling right */ .checkbox_plus.checkbox_align_right:not(#foo) > INPUT[type='checkbox'] + label { padding: 0px 24px 0px 0px; background-position: right 1px center; } .checkbox_plus.checkbox_align_right:not(#foo) > label { float: right; } /* checkbox_circle small */ .checkbox_plus.checkbox_plus_small:not(#foo) > INPUT[type='checkbox'] + label { padding-top: 4px !important; font-size: 12px; } /* UPLOAD FILE */ .div_inputfile_box .div_inputfile_btn { margin-top: 8px; } .div_inputfile_box .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .div_inputfile_box .inputfile + label { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; background: url(../img/ico/cc_ico_upload_grey.png) no-repeat center left; padding-left: 30px; padding-top: 8px; } /* CUSTOMER PAGE */ .dealer_custom_pages_info { position: relative; } .dealer_custom_pages_info .custom_field { margin: 0 auto; padding: 0px; position: relative; } .dealer_custom_pages_info.fsca_divtable .td.logo IMG, .cutomer_logo_max_height IMG { max-height: 100px; } /* POPUP */ .fsca_page_popup.fsca_popup_message_confirm { padding-top: 10px; padding-bottom: 10px;} /* nascondo elementi solo mobile */ .mobile { display: none; } .mobile_max420 { display: none !important; } /*------------------------------------------------------------------------------*/ /* IMPOSTAZIONI MOBILE */ /*------------------------------------------------------------------------------*/ @media (min-width: 1080px) and (max-width: 1279px) { .x-container.width { width: 98% !important; } } @media (max-height: 375px) { /* dialog frame */ .ui-dialog .ShareContent_PreviewFile { min-height: 100px; } } @media (max-width: 374px) { .topbar_site .cont_button .td.btn_help { display: none; } } @media (max-width: 420px) { .desktop_min420 { display: none !important; } DIV.mobile_max420 { display: block !important; } SPAN.mobile_max420 { display: inline !important; } /* CUSTOMER PAGE */ .dealer_custom_pages_info.fsca_divtable .td.logo IMG { margin-top: 10px !important; } } @media (max-width: 740px) { .min_h36px_media_minw_740px { height: auto !important; } .min_h39px_media_minw_740px { height: auto !important; } .min_h40px_media_minw_740px{ height: auto !important; } } @media (max-width: 767px) { /* top */ #cont_choose_lang div.x-container.max.width { padding-bottom: 3px !important; } #fsca_body .x-content-band .wpb_row_box_middle { width: auto !important; margin: 2px !important; } .fsca_banner_container { margin-bottom: 20px !important; } .widget_header { display: none; } /* nascondo elementi solo desktop */ .desktop { display: none !important; } /* mostro elementi solo mobile */ .mobile { display: block; } .mobile.span_mobile { display: inline; } /* colonne pagine */ .x-column.fsca_col_lx { margin-bottom: 0px; } .x-column.x-1-5 { width: 100%; } .fsca_page .fsca_col_cx { padding-top: 8px; } /* Menu Pagine */ .fsca_page_menu_cont.list { display: none; } .fsca_page_menu_cont.list.open { display: block; } .title-page-menu { font-size: 12px; min-height: 40px; padding-top: 10px; padding-left: 2px; border-top: 1px solid #9797A6; border-bottom: 1px solid #9797A6; background-color: #DDDDDD; text-transform: uppercase; } .title-page-menu IMG { width: 20px; } UL.fsca_page_menu { border-bottom-width: 2px; } /* Form pagine */ .fsca_page FORM.fsca_fields_inline INPUT[type="text"], .fsca_page FORM.fsca_fields_inline INPUT[type="password"], .fsca_page .fsca_form_div_inline INPUT[type="text"], .fsca_page .fsca_form_div_inline INPUT[type="password"] { width: 100%; } .fsca_page FORM.fsca_fields_inline BUTTON { width: 100%; } .fsca_page_form .fsca_section_header .cont_list_state .state .state_num { float: none; } .fsca_page FORM.fsca_fields_full .fsca_form_fld_inline { width: 100% !important; } .fsca_page FORM.fsca_fields_full .fsca_form_fld_inline.rx { float: none; } /* div table */ .fsca_divtable:not(.mobile_table) { font-size: 10px;} .fsca_divtable:not(.mobile_table) .td.align-right.no_align_mobile { text-align: left !important; } /* popup */ .fsca_page_popup { padding-top: 0px; } /* table */ TABLE.list TR.header.desktop { display: none;} TABLE.list TR.tbody td { display: block; text-align:center; border-top: none; border-bottom: none; } TABLE.list TR.tbody td:first-child { margin-top: 10px; font-weight: 600; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } TABLE.list.width_50xp.no_mobile_width_50xp{ width: 90%; } /* SUMMARY LIST */ /* column */ .fsca_summary_list TABLE.list TD:not(.td_ico_mobile) { font-size: 12px; } } @media (max-width: 1023px) { /*widget top */ .widget_header { display: none; } } @media (max-width: 1024px) { /*top */ #top > header > div.x-topbar { padding-left: 2px; } } /* QPS CALCULATOR */ .fsca_QPS_Simulator label { display: inline-block; } .fsca_QPS_Simulator input { width: 70px; display: inline-block; float: right; } .fsca_QPS_Simulator #avgQPS { margin-left:10px; font-weight: 600; } .fsca_QPS_Simulator #peakQPS { margin-left:10px; } .fsca_QPS_Simulator_output .fsca_QPS_Simulator_input { display: inline-block; } .fsca_QPS_Simulator_input input { margin-bottom: 0px !important; height: 30px; margin-top: 5px; margin-right: 5px; border-radius: 5px;s } .fsca_QPS_Simulator_input { height: 40px; line-height: 40px; border-top: 1px solid #cecece; } .fsca_QPS_Simulator_input:nth-child(even) { background: #EEEEEE; } .fsca_QPS_Simulator nav li { margin-bottom: 22px; margin-right: 10px; } .fsca_QPS_Simulator h5 { margin-bottom: 25px; font-weight: 400; display: inline-block; } .fsca_QPS_Simulator p { font-size: smaller; font-style: italic; margin-bottom: 25px; } .fsca_QPS_Simulator_output { display: inline-block; padding-right: 15px; } .fsca_QPS_Simulator_output .fsca_QPS_Simulator_input { float: right; margin-left: 85px; margin-top: -10px; } .fsca_QPS_Simulator_output_and_button { height: 80px; } .fsca_QPS_Simulator_input_labelAVG { font-size:18px; color:#FF5A00; font-weight: 600; } .fsca_QPS_Simulator_input_labelAVG_value { color:#FF5A00; font-size:18px; } .fsca_QPS_Simulator_demo { text-align: center; } .fsca_QPS_Simulator_demo h6 { text-transform: capitalize; margin-top: 10px; display: inline-block; } .fsca_QPS_Simulator_demo h5 { text-transform: capitalize; font-weight:500; display: inline-block; margin-right: 15px; } @media screen and (max-width: 690px) { .fsca_QPS_Simulator { width: 90%; margin-left: 5%; margin-right: 5%; } } @media screen and (max-width: 450px) { .fsca_QPS_Simulator { width: 100%; margin-left: 0%; margin-right: 0%; } .fsca_QPS_Simulator_input { margin-bottom: 0px; font-size: smaller; width: 100%; display: inline-block; } .fsca_QPS_Simulator input { width: 50px; float: right; } } #reDoCalculation { background: none!important; color: inherit; border: none; padding: 0 !important; font: inherit; font-size: smaller; } /* NEW TICKET */ .fsca_form_div_ticket { text-align: center; display: inline-block; width: 100%; } .fsca_form_div_ticket input { width: 100%; cursor: auto; height: 60px; margin-bottom: 20px; font-size: 20px; } .fsca_form_div_ticket input { width: 100%; cursor: auto; height: 40px; font-size: 20px; } .fsca_form_div_ticket select { width: 100%; height: 40px; margin-bottom: 20px !important; font-size: 20px; } .fsca_form_div_label_field { display: block; font-size: large; font-weight: 500; margin-bottom: 10px; margin-top: 10px; font-weight: 600; text-align: left; } .fsca_form_div_ticket_button { float:right; margin-top: 10px; } .fsca_form_div_ticket_button_close { float: left; } .fsca_form_div_ticket ::placeholder { color: #b7b7b7; opacity: 1; /* Firefox */ } .fsca_form_div_ticket select option:first-of-type { color: #b7b7b7; opacity: 1; /* Firefox */ } .fsca_form_div_element textarea { width: 100%; height: 122.5px; cursor: auto; resize:none; font-size: 20px; } .fsca_form_div_element_container { padding-bottom: 15px; margin-bottom: 10px; text-align: left; } .fsca_form_div_element { text-align: left; } #sendText { margin-bottom: 18px !important; } /* VIEW TICKETS */ .fsca_form_div_ticket_table td { border-top: 1px solid #cccccc; border-bottom: none; cursor: pointer; } .fsca_form_div_ticket_table thead { border-top: 1px solid #cccccc; } .fsca_form_div_elementTicket { padding-left: 10px; padding-right: 10px; } .fsca_form_div_ticket_table tr:hover:not(:last-child) { background-color: #DDDDDD; } .fsca_form_div_ticket_table tfoot th { text-align: center; } .fsca_form_div_ticket_table .pager { display: inline-block; } .fsca_form_div_ticket_table .pagecount a { color: #b5b5b5; } .fsca_form_div_ticket_table .pagecount .current { color: #4a4a4a; } .fsca_form_div_ticket_button_close { width:100%; display: contents; } .fsca_form_div_ticket_title label { display: inline-block; } .fsca_form_div_ticket_title { font-weight: bold; } .fsca_form_div_ticket_title p { display: inline-block; } .fsca_form_div_ticket_title_cod { font-weight: 100; } .fsca_form_div_ticket_title_state { float:right; font-weight: 100; } .fsca_form_div_ticket_table tr { height: 40px; } .fsca_form_div_ticket_title_stateDescr { font-weight: 600; } .fsca_form_div_ticket_data { display: inline-block; position: relative; float: right; /* top: 102px; */ /* bottom: -30px; */ right: 15px; top: 10px; font-size: 11px; font-style: oblique; } .fsca_form_div_ticket_user { display: inline-block; position: relative; float: left; left: 15px; top: 5px; font-weight: 600; } .fsca_form_div_ticket_user label { display: inline-block; } .fsca_form_div_ticket_attachment { width: 100%; display: inline-block; background: #ececec; border-radius: 10px; text-align: left; padding-left: 15px; padding-top: 10px; } .fsca_form_div_ticket_attachment img { width: 16px; display: inline-block; margin-right:5px; } .fsca_form_div_ticket_attachment label { font-size:12px; display: inline-block; margin-right:15px; } .fsca_form_div_ticket_attachment_element { padding-top: 5px; display: block; cursor: pointer; font-size: 14px; } .fsca_form_div_ticket_attachment_element input { padding-top: 0px; display: block; cursor: pointer; font-size: 14px; margin-top: 0px; } #imgUploadAttach { width: 20px; display: inline; right: 235px; padding-top: 8px; left: 22%; } #backToTicketList { width: 100%; display: inline; } #backToTicketList button { margin-right: 15px; } .fsca_form_div_ticket_response { width: 100%; margin-bottom: 20px; } .fsca_form_div_ticket_response hr { margin: 5px; width: 95%; margin-left: 15px; border-top: 1px solid #cccccc !important; } .fsca_form_div_ticket_responseText { margin-top: 5px; background: #ececec; border-radius: 10px; } .fsca_form_div_ticket_responseText p { padding-top: 30px; padding-left: 15px; padding-right: 15px; text-align: left; margin: 0px; padding-bottom: 5px; word-break: break-word; } .fsca_form_div_ticket_responseIcons { text-align: left; margin-right: 15px; padding-bottom: 5px; text-align: right; } .fsca_form_div_ticket_responseIcons img { height: 17px; display: inline-block; margin-left: 15px; } .fsca_form_div_ticket_responseIcons label { display: inline-block; font-size: smaller; } .fsca_form_div_element_answer { } .fsca_form_div_ticket_ragione_text { text-align: right; font-size: 9px; font-weight: 400; float: right; display: inline; width: 50%; } .fsca_form_div_ticket_title_attach { display:inline-block; bottom: 30px; font-weight: bold; font-size:11px; } .fsca_form_tickets_error { color:red; display:none; } .fsca_form_div_element_answer textarea { border-radius: 10px; width:78%; height:120px; resize: none; font-size:20px; margin-left: 22%; } .fsca_form_div_ticket_responseText hr { margin: 5px; width: 95%; margin-left: 15px; border-top: 1px solid #cccccc !important; } .fsca_form_div_ticket_title_problem { display: inline-block; font-weight: bold; position: absolute; } .fsca_form_div_ticket_problem_text { width: 78%; margin-left: 22%; word-break: break-word; } .fsca_form_div_ticket_title_problem label { display: inline-block; } .fsca_form_div_ticket_problem_text { display: inline-block; text-align: left; } .fsca_form_div_element_upload { width: 100%; float: left; text-align: left; } .fsca_form_div_element_upload label { display: inline; } .trianLeft::after{ left: 94%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ECECEC transparent transparent transparent; content: ''; position: absolute; } .trianRight::after{ right: 94%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #FFF3E8 transparent transparent transparent; content: ''; position: absolute; } .trianRightAV::after{ right: 94%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f1ffdf transparent transparent transparent; content: ''; position: absolute; } .trianLeftAV::after{ left: 94%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f1ffdf transparent transparent transparent; content: ''; position: absolute; } .fsca_form_div_ticket_teamTag { font-size: 9px; display: inline-block; margin-left: 4px; background: orange; color: white; padding-left: 5px; padding-right: 5px; border-radius: 4px; } .fsca_iconTicket { float: right; width:19px; } .fsca_form_div_open_tickets { text-align: center; } .fsca_form_div_collapse_tickets { text-align: center; } .fsca_form_div_ticket_thank { width: 100%; text-align: left; margin-top: 40px; } .fsca_form_div_ticket_thank button { float: right; margin-right: 10px; } .fsca_form_div_ticket_title_obj { left: 22%; position: absolute; } #fsca_form_div_ticket_button_show { width: 78%; } #deleteAttach img { float: right; } #fileToUploadDiv input { background: white; } #fileToUpload0 input::-webkit-file-upload-button { padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #666666; color: white; border: 2px solid #666666; font-size: 14px; text-transform: initial; height: 35px; transition: all 0.15s linear; } #fileToUpload1 input::-webkit-file-upload-button { padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #666666; color: white; border: 2px solid #666666; font-size: 14px; text-transform: initial; height: 35px; transition: all 0.15s linear; } #fileToUpload2 input::-webkit-file-upload-button { padding-left: 20px; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #666666; color: white; border: 2px solid #666666; font-size: 14px; text-transform: initial; height: 35px; transition: all 0.15s linear; } #fileToUpload0 input::-webkit-file-upload-button:hover { color: #666666; background: white; text-transform: initial; border: 2px solid #666666; } #fileToUpload1 input::-webkit-file-upload-button:hover { color: #666666; background: white; text-transform: initial; border: 2px solid #666666; } #fileToUpload2 input::-webkit-file-upload-button:hover { color: #666666; background: white; text-transform: initial; border: 2px solid #666666; } #fileToUpload0 input { height: 40px; background: #ffffff; width:90%; font-size: 13px; width: 90%; font-size: 13px; height: 40px; margin-bottom: 0px; } #fileToUpload1 input { height: 40px; background: #ffffff; width:90%; font-size: 13px; width: 90%; font-size: 13px; height: 40px; margin-bottom: 0px; } #fileToUpload2 input { height: 40px; background: #ffffff; width:90%; font-size: 13px; width: 90%; font-size: 13px; height: 40px; margin-bottom: 0px; } #fileToUpload0 img { width: 20px; width: 15px; float: right; padding-top: 13px; } #fileToUpload1 img { width: 20px; width: 15px; float: right; padding-top: 13px; } #fileToUpload2 img { width: 20px; width: 15px; float: right; padding-top: 13px; } #fileToUploadInfo { display:none; text-transform: initial; margin-bottom: 10px; } #fileToUpload0 { width: 70%; } #fileToUpload1 { width: 70%; } #fileToUpload2 { width: 70%; } #deleteAttach0 { cursor: pointer; } #deleteAttach1 { cursor: pointer; } #deleteAttach2 { cursor: pointer; } .fsca_form_div_ticket_title_cod { font-size: 12px; } @media screen and (max-width: 860px) { #backToTicketList { display: block; margin-right: 0px; margin-top: 10px; } #backToTicketList button { margin-right: 0px !important; } } @media screen and (max-width: 690px) { #backToTicketList { display: none; } #imgUploadAttach { width: 20px; display: inline; right: 240px; padding-top: 8px; left:auto; } #formTicket { padding-left: 5px; padding-right: 5px; } #fsca_form_div_ticket_button_show { width: 100%; } .fsca_form_div_ticket_title { font-size: smaller; } .fsca_form_div_element_answer textarea { border-radius: 10px; height: 120px; resize: none; font-size: 20px; margin-left:0px; padding: 0px; width: 100%; } .trianLeft::after{ left: 87.5%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ECECEC transparent transparent transparent; content: ''; position: absolute; } .fsca_form_div_ticket_attachment_element input { font-size: 10px; } .trianRight::after{ right: 87.5%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #FFF3E8 transparent transparent transparent; content: ''; position: absolute; } .trianLeftAV::after{ left: 87.5%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f1ffdf transparent transparent transparent; content: ''; position: absolute; } .trianRightAV::after{ right: 87.5%; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #f1ffdf transparent transparent transparent; content: ''; position: absolute; } #backToTicketList { text-align: center; } #backToTicketList button { float: none !important; } .fsca_form_div_elementTicket { padding-left: 10px !important; padding-right: 10px !important; } .fsca_form_div_ticket_data { display: none; } .fsca_form_div_ticket_user { font-size: smaller; } .fsca_form_div_ticket_user img { height: 13px; } .fsca_form_div_ticket_title_obj { display: none !important; } .fsca_form_div_ticket_title_state { margin-right: 10px; } .fsca_form_div_ticket_title_cod { padding-left: 10px; } .fsca_form_div_ticket_title_attach { width: 100%; text-align: center; } .fsca_form_div_ticket_ragione_text { width: 100%; text-align: center; } #tableTickets { font-size: 10px; } .fsca_iconTicket { float: right; width:15px; } .tablesorter-pager { font-size: smaller; } .fsca_form_div_ticket { padding-left: 10px; padding-right: 10px; } .fsca_form_div_ticket_title_problem { display: block; font-weight: bold; position: relative; text-align: center; } .fsca_form_div_ticket_problem_text { display: inline-block; text-align: left; width: 100%; margin-left: 0%; } #deleteAttach { padding-top: 8px !important; } } /* FAQ TICKETS */ .fsca_tickets_div_faq { margin-top: 39px; width: 100%; } .fsca_tickets_div_faq select { border-radius: 2px; padding: 10px; font-size: 20px; margin-bottom: 15px; font-family: "Open Sans",sans-serif; height: 2.65em; width: 100%; font-size: 20px; } .fsca_tickets_faq_title { font-weight: 400; font-size: 16px; } #labelOnFaqLoad { border-bottom: 1px solid #9797A6; margin-bottom: 0px; height: 80px; line-height: 80px; } #FAQ_tickets h5 { font-weight: 500; } .faq_feedback { display: inline-block; float: left; color: #6e6e6e; font-size: 12px; padding-top: 10px; padding-left: 5px; } .faq_feedback label { display: inline-block; } .faq_feedback_title { margin-right: 10px; } .faq_feedback_choice label { cursor: pointer; } .faq_feedback div { display: inline-block; } .faq_feedback img { cursor: pointer; } .spacer-faq { margin-bottom: 40px; } /* METODO RICONTATTO */ .fsca_form_div_ticket_contact_row label { display: inline-block; } .fsca_form_div_ticket_contact_row { height: 60px; width: 30.5%; display: inline-block; height: 163px; text-align: center; border: 1px solid #b4b4b4; } .fsca_form_div_ticket_contact { text-align: left; } .fsca_form_div_ticket_contact .selectedContact { background: #404040; } .fsca_form_div_ticket_form_contact { /* width: 70%; margin-left: 30%; text-align: left; */ width: 100%; } .fsca_form_div_ticket_form_contact h4 { text-align: left; margin-top: 0px; margin-bottom: 35px; } #radio-ticket-skype { display: none; } #radio-ticket-whatsapp { display: none; } #radio-ticket-email { display: none; } .fsca_form_div_ticket_contact_logo { width: 45px; display: block; margin: 0 auto; margin-top: 35px; } .fsca_form_div_ticket_contact_info { margin-top: 20px; display: block; color: black; } .fsca_form_div_ticket_contact_edit { width: 20px; margin-left: 10px; /* position: absolute; */ /* margin-top: 20px; */ right: 25%; /* border-bottom: 1px solid; */ /* height: 60px; */ /* border-bottom: 1px solid #b4b4b4; */ display: inline; cursor: pointer; } .fsca_form_div_ticket_contact_row:hover { background: #404040; cursor: pointer; } #edit-skype { display: inline; width: 75%; vertical-align: sub; height: 30px; font-size: medium; } #edit-whatsapp { display: inline; width: 75%; vertical-align: sub; height: 30px; font-size: medium; } #edit-email { display: inline; width: 75%; vertical-align: sub; height: 30px; font-size: medium; } .fsca_form_div_ticket_contact_check { width: 25px; display: none; } #loading-skype-img { height: 20px; border-bottom: 0; } #loading-whatsapp-img { height: 20px; border-bottom: 0; } .fsca_form_div_ticket_edit_pos { float: right; margin-top: 2px; margin-right: 5px; } @media only screen and (max-width: 1090px) { #link440 a { font-size: smaller; } .fsca_form_div_ticket_contact_row { width: 95%; margin-left: 2.5%; /* width: 30.5%; */ display: inline-block; height: 140px; text-align: center; border: 1px solid #b4b4b4; margin-bottom: 10px; } .fsca_form_div_ticket_contact_logo { width: 45px; display: block; margin: 0 auto; margin-top: 28px; } } /* TRIAL IN A BOX */ .ca_tbox_choice { width: 100%; margin-bottom: 15px; text-align: center; } .ca_tbox_choice_box { width: 30%; display: inline-block; vertical-align: top; } .ca_tbox_choice_box label { display: inline-block; } .ca_tbox_choice_box input { height: 25px; width: 25px; display: inline-block; margin-right: 5px; } .ca_tbox_choice_box img { cursor: pointer; } .ca_tbox_choice_box .formatImg { border: 2px solid #ddd; box-shadow: 4px 4px 8px 0px #ddd; } .ca_tbox_choice_box:not(:last-child) { margin-right: 3%; } #tbox_formatCard label { font-weight: 800; } /* FEEDBACK LICENSE */ .licenseFeedback { width: 100%; } .licenseField { width: 100%; } .licenseField select { width: 100%; margin-top: 10px; } .licenseField textarea { width: 100%; } #closeFeedBackLicenses { cursor: pointer; margin-right: 10px; text-decoration: underline; display: inline-block; } .plus-menu { width: 8px; height: 8px; display: inline-block; vertical-align: inherit; margin-left: 5px; margin-right: 5px; background-image: url('/customerarea/ca-include/img/add.svg'); background-repeat: no-repeat; background-size: contain; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 0.5s linear; } .minus-menu { width: 8px; height: 8px; display: inline-block; vertical-align: inherit; margin-left: 5px; margin-right: 5px; background-image: url('/customerarea/ca-include/img/minus.svg'); background-repeat: no-repeat; background-size: contain; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 0.5s linear; } .inactive-button { background-color: #d4d4d4 !important; background-image: none !important; border: none !important; width: 35% !important; text-transform: none !important; border-radius: 2px !important; color: #a5a5a5 !important; border: 2px solid #bbbbbb !important; pointer-events: none !important; } tr.canceled_1 { opacity: 0.5; } .buyClass { height: 165px; } .tr_bulk_price td { margin-top: 5px; } .buyClass .bulk_pack { background-size: 245px 165px !important; height: 100% !important; } .buyClass .fsca_page .div_mask_on .mask { height: 120px; } .buyClass .mask { height: 140px !important; } .buyClass .box_center { padding-top:10px !important; } .ca-menu-icon { font-size: 15px; vertical-align: initial; width: 15px; text-align: center; color: #333333; } .ca-header-icons { color: #333333; font-size: 25px; } .ca-home-icons { color: #333333; font-size: 28px; margin: 10px; } /* NUOVO STILE PULSANTI */ .button-green { padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #2DB300; color: white; border: 2px solid #2DB300; font-size: 14px; text-transform: initial; height: 30px; transition: all 0.15s linear; } .button-green:hover { color: #2DB300; background: white; border: 2px solid #2DB300; text-transform: initial; } .button-grey { padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #666666; color: white; border: 2px solid #666666; font-size: 14px; text-transform: initial; height: 30px; transition: all 0.15s linear; } .button-grey:hover { color: #666666; background: white; text-transform: initial; border: 2px solid #666666; } .button-grey-active { color: #666666; background: white; text-transform: initial; border: 2px solid #666666; } .button-orange { padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; border-radius: 5px; background: #f39100; color: white; border: 2px solid #f39100; font-size: 14px; text-transform: initial; height: 30px; transition: all 0.15s linear; } .button-orange:hover { color: #f39100; background: white; text-transform: initial; border: 2px solid #f39100; } .button-big { height: 60px; font-size: 18px; } .loading-validating { width: 20px; position: absolute; padding-top: 10px; right: 13px; display: none; } .checked-validating { width: 20px; position: absolute; padding-top: 10px; right: 13px; display: none; } @media (max-width: 767px) { .checked-validating { width: 15px; position: absolute; right: 8%; padding-top: 10px; left: auto; } .loading-validating { width: 15px; position: absolute; right: 8%; padding-top: 10px; left: auto; } .fsca_login_error .info { font-size: 10px; } .fsca_login_error { font-size: 13px; } .button-orange { padding-left: 0px; padding-right: 0px; font-size: 12px; } .button-grey { padding-left: 0px; padding-right: 0px; font-size: 12px; } .button-green { padding-left: 0px; padding-right: 0px; font-size: 12px; } } #login-msg { width: 100%; height: 36px; } .margin-top-40px { margin-top: 40px; } /* CUSTOMER RESELLER */ DIV.cont_cl_tu_sublevel DIV.checkbox_flag_reseller_tu { width: 349px; } DIV.cont_cl_tu_sublevel DIV.list_cl_tu_sublevel { width: 100%; margin: 0 auto; padding: 0px; margin-bottom: 10px; } DIV.cont_cl_tu_sublevel DIV.btn_toggle_view_more { width: 100%; margin: 0 auto; padding: 0px; margin-bottom: 8px; } DIV.cont_cl_tu_sublevel DIV.btn_toggle_view_more .btn_toggle_view_more_cont { float: left; } .banner_steps_text { height: 100px; } .banner_steps { padding-left: 0px; } .banner_steps_number { height: 100px; display: inline-block; font-size: 60px; float: left; } .banner_steps_number label { height: 100px; font-weight: 800; color: white; line-height: 100px; } .banner_steps_icon { height: 100px; display: inline-block; line-height: 100px; float: left; padding-left: 10px; padding-right: 10px; } .banner_steps_icon img { height: 70px !important; display: inline-block; } .banner_steps_text { height: 100px; display: inline-block; width: 245px; float: left; padding-top: 5px; padding-bottom: 5px; } .banner_steps_text label { display: inline-block; } .banner_steps_container_step { padding-right: 0px; } .banner_steps_text .TextBold { font-size: 18px; } .pricelist_banner .row { margin-right: 0px; margin-left: 0px; } @media (max-width: 1440px) { .banner_steps_text .TextBold { font-size: 13px; } .banner_steps_text { height: 100px; display: inline-block; width: 185px; float: left; font-size: 10px; padding-top: 5px; padding-bottom: 5px; line-height: 40px; } .banner_steps_icon { height: 100px; display: inline-block; line-height: 100px; float: left; padding-left: 10px; width: 60px; padding-right: 10px; } .banner_steps_icon img { height: 40px !important; width: 40px !important; } .banner_steps_number { height: 100px; display: inline-block; font-size: 60px; float: left; font-size: 35px; } } @media (max-width: 767px) { .jconfirm-box { width: 95% !important; } .jconfirm-title { font-size: 17px !important; } .fsca_summary_list.open .cont_header { display: block; } .fsca_summary_list .cont_header .title { font-weight: bold; font-size: 12px; } } .table_summary_customers { word-break: break-all; } .table_summary_customers td { vertical-align: middle !important; } .table_summary_customers th { vertical-align: middle !important; } .login_remember_password { margin-bottom: 10px; text-transform: inherit; } .login_remember_password label { display: inline-block; vertical-align: sub; padding-left: 5px; } .kb-title { font-family: Open Sans; font-size: 22pt; font-weight: 200; } .kb-subtitle { font-family: Open Sans; font-size: 22pt; font-weight: 200; color: #f39200; } .kb-link { font-family: Open Sans; color: #f39200; text-decoration: underline; } .kb-link:hover { text-decoration: underline; color: black; }