@import url('styles-blessed1.css?z=1710335272320'); @import url('styles-blessed2.css?z=1710335272320'); @import url('styles-blessed3.css?z=1710335272320'); @import url('styles-blessed4.css?z=1710335272320'); @import url('styles-blessed5.css?z=1710335272320'); @import url('styles-blessed6.css?z=1710335272320'); @import url('styles-blessed7.css?z=1710335272320'); @import url('styles-blessed8.css?z=1710335272320'); @import url('styles-blessed9.css?z=1710335272320'); @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile { width: 42%!important; padding: 0px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p { padding: 15px 10px; text-align: left; width: 100%; font-size: 14px !important; color: #666666; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p { padding: 15px 10px; text-align: left; width: 100%; font-size: 14px !important; color: #666666; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number { width: 13% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number p { float: left; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name { width: 20% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address { width: 20% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building { border-right: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building p { border-right: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email { width: 25% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email .email-wrap, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email .email-wrap { width: 100%; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status { width: 15% !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status { width: 38%!important; display: flex!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status { width: 38%!important; display: flex!important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status { width: 100%!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status p { font-family: Arial; font-size: 14px; padding: 0 10px; color: #666666; line-height: 16px; letter-spacing: 0.16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status p .status_RefId, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status .status p .status_RefId { margin-top: -5px !important; margin-right: -5px !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul { border-bottom: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items { border: none !important; margin: 0px !important; padding: 0px !important; display: table !important; float: left !important; width: 100% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { display: flex; color: #666666; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { border: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { border: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div { border: 1px solid #d9d9d9 !important; border-left: none !important; border-right: 1px solid #d9d9d9 !important; float: left !important; height: auto !important; min-height: 62px; display: flex; align-items: center !important; padding: 10px 10px; line-height: 18px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7% !important; border-top: none !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 20% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 20% !important; text-align: left; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { border-top: none !important; } @media (min-width: 961px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 42%!important; padding: 15px 10px; display: flex; flex-direction: column; word-break: break-all; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 42%!important; padding: 15px 10px; display: flex; flex-direction: column; word-break: break-all; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number { width: 100%!important; text-align: left; font-weight: bold; color: #0073a8; line-height: 14px; padding-bottom: 14px; padding-left: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number { width: 100%!important; text-align: left; font-weight: bold; color: #0073a8; line-height: 14px; padding-bottom: 14px; padding-left: 0px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%!important; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%!important; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%!important; line-height: 18px; border-right: none; padding: 0px!important; height: auto; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%!important; line-height: 18px; border-right: none; padding: 0px!important; height: auto; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email { width: 100%!important; display: inline-block; border-right: none!important; padding: 18px 0px 0px 0px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email { width: 100%!important; display: inline-block; border-right: none!important; padding: 18px 0px 0px 0px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status { display: none!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status { display: none!important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-number.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-number.account-linking-cell { width: 13% !important; border-top: none !important; color: #0073a8; font-weight: bold; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .name.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .name.account-linking-cell { width: 20% !important; border-top: none !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address.account-linking-cell { width: 20% !important; border-top: none !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .email.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .email.account-linking-cell { width: 25% !important; border-top: none !important; word-break: break-all; text-transform: lowercase; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell { width: 15% !important; border-top: none !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell { padding: 15px 10px; width: 38%!important; display: flex!important; align-items: flex-start !important; order: 2; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell { padding: 15px 10px; width: 38%!important; display: flex!important; align-items: flex-start !important; order: 2; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell .enrolled-info, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .status.account-linking-cell .enrolled-info { color: #447b2d; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list { border-left: 1px solid #d9d9d9; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { border: none !important; margin: 0px !important; padding: 0px !important; display: table !important; float: left !important; width: 100% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex; color: #666666; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { border: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { border: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details > div, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details > div { border: 1px solid #d9d9d9 !important; border-left: none !important; border-right: 1px solid #d9d9d9 !important; float: left !important; height: 45px !important; display: flex; align-items: center !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 0%!important; padding: 0px!important; border-right: none!important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile { width: 55%!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile { width: 55%!important; padding: 0px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p { padding: 15px 10px; text-align: left; width: 100%; font-size: 14px !important; color: #666666; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.headers-display-mobile p { padding: 15px 10px; text-align: left; width: 100%; font-size: 14px !important; color: #666666; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number { width: 13% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account-number p { float: left; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name { width: 30% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address { width: 30% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building { border-right: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address .building p { border-right: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason { width: 27% !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason { width: 45%!important; display: flex!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason { width: 45%!important; display: flex!important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason .reason { width: 100%!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason .reason p, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .reason .reason p { font-family: Arial; font-size: 14px; padding: 0 10px; color: #666666; line-height: 16px; letter-spacing: 0.16px; text-align: left; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul { border-bottom: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items { border: none !important; margin: 0px !important; padding: 0px !important; display: table !important; float: left !important; width: 100% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { display: flex; color: #666666; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { border: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { border: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div { border: 1px solid #d9d9d9 !important; border-left: none !important; border-right: 1px solid #d9d9d9 !important; float: left !important; height: auto !important; min-height: 62px; display: flex; align-items: center !important; padding: 10px 10px; line-height: 18px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { border-top: none !important; } @media (min-width: 961px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 55%!important; padding: 15px 10px; display: flex; flex-direction: column; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 55%!important; padding: 15px 10px; display: flex; flex-direction: column; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number { width: 100%!important; text-align: left; font-weight: bold; color: #0073a8; line-height: 14px; padding-bottom: 14px; padding-left: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .account-number { width: 100%!important; text-align: left; font-weight: bold; color: #0073a8; line-height: 14px; padding-bottom: 14px; padding-left: 0px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%!important; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%!important; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%!important; line-height: 18px; border-right: none; padding: 0px!important; height: auto; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%!important; line-height: 18px; border-right: none; padding: 0px!important; height: auto; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .reason { display: none!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .reason, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .reason { display: none!important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-number.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-number.account-linking-cell { width: 13% !important; border-top: none!important; color: #0073a8; font-weight: bold; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .name.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .name.account-linking-cell { width: 30% !important; border-top: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address.account-linking-cell { width: 30% !important; border-top: none!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell { width: 27% !important; border-top: none!important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell { width: 45%!important; display: flex!important; align-items: flex-start !important; padding: 15px 10px; color: #666666; text-align: left; order: 2; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embNotEligible_accordion_body #containerId .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .reason.account-linking-cell { width: 45%!important; display: flex!important; align-items: flex-start !important; padding: 15px 10px; color: #666666; text-align: left; order: 2; } } @media print { .multiAccountManageAccountsView .multi-container.main-multi-account-list .multi-manage-account .col-md-12.col-sm-12.manage-header { padding-left: 0px!important; padding-right: 0px!important; } .multiAccountManageAccountsView .multi-account .print-multi-account-list .accounts-table.list .accounts-list-item .phone { word-break: break-all !important; } .multiAccountManageAccountsView .multi-account .print-multi-account-list .accounts-table.list .accounts-list-item .group { width: 8% !important; } .multiAccountManageAccountsView .multi-account .print-multi-account-list .accounts-table.list .accounts-list-item.header-legend .group { width: 8% !important; } } } /**** FPLCOM-12318-All account Multi-dashboard styles****/ /** eBill Edit Modal Styles **/ .multiModal.editModal .modal-dialog { width: 700px; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content { padding-bottom: 10px !important; } } .multiModal.editModal .modal-dialog .modal-content h2 { font-size: 25px; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content h2 { font-size: 20px; padding-top: 0 !important; } } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content .modal-footer { padding: 20px 0 10px 0; } } .multiModal.editModal .modal-dialog .modal-content .modal-footer:before { margin-top: -15px; } .multiModal.editModal .modal-dialog .modal-content .modal-subtitle { font-size: 16px; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content .modal-subtitle { padding: 0 8px; text-align: center; } } .multiModal.editModal .modal-dialog .modal-content .cancelLink { font-size: 16px; float: left; text-transform: none; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content .cancelLink { float: none; } } .multiModal.editModal .modal-dialog .modal-content .enrollEBill { font-size: 16px; position: relative; left: 90px; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content .enrollEBill { display: block; margin-bottom: 20px; left: 0; } } @media (max-width: 1023px) and (min-width: 768px) { .multiModal.editModal .modal-dialog .modal-content .enrollEBill { left: 10px; } } .multiModal.editModal .modal-dialog .modal-content .editEBill { width: 258px; float: right !important; margin-top: -10px; } @media (max-width: 767px) { .multiModal.editModal .modal-dialog .modal-content .editEBill { float: none !important; margin-bottom: 20px; height: 44px !important; line-height: 1px; } } .multiModal.filterModal .modal-content .modal-footer .btn.applyFilter { width: 258px; } .multiModal.ungroupModal.ebillPageModal .modal-content h2 { font-size: 25px; } @media (max-width: 767px) { .multiModal.ungroupModal.ebillPageModal .modal-content h2 { font-size: 20px; padding-top: 0 !important; } } .multiModal.ungroupModal.ebillPageModal .modal-content .multiIntroModal p { color: #666666; } .multiModal.ungroupModal.ebillPageModal .modal-content .modal-footer { margin-top: -5px; } @media (max-width: 767px) { .multiModal.ungroupModal.ebillPageModal .modal-content .modal-footer { padding: 20px 0 10px 0; margin-bottom: -15px; } } .multiModal.ungroupModal.ebillPageModal .modal-content .modal-footer .btn { width: 258px; margin-bottom: 25px; } @media (max-width: 767px) { .multiModal.ungroupModal.ebillPageModal .modal-content .modal-footer .btn { height: 44px !important; line-height: 1px; } } .multiModal.ungroupModal.ebillPageModal .modal-content .modal-footer .cancelLink { font-size: 16px; } /** FAQ Style Changes**/ #editEMBFAQ { padding: 20px 16px !important; } @media (max-width: 767px) { #editEMBFAQ { padding: 20px 0 !important; } } #editEMBFAQ .fpl-body { margin-top: 10px; } #editEMBFAQ .fpl-accordion { margin-bottom: 0; } #editEMBFAQ .fpl-accordion .accordionitem:first-child .accordion-item { margin-top: 10px; } @media (max-width: 1023px) { #editEMBFAQ .fpl-accordion .accordion-item { margin-top: 36px; } } #editEMBFAQ .fpl-accordion .accordion-item .accordion-header { background-color: #e2e6e9; padding: 24px 64px 24px 16px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; height: 78px; } @media (max-width: 767px) and (orientation: portrait) { #editEMBFAQ .fpl-accordion .accordion-item .accordion-header { height: 78px; padding: 16px 64px 16px 15px; } } #editEMBFAQ .fpl-accordion .accordion-item .accordion-header .accordion-icon { background-color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 36px; height: 36px; right: 16px; } #editEMBFAQ .fpl-accordion .accordion-item .accordion-header h3 { color: #404040; } #editEMBFAQ .fpl-accordion .accordion-item .accordion-body { padding: 15px 0; } @media (max-width: 767px) { #editEMBFAQ .fpl-accordion .accordion-item .accordion-body { background-color: #f7f8f9; } } #editEMBFAQ .fpl-accordion .accordion-item .accordion-body p { margin-bottom: 10px; } #editEMBFAQ .fpl-accordion .accordion-item .accordion-body ul li { margin-left: 16px; } /*** Multi Agent Dashboard Page Styles***/ .multiAccountAgentLanderView .multi-account.hide-during-edit-prefrence { padding-top: 35px; } .multiAccountAgentLanderView .multi-container .multi-agent-list .accounts-table .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } .multiAccountAgentLanderView .multi-container .multi-agent-list .accounts-table .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountAgentLanderView .multi-container .multi-agent-list .accounts-table .selection.selectAllCheckBox .choice-info label { width: 100%; color: #666666; font-size: 14px !important; font-weight: bold !important; font-style: normal; border-color: #cccccc; line-height: 16px; } .multiAccountAgentLanderView .multi-container .multi-agent-list .accounts-table .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } /* Webscheduling */ /**HBES Style Changes - Start**/ .websch { background: #f7f8f9; } .websch .hbes-header-section { max-width: 1440px; margin: 0 auto; padding-left: 3%; } @media (min-width: 1025px) { .websch .hbes-header-section { padding-left: 8%; } } @media (max-width: 767px) { .websch .hbes-header-section { padding-left: 1%; } } .websch .hbes-header { font-family: Arial; font-size: 25px; font-weight: bold; line-height: 30px; color: #404040; } @media (max-width: 767px) { .websch .hbesMainContentSection .accounts-header .accounts-alert { margin: 0 auto 30px; padding: 15px 20px; } } @media (min-width: 1023px) { .websch .hbesMainContentSection .accounts-header .form-alert.alert-highlighted.error { margin-top: 30px !important; } } @media (max-width: 767px) { .websch .hbesMainContentSection .accounts-header .multi-account .searchBtnWrapper { margin-bottom: 35px; } } @media (max-width: 767px) { .websch .hbesMainContentSection .accounts-header .multi-account .searchBtnWrapper .fpl-form-row .fpl-form-field .fpl-input { margin-top: 10px !important; } } @media (max-width: 767px) { .websch .hbesMainContentSection .accounts-header .multi-account .searchBtnWrapper .fpl-form-row .fpl-form-field .clear-field { margin-top: -40px !important; } } .hbes-MainContainer h4, .onCallContainer h4 { color: #404040 !important; text-align: center; font-size: 20px !important; font-family: Arial !important; font-weight: bold !important; line-height: 25px; } .hbes-MainContainer .fpl-dropdown-field .fpl-dropdown, .onCallContainer .fpl-dropdown-field .fpl-dropdown { position: relative; margin-bottom: 5px; } @media (max-width: 767px) { .hbes-MainContainer .cancelDialogModal .fplModal.modal, .onCallContainer .cancelDialogModal .fplModal.modal { padding-top: 150px; } } .hbes-MainContainer .cancelDialogModal .modal-content, .onCallContainer .cancelDialogModal .modal-content { padding: 30px 20px 15px 20px !important; } .hbes-MainContainer .cancelDialogModal .modal-content .page-subtitle, .onCallContainer .cancelDialogModal .modal-content .page-subtitle { font-size: 16px; font-weight: bold; font-family: Arial; } .hbes-MainContainer .cancelDialogModal .modal-content .message, .onCallContainer .cancelDialogModal .modal-content .message { font-size: 16px; } .hbes-MainContainer .cancelDialogModal .modal-content .button-label, .onCallContainer .cancelDialogModal .modal-content .button-label { font-size: 15px; } .hbes-MainContainer .cancelDialogModal .modal-content .ok-button, .onCallContainer .cancelDialogModal .modal-content .ok-button { margin-bottom: 30px; } @media (max-width: 767px) { .hbes-MainContainer .cancelDialogModal .modal-content .ok-button, .onCallContainer .cancelDialogModal .modal-content .ok-button { height: 44px; line-height: 1px; } } .hbes-MainContainer .cancelDialogModal .modal-content .cancel-button, .onCallContainer .cancelDialogModal .modal-content .cancel-button { font-size: 15px; font-weight: bold; } .hbes-MainContainer .fpl-steps-progress-bar, .onCallContainer .fpl-steps-progress-bar { margin-bottom: 35px; margin-top: 7px; } .hbes-MainContainer .seperator, .onCallContainer .seperator { height: 1px; background-color: #c4c7c8; } .hbes-MainContainer .hbesContBtn, .onCallContainer .hbesContBtn { width: 248px; font-size: 15px; margin-bottom: 27px; margin-top: 30px; } @media (max-width: 767px) { .hbes-MainContainer .hbesContBtn, .onCallContainer .hbesContBtn { height: 44px; line-height: 1px !important; } } .hbes-MainContainer .hbesCancelLink, .onCallContainer .hbesCancelLink { font-size: 16px; } .hbes-MainContainer .assist_icon_block, .onCallContainer .assist_icon_block { margin-top: 15px; } .hbes-MainContainer .assist_icon_block .help_text_block, .onCallContainer .assist_icon_block .help_text_block { padding: 25px 20px 25px 90px; } @media (max-width: 767px) { .hbes-MainContainer .assist_icon_block .help_text_block, .onCallContainer .assist_icon_block .help_text_block { padding: 14px 20px 17px 90px; } } .hbes-MainContainer .hbes-InsPageWrapper .instLabel, .onCallContainer .hbes-InsPageWrapper .instLabel { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; margin-top: 10px; } .hbes-MainContainer .hbes-InsPageWrapper .scheduleMsg, .onCallContainer .hbes-InsPageWrapper .scheduleMsg, .hbes-MainContainer .hbes-InsPageWrapper .reSchCancelMsg, .onCallContainer .hbes-InsPageWrapper .reSchCancelMsg { font-size: 16px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box { padding: 0 !important; border: 0 !important; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box object, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box object { width: 100%; height: auto !important; min-height: 1101px; } @media (max-width: 767px) { .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box object, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box object { min-height: 1020px; } } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .hbesContBtn, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .hbesContBtn { margin-top: 35px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .page-subtitle, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .page-subtitle { font-size: 25px !important; font-family: Arial !important; font-weight: bold; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .appointLabel, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .appointLabel { font-family: Arial; font-weight: bold; font-style: normal; color: #666666; font-size: 16px; margin-bottom: 15px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .appointText, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .appointText { font-size: 16px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .modal-content .message, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .modal-content .message { font-size: 16px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .modal-content .cancel-button, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .modal-dialog .modal-content .cancel-button { font-size: 16px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper { width: auto; } @media (max-width: 767px) { .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper { width: 300px !important; } } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper a img, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper a img { width: 30px; } @media (min-width: 768px) { .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar { width: 400px !important; margin: 0; } } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar :-ms-input-placeholder, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar :-ms-input-placeholder { color: transparent !important; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar .form-field__control, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar .form-field__control { margin-bottom: 20px; } .hbes-MainContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar .inlineboxdisplay-placeholder-container .inlineboxdisplay-label-name, .onCallContainer .hbes-CalendarWrapper.fpl-bounding-box .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar .inlineboxdisplay-placeholder-container .inlineboxdisplay-label-name { font-size: 14px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper, .onCallContainer .onCallWrapper .timeSlotWrapper { width: 340px; height: 402px; max-width: 800px; margin: 0 auto; padding: 15px; border: 1px solid #c4c8c7; background-color: #ffffff; filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.65)); } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .date, .onCallContainer .onCallWrapper .timeSlotWrapper .date { font-family: Arial; font-weight: bold; margin: 0 auto; font-size: 14px; color: #404040; line-height: 16px; text-align: center; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.availableTime, .onCallContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.availableTime { width: auto; height: 44px; background-color: #0073a8; margin: 10px 0; border-radius: 5px; cursor: pointer; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.availableTime .time, .onCallContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.availableTime .time { font-family: Arial; font-weight: normal; font-style: normal; width: 88px; height: 12px; font-size: 14px; color: #ffffff; line-height: 16px; margin: 0 auto; display: block; padding-top: 15px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.nonAvailableTime, .onCallContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.nonAvailableTime { width: auto; height: 44px; background-color: #eff2f4; margin: 10px 0; border-radius: 5px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.nonAvailableTime .time, .onCallContainer .onCallWrapper .timeSlotWrapper .fulldaySlot.nonAvailableTime .time { font-family: Arial; font-weight: normal; font-style: normal; width: 88px; height: 12px; font-size: 14px; color: #c4c8c7; line-height: 16px; margin: 0 auto; display: block; padding-top: 15px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.availableTime, .onCallContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.availableTime { height: 44px; background-color: #0073a8; margin: 10px 0; border-radius: 5px; display: inline-block; cursor: pointer; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.availableTime .time, .onCallContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.availableTime .time { font-family: Arial; font-weight: normal; font-style: normal; width: 95px; height: 12px; font-size: 14px; color: #ffffff; line-height: 16px; margin: 0 auto; display: block; padding-top: 15px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.nonAvailableTime, .onCallContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.nonAvailableTime { height: 44px; background-color: #eef1f2; margin: 10px 0; border-radius: 5px; display: inline-block; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.nonAvailableTime .time, .onCallContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.nonAvailableTime .time { font-family: Arial; font-weight: normal; font-style: normal; width: 95px; height: 12px; font-size: 14px; color: #c4c8c7; line-height: 16px; margin: 0 auto; display: block; padding-top: 15px; } .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot, .onCallContainer .onCallWrapper .timeSlotWrapper .halfdaySlot { width: 152px !important; } .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointmentLabel, .onCallContainer .hbes-ScheduleReviewWrapper .appointmentLabel { font-size: 16px; font-family: Arial; font-weight: bold; font-style: normal; color: #666666; } .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointAddress, .onCallContainer .hbes-ScheduleReviewWrapper .appointAddress, .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointTime, .onCallContainer .hbes-ScheduleReviewWrapper .appointTime { font-size: 14px; } .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1, .onCallContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1, .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointTime .label-1, .onCallContainer .hbes-ScheduleReviewWrapper .appointTime .label-1 { font-weight: bold; text-transform: uppercase; } .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1 span, .onCallContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1 span, .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointTime .label-1 span, .onCallContainer .hbes-ScheduleReviewWrapper .appointTime .label-1 span { display: inline-block; width: 85%; } .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1 .edit_label, .onCallContainer .hbes-ScheduleReviewWrapper .appointAddress .label-1 .edit_label, .hbes-MainContainer .hbes-ScheduleReviewWrapper .appointTime .label-1 .edit_label, .onCallContainer .hbes-ScheduleReviewWrapper .appointTime .label-1 .edit_label { cursor: pointer; font-weight: bold; float: right; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleConfirm .success-tick, .onCallContainer .ScheduleConfirmWrapper .scheduleConfirm .success-tick { margin-top: 25px; margin-bottom: 25px; } .hbes-MainContainer .ScheduleConfirmWrapper .full-seperatorInWrapper, .onCallContainer .ScheduleConfirmWrapper .full-seperatorInWrapper { height: 1px; margin: 0 -75px 20px -76px; background-color: #666666; opacity: 0.3; } @media (max-width: 767px) and (orientation: portrait) { .hbes-MainContainer .ScheduleConfirmWrapper .full-seperatorInWrapper, .onCallContainer .ScheduleConfirmWrapper .full-seperatorInWrapper { margin: 0 -16px 20px -16px; } } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleTime, .onCallContainer .ScheduleConfirmWrapper .scheduleTime { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 20px; text-align: center; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleAddress, .onCallContainer .ScheduleConfirmWrapper .scheduleAddress { font-size: 16px; text-align: center; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleAddress .label-2, .onCallContainer .ScheduleConfirmWrapper .scheduleAddress .label-2 { font-weight: bold; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleConfirmMsg, .onCallContainer .ScheduleConfirmWrapper .scheduleConfirmMsg { font-size: 16px; text-align: center; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleConfirmMsg .label-2, .onCallContainer .ScheduleConfirmWrapper .scheduleConfirmMsg .label-2 { width: 325px; margin: 0 auto; } .hbes-MainContainer .ScheduleConfirmWrapper .scheduleConfirmMsg .mailIdConfirm, .onCallContainer .ScheduleConfirmWrapper .scheduleConfirmMsg .mailIdConfirm { font-weight: bold; } .hbes-MainContainer .ScheduleConfirmWrapper .confirmReschedule, .onCallContainer .ScheduleConfirmWrapper .confirmReschedule { margin-top: 20px; font-size: 16px; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion { margin-bottom: 20px; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion .accountInfo, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion .accountInfo { font-size: 15px; width: 92%; text-align: left; cursor: pointer; display: inline-block; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion .accountInfoArrow, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion .accountInfoArrow { cursor: pointer; color: #404040; font-size: 20px; position: relative; top: -2px; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo { text-align: left; font-size: 16px; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo .infoHeading, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo .infoHeading { margin-bottom: 20px; } .hbes-MainContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo div, .onCallContainer .ScheduleConfirmWrapper .accDetailsAccordion .contactInfo div { text-align: left; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageTitle h4, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageTitle h4 { line-height: 30px; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageTitle h4, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageTitle h4 { margin-top: 5px; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .subTitle, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .subTitle { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; margin-bottom: -8px; display: inline-block; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .subTitle, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .subTitle { margin-bottom: 5px; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .phoneStepTooltip, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .phoneStepTooltip { display: inline-block; padding-left: 5px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .phoneStepTooltip i, .onCallContainer .phoneStep1Wrapper .phoneStep1 .pageSubTitle .phoneStepTooltip i { margin-bottom: 5px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .secondaryPhone, .onCallContainer .phoneStep1Wrapper .phoneStep1 .secondaryPhone { margin-top: 10px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .leftBlock, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .leftBlock { display: inline-block; float: left; width: 53%; font-size: 16px; margin-top: 5px; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .leftBlock, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .leftBlock { width: 49%; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock { display: inline-block; float: left; width: 45%; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock { width: 49%; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-field, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-field { float: left; margin-left: 0; width: auto; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-info, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-info { margin-left: 15px; width: 70%; padding-top: 3px; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-info .choice-detail, .onCallContainer .phoneStep1Wrapper .phoneStep1 .contentBlock .rightBlock .choice-info .choice-detail { width: 100%; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .msgText .message1, .onCallContainer .phoneStep1Wrapper .phoneStep1 .msgText .message1 { font-size: 16px; color: #666666; margin-bottom: 50px; } @media (max-width: 767px) { .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .msgText .message1, .onCallContainer .phoneStep1Wrapper .phoneStep1 .msgText .message1 { margin-bottom: 20px; margin-top: -10px; } } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .hbesContBtn, .onCallContainer .phoneStep1Wrapper .phoneStep1 .hbesContBtn { margin-top: 20px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .phoneSkip, .onCallContainer .phoneStep1Wrapper .phoneStep1 .phoneSkip { margin-bottom: 25px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .termsAndConditions, .onCallContainer .phoneStep1Wrapper .phoneStep1 .termsAndConditions { font-size: 16px; margin-top: 30px; } .hbes-MainContainer .phoneStep1Wrapper .phoneStep1 .termsAndConditions a.preferences-link, .onCallContainer .phoneStep1Wrapper .phoneStep1 .termsAndConditions a.preferences-link { font-weight: bold; } .hbes-MainContainer .CancelStep1Wrapper .cancelMsg1, .onCallContainer .CancelStep1Wrapper .cancelMsg1 { font-size: 16px; } .hbes-MainContainer .CancelStep1Wrapper .cancelMsg2, .onCallContainer .CancelStep1Wrapper .cancelMsg2 { font-size: 16px; margin-top: 20px; } .hbes-MainContainer .CancelStep1Wrapper .choice-wrapper, .onCallContainer .CancelStep1Wrapper .choice-wrapper { margin-bottom: 30px; margin-left: 15px !important; } @media (max-width: 767px) and (orientation: portrait) { .hbes-MainContainer .CancelStep1Wrapper .choice-wrapper, .onCallContainer .CancelStep1Wrapper .choice-wrapper { margin-left: -15px !important; } } .hbes-MainContainer .CancelStep1Wrapper .choice-wrapper .choice-info, .onCallContainer .CancelStep1Wrapper .choice-wrapper .choice-info { float: right; margin-left: 10px; margin-top: 4px; width: 75%; padding-top: 0px; white-space: normal; } .hbes-MainContainer .CancelStep1Wrapper .choice-wrapper .choice-detail, .onCallContainer .CancelStep1Wrapper .choice-wrapper .choice-detail { width: 90%; } .hbes-MainContainer .CancelStep1Wrapper .hbesContBtn, .onCallContainer .CancelStep1Wrapper .hbesContBtn { margin-top: 45px; } .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .titleWrapper .thankyouMessage, .onCallContainer .phoneStep2Wrapper .phoneStep2 .titleWrapper .thankyouMessage { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 20px; text-align: center; } .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .titleWrapper .success-tick, .onCallContainer .phoneStep2Wrapper .phoneStep2 .titleWrapper .success-tick { margin: 28px auto; } .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper, .onCallContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper { text-align: center; font-size: 16px; } .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper a.preferences-link, .onCallContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper a.preferences-link { font-weight: bold; } .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg1, .onCallContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg1, .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg2, .onCallContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg2, .hbes-MainContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg3, .onCallContainer .phoneStep2Wrapper .phoneStep2 .msgWrapper .step2msg3 { margin-bottom: 20px; } .hbes-MainContainer .CancelStep2Wrapper .cancelMsg3 h4, .onCallContainer .CancelStep2Wrapper .cancelMsg3 h4 { margin-bottom: 25px; } .hbes-MainContainer .CancelStep2Wrapper .confirmMsg, .onCallContainer .CancelStep2Wrapper .confirmMsg { margin-top: 25px; font-size: 16px; color: #666666; line-height: 20px; text-align: center; } .hbes-MainContainer .CancelStep2Wrapper .confirmMsg .mailId, .onCallContainer .CancelStep2Wrapper .confirmMsg .mailId { text-align: center; font-weight: bold; } .hbes-MainContainer .hbes-ErrorWrapper .errortextWrapper, .onCallContainer .hbes-ErrorWrapper .errortextWrapper { margin-top: 20px; } .hbes-MainContainer .hbes-ErrorWrapper .errortextWrapper .content_block_error, .onCallContainer .hbes-ErrorWrapper .errortextWrapper .content_block_error { font-size: 16px; } .hbes-MainContainer .hbes-ErrorWrapper .errortextWrapper .accordion_content, .onCallContainer .hbes-ErrorWrapper .errortextWrapper .accordion_content { margin-bottom: 30px; } .hbesCalendarModal .multiCalendar.dijitCalendarContainer { padding: 0px 20px !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .hbesCalendarModal .multiCalendar.dijitCalendarContainer .dijitCalendarMonthContainer th { padding: 10px 0 22px 0 !important; } } .hbesCalendarModal .multiCalendar thead th .dijitDropDownButton .dijitButtonNode { box-shadow: none; background-color: #ffffff; } .hbesCalendarModal .multiCalendar .current-year { top: 1px; } .hbesCalendarModal .multiCalendar .dijitCalendarDateTemplate { padding: 15px 0 !important; } /**HBES Style changes - End **/ /**OnCall Style changes - Start **/ .newInstallsMainView { background: #f7f8f9; } .newInstallsMainView .hbes-header-section { max-width: 1440px; margin: 0 auto; padding-left: 3%; padding-top: 25px; } @media (min-width: 1025px) { .newInstallsMainView .hbes-header-section { padding-left: 8%; } } @media (max-width: 767px) { .newInstallsMainView .hbes-header-section { padding-left: 1%; } } .newInstallsMainView .hbes-header-section .arrow-box { padding-left: 5px; } @media (max-width: 767px) { .newInstallsMainView .hbes-header-section .arrow-box { padding-left: 15px; } } .newInstallsMainView .hbes-header-section .backLink:before { background: url(../images/connect/navigation-back-button.svg) no-repeat center center; height: 26px; width: 39px; content: ""; margin-right: 0px; float: left; margin-top: 2px; } .newInstallsMainView .hbes-header { font-family: Arial; font-size: 23px; font-weight: bold; line-height: 30px; color: #404040; margin-left: 15px; display: inline-block; margin-top: 0; } .newInstallsMainView .onCallContainer.mainContainerWrapper .fpl-bounding-box { margin-bottom: 10px; } .newInstallsMainView .onCallContainer.mainContainerWrapper .btn { width: 248px; line-height: 12px; } .newInstallsMainView .onCallContainer .fpl-steps-progress-bar { margin-bottom: 35px; margin-top: 7px; } .newInstallsMainView .onCallContainer #confirmPage .full-seperatorOutWrapper { height: 1px; width: 550px; margin: -35px auto -5px auto; background-color: #c4c8c7; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer #confirmPage .full-seperatorOutWrapper { margin: 0 auto -10px auto; width: 340px; } } @media (max-width: 767px) { .newInstallsMainView .onCallContainer #confirmPage .full-seperatorOutWrapper { margin: 0 auto -10px auto; } } .newInstallsMainView .onCallContainer .form-alert.alert-tooltip { color: #666666 !important; padding-top: 8px; padding-bottom: 2px; padding-left: 12px; border-radius: 3px; } .newInstallsMainView .onCallContainer .hbesCancelLink { font-size: 16px; } .newInstallsMainView .onCallContainer .hbesContBtn { font-size: 15px; margin-bottom: 30px; margin-top: 10px; } @media (max-width: 767px) { .newInstallsMainView .onCallContainer .hbesContBtn { height: 44px; line-height: 1px !important; } } .newInstallsMainView .onCallContainer .step1NoOptionPage .btn { margin-top: 30px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step1NoOptionPage .btn { height: 44px; line-height: 1px; margin-top: 30px; margin-bottom: 10px; } } .newInstallsMainView .onCallContainer .step1NoOptionPage .contentPageText { margin-bottom: 0; } .newInstallsMainView .onCallContainer .checkboxBtn-Choice { margin-left: 68px; margin-bottom: 30px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .checkboxBtn-Choice { margin-left: 25px; } } .newInstallsMainView .onCallContainer .choice-wrapper { margin-left: 50px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .choice-wrapper { margin-left: 12px; } } .newInstallsMainView .onCallContainer .enrollmentStep1 .checkboxBtn-Choice .fpl-choice-box:first-child .choice-field { margin-top: 10px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .enrollmentStep1 .checkboxBtn-Choice .fpl-choice-box:first-child .choice-field { margin-top: 30px; } } .newInstallsMainView .onCallContainer .enrollmentStep1 .checkboxBtn-Choice .fpl-choice-box .choice-info { width: 80%; } .newInstallsMainView .onCallContainer .enrollmentStep1 .checkboxBtn-Choice .fpl-choice-box .choice-info .choice-detail { width: 100%; } .newInstallsMainView .onCallContainer .enrollmentStep2 .userInfo .profileInfo { padding: 13px 20px 18px 18px; min-height: 77px; background: #0073a8; } .newInstallsMainView .onCallContainer .enrollmentStep2 .userInfo .profileInfo .account-name { font-size: 18px; color: #ffffff; } .newInstallsMainView .onCallContainer .enrollmentStep2 .userInfo .profileInfo .account-number { font-size: 16px; color: #ffffff; } .newInstallsMainView .onCallContainer .enrollmentStep2 .userInfo .addressInfo { padding: 13px 20px 18px 18px; min-height: 77px; box-shadow: 0px 0px 3px; font-size: 16px; color: #666666; } .newInstallsMainView .onCallContainer .enrollmentStep2 .selectAccountLink { margin-top: 15px; position: relative; left: 56%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .enrollmentStep2 .selectAccountLink { left: 43%; } } .newInstallsMainView .onCallContainer .renterMsg, .newInstallsMainView .onCallContainer .houseTypeMsg { width: 100% !important; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .renterMsg, .newInstallsMainView .onCallContainer .houseTypeMsg { margin-bottom: 25px; } } .newInstallsMainView .onCallContainer .propertyInfoStep1 .seperator { margin-top: -10px; } .newInstallsMainView .onCallContainer .repairStep1 .contentPageText { padding-bottom: 20px; } .newInstallsMainView .onCallContainer .seperator { margin-top: 15px; margin-bottom: 15px; } .newInstallsMainView .onCallContainer .thankyouPage .lowKwhContent { padding-bottom: 5px; } .newInstallsMainView .onCallContainer .thankyouPage .lowKwhContent ul { font-size: 16px; padding-left: 0; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .thankyouPage .lowKwhContent ul { padding-left: 40px; } } .newInstallsMainView .onCallContainer .bookAppointmentPage { border: none !important; background-color: transparent !important; box-shadow: none !important; padding: 10px 0; } @media (min-width: 768px) { .newInstallsMainView .onCallContainer .bookAppointmentPage { padding: 20px 0 !important; } } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .bookAppointmentPage { padding: 10px 0 0 0 !important; } } .newInstallsMainView .onCallContainer .bookAppointmentPage .accountInfoNode { margin-bottom: 15px; } .newInstallsMainView .onCallContainer .bookAppointmentPage .selectAccountLink { position: relative; left: 50%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .bookAppointmentPage .selectAccountLink { left: 47%; } } .newInstallsMainView .onCallContainer .bookAppointmentPage .showAppTime { position: relative; top: 0; left: 0; padding: 0 0 10px 18px; width: 350px; margin: 0 auto; background-color: #ffffff; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.12)); } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .bookAppointmentPage .showAppTime { top: -1px; width: 340px; } } .newInstallsMainView .onCallContainer .bookAppointmentPage .showAppTime .appointmentTime { font-weight: bold; font-size: 16px; padding-top: 10px; } .newInstallsMainView .onCallContainer .bookAppointmentPage .showAppTime .appointmentDateTime { font-size: 16px; padding-bottom: 0; } .newInstallsMainView .onCallContainer .bookAppointmentPage .showAppTime .arrivalTime { font-size: 16px; margin-left: 0; padding-bottom: 10px; } .newInstallsMainView .onCallContainer .bookAppointmentPage .userInfo { background-color: #ffffff; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.12)); margin-bottom: 0px !important; min-height: auto; } @media (min-width: 768px) { .newInstallsMainView .onCallContainer .bookAppointmentPage .userInfo { width: 350px; margin: 0 auto; } } .newInstallsMainView .onCallContainer .bookAppointmentPage .userInfo .profileInfo { background-color: #0073a8; color: #ffffff; padding: 10px 18px; font-size: 18px; margin-bottom: 0; } .newInstallsMainView .onCallContainer .bookAppointmentPage .userInfo .addressInfo { background-color: #ffffff; color: #666666; font-size: 16px; padding: 10px 18px; margin-bottom: 0; } .newInstallsMainView .onCallContainer .bookAppointmentPage .timeInfo { padding: 10px 15px 20px 15px; font-size: 16px; color: #666666; } .newInstallsMainView .onCallContainer .bookAppointmentPage .timeInfo .label-1 { font-weight: bold; } .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp { height: 73px; background-color: #0073a8; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.12)); border-radius: 4px; } .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .scheduleClick, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .scheduleClick, .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .cancelClick, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .cancelClick { font-family: Arial; font-weight: bold; padding: 23px 5px 23px 25px; font-size: 20px; color: #ffffff; line-height: 26px; cursor: pointer !important; } .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .scheduleClick .left_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .scheduleClick .left_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .cancelClick .left_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .cancelClick .left_block { display: inline-block; width: 95%; text-align: left; } .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .scheduleClick .right_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .scheduleClick .right_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .cancelClick .right_block, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .cancelClick .right_block { display: inline-block; width: 5%; vertical-align: middle; } .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .scheduleClick .right_block .fa-chevron-right, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .scheduleClick .right_block .fa-chevron-right, .newInstallsMainView .onCallContainer .bookAppointmentPage .rescheduleApp .cancelClick .right_block .fa-chevron-right, .newInstallsMainView .onCallContainer .bookAppointmentPage .cancelApp .cancelClick .right_block .fa-chevron-right { font-size: 16px; padding-bottom: 8px; } .newInstallsMainView .onCallContainer .unitTypeLink { margin-top: -15px; margin-left: 72px; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeLink { margin-left: 26px; } } .newInstallsMainView .onCallContainer .unitTypeWrapper { margin-top: -12px; margin-bottom: 10px !important; width: 550px; border: 1px solid #c4c8c7; background-color: #eef1f2; padding: 20px 15px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 0 0 3px 3px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper { width: 340px; border: 1px solid #c4c8c7; background-color: #eef1f2; border-radius: 5px; padding: 15px 13px; } } .newInstallsMainView .onCallContainer .unitTypeWrapper .unitTypesHeading { color: #404040; font-size: 16px; display: inline-block; width: 96%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper .unitTypesHeading { width: 95%; } } .newInstallsMainView .onCallContainer .unitTypeWrapper .unitTypeArrow { color: #404040; font-size: 10px; cursor: pointer; } .newInstallsMainView .onCallContainer .unitTypeWrapper .cameraIcon { height: 100px; width: 100px; position: relative; top: 10px; left: 20px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper { background-color: #ffffff; margin: 15px -15px 0 -15px; padding-top: 7px; padding-left: 15px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper { margin: 15px -13px 0 -13px; } } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .leftBlock { width: 150px; height: 120px; border: 1px solid #447b2d; background-color: #ffffff; border-radius: 10px; display: inline-block; float: left; } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .leftBlock:before { background: url(../images/svg/shape.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; right: -17px; top: -8px; background-color: #ffffff; border-radius: 25px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .rightBlock { display: inline-block; float: left; margin-left: 30px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .rightBlock .labelTitle { font-family: Arial; font-size: 16px; color: #447b2d; line-height: 18px; font-weight: bold; margin-bottom: 30px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .rightBlock .labeltxt { font-family: Arial; font-size: 16px; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper .QualifiedWrapper .rightBlock .labeltxt { width: 130px; } } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper { margin: 15px -15px 0 -15px; padding-top: 7px; padding-left: 15px; background-color: #ffffff; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper { margin: 15px -13px 0 -13px; } } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .leftBlock { width: 150px; height: 120px; border: 1px solid #dc1500; background-color: #ffffff; border-radius: 10px; display: inline-block; float: left; } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .leftBlock:before { background: url(../images/svg/fill-x_red_dc1500.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; right: -15px; top: -8px; background-color: #ffffff; border-radius: 25px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .rightBlock { display: inline-block; float: left; margin-left: 30px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .rightBlock .labelTitle { font-family: Arial; font-size: 16px; color: #dc1500; line-height: 18px; font-weight: bold; margin-bottom: 30px; } .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .rightBlock .labeltxt { font-family: Arial; font-size: 16px; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitTypeWrapper .NonQualifiedWrapper .rightBlock .labeltxt { width: 130px; } } .newInstallsMainView .onCallContainer .unitDropWrapper, .newInstallsMainView .onCallContainer .airhandlerDropWrapper, .newInstallsMainView .onCallContainer .compLocDropWrapper, .newInstallsMainView .onCallContainer .reasonDropWrapper { margin-bottom: 45px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitDropWrapper, .newInstallsMainView .onCallContainer .airhandlerDropWrapper, .newInstallsMainView .onCallContainer .compLocDropWrapper, .newInstallsMainView .onCallContainer .reasonDropWrapper { margin-bottom: 35px; } } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitDropWrapper .form-error-note, .newInstallsMainView .onCallContainer .airhandlerDropWrapper .form-error-note, .newInstallsMainView .onCallContainer .compLocDropWrapper .form-error-note, .newInstallsMainView .onCallContainer .reasonDropWrapper .form-error-note { display: block; } } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .unitDropWrapper .fpl-dropdown, .newInstallsMainView .onCallContainer .reasonDropWrapper .fpl-dropdown { padding: 0 !important; } } .newInstallsMainView .onCallContainer .step2ReviewPage { padding: 20px 0 !important; margin-bottom: 30px !important; } .newInstallsMainView .onCallContainer .step2ReviewPage .contentPageText { padding: 0px 75px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .contentPageText { padding: 0px 15px; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable { word-break: break-word; margin-bottom: 40px; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader { font-weight: bold !important; background: #eef1f2; border-top: 1px solid #c4c8c7; position: relative; border-bottom: 1px solid #c4c8c7; font-size: 14px; padding: 0 65px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader { padding: 0px 15px; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .appliance { width: 68%; padding-left: 10px; display: inline-block; vertical-align: middle; height: 45px; padding-right: 10px; padding-top: 12px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .appliance { width: 67%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .appliance.confirmPage { width: 65.5%; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .appliance.confirmPage { width: 70%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .quantity { display: inline-block; vertical-align: middle; width: 24%; padding-left: 8px; height: 45px; padding-right: 10px; padding-top: 12px; border-right: 1px solid #c4c8c7; text-align: center; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .quantity { width: 28%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .quantity.confirmPage { width: 30%; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableHeader .quantity.confirmPage { width: 27.8%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent { font-size: 16px; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper { background-color: inherit; padding: 0px; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails { display: flex; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appName { padding-left: 15px; display: inline-block; width: 65.5%; min-height: 55px; padding-right: 10px; border-right: 1px solid #c4c8c7; border-bottom: 1px solid #c4c8c7; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appName p { margin-top: 15px !important; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appName { width: 67%; padding: 0 3px 0 15px; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appName.confirmPage { border-right: none; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appName.confirmPage { width: 70.5%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appQty { width: 34%; border-right: 1px solid #c4c8c7; border-bottom: 1px solid #c4c8c7; text-align: center; padding-left: 50px; } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appQty p { margin-top: 15px !important; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appQty { width: 35%; padding-left: 15px; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appQty.confirmPage { width: 35%; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .appQty.confirmPage { width: 30%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .edit { border-bottom: 1px solid #c4c8c7; width: 15.5%; padding-left: 15px; padding-top: 15px; font-weight: bold; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .edit { padding-left: 5px; padding-top: 15px; width: 15.5%; } } .newInstallsMainView .onCallContainer .step2ReviewPage .applianceTable .applianceTableContent .applianceContentWrapper .applianceDetails .edit a { cursor: pointer; } .newInstallsMainView .onCallContainer .oncallDynamicFooter { margin: 0 auto; width: 550px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter { width: 340px; } } .newInstallsMainView .onCallContainer .oncallDynamicFooter .creditText { margin: 25px 0 10px 0; font-size: 14px; } .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerContent { width: 550px; border: 1px solid #c4c8c7; padding: 20px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); width: 100%; background-color: #ffffff; } .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerHeading { color: #666666; margin: 0 auto; display: inline-block; position: relative; cursor: pointer; left: 25%; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerHeading { left: 12%; } } .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerHeading .dynvalue { margin-left: 5px; } .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerHeading ~ .seperator { margin-left: -20px; margin-right: -20px; } .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerContents { font-size: 16px; width: 490px; margin: 0 auto; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerContents { width: 340px; } } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter .footerContents .seperator { margin-right: 40px; } } .newInstallsMainView .onCallContainer .oncallDynamicFooter .seasonblock.winter .dynvalue { float: right; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter .seasonblock.winter .dynvalue { position: relative; top: 10px; left: 56px; float: none; } } .newInstallsMainView .onCallContainer .oncallDynamicFooter .seasonblock.summer .dynvalue { float: right; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .oncallDynamicFooter .seasonblock.summer .dynvalue { position: relative; top: 10px; left: 70px; float: none; } } .newInstallsMainView .onCallContainer .oncallDynamicFooter .monthlyCredit { display: inline-block; } .newInstallsMainView .onCallContainer .accessiblilityPage .seperator { margin-top: 20px; margin-bottom: 25px; } .newInstallsMainView .onCallContainer .accessiblilityPage .contractText { font-size: 16px; margin: 0 auto 20px; width: 100%; padding: 10px; } .newInstallsMainView .onCallContainer .accessiblilityPage .checkboxBtn-Choice { margin-left: 0 !important; margin-bottom: 18px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .accessiblilityPage .checkboxBtn-Choice { margin-left: 0; } } .newInstallsMainView .onCallContainer .accessiblilityPage .checkboxBtn-Choice .choice-field { float: right !important; } .newInstallsMainView .onCallContainer .accessiblilityPage .checkboxBtn-Choice .choice-info { margin-left: 8px; width: 90%; padding-top: 0px; } @media (max-width: 767px) and (orientation: portrait) { .newInstallsMainView .onCallContainer .accessiblilityPage .checkboxBtn-Choice .choice-info { margin-left: 8px; width: 80%; padding-top: 0px; } } .newInstallsMainView .onCallContainer .accessiblilityPage .accessTextArea textarea { border: 1px solid #c4c8c7; border-radius: 3px; padding: 10px !important; font-size: 16px; width: 100% !important; padding-top: 5px; padding-bottom: 20px; resize: none !important; min-height: 120px !important; } .newInstallsMainView .onCallContainer .accessiblilityPage .accessTextArea .txt-info-count { left: -12px; position: relative; top: -40px; z-index: 11; font-size: 11px; text-align: right; } .newInstallsMainView .onCallContainer .accessiblilityPage .accessTextArea .clear-field { display: none !important; } /**OnCall Style changes - End **/ /* Econnect offers */ /**************** Bundle Offer Page Start *****************/ body { background: #f7f8f9 !important; } @media screen and (min-width: 320px) and (max-width: 767px) { body { background: #ffffff !important; } } #fplErrorDiv { padding: 0px; width: 80%; margin: 105px auto 0; } #fplErrorDiv .notifications .notification { display: flex; align-items: center; } #fplErrorDiv .notifications .notification .icon { margin-bottom: 0px; } .TermAndCondition-Dialog { width: 600px; margin: 30px auto; } @media screen and (min-width: 320px) and (max-width: 767px) { .TermAndCondition-Dialog { width: auto; margin: 164px 10px; } } .TermAndCondition-Dialog .modal-header .close { margin-top: -21px; width: 30px; opacity: 1; margin-right: -20px; } .TermAndCondition-Dialog .modal-body ul { list-style: none; padding-left: 0px; } .TermAndCondition-Dialog .modal-body ul li { color: #000000; } .TermAndCondition-Dialog .modal-body h4 { color: #68bb45; } .eConnect-full-container .econnect-read-only { pointer-events: none; } .eConnect-full-container .form-alert.alert-highlighted.multiple.error.fplErrorDiv { padding: 0px; margin-top: 30px; } .eConnect-full-container .form-alert.alert-highlighted.multiple.error.fplErrorDiv .notification { display: table; } .eConnect-full-container .form-alert.alert-highlighted.multiple.error.fplErrorDiv .notification .icon.alert { display: table-cell; } .eConnect-full-container .form-alert.alert-highlighted.multiple.error.fplErrorDiv .notification .fplErrorMsg.content { display: table-cell; } .eConnect-full-container .connect_main_container { margin-bottom: 0px !important; margin-top: 20px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .connect_main_container .assist_icon_block { background: #ffffff !important; } } .eConnect-full-container .connect_main_container .assist_icon_block .help_text_block { vertical-align: middle; font-size: 16px !important; color: #666666; width: 454px; box-shadow: 0 0 #ffffff; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .connect_main_container .assist_icon_block .help_text_block { vertical-align: top !important; border-radius: 20px !important; padding: 5px 15px 9px 80px !important; margin-left: 10px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .connect_main_container .assist_icon_block .help_text_block { vertical-align: top !important; border-radius: 20px !important; padding: 5px 15px 9px 80px !important; margin-left: 10px; } } .eConnect-full-container .connect_main_container .assist_icon_block .help_text_block span { color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .connect_main_container .assist_icon_block img { width: 68px !important; margin-right: -73px !important; vertical-align: top; margin-top: -12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .connect_main_container .assist_icon_block img { width: 68px !important; margin-right: -73px !important; vertical-align: top; margin-top: -12px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .connect_main_container .assist_icon_block .full_width_seperator { display: none !important; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .connect_main_container .assist_icon_block .full_width_seperator { display: none !important; } } .eConnect-full-container .eConnectConfirmation-title-logo { width: 889px; margin: 16px auto; /*display: flex;*/ justify-content: center; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnectConfirmation-title-logo { width: auto !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-full-container .eConnectConfirmation-title-logo { width: auto !important; } } .eConnect-full-container .eConnectConfirmation-title-logo h1 { font-size: 24px; margin-bottom: 0px; font-family: Arial; font-weight: normal; font-style: normal; color: #312e3c; font-weight: bold; text-align: center; margin-top: 25px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnectConfirmation-title-logo h1 { margin-top: 0px; padding: 10px; } } .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title { width: 100%; display: flex; text-align: center; align-items: center; position: relative; font-family: Arial; font-weight: normal; font-style: normal; margin-top: 30px; min-height: 50px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title { width: 100% !important; margin-left: 0px !important; margin-bottom: 10px; margin-top: 10px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title { margin-left: 30px !important; } } .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title p { padding: 0px 14%; font-size: 16px; width: 100%; display: block !important; margin-top: 10px; color: #666666; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title p { padding: 10px !important; text-align: justify; } } .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title-logo { display: table-cell !important; text-align: left; float: left; width: 150px; position: absolute; top: 45%; transform: translateY(-50%); } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title-logo { display: none !important; } } .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title-logo img { width: 125px; margin-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-full-container .eConnectConfirmation-title-logo .eConnect-title-logo img { margin-bottom: 30px !important; } } .eConnect-full-container .eConnect-container { margin-bottom: 20px; margin-top: 0px; } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-full-container .eConnect-container { padding: 15px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-basic:nth-child(1) { border-right: 2px solid #cccccc; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-basic { border: 0px; background: transparent; padding: 12px; width: 40%; padding-left: 0px; padding-top: 0px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .mobile-basic { border: 0px; background: transparent; padding: 12px; width: 40%; padding-left: 0px; padding-top: 0px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-basic span { padding: 20px; border-bottom: 1px solid; padding-bottom: 12px; font-weight: bold; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .mobile-basic span { padding: 20px; border-bottom: 1px solid; padding-bottom: 12px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-premium { border: 0px; background: transparent; padding: 12px; width: 40%; padding-left: 0px; margin-left: 20px; padding-top: 0px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .mobile-premium { border: 0px; background: transparent; padding: 12px; width: 40%; padding-left: 0px; margin-left: 20px; padding-top: 0px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-premium span { padding: 20px; border-bottom: 1px solid; padding-bottom: 12px; font-weight: bold; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobile-premium span { padding: 20px; border-bottom: 1px solid; padding-bottom: 12px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container #Basic { margin-right: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container #Premium { display: none; } } .eConnect-full-container .eConnect-container .mobileViewTab { display: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .mobileViewTab { display: inline-block; text-align: center; width: 100%; font-size: 12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .mobileViewTab { display: inline-block !important; text-align: center; width: 100%; font-size: 12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .mobileViewTab button:focus { outline: none !important; } } .eConnect-full-container .eConnect-container .mobileViewTab .active { color: #0073a8; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper { max-width: 889px; margin: 0 auto; border: 1px solid #cccccc; font-family: Arial; font-weight: normal; font-style: normal; background: #ffffff; border-bottom: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper { width: auto !important; border: none !important; padding: 0px !important; padding-top: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper { width: 750px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-box-container { display: flex; justify-content: center; padding: 0 6px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-box-container .eConnect-select-package { border: 3px solid #0073a8 !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-box-container .eConnect-tab.oneoffer-Block { margin-bottom: 0px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .choice-field { float: left; margin-right: 10px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .choice-info { margin-top: 5px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .choice-info label { width: 100%; font-size: 14px; color: #666666; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .choice-info label { width: 100% !important; max-width: none !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .fpl-choice-box { margin-top: 30px; margin: 32px auto; width: 80%; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .fpl-choice-box { width: 100% !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .registration .btn { border: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-package-title { display: none; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-package-title { display: none; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-package-title h5 { font-weight: bold !important; margin-left: 70px; font-size: 16px; margin-bottom: 7px; margin-top: 20px; color: #0d273a; font-family: Arial; font-weight: normal; font-style: normal; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab { display: inline-block; width: 48%; margin: 10px; border: 1px solid #000000; min-height: 668px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab { width: 100% !important; margin: 24px 0px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab .econnect-read-only { pointer-events: none; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab.econnect-opacity { opacity: 0.3; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab.econnect-opacity .eConnect-basic-pack .eConnect-basic-strip #flag:after { border-bottom: 12px solid #ffffff !important; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-pack { padding: 0px; padding-bottom: 20px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-pack .eConnect-common-content ul li:nth-child(3) { color: #979797; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-pack .eConnect-common-content ul li:nth-child(4) { color: #979797; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-premium-pack { padding: 0px; padding-bottom: 20px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-strip { padding: 12px 20px; background: #0c2739; min-height: 93px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-strip .bStripName { font-size: 24px; color: #ffffff; padding-left: 18px; margin-top: 7px; font-family: Arial; font-weight: normal; font-style: normal; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-strip .bStripName { font-size: 16px !important; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-basic-strip .bStripName { font-size: 20px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-premium-strip { padding: 12px 20px; background: #0c2739; min-height: 93px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-premium-strip .pStripName { font-size: 24px; color: #ffffff; padding-left: 18px; margin-top: 7px; font-family: Arial; font-weight: normal; font-style: normal; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-premium-strip .pStripName { font-size: 16px !important; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-premium-strip .pStripName { font-size: 20px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper #flag { width: 35px; height: 26px; box-sizing: content-box; padding-top: 13px; position: relative; background: #68bb45; float: right; margin-top: -17px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper #flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 12px solid #0c2739; border-left: 17px solid transparent; border-right: 17px solid transparent; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper #flag { display: none; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content { padding: 15px 22px; min-height: 230px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content { padding-bottom: 0px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul { list-style: none; padding-left: 12px; min-height: 275px; border-bottom: 1px solid #cccccc; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li { margin-bottom: 4px; font-weight: bold; color: #202020; font-size: 16px; display: flex; align-items: center; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li { font-size: 14px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li img { width: 45px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li:last-child { padding-bottom: 20px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tax-month { text-align: center; width: 100%; display: inline-block; margin: auto; margin-bottom: -16px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tax-month label { font-size: 46px; font-weight: 500; color: #202020; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tax-month .tMonth { position: relative; top: -13px; font-size: 19px; margin: -2px; color: #202020; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tax-details { margin: auto; width: 100%; display: inline-block; text-align: center; font-size: 12px; color: #666666; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tax-details span { font-size: 16px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-btn-package { text-align: center; width: 100%; display: inline-block; margin: auto; margin-top: 20px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-btn-package .secondary-btn { padding: 12px; width: 270px; border-radius: 30px; background: transparent; border: 1px solid #0073a8; box-shadow: none; color: #0073a8; font-size: 15px; font-weight: 600; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-btn-package .secondary-btn { width: 250px !important; } } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-btn-package .select-package img { width: 42px; height: 42px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .border { width: 80%; height: 1px; background: #cccccc; margin: auto; margin-bottom: 20px; margin-top: 20px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .bold { font-weight: bold; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-bandle { margin: auto; margin-top: 6px; width: 100%; display: inline-block; text-align: center; font-size: 16px; color: #202020; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnectAckonowageMsg .choice-info a { font-weight: bold; text-decoration: none; color: #0073a8; } .eConnect-full-container .eConnect-container .choice-field { float: left; margin-right: 10px; } .eConnect-full-container .eConnect-container .choice-info { margin-top: 5px; } .eConnect-full-container .eConnect-container .choice-info label { width: 100%; font-size: 14px; color: #666666; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .choice-info label { width: 100% !important; max-width: none !important; } } .eConnect-full-container .eConnect-container .fpl-choice-box { margin-top: 30px; margin: 32px auto; max-width: 800px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnect-full-container .eConnect-container .fpl-choice-box { width: 100% !important; } } .eConnect-full-container .eConnect-container .registration .btn { border: 0px; } /**************** Bundle Offer Page End *****************/ /**************** Defult Offer Page Start *****************/ .eConnectDefult-container { margin-bottom: 20px; margin-top: 20px; } .eConnectDefult-container .mobileViewTab { display: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .mobileViewTab { display: flex !important; text-align: center; width: 100%; justify-content: center; font-size: 12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .mobileViewTab { display: flex !important; text-align: center; width: 100%; justify-content: center; font-size: 12px; } } .eConnectDefult-container .mobileViewTab .active { color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .mobileHeatingTab { border: 0px; background: transparent; width: 45%; padding-left: 0px; padding-top: 0px; border-right: 1px solid #666666; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .mobileHeatingTab { border: 0px; background: transparent; width: 45%; padding-left: 0px; padding-top: 0px; border-right: 1px solid #666666; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .mobileHeatingTab span { border-bottom: 1px solid; padding-bottom: 12px; font-size: 12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .mobileHeatingTab span { border-bottom: 1px solid; padding-bottom: 12px; font-size: 12px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .mobileElectricalTab { border: 0px; background: transparent; width: 35%; padding-left: 0px; padding-top: 0px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .mobileElectricalTab { border: 0px; background: transparent; width: 35%; padding-left: 0px; padding-top: 0px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .mobileElectricalTab span { border-bottom: 1px solid; padding-bottom: 12px; font-size: 12px; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .mobileElectricalTab span { border-bottom: 1px solid; padding-bottom: 12px; font-size: 12px; } } max-width: 889px; margin: 0 auto; padding: 20px; border: 1px solid #cccccc; font-family: Arial; font-weight: normal; font-style: normal; background: #ffffff; /** @media only screen and (max-width: 823px) and (orientation: landscape) { width: auto !important; border: none !important; padding: 10px 6px 10px 6px !important; padding-top: 0px !important; } **/ /** #DFLT-RES-1 { margin-right: 5px; @media screen and (min-width: @screen-xs-min) and (max-width: @screen-xs-max) { margin-right: 0px !important; } @media only screen and (max-width: 823px) and (orientation: landscape) { margin-right: 0px !important; } } **/ } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper { width: auto !important; border: none !important; padding: 10px 6px 10px 6px !important; padding-top: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnectDefult-container .eConnect-package-wrapper { width: 720px !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-package-title { display: none; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-package-title h5 { font-weight: bold; margin-left: 70px; font-size: 16px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-tab { display: inline-flex; width: 320px !important; margin: 15px; border: 1px solid #000000; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-tab { width: 100% !important; margin-top: 35px !important; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-basic-pack { padding: 0px; padding-bottom: 20px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-premium-pack { padding: 0px; padding-bottom: 20px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-premium-pack .eConnect-common-content ul li:nth-child(3) { line-height: 18px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-basic-strip { background: #0c2739; height: auto; display: flex; align-items: center; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-basic-strip .bStripName { color: #ffffff; padding-left: 18px; font-family: Arial; font-weight: normal; font-style: normal; margin-top: 10px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-basic-strip .bStripName { font-size: 16px !important; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-premium-strip { background: #0c2739; height: 77px; display: flex; align-items: center; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-premium-strip .pStripName { color: #ffffff; padding-left: 18px; font-family: Arial; font-weight: normal; font-style: normal; margin-top: 10px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-premium-strip .pStripName { font-size: 16px !important; line-height: 24px; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content { padding: 15px; padding-left: 30px; min-height: 265px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content { padding-bottom: 0px !important; padding-left: 15px !important; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content { padding-bottom: 0px !important; padding-left: 15px !important; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content ul { list-style: none; padding-left: 20px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content ul li { margin-bottom: 12px; color: #666666; font-size: 14px; align-items: center; list-style: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content ul li { font-size: 14px !important; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content ul li::before { content: "\2022"; color: #0073a8; font-weight: bold; margin-left: -1em; width: 1em; display: inline-block; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content label { margin-bottom: 20px; font-size: 14px; margin-top: 10px; margin-left: 6px; font-weight: bold; color: #666666; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-common-content p { margin-left: 6px; font-size: 16px; color: #666666; word-break: break-word; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package { text-align: center; width: 100%; display: inline-block; margin: auto; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package .registration .btn { margin: 0px auto 0; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package .registration .btn { width: 230px !important; } } @media only screen and (max-width: 823px) and (orientation: landscape) { .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package .registration .btn { width: 230px !important; } } .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package .btn.standard { background-color: #0073a8; border: 0px; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-btn-package .btn { font-family: Arial; font-weight: normal; font-weight: bold; font-style: normal; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; display: block; padding: 14px; text-align: center; width: 258px; height: 42px; line-height: 13px; outline: none; } .eConnectDefult-container .eConnect-package-wrapper .bold { font-weight: bold; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-bandle { margin: auto; width: 100%; display: inline-block; text-align: center; } .eConnectDefult-container .eConnect-package-wrapper .eConnect-box-container { display: flex; justify-content: center; } /**************** Defult Offer Page End *****************/ /**************** Confirm Offer Page End *****************/ .eConnectConfirm-container .eConnectConfirm-wrapper { max-width: 889px; margin: 0 auto; padding: 15px; border: 1px solid #cccccc; font-family: Arial; font-weight: normal; font-style: normal; background: #fff; margin-top: 10px; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectConfirm-container .eConnectConfirm-wrapper { margin-left: 6px; margin-right: 6px; } } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnectConfirm-bill-msg { text-align: center; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnectConfirm-bill-msg h2 { width: 44%; margin: 15px auto; font-family: Arial; font-weight: normal; font-style: normal; font-size: 20px; color: #312e3c; font-weight: bold; } @media screen and (min-width: 320px) and (max-width: 767px) { .eConnectConfirm-container .eConnectConfirm-wrapper .eConnectConfirm-bill-msg h2 { width: 90%; } } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnectConfirm-bill-msg img { width: 32px; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content ul { padding-bottom: 0px; list-style: none; padding-left: 20px; width: 320px; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content ul li { margin-bottom: 4px; font-weight: bold; color: #202020; font-size: 16px; display: flex; align-items: center; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content ul li img { width: 45px; } .eConnectConfirm-container .eConnectConfirm-wrapper .registration .btn { border: 0px; } /**************** Confirm Offer Page End *****************/ /**************** SubmitOrder Page Start *****************/ @media screen and (min-width: 768px) and (max-width: 1023px) { .singleconnect-full-page { margin: 20px; } } .singleconnect-full-page .Connect-header-wrapper { padding-top: 25px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper { background: #f7f8f9; margin-bottom: 25px; padding: 10px; } } .singleconnect-full-page .Connect-header-wrapper .connect_main_container .assist_icon_block .help_text_block { width: 508px; padding: 20px 28px 20px 104px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .connect_main_container .assist_icon_block .help_text_block { max-width: 94%; } } .singleconnect-full-page .Connect-header-wrapper .congratulations-icon.alert-triangle { background: url(/fplcommon/images/econnect/alert-triangle.svg) center no-repeat !important; } .singleconnect-full-page .Connect-header-wrapper .congratulations-icon.alert-banner-checkmark { background: url(/fplcommon/images/econnect/alert-banner-checkmark.png) center no-repeat !important; } .singleconnect-full-page .Connect-header-wrapper .Connect-name-info { max-width: 889px; margin: 0 auto; display: block; text-align: center; font-family: Arial; font-weight: normal; font-style: normal; } .singleconnect-full-page .Connect-header-wrapper .Connect-name-info .page-title { color: #312e3c; font-family: Arial; font-weight: bold; } .singleconnect-full-page .Connect-header-wrapper .Connect-name-info .page-subtitle-msg { background: #e0e6e9; } .singleconnect-full-page .Connect-header-wrapper .Connect-name-info .page-subtitle-msg .page-intro.sub-title-message { padding: 15px; color: #202020; text-align: center; } .singleconnect-full-page .Connect-header-wrapper .connect_main_container { margin-top: 20px; margin-bottom: 20px; display: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .connect_main_container { background: none; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .connect_main_container .assist_icon_block .full_width_seperator { background-color: transparent; } } .singleconnect-full-page .Connect-header-wrapper .help_text_block.logged-out-text { width: 545px; padding: 15px 40px 15px 106px; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box { max-width: 889px; margin: 0 auto; font-family: Arial; font-weight: normal; font-style: normal; margin-top: 10px; word-break: break-word; color: #202020; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box { margin: 0px !important; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg { display: flex; flex-direction: row; align-items: flex-start; padding: 10px; background: #e0e6e9; margin-bottom: 10px; padding-left: 30px; word-break: break-word; width: 100%; color: #202020; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg { display: table; padding: 8px; padding-bottom: 8px; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg div { display: inline-block; text-align: left; padding-left: 7px; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg div { display: table-cell; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg span { border-radius: 100px; background: #0073a8; color: #ffffff; width: 30px; height: 30px; display: table; text-align: center; padding-top: 5px; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg p { display: block; margin-left: 8px; color: #202020; font-size: 16px; padding-top: 15px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .connectDelayOrderMsg p { display: inline-flex; width: 88%; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction { background: #e0e6e9; border-top: none; color: #000000; display: flex; padding: 8px 30px; align-items: baseline; word-break: break-word; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction { display: table; padding: 8px; padding-bottom: 8px; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction span { border-radius: 100px; background: #0073a8; color: #ffffff; padding-top: 5px; width: 30px; height: 30px; display: table; text-align: center; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction span { display: inline-block; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction p { margin: 5px; width: 62%; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction p { width: 76%; display: inline-flex; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction p { width: 55% !important; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .btn.standard.image-upload-link { width: 193px; height: 43px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .btn.standard.image-upload-link { width: 80%; margin: 10px auto; padding-top: 17px; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .fa { width: 27px; background: #ffffff; padding: 8px; border-radius: 55px; font-size: 11px; padding-left: 9px; color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .fa { top: 12px; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .fa-minus:before { position: relative; top: 1px; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .fa-plus:before { position: relative; top: 1px; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .info-box.boxed-lg { background: #eef1f2; border: none; box-shadow: none; padding: 25px 30px; display: none; color: #666666; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .info-box.boxed-lg { padding: 25px 18px !important; } } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box ul { padding-left: 18px; } .singleconnect-full-page .Connect-header-wrapper .connect-msg-btntop { max-width: 889px; margin: 0 auto; } .singleconnect-full-page .Connect-header-wrapper .connect-msg-btntop .fpl-form-row.continue-button-top .btn.standard { width: 200px; margin: 0 auto; height: 40px; padding-top: 13px; } .singleconnect-full-page .eConnect-single-wrapper { display: flex; justify-content: center; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper { margin: 10px; display: block; padding: 10px; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts { margin: 10px; padding: 25px 30px; background-color: #ffffff; max-width: 522px; padding-bottom: 0px; margin-left: 0px; margin-right: 15px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts { margin: 0px !important; padding: 0px; max-width: none !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo { margin-bottom: 8px; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .ConnectOutstandingCharges { margin-bottom: 25px; border: 1px solid #cccccc; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); padding: 5px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .ConnectOutstandingCharges .wrap.pastBalance { display: flex; text-transform: uppercase; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .ConnectOutstandingCharges .wrap.pastBalance .left { width: 100%; margin-bottom: 10px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .ConnectOutstandingCharges .wrap.pastBalance .left .subtitle { margin-bottom: 10px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .ConnectOutstandingCharges .wrap.pastBalance .right .amount_dynamic { font-size: 22px; font-weight: bold; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg { background: none; border: 0px; height: auto; display: none; color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg { display: block; padding-bottom: 8px; border-bottom: 1px solid #dcdcdc; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg .text { padding-left: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg .text h4 { display: block; padding-left: 0px !important; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg .fa { right: 9px; top: 31%; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column { border: 0px; box-shadow: none; padding-top: 0px; margin-bottom: 0px; } @media screen and (max-width: 767px) and (min-width: 320px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column { padding-bottom: 0px; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .step-vertical-container { margin-top: 0px; margin-bottom: 0px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .step-vertical-container .info-box.boxed-lg.one-column { margin-bottom: 0px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .step-vertical-container .info-box.boxed-lg.one-column .wrap { border: 0px; padding-left: 0px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.boxed-lg.one-column.no-border { margin-bottom: 5px; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines { border: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines { margin: 0px; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.connectChargesAmt .left { float: left; width: 56%; margin-right: 4%; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.connectChargesAmt .right { float: right; text-align: right; width: 40%; display: block; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message { border: 0px; margin-left: -16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message { margin-left: 0px; display: block; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message .left { background: #0073a8 url('/fplcommon/images/econnect/whiteTriangle-Exclamation.png') no-repeat center !important; width: 74px; background-size: 42px !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message .right { width: 352px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message .right { width: auto; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .charges-start-service { color: #312e3c; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .info-box.lines.can-print .wrap.one-column { padding: 0px; padding-bottom: 20px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines.can-print { border-bottom: 1px solid #dcdcdc; margin-bottom: 0px; } } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines.can-print .wrap.one-column .left .subtitle.center a::before { background: none; position: initial; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo h4 { font-size: 17px; font-family: Arial; font-weight: normal; font-style: normal; font-weight: bold; display: block; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo h4 { display: none; } } .singleconnect-full-page .eConnect-single-wrapper .right-block { margin: 10px; max-width: 338px; width: 338px; margin-right: 0px; overflow-wrap: break-word; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block { margin: 0px !important; padding: 0px; width: 100%; max-width: none; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info { padding: 25px 30px; background: #ffffff; margin-bottom: 20px; webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); margin-bottom: 30px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info { padding: 0px; box-shadow: none; border-bottom: 1px solid #dcdcdc; padding-bottom: 6px; margin-bottom: 8px; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info h4 { font-family: Arial; font-weight: normal; font-style: normal; font-weight: bold; display: block; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info h4 { display: none; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg { background: none; border: 0px; height: auto; display: none; margin-left: 6px; color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg { display: block; margin-left: 0px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg .text { padding-left: 0px; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg .text h4 { display: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg .text h4 { display: block; margin-left: 0px !important; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg .fa { right: 9px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .info-box.boxed-lg { border: 0px !important; box-shadow: none !important; margin-bottom: 0px !important; margin-top: 0; padding: 0px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .info-box.boxed-lg { display: none; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .info-box.boxed-lg .wrap { padding-left: 0px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .info-box.boxed-lg .wrap .left .box-title { font-weight: bold; color: #666666; font-size: 16px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .info-box.boxed-lg .wrap .left .key-info { font-weight: normal; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info h4 { font-family: Arial; font-weight: normal; font-style: normal; margin: 10px; font-weight: bold; font-size: 17px; margin-left: 0px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area { padding: 25px 30px; background: #ffffff; webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); padding-bottom: 10px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area { padding: 0px; box-shadow: none; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; padding-bottom: 6px; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area h4 { font-family: Arial; font-weight: normal; font-style: normal; font-weight: bold; margin: 10px; display: block; font-size: 18px; margin-left: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area h4 { display: none; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area p { color: #666666; font-size: 16px; margin-bottom: 10px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area a { margin-bottom: 10px; font-size: 16px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .Connect-img-box img { width: 100px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg { background: none; border: 0px; height: auto; display: none; color: #0073a8; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg { display: block; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg .text { padding-left: 0px; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg .text h4 { display: none; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg .text h4 { display: block; margin-left: 0px; font-size: 17px; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg .fa { right: 9px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg { border: 0px !important; box-shadow: none !important; margin-bottom: 0px !important; margin-top: 0; padding: 0px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg { display: none; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg p { margin-left: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg a { margin-left: 0px !important; } } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg .Connect-img-box { margin-top: 10px; margin-bottom: 18px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .info-box.boxed-lg .Connect-img-box { margin-left: 0px !important; } } .singleconnect-full-page .fpl-form-row.fplesoffers { max-width: 889px; margin: 0 auto; text-align: center; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .fpl-form-row.fplesoffers { margin-top: -12px !important; } } .singleconnect-full-page .fpl-form-row.fplesoffers .btn.standard.continue-bottom { margin: 0 auto; width: 258px; height: 40px; padding-top: 14px; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .fpl-form-row.fplesoffers .btn.standard.continue-bottom { padding-top: 15px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .singleconnect-full-page .fpl-form-row.fplesoffers .btn.standard.continue-bottom { padding-top: 14px; } } .singleconnect-full-page .fpl-form-row.fplesoffers .btn.continue-bottom.secondary-btn { margin: 0 auto; line-height: 1px; width: 258px; height: 40px; border: 2px solid #0073a8; border-radius: 30px; color: #0073a8; } .singleconnect-full-page .fpl-form-row.fplesoffers .info-box.boxed-lg.one-column.fples-step5 { width: 100%; border: 0px; margin: 0 auto; margin-bottom: 23px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page .fpl-form-row.fplesoffers .info-box.boxed-lg.one-column.fples-step5 { width: 90%; } } .singleconnect-full-page .fpl-form-row.fplesoffers .info-box.boxed-lg.one-column.fples-step5 .wrap .left .fples-bottom { font-size: 16px!important; line-height: 21px; } .singleconnect-full-page .fpl-form-row.fplesoffers .info-box.boxed-lg.one-column.fples-step5 .wrap .left .fples-bottom div:first-child { margin-bottom: 10px; } .singleconnect-full-page p.fples-footer { max-width: 889px; margin: 15px auto; text-align: left; } @media screen and (min-width: 320px) and (max-width: 767px) { .singleconnect-full-page p.fples-footer { padding: 16px; width: 100%; margin-top: 26px; } } .singleconnect-full-page .fpl-form-row.under-button-link { margin-top: 22px; } /**************** SubmitOrder Page End *****************/ /****** offer-accordion ***/ #fples-offer-accordion .fpl-accordion.content-list { margin-left: 0; margin-right: 0; margin: 0 auto; width: 889px; } @media screen and (min-width: 320px) and (max-width: 767px) { #fples-offer-accordion .fpl-accordion.content-list { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { #fples-offer-accordion .fpl-accordion.content-list { width: 97%; } } @media screen and (min-width: 320px) and (max-width: 767px) { #fples-offer-accordion { margin: 0 6px; } } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header { text-align: center; background: #f7f8f9; } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header { border-right: 1px solid #c4c8c7; border-left: 1px solid #c4c8c7; padding: 6px 0; } @media screen and (min-width: 768px) and (max-width: 1023px) { #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header { margin: 0 auto; width: 750px; } } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header h3 { display: inline-block; } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon { position: relative !important; right: -5px; top: -1px; display: inline; } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-header .accordion-icon:focus { outline: none !important; box-shadow: none !important; } #fples-offer-accordion .fpl-accordion.content-list .accordion-item .accordion-body { border-right: 1px solid #c4c8c7; border-left: 1px solid #c4c8c7; border-top: none; } /****** END offer-accordion ***/ /************* Start Submit order page Print Preview ********/ @media print { .singleconnect-full-page .eConnect-single-wrapper { margin: 5px !important; padding: 5px !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts { margin: 0px !important; padding: 0px !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg { border: 0px !important; display: none !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .step-vertical-lg h4 { display: none !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column { margin-top: -10px !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines.can-print { display: none !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message { margin-left: 0px !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo .info-box.boxed-lg.one-column .info-box.lines .wrap.message .left { width: 12% !important; } .singleconnect-full-page .eConnect-single-wrapper .fpl-bounding-box.registration.single-connect-congrts .connectServiceinfo h4 { margin-top: 35px !important; padding-left: 5px; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-info .step-vertical-lg { border: 0px !important; display: none !important; } .singleconnect-full-page .eConnect-single-wrapper .right-block .service-area .step-vertical-lg { border: 0px !important; display: none !important; } .singleconnect-full-page .Connect-header-wrapper .Connect-name-info { margin-top: -30px !important; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction { display: table !important; padding: 22px 10px !important; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction p { margin-top: 12px; margin-left: 12px; width: 100% !important; display: table-cell; } .singleconnect-full-page p.fples-footer { text-align: center !important; } a[href]:after { content: none !important; } } /************* End Submit order page Print Preview ********/ /**** Modal Window ****/ #tc-dialog { position: fixed !important; } .TermAndCondition-Dialog .modal-body { padding-top: 0px; } .TermAndCondition-Dialog .modal-body ul { list-style: none; padding-left: 0px; } .TermAndCondition-Dialog .modal-body ul li { color: #000000; } .TermAndCondition-Dialog .modal-body h4 { color: #68bb45; font-family: Arial; font-weight: normal; font-style: normal; } .TermAndCondition-Dialog .modal-header { border-bottom: 0 !important; } .TermAndCondition-Dialog .modal-header .close { width: 30px; } /**** END Modal Window ****/ /******* For one offer block **************/ .eConnect-tab.oneoffer-Block { max-width: 357px !important; } /******* END For one offer block **********/ .mobileViewTab.hide { display: none !important; } .eConnect-full-container .eConnect-common-content .eConnect-grayTxt { color: #979797 !important; } .eConnect-full-container .eConnect-common-content .eConnect-BlackTxt { color: #000000 !important; } /***************** Start Transfer Program ********************/ .fpl-bounding-box.registration.econnectTransferReview .page-title { margin-bottom: 18px; } .fpl-bounding-box.registration.econnectTransferReview .errorAlertBox { text-align: left; width: 322px; margin: 26px auto; } .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item { margin-top: 0px; } .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header { background-color: transparent; padding: 0; text-align: right; /* margin-top: 15px; */ display: inline-block; float: right; top: -25px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header { display: initial; float: none; top: 0px; text-align: left; } } .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header .account-details span { color: #0073a8; } .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header .account-details .accordion-icon { background: transparent; position: relative; display: inline; right: -5px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header .account-details .accordion-icon { margin-left: 32px; right: 0px; } } .fpl-bounding-box.registration.econnectTransferReview .fpl-accordion .listaccordionitem .accordion-item .accordion-header .account-details .accordion-icon:focus { outline: none !important; box-shadow: none !important; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram { margin-bottom: 18px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplLeft label { display: block; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplLeft h4 { font-size: 16px; font-family: Arial; color: #666666; line-height: 24px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplLeft h4 { font-size: 16px; margin-bottom: 25px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplLeft div p { font-weight: bold; margin-bottom: 5px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplRight { margin-bottom: 18px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .econnectTransferFplProgram .econnectTransferFplRight img { height: 54px; width: 54px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .fpl-form-row .choice-field.fpl-customized-option { float: left; margin-right: 12px; margin-left: 0px; width: auto; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .fpl-form-row .choice-info { margin-top: 4px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferFplPrograms .fpl-form-row .choice-info .choice-detail { font-weight: bold; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview { padding: 0 16px 36px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram.econnectDetailsLeftAlign .listaccordionitem.parbase.base.section .accordion-header { text-align: left; margin-top: 8px; margin-left: 45px; position: relative; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram.econnectDetailsLeftAlign .listaccordionitem.parbase.base.section .accordion-header { margin-left: 40px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram.econnectDetailsLeftAlign .listaccordionitem.parbase.base.section .accordion-body { padding: 0px; background-color: #ffffff; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram.econnectDetailsLeftAlign .listaccordionitem.parbase.base.section .accordion-body p { padding-left: 30px; font-size: 16px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram.econnectDetailsLeftAlign .listaccordionitem.parbase.base.section .accordion-body .CQrteFluidInRTE .option_list { margin-left: 30px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeHead .econnectTransferHomeLeft { margin-bottom: 20px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeHead .econnectTransferHomeLeft h4 { font-size: 16px; font-family: Arial; color: #666666; line-height: 24px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeHead .econnectTransferHomeright { top: 10px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeHead .econnectTransferHomeright img { width: 90px; height: 90px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeHead .econnectTransferHomeright .fplLogoSize { width: 150px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram { top: -20px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .transferSurgeShieldCheckbox.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { width: 74%; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .transferSurgeShieldCheckbox.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { width: 100%; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram transferElectProtCheckbox.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { width: 74%; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram transferElectProtCheckbox.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { width: 100%; } } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-header { position: relative; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-header .accordion-icon .fa { position: relative; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC { padding: 0px; background: #ffffff; padding-top: 22px; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC { padding-left: 40px !important; padding-top: 8px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC .CQrteFluidInRTE.CQrte { padding: 0px !important; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC .CQrteFluidInRTE.CQrte p { text-align: left; margin-bottom: 20px; color: #666666; margin-top: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC .CQrteFluidInRTE.CQrte p { padding-left: 25px !important; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC .CQrteFluidInRTE.CQrte .option_list { margin-bottom: 5px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-SSP-SSC .CQrteFluidInRTE.CQrte .option_list li { color: #666666; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP { padding: 0px; background: #ffffff; padding-top: 22px; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP { padding-left: 40px !important; padding-top: 8px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP .CQrteFluidInRTE.CQrte { padding: 0px !important; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP .CQrteFluidInRTE.CQrte p { text-align: left; margin-bottom: 20px; color: #666666; margin-top: 0px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP .CQrteFluidInRTE.CQrte .option_list { margin-bottom: 5px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .listaccordionitem.parbase.base.section .accordion-body.accordion-body-ESP .CQrteFluidInRTE.CQrte .option_list li { color: #666666; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-form-row { margin-top: 20px; margin-bottom: -12px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-form-row .listaccordionitem.parbase.base.section .account-details .accordion-icon { font-weight: normal; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram #transferSurgeShieldNode { margin-bottom: 20px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-choice-box .choice-field.fpl-customized-option { float: left; margin-right: 12px; margin-left: 0px; width: auto; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-choice-box .choice-field.fpl-customized-option { margin-right: 10px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-choice-box .choice-info { margin-top: 4px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .fpl-choice-box .choice-info .choice-detail { font-weight: bold; width: 100%; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram p { margin-top: 20px; font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram p { padding-left: 0px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferHomeProgram .transfer-termination-warning { padding-top: 10px; padding-bottom: 10px; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon { margin-top: 35px; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon .econnectTransferTerms .choice-field.fpl-customized-option { float: left; margin-right: 10px; margin-left: 0px; width: auto; } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon .econnectTransferTerms .choice-info { margin-top: 4px; width: 90%; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon .econnectTransferTerms .choice-info { width: 85%; } } .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon .econnectTransferTerms .choice-info .choice-detail { width: 100%; font-size: 14px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.econnectTransferReview .econnectTransferTermCon .econnectTransferTerms .choice-info .choice-detail { max-width: none; width: 100%; } } .fpl-bounding-box.registration.econnectTransferReview .standard.next-connect-step.btn { width: 258px; height: 42px; padding-top: 14px; } .fpl-bounding-box.registration.econnectTransferReview .econnectProgramlist { margin-bottom: 25px; } .fpl-bounding-box.registration.econnectTransferReview .econnectProgramlist #programsList { margin-bottom: 10px; } .fpl-bounding-box.registration.econnectTransferReview .econnectProgramlist p { font-size: 16px; font-family: Arial; font-weight: normal; font-style: normal; margin-left: 44px; font-weight: bold; } .standalone { margin-top: 20px; } /***************** End Transfer Program ********************/ .eConnect-tab.econnect-opacity { opacity: 1 !important; } .eConnect-tab.econnect-opacity .eConnect-premium-strip, .eConnect-tab.econnect-opacity .eConnect-basic-strip { border-bottom: 1px solid #0c2739 !important; background: #FFF !important; } .eConnect-tab.econnect-opacity .eConnect-premium-strip .pStripName, .eConnect-tab.econnect-opacity .eConnect-basic-strip .pStripName, .eConnect-tab.econnect-opacity .eConnect-premium-strip .bStripName, .eConnect-tab.econnect-opacity .eConnect-basic-strip .bStripName { color: #0c2739 !important; } /****** Internet explore media ************/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .singleconnect-full-page .fpl-form-row.fplesoffers .btn.standard.continue-bottom { padding-top: 13px; } .singleconnect-full-page .step-vertical-lg.connectDelayOrderAction { align-items: flex-start !important; } .singleconnect-full-page .Connect-header-wrapper .Connect-dynamicmsg-box .step-vertical-lg.connectDelayOrderAction .btn.standard.image-upload-link { margin-top: 5px; } } /****** Internet explore media ************/ /********** Start FPLCOM-11232 **************/ .multiconnect-congrat .multiconnect-last-congrat .multicongra-print .print-confirm.text-center { margin-bottom: 25px; } /********** End FPLCOM-11232 **************/ .eConnect-default-package .default-footer-text { padding: 15px; text-align: left; max-width: 889px; margin: 0 auto; } @media screen and (min-width: 768px) and (max-width: 1023px) { .eConnect-default-package .default-footer-text { width: 750px; } } .eConnect-default-package .eConnect-package-wrapper.oneoffer-Blockwrapper { border: 1px solid #cccccc; } /********** FPLCOM-11526 UL li has been changed********/ .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content ul li.green_check:before { content: ""; background: url(../images/econnect/green-right-check.svg) no-repeat; width: 50px; display: inline-table; height: 50px; } .eConnectConfirm-container .eConnectConfirm-wrapper .eConnect-common-content ul li.close-icon:before { content: ""; background: url(../images/econnect/darkgray-close.svg) no-repeat; width: 50px; display: inline-table; height: 50px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li.green_check:before { content: ""; background: url(../images/econnect/green-right-check.svg) no-repeat; width: 50px; display: inline-table; height: 50px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-common-content ul li.close-icon:before { content: ""; background: url(../images/econnect/darkgray-close.svg) no-repeat; width: 50px; display: inline-table; height: 50px; } /********** END FPLCOM-11526********/ /********** FPLCOM-12659 **********/ .transferCongratsNote .info-box .success_bill_inline { display: table !important; } /********** FPLCOM-12659 **********/ /********** FPLCOM-12948 **********/ .fpl-bounding-box.registration.connectCongratsTransfer .info-box.boxed-lg.one-column.no-border .wrap.success_bill_nopad .emb-check.success_bill_inline { display: table; } @media print { .fpl-bounding-box.registration.connectCongratsTransfer { padding: 10px !important; margin: 10px !important; width: 98% !important; } .fpl-bounding-box.registration.connectCongratsTransfer .step-vertical-lg .account { padding: 10px !important; } .fpl-bounding-box.registration.connectCongratsTransfer .info-box.boxed-lg.one-column { padding: 10px !important; } } /********** FPLCOM-12948 **********/ .eConnect-full-container p { font-size: 16px; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab.oneoffer-Block { min-height: 500px !important; } .eConnect-full-container .eConnect-container .eConnect-package-wrapper .eConnect-tab.oneoffer-Block .eConnect-common-content ul { min-height: 142px !important; } #fples-offer-accordion .fpl-accordion .accordion-item .accordion-body p { margin-bottom: 15px; position: relative; z-index: 99; } #fples-offer-accordion .fpl-accordion .accordion-item .accordion-body ul.option_list li { margin-left: 5%; } /* commonClass for Global */ /********* This class can use as globally for all project ***********/ /********************* this includes ************/ /* mainContainerWrapper width */ /* btn width */ /* Checkbox btn choice fields */ /* Radio btn choice fields */ /* Error , Info and Warning Alert Boxes*/ /* Juila image and message */ /*********************END this includes ************/ .mainContainerWrapper { padding-top: 0; } .mainContainerWrapper .fpl-bounding-box.registration { width: 550px; border: 1px solid #c4c8c7; padding: 20px 75px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 3px; margin-top: 35px; /* Mobile view */ } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .fpl-bounding-box.registration { width: 340px; border: 1px solid #c4c8c7; background-color: #ffffff; border-radius: 5px; padding: 10px 15px; } } .mainContainerWrapper .btn { width: 258px; font-size: 15px; } .mainContainerWrapper .contentPageText { font-size: 16px; } .mainContainerWrapper .seperator { height: 1px; background-color: #c4c7c8; margin-top: 20px; margin-bottom: 20px; } .mainContainerWrapper h5 { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; } .mainContainerWrapper .txt-dark-gray { color: #404040; } .mainContainerWrapper .errorAlertWrapper { margin: 0px auto; width: 100%; max-width: 550px; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .errorAlertWrapper { max-width: 340px; } } .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { margin-top: 35px; width: 550px; background-color: #ffffff; border-radius: 3px; font-size: 16px; line-height: 20px; text-align: left; position: relative; padding-left: 70px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: -15px; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -15px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat; content: ""; width: 33px; height: 34px; padding-right: 33px; background-size: 32px 32px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .mainContainerWrapper .infoAlertWrapper { margin: 0px auto; width: 100%; max-width: 550px; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .infoAlertWrapper { max-width: 340px; } } .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { margin-top: 35px; width: 550px; background-color: #ffffff; border-radius: 3px; font-size: 16px; line-height: 20px; text-align: left; position: relative; padding-left: 70px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: -15px; border: 1px solid #c4c8c7; background-color: #eef1f2; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -15px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/predictive-Banner-Icon.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/predictive-Banner-Icon.svg) no-repeat; content: ""; width: 33px; height: 34px; padding-right: 33px; background-size: 32px 32px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .mainContainerWrapper .successAlertWrapper { margin: 0px auto; width: 100%; max-width: 550px; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .successAlertWrapper { max-width: 340px; } } .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { margin-top: 35px; width: 550px; background-color: #ffffff; border-radius: 3px; font-size: 16px; line-height: 20px; text-align: left; position: relative; padding-left: 70px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: -15px; border: 1px solid #c4c8c7; background-color: #eef1f2; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -15px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/fill-check_green_68bb45.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/fill-check_green_68bb45.svg) no-repeat; content: ""; width: 33px; height: 34px; padding-right: 33px; background-size: 32px 32px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .mainContainerWrapper .warningAlertWrapper { margin: 0px auto; width: 100%; max-width: 550px; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .warningAlertWrapper { max-width: 340px; } } .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted { margin-top: 35px; width: 550px; background-color: #ffffff; border-radius: 3px; font-size: 16px; line-height: 20px; text-align: left; position: relative; padding-left: 70px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: -15px; border: 1px solid #c4c8c7; background-color: #eef1f2; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -15px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat; content: ""; width: 33px; height: 34px; padding-right: 33px; background-size: 32px 32px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper .warningAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } /**** Check box choice Section****/ .checkboxBtn-Choice .fpl-choice-box { margin-bottom: 18px; } .checkboxBtn-Choice .fpl-choice-box .choice-field { float: left; margin-left: 0; width: auto; } .checkboxBtn-Choice .fpl-choice-box .choice-info { margin-left: 15px; width: 70%; padding-top: 3px; } @media (max-width: 767px) { .checkboxBtn-Choice .fpl-choice-box .choice-info .choice-detail { width: 100%; } } /***** End Check box choice Section ****/ /***** Radio Btn Choice Section ****/ .radioBtn-Choice { margin-bottom: 5px; } .radioBtn-Choice .fpl-choice-box { display: inline-block; margin-bottom: 10px; width: 100%; } .radioBtn-Choice .fpl-choice-box .choice-info { float: right; width: 85%; padding: 5px 0px 0px 10px; } @media (max-width: 481px) { .radioBtn-Choice .fpl-choice-box .choice-info { width: 83%; } } .radioBtn-Choice .fpl-choice-box .choice-info .choice-detail { width: auto !important; } @media (max-width: 768px) { .radioBtn-Choice .fpl-choice-box .choice-info .choice-detail { max-width: 100% !important; } } @media (max-width: 768px) { .radioBtn-Choice .fpl-choice-box .choice-field { float: left; } } /***** END Radio Btn Choice Section ****/ /***** julia Img and Message ****/ .julia-msg_Wrapper .juliaBlock { text-align: center; position: relative; margin: 30px 0px; } .julia-msg_Wrapper .juliaBlock img { width: 100px; display: inline-block; margin-right: -86px; z-index: 2 !important; position: relative; margin-top: -9px; } @media (max-width: 767px) { .julia-msg_Wrapper .juliaBlock .assist_img { margin-top: -7px; width: 80px; margin-right: -82px; } } .julia-msg_Wrapper .help_text_block { display: inline-block; width: 385px; vertical-align: middle; padding: 27px 20px 26px 90px; background-color: #ffffff; border-radius: 50px; padding-left: 90px; z-index: 1 !important; position: relative; border: 1px solid #c4c8c7; font-size: 16px; text-align: left!important; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); } @media only screen and (max-width: 767px) and (min-width: 320px) { .julia-msg_Wrapper .help_text_block { max-width: 90%; padding: 14px 20px 17px 90px; } } @media (device-width: 320px) { .julia-msg_Wrapper .help_text_block { padding: 5px 0px 10px 90px !important; } } .julia-msg_Wrapper .full_width_seperator { background-color: #c4c8c7; height: 1px; width: 100%; position: absolute !important; top: 50%; left: 0; } /***** END julia Img and Message ****/ /* fraud Report */ /* Dropdown fix for border radius on bottom left */ .fpl-customized-option .fpl-dropdown-field .inlineboxdisplay-selectbox-overwrite-content .dropdown-list { border-radius: 0 0 24px 24px !important; -moz-border-radius: 0 0 24px 24px !important; -webkit-border-radius: 0 0 24px 24px !important; } @media (max-width: 767px) { .fraud-report-wrapper { background: #f7f8f9 !important; } } .fraud-report-wrapper .fraud-report-container input[type=text], .fraud-report-wrapper .fraud-report-container input[type=tel], .fraud-report-wrapper .fraud-report-container textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .fraud-report-wrapper .fraud-report-container .fr-bounding-box-mob { width: 550px; } @media (max-width: 767px) { .fraud-report-wrapper .fraud-report-container .fr-bounding-box-mob { width: 89%; -webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); padding-bottom: 13px; padding-top: 25px; } } .fraud-report-wrapper .fraud-report-container .ctn-btn-size { width: 258px; } .fraud-report-wrapper .fraud-report-container .head_left_block { max-width: 1440px; margin: 0 auto; } .fraud-report-wrapper .fraud-report-container .head_left_block .fraud-report-header { display: inline; } .fraud-report-wrapper .fraud-report-container .head_left_block .fraud-report-header .fr-dashboard-heading { font: bold 25px Arial; color: #404040; margin: 15px 0px 18px 138px; } @media (min-width: 768px) and (max-width: 1024px) { .fraud-report-wrapper .fraud-report-container .head_left_block .fraud-report-header .fr-dashboard-heading { margin-left: 65px; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .fraud-report-wrapper .fraud-report-container .head_left_block .fraud-report-header .fr-dashboard-heading { margin: 20px 0px 18px 15px; } } @media (max-width: 1023px) and (min-width: 768px) { .fraud-report-wrapper .fraud-report-container .head_left_block .fraud-report-header .fr-dashboard-heading { padding-top: 4px; } } .fraud-report-wrapper .fraud-report-container .fr-textarea { position: relative; } .fraud-report-wrapper .fraud-report-container .fr-textarea .clear-field { display: none !important; } .fraud-report-wrapper .fraud-report-container .fr-textarea .fpl-form-row { margin-bottom: 0px; } .fraud-report-wrapper .fraud-report-container .fr-textarea textarea { border-radius: 4px; border: 1px solid #c4c8c7; min-height: 140px !important; padding: 15px 10px 20px 18px; line-height: 20px; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; width: 100% !important; } .fraud-report-wrapper .fraud-report-container .fr-textarea .fr-textarea-charcount { position: absolute; bottom: 5px; z-index: 9; right: 13px; font-size: 11px; } @media (max-width: 767px) { .fraud-report-wrapper .fraud-report-container .modal-small .fplModal.modal { background: rgba(0, 0, 0, 0.6); z-index: 10050; } } .fraud-report-wrapper .fraud-report-container .cancelLink { font-size: 16px; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .fr-radio-btn-block { width: 193px; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .fr-radio-btn-block .radio-alerts { display: inline-block; width: 49%; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .fr-radio-btn-block .radio-alerts .choice-info { float: right; padding-top: 5px; width: 56%; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .fr-radio-btn-block .radio-alerts .choice-field { float: none; margin-left: 0px !important; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar :-ms-input-placeholder { color: transparent !important; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .dte-picker-calendar .fpl-form-note.form-error-note { float: left; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-date-selector .inlineboxdisplay-label-name { display: none; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-date-selector .fr-incident-label { position: absolute; bottom: 12px; color: #0073a8 !important; font-weight: bold; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-date-selector .fpl-input { padding-left: 99px !important; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-time-selector .inlineboxdisplay-label-name { display: none; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-time-selector .fr-incident-label { position: absolute; bottom: 12px; color: #0073a8 !important; font-weight: bold; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-full-calendar .dte-picker-wrapper .fr-incident-time-selector .fpl-input { padding-left: 99px !important; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-picker-wrapper { width: auto !important; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-picker-wrapper .dte-img-cal img { width: 19px; height: 19px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-picker-wrapper .dte-img-cal img { margin-right: 1px; } } .fraud-report-wrapper .fraud-report-container .fr-user-contact .dte-picker-wrapper .clear-field { margin-right: 25px; } .fraud-report-wrapper .fraud-report-container .fr-user-contact .fr-timezone-help-note { margin-bottom: 20px; display: inline-block; font-size: 13px; } .fraud-report-wrapper .fraud-report-container .fr-report-review .fr-report-review-block form hr:last-of-type { display: none; } .fraud-report-wrapper .fraud-report-container .fr-report-review .fr-report-review-block .fr-accordion-item { margin-top: 0px; } .fraud-report-wrapper .fraud-report-container .fr-report-review .fr-report-review-block .fr-accordion-item .accordion-icon { cursor: default; } .fraud-report-wrapper .fraud-report-container .fr-report-review .fr-report-review-block .fr-accordion-item .sub-category { padding: 18px 0px 0px 0px; background: none; } .fraud-report-wrapper .fraud-report-container .fr-personal-info .fr-radio-btn { width: 266px; margin-top: 10px; } .fraud-report-wrapper .fraud-report-container .fr-personal-info .fr-radio-btn .choice-field { margin-left: 0px; } .fraud-report-wrapper .fraud-report-container .fr-personal-info .fr-radio-btn .choice-info { width: 87%; } .fraud-report-wrapper .fraud-report-container .fr-landing-page { margin-top: 40px; } @media (max-width: 767px) { .fraud-report-wrapper .fraud-report-container .fr-landing-page { margin-top: 20px; } } .fraud-report-wrapper .fraud-report-container .fr-submit-report .fr-submit-report-block .fr-confirm-title { font-size: 20px; margin-top: 0px; } .fraud-report-wrapper .fraud-report-container .fr-suspect-details form .fpl-input, .fraud-report-wrapper .fraud-report-container .fr-user-contact form .fpl-input, .fraud-report-wrapper .fraud-report-container .fr-law-enforcement form .fpl-input { margin-top: 14px; } .fraud-report-wrapper .fraud-report-container .fr-submit-confirmation .vm-confirmation h1.fr-confirm-title { color: #404040 !important; } .fraud-report-wrapper .fraud-report-container .fr-submit-confirmation .vm-confirmation .fr-confirm-msg { text-align: center; } .fraud-report-wrapper .fraud-report-container .fr-submit-confirmation .vm-confirmation .fr-confirm-msg ul { text-align: left; padding-top: 15px; } .fr-appt-slot-modal-container .hbes-MainContainer .onCallWrapper .timeSlotWrapper { overflow: hidden; overflow-y: auto; border: none; width: 365px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .fr-appt-slot-modal-container .hbes-MainContainer .onCallWrapper .timeSlotWrapper { width: 97% !important; } } .fr-appt-slot-modal-container .hbes-MainContainer .onCallWrapper .timeSlotWrapper .halfdaySlot.availableTime { width: 95px !important; margin: 10px 3px !important; } /* careToshare */ @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper { background: #f7f8f9 !important; } } .careToshare_wrapper a { cursor: pointer; } @media screen and (min-width: 768px) and (max-width: 1023px) { .careToshare_wrapper .masthead.billing .head-banner-content { padding-top: 22px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .head_left_block { max-width: 1440px; margin: 0 auto; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock { text-align: center; position: relative; margin: 30px 0px 40px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock { margin-bottom: 18px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock img { width: 100px; display: inline-block; margin-right: -86px; z-index: 2 !important; position: relative; margin-top: -9px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock .help_text_block { display: inline-block; width: 385px; vertical-align: middle; padding: 27px 20px 26px 90px; background-color: #ffffff; border-radius: 50px; padding-left: 90px; z-index: 1 !important; position: relative; border: 1px solid #c4c8c7; font-size: 16px; text-align: left!important; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock .help_text_block { max-width: 90%; padding: 14px 20px 17px 90px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .juliaBlock .full_width_seperator { background-color: #c4c8c7; height: 1px; width: 100%; position: absolute !important; top: 50%; left: 0; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .dashboard-heading { font-family: Arial; font-weight: bold; font-style: normal; font-size: 25px; color: #404040; line-height: 30px; margin: 15px 0px 18px 15px !important; } @media screen and (min-width: 1025px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .dashboard-heading { margin: 15px 0px 18px 138px !important; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .bread-icon::before { background: url(/fplcommon/images/st_backbutton.svg) no-repeat; background-size: 100% 100%; height: 27px; width: 40px; min-width: 39px; min-height: 26px; content: ""; margin-right: 20px; float: left; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .bread-icon::before { margin-right: 8px; } } @media screen and (min-width: 768px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box { /* width: 550px !important; margin: 0px auto 0 !important; padding: 36px 74px 20px 74px !important; */ } } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box { width: auto !important; -webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15); margin: 10px; padding: 20px; } } @media only screen and (min-width: 320px) and (max-width: 767px) and (min-aspect-ratio: 13/9) and (orientation: landscape) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box { width: 550px !important; margin: 0 auto; } } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .donationAmount_wrap, .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .donationDetails_wrap { display: inline-block; width: 100%; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .page-title { display: inline-block; color: #666666; font-size: 16px; text-align: left !important; margin-top: 0px; margin-bottom: 20px; font-family: Arial; font-weight: bold; font-style: normal; /* font-weight: normal; */ } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .review-emailAddress { display: inline-block; color: #666666; font-size: 14px; text-align: left !important; margin-top: 0px; font-family: Arial; font-weight: bold; font-style: normal; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .lander-heading { font-size: 16px; color: #666666; line-height: 20px; margin-bottom: 16px; font-family: Arial; font-weight: normal; font-style: normal; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cs-bounding-box .lander-heading { margin-bottom: 16px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .fpl-dropdown-field { height: 100% !important; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .fpl-dropdown-field .fpl-dropdown { position: relative !important; margin-bottom: 15px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .other-amount .fpl-form-row { margin-bottom: 0 !important; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block { margin: 0 auto; width: 300px; /* left: 13%; */ } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block { /* left: 0% !important;*/ } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .fpl-choice-box { margin-bottom: 15px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .choice-info { float: right; text-align: left; padding: 5px 0 0 10px; display: inline-block; width: 84%; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .choice-info .choice-detail { width: 100%; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .choice-info .heading_block { position: absolute; top: 5px; right: 10px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .next-connect-step { margin-bottom: 32px; line-height: 10px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .next-connect-step { width: 200px; height: 44px; line-height: 0px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .cancelLink { font-size: 16px; text-transform: none; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .form-items-container .page-title { margin-bottom: 5px !important; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .form-items-container p { margin-bottom: 15px !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .oneTimeReview { padding-top: 25px !important; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .donationDetails_title { color: #404040; font-size: 20px; text-align: center; margin-bottom: 20px; display: inline-block; width: 100%; font-family: Arial; font-weight: bold; font-style: normal; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .donationAmount { font-family: Arial; font-weight: bold; font-style: normal; font-size: 28px; color: #404040; line-height: 21px; text-align: center; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .donationDetails-txt { font-size: 14px; color: #404040; line-height: 15px; text-align: center; margin-bottom: 9px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .review-donationAmount { font-family: Arial; font-weight: bold; font-style: normal; font-size: 28px; color: #404040; line-height: 21px; margin-bottom: 10px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .donationRecurring-txt { margin: 20px auto; text-align: center; width: 80%; line-height: 18px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .donationRecurring-txt { width: 100% !important; margin: 16px auto 16px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.review_Page .confirmMessage { font-size: 16px; text-align: center; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .successMessgae { font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; color: #404040; line-height: 23px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confIcon_block { padding-top: 22px; position: relative; height: 36px; margin: 25px 0; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confIcon_block:after { content: ''; position: absolute; width: 32px; height: 32px; top: 0px; right: 47%; color: #404040; background-repeat: no-repeat !important; background-position: center !important; background-image: url(/fplcommon/images/shape.svg); } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confirmation-review { font-size: 16px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confirmation-review .confirmation-emailTxt { width: 70%; margin: 0 auto; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confirmation-review .confirmation-emailTxt { width: 100%; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confirmation-review .confirmation-email { margin-bottom: 0 !important; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .confirmation_message { font-size: 16px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .next-connect-step { /* width: 292px !important; */ } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.confirmation_Page .manageDonationsLink a { text-transform: initial; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.lander-Page .learnMoreLink { text-transform: initial; font-size: 16px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .currentDonation-heading, .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .roundUp-heading { font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; color: #404040; line-height: 24px; text-align: center; margin-bottom: 25px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .currentDonation-heading { margin-bottom: 13px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .roundUp-heading { margin-bottom: 5px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .donationDetails-txt { font-size: 14px; color: #404040; line-height: 15px; text-align: center; margin-bottom: 9px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .donationAmount { font-family: Arial; font-weight: bold; font-style: normal; font-size: 28px; color: #404040; line-height: 24px; text-align: center; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .onetime { font-size: 16px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program.editDonation-Page .help_text_block { font-size: 16px; color: #666666; line-height: 20px; font-family: Arial; font-weight: normal; font-style: normal; } .careToshare_wrapper .oneTime-donationInfo.roundUp-review div[data-dojo-attach-point=paymentDetailsNode] { margin: 35px; } .careToshare_wrapper .oneTime-donationInfo .fpl-form-field.fpl-prepend .inlineboxdisplay-label-name { line-height: 20px !important; } .careToshare_wrapper .oneTime-donationInfo .fpl-form-field.fpl-prepend .fa-usd.prepend currency { top: -11px; left: 0px; } /* DonationTemplate radio btn fix */ .radioBtn_block.cs_radioBtn .nm-radio-field .fpl-choice-box { width: auto; } .radioBtn_block.cs_radioBtn .nm-radio-field .fpl-choice-box .choice-info { float: right; width: auto; padding: 5px 0px 0px 10px; max-width: 193px; } .radioBtn_block.cs_radioBtn .CS_toolTip { display: inline-block; top: -23px; left: -3px; } .radioBtn_block.cs_radioBtn .CS_toolTip.tooltip2 { left: -33px; top: -19px; } .cs-bounding-box .td.full_width_seperator { background-color: #c4c8c7; height: 1px; margin-bottom: 20px; } .donationAmount_wrap .heading_block.fpl-form-tooltip h1.page-title { margin-bottom: 20x !important; } .donationAmount_wrap .heading_block .lander-heading { font-weight: normal !important; } .donation-amount-container .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open .dropdown-list { max-height: 275px; } .cs-bounding-box .form-items-containers.form-alert.alert-tooltip p { margin-bottom: 0px !important; color: #666666; } .cs-bounding-box .donationDetails_wrap .donationDetails .form-items-containers .page-title { margin-bottom: 0px !important; } .cs-bounding-box .donationDetails_wrap .donationDetails .lander-heading.text-center { font-size: 20px; color: #404040; font-weight: bold; } .cs-bounding-box .donationDetails_wrap .donationDetails .form-alert.alert-tooltip { color: #666666; } .roundUp-heading { font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px !important; color: #404040; } .no-gutter-mobile.other-amount .fpl-form-row .fpl-form-field span.inlineboxdisplay-label-name { margin-left: 5px; } #recurringDonation .donationAmount_wrap h3 { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; margin-top: 0; } #recurringDonation .donationAmount_wrap .heading_block .lander-heading { margin: 25px 0 !important; font-size: 16px; font-weight: normal !important; } #oneTimeReview .page-title { font-size: 14px !important; } /******** Terms and condition *******/ .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left { overflow-y: initial !important; max-height: none !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left { max-height: none !important; } } .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left ul { margin-left: 20px !important; } .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left ul li { font-size: 16px; } .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left ul li ul { padding-left: 20px !important; margin-top: 5px; } .cs-bounding-box .fplModal .paperless-billing-content.scrollable.text-left ul li ul li { list-style-type: circle; } /******** Terms and condition *******/ /******** change request for all the pages **********/ .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block { margin: 0 auto; width: 326px; left: 3%; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .choice-info { padding: 5px 0 0 7px; } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .choice-info .heading_block { position: absolute; top: 5px; right: 13px; } .careToShare_program.oneTime-donationInfo.lander-Page .fpl-bounding-box.registration.cs-bounding-box .donationAmount_wrap .radioBtn_block.cs_radioBtn { margin: 0 auto; width: 280px; left: 0; } .careToShare_program.oneTime-donationInfo.lander-Page .fpl-bounding-box.registration.cs-bounding-box .donationAmount_wrap .help_text_block.logged-out-text { font-size: 16px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToShare_program.oneTime-donationInfo.registration-container.review_Page .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog .modal-content { margin-top: 100px; } } .careToShare_program.oneTime-donationInfo.registration-container.review_Page .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog .modal-content p { color: #666666; } .careToShare_program.oneTime-donationInfo.registration-container.review_Page .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog .modal-content .btn { width: 258px !important; } .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog { padding-top: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog .modal-content { margin-top: 100px; } } .fpl-bounding-box.registration.cs-bounding-box .modal-small .fplModal.modal .modal-dialog .modal-content p { color: #666666; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.cs-bounding-box .fplModal.modal.large .modal-dialog .modal-content .btn { width: 258px !important; } } /******** change request for all the pages **********/ /********Bank account information radio text *******/ .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap { margin: 0 auto; width: 308px; left: 6%; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap { left: 0px; } } .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap .radio-field .choice-info { width: 86%; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap .radio-field .choice-info { width: 80%; } } .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap .radio-field .choice-info .choice-detail { width: 100%; } .fpl-bounding-box.registration.cs-bounding-box.connect .radioBtn_block.cs_wrap .radio-field .choice-field { margin-left: 0px; } .fpl-bounding-box.registration.cs-bounding-box.connect .no-gutter-mobile.other-amount { padding-bottom: 11px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.cs-bounding-box.connect .no-gutter-mobile.other-amount .fpl-form-field.inlineboxdisplay-placeholder-container.fpl-prepend .fpl-input.inlineboxdisplay-input-field { margin-top: 12px !important; } } .fpl-bounding-box.registration.cs-bounding-box.connect .donationAmount_wrap .donation-amount-container .fpl-dropdown-field .fpl-dropdown.inlineboxdisplay-selectbox-overwrite-content .selected-item-text.inlineboxdisplay-selectbox-input-field { box-shadow: none !important; } .fpl-bounding-box.registration.cs-bounding-box .donationAmount_wrap .help_text_block.logged-out-text { font-size: 16px; } /********Bank account information radio text *******/ /********* common button size *******/ .standard.next-connect-step.btn { width: 258px !important; } /********* common button size *******/ @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block { margin: 0 auto; width: 275px; } } @media screen and (min-width: 320px) and (max-width: 767px) { .mainContainerWrapper.careToshare_wrapper .desktop-hide-account-details .edit-user-link.ui-link { display: none; } } /* END DonationTemplate radio btn fix */ @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .fpl-customized-option.new-dropdown .fpl-dropdown-field .fpl-dropdown { margin-bottom: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .changeType.changeType_roundUp.fpl-choice-box { width: 286px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .changeType.changeType_roundUp.fpl-choice-box .heading_block { right: 36px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .changeType.changeType_roundUp.fpl-choice-box .heading_block { right: 0px; } } .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .fpl-choice-box.changeType.changeType_recurring .heading_block { right: 8px; } @media screen and (min-width: 320px) and (max-width: 767px) { .careToshare_wrapper .oneTime-donationInfo.careToShare_program .radioBtn_block .radio-field .fpl-choice-box.changeType.changeType_recurring .heading_block { left: 64px; top: 25px; right: 0px; } } /****** Internet explore media ************/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainContainerWrapper.careToshare_wrapper .registration-container .masthead.billing .col-md-10.col-md-offset-1.head-banner-content.no-gutter { margin-left: 2.4%; } } /* summaryBill */ /* Summary Bill Styles */ .summarybill { /* common styles for summary bill project start*/ /* common styles for summary bill project end*/ /* styles for fpl global components start */ /* styles for fpl global components end */ /* styles for summary bill modules start */ /* styles for summary bill modules end */ } .summarybill .sb-lg-width { max-width: 1232px; margin: 0 auto; } .summarybill .btn.sb-btn-width { width: 200px !important; } .summarybill .pay-now-btn { width: 246px; } .summarybill .pay-now-btn.disabled { color: inherit; } .summarybill .fpl-form-row .fpl-form-field .fpl-input { padding: 14px 24px 10px; } .summarybill .fpl-form-row.email-address .fpl-form-field .clear-field { margin-top: -36px !important; } .summarybill .fl-none { float: none; margin: 0 auto; } .summarybill .m-h-20 { margin-left: 20px; margin-right: 20px; } .summarybill .p-b-60 { padding-bottom: 60px; } .summarybill .m-b-n-30 { margin-bottom: -30px; } .summarybill .btn, .summarybill a, .summarybill .font-size-2 { font-size: 16px !important; } .summarybill .font-size-1 { font-size: 20px; } .summarybill .font-size-3 { font-size: 14px !important; } .summarybill .bg-white { background-color: #ffffff !important; } .summarybill .sb-error-note { color: #dc1500 !important; } .summarybill .padding-b-0 { padding-bottom: 0px !important; } .summarybill .dynamic-banner { background-color: #eef1f2; border: 1px solid #c4c8c7; border-radius: 4px; } .summarybill .dynamic-banner .dynamic-content { padding: 33px 0px 33px 18px; } .summarybill .dynamic-banner .dynamic-icon { width: 33px; height: 33px; background: url(../images/green_tick_icon.svg) no-repeat center center; background-size: 100%; min-width: 33px; margin-left: 20px; } .summarybill .dynamic-banner .dismissBtn .close-x { z-index: 1; } .summarybill .dynamic-banner .dismissBtn .close-x:before { font-size: 30px; color: #666666; } .summarybill .accordion-block { display: flex; background-color: #0073a8; height: 90px; } .summarybill .accordion-block .accounts-accordion { padding: 32px; border-radius: 2px 0 0 0; width: 97%; } @media screen and (min-width: 768px) and (max-width: 1024px) { .summarybill .accordion-block .accounts-accordion { width: 95%; } } @media screen and (max-width: 767px) { .summarybill .accordion-block .accounts-accordion { width: 90%; } } .summarybill .accordion-block .accounts-accordion p { color: #ffffff; font-family: Arial; font-weight: bold; font-style: normal; line-height: 22px; font-size: 19px; } .summarybill .accordion-block .accordion-arrow { width: 3.5%; border-left: thin solid #ffffff; padding: 30px 3px; } @media screen and (min-width: 768px) and (max-width: 1024px) { .summarybill .accordion-block .accordion-arrow { width: 5%; } } @media screen and (max-width: 767px) { .summarybill .accordion-block .accordion-arrow { width: 10%; } } .summarybill .accordion-block .accordion-arrow .sb-up-arrow { color: #ffffff; font-size: 12px; } .summarybill .fplModal.modal .modal-dialog .modal-close:after { font-size: 15px; } .summarybill .sb-payment-confirm .currentBalance { font-size: 40px; letter-spacing: -0.89px; line-height: 55px; color: #404040; } .summarybill .sb-update-mailing-address .mailingAddressBlock .sb-dropdown-select.dropdown-select .fpl-dropdown { margin-bottom: 0px; } .summarybill .sb-update-mailing-address .mailingAddressBlock .sb-dropdown-select.dropdown-select.fpl-customized-option { margin-bottom: 18px; } @media screen and (max-width: 1024px) { .summarybill .sb-update-mailing-address .mailingAddressBlock .sb-dropdown-select.dropdown-select .fpl-dropdown-field { margin-bottom: 0px; } } .summarybill .sb-update-mailing-address .mailingAddressBlock .sb-dropdown-select.dropdown-select span.form-error-note { margin-top: 3px !important; padding-left: 0px !important; } @media screen and (max-width: 1024px) { .summarybill .sb-update-mailing-address .mailingAddressBlock .sb-dropdown-select.dropdown-select span.form-error-note { display: inherit; } } .summarybill .sb-sso-authentication .fpl-bounding-box.registration { margin: 60px auto; border: 1px solid #c4c8c7; border-radius: 4px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); } @media (min-width: 768px) { .summarybill .sb-sso-authentication .fpl-bounding-box.registration { padding: 36px 73px 36px 72px; } } .summarybill .sb-sso-authentication .sso-authentication-block { width: 550px; } @media (max-width: 767px) { .summarybill .sb-sso-authentication .sso-authentication-block { width: 89%; padding-top: 36px; } } .summarybill .sb-emb-dashboard { padding-bottom: 60px; } .summarybill .sb-emb-dashboard .sb-bank-info .fpl-form-row { margin-bottom: 18px; } .summarybill .sb-emb-dashboard .sb-bank-info .add-edit-account { border-color: #c4c8c7; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); } .summarybill .sb-emb-dashboard .sb-bank-info .add-edit-account .fpl-form-row.ssn .fpl-form-field:before { content: none; } @media (max-width: 767px) { .summarybill .sb-emb-dashboard .sb-bank-info .fpl-overview { border: none; box-shadow: none; } } .summarybill .sb-emb-dashboard .discontinue-review .mailing-box { padding: 15px 11px 7px 12px; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.3); width: 338px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .lh-14 { line-height: 14px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .lh-18 { line-height: 18px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .lh-25 { line-height: 25px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .email-note { font-size: 11px; letter-spacing: 0.49px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .send-bill-text { letter-spacing: 0.5px; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .email-icon { background-image: url('../images/envelope-deco-white.png') !important; min-height: 75px; background: #ffffff no-repeat 70%; } .summarybill .sb-emb-dashboard .summary-bill-signup .sb-enrollment-view .email-icon:after { content: ""; display: block; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-zero-payment .dynamic-icon, .summarybill .sb-emb-dashboard .sb-dashboard .sb-return-items .dynamic-icon { background: url('/fplcommon/images/predictive-Banner-Icon.svg') no-repeat center center; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-success-banner .dynamic-banner { margin: 0px auto 30px auto; } @media screen and (max-width: 767px) { .summarybill .sb-emb-dashboard .sb-dashboard .sb-success-banner .dynamic-banner { margin: 30px auto 5px auto; } } .summarybill .sb-emb-dashboard .sb-dashboard .download-icon:before { background: url('../images/svg/download_icon.svg') no-repeat center center; content: ""; width: 29px; height: 29px; margin-left: 5px; vertical-align: middle; display: inline-block; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-section-header:before { background: url('../images/fpl_sprite.png'); width: 30px; height: 32px; background-position: 0 -3000px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-account-balance { border: 1px solid #c4c8c7; } @media screen and (max-width: 1023px) and (min-width: 768px) { .summarybill .sb-emb-dashboard .sb-dashboard .sb-account-balance { height: 234px !important; } } .summarybill .sb-emb-dashboard .sb-dashboard .sb-account-balance .fpl-summary-box { margin-bottom: 0px !important; border-color: #c4c8c7 !important; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-account-balance .fpl-summary-box .fpl-summary-hero { font-size: 35px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-accounts .sb-accounts-table { max-height: 266px; overflow: auto; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-accounts .sb-accounts-table::-webkit-scrollbar { width: 5px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-accounts .sb-accounts-table::-webkit-scrollbar-thumb { background: rgba(64, 64, 64, 0.6); border-radius: 5px; height: 130px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-accounts .sb-accounts-table .accounts-list-item .account-details .balance-details { padding-right: 0px !important; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .download-icon:before { margin-left: 0px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .sb-billing-table { max-height: 708px; overflow: auto; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .sb-billing-table::-webkit-scrollbar { width: 5px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .sb-billing-table::-webkit-scrollbar-thumb { background: rgba(64, 64, 64, 0.6); border-radius: 5px; height: 202px; } .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .sb-billing-table .accounts-list-item.list-items .account-details .balance.sb_billing_col { width: 50% !important; } @media only screen and (max-width: 767px) { .summarybill .sb-emb-dashboard .sb-dashboard .sb-dashboard-billing .sb-billing-table .accounts-list-item.list-items .account-details .balance.sb_billing_col .mob-height { height: auto; } } .summarybill .sb-emb-dashboard .masthead.billing { max-width: inherit !important; } .summarybill .sb-emb-dashboard .masthead.billing .head-banner { background: #0073a8; } @media only screen and (min-width: 1024px) { .summarybill .sb-emb-dashboard .masthead.billing .head-banner { padding: 0px; } } .summarybill .sb-emb-dashboard .masthead.billing .head-banner .account-details .title { font-weight: normal; } .summarybill .sb-emb-dashboard .masthead.billing .head-banner .account-details .acct-dtls { line-height: 19px; display: block; } @media only screen and (max-width: 767px) { .summarybill .sb-emb-dashboard .sb-text-center-xs { text-align: center; } .summarybill .sb-emb-dashboard .sb-text-xs-left { text-align: left; } } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .updateEmail-add { padding-right: 10px; } @media only screen and (min-width: 768px) { .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .updateEmail-add { padding-right: 50px; } } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .sb-success-banner .dynamic-banner { margin: 20px auto 0px auto; } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .faq-section .accordion-item { margin-top: 20px; } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .sb-accordion-header { padding: 0px; } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .sb-accordion-header .accordion-open-header { background: #0073a8; color: #ffffff; } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .sb-accordion-header .accordion-body { padding: 0px; } @media only screen and (min-width: 768px) { .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .saveEmailBtn { margin-top: 0px; } } @media only screen and (max-width: 767px) { .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .reason-dropdown .fpl-dropdown input, .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .reason-dropdown .fpl-dropdown select { padding-right: 38px !important; } } .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .fpl-accordion .sb-accordion-item .accordion-body ul li { margin-left: 0px; } @media (min-width: 767px) { .summarybill .sb-emb-dashboard .sb-emb-management .sb-ebill-management .fpl-accordion .sb-accordion-item .accordion-body .email-cancel-link { padding-right: 18px; } } /* clickTocall */ /**************** Start **********************/ .fpl-bounding-box.registration.master-accountInfo { margin: 45px auto 30px !important; padding: 20px 94px 40px; } @media screen and (min-width: 320px) and (max-width: 767px) { .fpl-bounding-box.registration.master-accountInfo { padding: 11px 16px 36px !important; margin: 25px auto 0 !important; } } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.click-master-accountInfo { background: #ffffff; } } .connect_main_container.click-master-accountInfo .mutliconnect-backtitle .connect_main_container .head_left_block .header-wrap .title_block { line-height: 33px !important; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo { margin: 45px auto 30px !important; padding: 20px 94px 40px; } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo { padding: 11px 16px 36px !important; margin: 25px auto 0 !important; } } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper { padding-bottom: 0px !important; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .main_block_container { width: auto; text-align: center; margin-bottom: 40px; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .main_block_container .content_block { padding: 18px; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .main_block_container .content_block .connectOnlineLink { width: 100%; background: transparent; box-shadow: none; border: 0px; font-weight: bold; padding: 5px; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .main_block_container .content_block .connectByPhoneLink { width: 100%; background: transparent; box-shadow: none; border: 0px; font-weight: bold; padding: 5px; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .main_block_container .content_block .right_block { float: right; } .connect_main_container.click-master-accountInfo .fpl-bounding-box.registration.master-accountInfo .content-wrapper .fpl-form-row.under-button-link { margin-bottom: 0px; } /**************** End **********************/ /**************** start **********************/ .connect_main_container.connectOncall .assist_icon_block.juliaMessageLander { margin-top: 28px; } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.connectOncall { background: #ffffff; } } .connect_main_container.connectOncall .fpl-bounding-box.registration { padding-bottom: 10px !important; padding-top: 10px; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper { padding-bottom: 0px !important; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .main_block_container { width: 100%; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .ConnectOncall_error .goToPersonalInfo { color: #0073a8 !important; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .phoneNo-block .contact-info-title.vm-title.title_margin { text-align: left; font-size: 16px !important; font-weight: bold; margin-bottom: 12px; margin-top: 0px; } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .phoneNo-block .fpl-tooltip.fpl-popover-icon { margin-left: -5px; } } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .language_block .contact-info-title.vm-title.title_margin { text-align: left; font-size: 16px !important; font-weight: bold; display: inline-block; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn { margin-top: 15px; margin-left: 76px; } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn { margin-left: 38px; } } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn .alerts-radio.fpl-choice-box { margin-bottom: 10px; margin-left: 0px; } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn .alerts-radio.fpl-choice-box .choice-info { float: right; width: 89%; } @media screen and (min-width: 320px) and (max-width: 767px) { .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn .alerts-radio.fpl-choice-box .choice-info { width: 85% !important; margin-top: 5px; } } .connect_main_container.connectOncall .fpl-bounding-box.registration .content-wrapper .fpl-form-row.radio-btn .alerts-radio.fpl-choice-box .choice-field { float: left; margin-left: 0; } /**************** End **********************/ /**************** start **********************/ .connect_main_container.congratulationsC2C .head_left_block .header-wrap .title_block { margin-left: 50px; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo { padding-bottom: 20px !important; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .main_block_container { width: 100%; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .main_block_container .phoneNo-block { text-align: center; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .main_block_container .contact-info-title.vm-title.title_margin { text-align: center; margin-bottom: 20px; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .main_block_container h1 { font-size: 16px; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .content-wrapper.connect-link-wrap { padding-bottom: 0px !important; } .connect_main_container.congratulationsC2C .fpl-bounding-box.registration.master-accountInfo .content-wrapper.connect-link-wrap .fpl-form-row.cancel-link { text-align: center; margin-top: 26px; } /**************** End **********************/ .content-wrapper.clicktoCall_wrapper .main_block_container .content_block { cursor: pointer; } .content-wrapper.clicktoCall_wrapper .main_block_container .content_block a { padding: 20px; } .connect_main_container.click-master-accountInfo .mutliconnect-backtitle { /* Mobile view */ } @media (max-width: 767px) { .connect_main_container.click-master-accountInfo .mutliconnect-backtitle { margin: 10px 0 25px; } } .content-wrapper.connect-link-wrap .ConnectOncall_error { margin-bottom: 20px; } /* flicker report */ .report-flicker-main .fpl-bounding-box.registration { padding-bottom: 0px; } @media (max-width: 767px) { .report-flicker-main { background: #f7f8f9 !important; background-size: cover; } } .report-flicker-main .julia-msg_Wrapper .juliaBlock .help_text_block { padding: 18px 20px 18px 90px; } .report-flicker-main .flicker-ctn { margin-bottom: 28px; } @media (max-width: 767px) { .report-flicker-main .flicker-ctn .btn { height: 44px; line-height: 1px; } } .report-flicker-main .flicker-cel { margin-bottom: 13px; } .report-flicker-main .flicker-done { margin-bottom: 39px; } .report-flicker-main .flicker-concernDetails .flicker-textarea .form-alert.alert-highlighted.error { padding: 4px; border: 0px; text-align: left; margin: -16px 0px 30px; padding-left: 10px; } .report-flicker-main .flicker-concernDetails .flicker-textarea .details-form-txtarea { margin-bottom: 0px; } .report-flicker-main .flicker-concernDetails .flicker-textarea .details-form-txtarea .flicker-border-class { border: 1px solid #dc1500 !important; } .report-flicker-main .flicker-concernDetails .flicker-textarea .details-form-txtarea textarea { border: 1px solid #c4c8c7; border-radius: 3px; padding: 10px; font-size: 16px; width: 100% !important; padding-top: 5px; padding-bottom: 20px; resize: none !important; } .report-flicker-main .flicker-concernDetails .flicker-textarea .details-form-txtarea .clear-field { display: none !important; } .report-flicker-main .flicker-concernDetails .flicker-textarea .txt-info-count.text-right { left: -12px; position: relative; top: -20px; z-index: 11; font-size: 11px; } @media (max-width: 767px) { .report-flicker-main .flicker-landing-page .powerInfoDrop { margin-bottom: -5px !important; } } .report-flicker-main .flicker-landing-page .powerInfoDrop .fpl-dropdown-field { margin-bottom: 35px; } @media (max-width: 767px) { .report-flicker-main .flicker-landing-page .powerInfoDrop .fpl-dropdown-field { margin-bottom: 0px !important; } } @media (max-width: 767px) and (orientation: portrait) { .report-flicker-main .flicker-landing-page .account-inactive-modal .modal-dialog { padding-top: 100px; } } .report-flicker-main .flicker-landing-page .questions-content .form-alert.alert-highlighted.error { padding: 4px; border: 0px; margin-top: -5px; text-align: left; } .report-flicker-main .flicker-landing-page .questions-content .post-selection-question1 .choice-wrapper { margin-left: 50px; } @media (max-width: 767px) and (orientation: portrait) { .report-flicker-main .flicker-landing-page .questions-content .post-selection-question1 .choice-wrapper { margin-left: 12px; } } .report-flicker-main .flicker-landing-page .questions-content .post-selection-question2 .choice-wrapper { margin-left: 50px; } @media (max-width: 767px) and (orientation: portrait) { .report-flicker-main .flicker-landing-page .questions-content .post-selection-question2 .choice-wrapper { margin-left: 12px; } } .report-flicker-main .flicker-landing-page .questions-content .post-selection-question2 .flicker-question { padding-bottom: 20px; } .report-flicker-main .report-back-link .report-flicker-header { max-width: 1440px; margin: 0 auto; } @media (max-width: 767px) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 20px !important; } } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 35px !important; } } @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 35px !important; } } @media only screen and (device-width: 1025px) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 110px !important; } } @media only screen and (max-device-width: 1214px) and (min-device-width: 1026px) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 5px !important; } } @media only screen and (min-device-width: 1215px) { .report-flicker-main .report-back-link .report-flicker-header { padding: 25px 110px !important; } } .report-flicker-main .report-back-link .report-flicker-header .backLink:before { background: url(../images/connect/navigation-back-button.svg) no-repeat center center; height: 26px; width: 39px; content: ""; margin-right: 0px; float: left; margin-top: 2px; } .report-flicker-main .report-back-link .report-flicker-header .title_block { color: #404040; line-height: 28px; vertical-align: middle; margin-left: 12px; font-size: 25px; display: inline; font-weight: bold; } @media (max-width: 767px) and (orientation: portrait) { .report-flicker-main .report-back-link .report-flicker-header .title_block { padding-top: 4px; } } .report-flicker-main .flicker-contactinfo .profileInfo { background: #0073a8; padding: 16px; color: #ffffff; font-size: 18px; } .report-flicker-main .flicker-contactinfo .profileInfo .wrap .box-title { color: #ffffff; font-size: 16px; } .report-flicker-main .flicker-contactinfo .addressInfo { padding: 16px; box-shadow: 0px 1px 3px #c4c8c7; font-size: 16px; color: #666666; margin-bottom: 30px; } .report-flicker-main .flicker-contactinfo .addressInfo .wrap .box-title { color: #666666; font-size: 16px; } .report-flicker-main .flicker-report-confrim .page-title.sl-confirm-title { font-size: 20px; font-weight: bold; margin-bottom: 30px; } .report-flicker-main .flicker-report-confrim .success-icon { text-align: center; margin-bottom: 30px; } .report-flicker-main .flicker-report-confrim .success-icon img { width: 32px; height: 32px; } .report-flicker-main .flicker-report-confrim .confirm-message { font-size: 16px; line-height: 20px; } .report-flicker-main .flicker-report-confrim .flicker-account-info { font-size: 16px; } .report-flicker-main .flicker-report-confrim .flicker-account-info .confirm-message-head { margin-bottom: 20px; } .report-flicker-main .flicker-report-confrim .flicker-account-info .confirm-message-subhead { margin-top: 20px; } .report-flicker-main .flicker-hazardous .content-wrapper.connect-link-wrap .infoAlertWrapper { margin-top: 55px; } .report-flicker-main .flicker-hazardous .content-wrapper.connect-link-wrap .infoAlertWrapper .form-alert.alert-highlighted { margin-top: 5px; margin-bottom: 35px; } .report-flicker-main .flicker-hazardous-error .errorAlertWrapper .form-alert.alert-highlighted.error { margin-top: 5px; margin-bottom: 35px; } .report-flicker-main .flicker-notwarranted .page-intro.text-left { line-height: 20px; } .report-flicker-main .account-cancel-modal .modal-dialog { margin-top: 18% !important; } @media (max-width: 767px) { .report-flicker-main .account-cancel-modal .modal-dialog { margin-top: 70% !important; } } @media (max-width: 767px) { .payAgent-main-wrapper { padding-bottom: 0px; } } .payAgent-main-wrapper .payAgentMainContent { position: absolute !important; z-index: 1; top: 56px; left: 16.18%; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent { position: relative !important; z-index: auto; top: 0; left: 0; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth { padding: 0px !important; width: 370px !important; margin-bottom: 10px; box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-auth { box-shadow: none; border: 0px; margin-top: 0px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block { padding: 10px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .search-glass { position: absolute; display: inline-block; width: 21px; height: 21px; background: url(/fplcommon/images/agentlocator/search-glass.png) no-repeat center center; top: 12px; right: 12px; border: none; padding: 0; z-index: 11; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .search-glass { right: 34px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .search-glass:focus { outline: 1px solid #0073a8 !important; box-shadow: 0 0 10px #c4c8c7 !important; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .form-alert.alert-highlighted.error { border: 0px; padding: 0px; text-align: left; margin-left: 18px; margin-top: -12px; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .address_searchbox_payAgent { padding-left: 10px; padding-right: 20px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .address_searchbox_payAgent .fpl-input { padding-left: 19px; padding-right: 40px; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-search .address_searchbox_payAgent .fpl-input { padding-left: 16px; padding-right: 45px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .Auth-title { padding-left: 25px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .Auth-title .page-title { font-size: 24px; text-align: left; color: #404040; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-addinfo { padding-left: 25px; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-addinfo { padding-right: 20px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-addinfo .page-intro { text-align: left; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .PayAgent-common-block .payAgent-addinfo .page-intro:nth-child(2) { padding-bottom: 10px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item { margin-top: 5px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header { background-color: transparent; padding: 5px; color: #404040; padding-top: 10px; font-size: 20px; padding-left: 34px; border-top: 1px solid #c4c8c7; border-radius: 0px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header:nth-child(1) { margin-bottom: 8px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header p { margin-bottom: 0px; font-weight: bold; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header .accordion-icon:focus { outline: none !important; box-shadow: none !important; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header .accordion-icon .fa.fa-chevron-down { color: #999999; font-size: 20px; transform: rotate(0deg); transition: all 0.3s ease-in; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-header .accordion-icon .fa.fa-chevron-up { color: #999999; font-size: 20px; transform: rotate(0deg); transition: all 0.3s ease-in; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body { padding-top: 5px !important; background: #eef1f2; height: 312px; overflow: auto; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body::-webkit-scrollbar { width: 5px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body::-webkit-scrollbar-track { background: #eef1f2; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body::-webkit-scrollbar-thumb { background: #c4c8c7; border-radius: 3.25px; height: 150px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .multi-accordion-body { border: 0px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .display-agent-list { display: flex; padding-left: 8px; border-bottom: 1px solid #c4c8c7; margin: 20px 20px; padding-bottom: 15px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .display-agent-list .left-img.section { padding-right: 10px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .display-agent-list .right-details { font-size: 16px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .display-agent-list .right-details .name { font-weight: bold; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .accordiondirections { padding: 20px; padding-top: 0px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .accordiondirections .adp-placemark { background: transparent; border: 0px; margin: 0px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .accordiondirections .adp-placemark .adp-marker2 { width: 34px; height: 34px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .accordiondirections .adp-directions .adp-substep { border: 0px; padding-bottom: 15px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .result-body .accordiondirections .adp-summary { padding: 0px; border-bottom: 1px solid #c4c8c7; padding-left: 30px; padding-bottom: 10px; margin-bottom: 10px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body { padding: 2px 0; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .pagent-border { border-bottom: 1px solid #c4c8c7; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .map-dt { margin: 15px; margin-bottom: 0px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .multi-accordion-body.map-dt .title-row { display: flex; padding-left: 6px; padding-bottom: 14px; align-items: baseline; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .multi-accordion-body.map-dt .title-row .drop-icon { padding-right: 10px; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .multi-accordion-body.map-dt .title-row .status-title { font-size: 16px; color: #666666; font-weight: bold; } .payAgent-main-wrapper .payAgentMainContent .payAgent-auth .payAgent-accordion .fpl-accordion .accordion-item .accordion-body .multi-accordion-body.map-dt .title-row .status-title p { color: #666666; font-size: 11px; font-weight: normal; } .payAgent-main-wrapper .payAgentMainContent .payAgent-note { padding: 10px; width: 370px !important; margin-top: 0px !important; margin-bottom: 10px; box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payAgent-note { box-shadow: none; border: 0px; padding-left: 20px; padding-right: 22px; } } .payAgent-main-wrapper .payAgentMainContent .payAgent-note .page-intro { font-size: 11px; } .payAgent-main-wrapper .payAgentMainContent .payment-options-img { padding: 10px !important; background: #0073a8; width: 370px !important; color: #ffffff; box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.16); border-radius: 3px; display: flex; justify-content: space-between; } @media (max-width: 767px) { .payAgent-main-wrapper .payAgentMainContent .payment-options-img { width: 360px !important; display: none; } } .payAgent-main-wrapper .payAgentMainContent .payment-options-img .right { text-align: right; } .payAgent-main-wrapper .payAgentMainContent .payment-options-img .right p { margin-bottom: 0px; } .payAgent-main-wrapper .payAgentMainContent .payment-options-img .right a { color: #ffffff; } .payAgent-main-wrapper .refreshMap { display: none; } @media (max-width: 767px) { .payAgent-main-wrapper .refreshMap { display: block; text-align: center; } } .payAgent-main-wrapper .connect-map.st-location-rhs { min-height: 1064px; width: 100%; margin-top: 80px; } @media (max-width: 767px) { .payAgent-main-wrapper .connect-map.st-location-rhs { min-height: 450px; margin-top: 2px; } } @media (max-width: 767px) { .payAgent-main-wrapper .connect-map.st-location-rhs .gm-control-active { display: block !important; } } @media (max-width: 767px) { .payAgent-main-wrapper .connect-map.st-location-rhs .gmnoprint:nth-child(2) { top: 48px !important; } } .payAgent-main-wrapper .connect-map.st-location-rhs .yourLocationMainDiv { z-index: 0; position: absolute; top: 170px !important; right: 6px !important; } @media (max-width: 767px) { .payAgent-main-wrapper .connect-map.st-location-rhs .yourLocationMainDiv { top: 150px !important; } } .payAgent-main-wrapper .connect-map.st-location-rhs .yourLocationMainDiv .yourLocationMapButton { background-color: #ffffff; border: none; outline: none; width: 28px; height: 28px; border-radius: 2px; box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.16); cursor: pointer; margin-right: 10px; padding: 0px; } .payAgent-main-wrapper .connect-map.st-location-rhs .yourLocationMainDiv .yourLocationMapImg { margin: 4px; width: 22px; height: 22px; background-image: url(/fplcommon/images/agentlocator/current-location.png); background-size: 20px 21px; background-position: 0px 0px; background-repeat: no-repeat; } .flicker-popup-alexist .modal-dialog { width: 800px !important; margin-top: 25% !important; } .flicker-popup-alexist .modal-dialog .modal-content .ok-button { width: 250px !important; } .payagent-head .maps-btn { background: #0073a8 !important; } /* poledown */ .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { max-width: 1440px; margin: 0 auto; } @media (max-width: 767px) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 10px 20px 20px !important; } } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 35px !important; } } @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 35px !important; } } @media only screen and (device-width: 1025px) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 110px !important; } } @media only screen and (max-device-width: 1214px) and (min-device-width: 1026px) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 5px !important; } } @media only screen and (min-device-width: 1215px) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header { padding: 25px 110px !important; } } .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header .backLink:before { background: url(../images/connect/navigation-back-button.svg) no-repeat center center; height: 26px; width: 39px; content: ""; margin-right: 0px; float: left; margin-top: 2px; } .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header .title_block { color: #404040; line-height: 28px; vertical-align: middle; margin-left: 12px; font-size: 25px; display: inline; font-weight: bold; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .poleDown-back-link .poleDown-flicker-header .title_block { padding-top: 4px; line-height: 33px; display: block !important; margin-top: -7px !important; margin-left: 50px !important; } } .poleDown-wrapper .safety-check-page .julia-msg_Wrapper .juliaBlock { margin-top: 4px; } .poleDown-wrapper .safety-check-page .safety-btn { margin-bottom: 0px; } .poleDown-wrapper .safety-check-page .fpl-bounding-box.registration { margin-top: 40px !important; padding-top: 14px !important; padding-bottom: 23px; } .poleDown-wrapper .safety-check-page .fpl-bounding-box.registration .safety-check-template-align { font-size: 16px; } .poleDown-wrapper .safety-check-page .fpl-bounding-box.registration .safety-check-template-align .safety-check-text-item { font-size: 16px !important; text-align: left; font-weight: bold; color: #666666; margin-bottom: 20px; margin-top: 5px; } .poleDown-wrapper .agency-info-page .julia-msg_Wrapper { margin-top: 40px !important; } .poleDown-wrapper .agency-info-page .poleDown-info { margin-top: 40px !important; padding-bottom: 0px; } @media (max-width: 767px) { .poleDown-wrapper .agency-info-page .poleDown-info .modal-small .poleDown-cancel-popup .modal-dialog .modal-content .modal-btn { height: 44px !important; } } .poleDown-wrapper .agency-info-page .poleDown-info .phoneNo-block { display: flex; justify-content: space-between; } .poleDown-wrapper .agency-info-page .poleDown-info .phoneNo-block .poleDown-phone-ext { width: 30%; } .poleDown-wrapper .agency-info-page .poleDown-info .phoneNo-block .poleDown-phone-ext .fpl-input { padding-right: 41px; } .poleDown-wrapper .agency-info-page .poleDown-info .phoneNo-block .poleDown-primary-phone { width: 60%; } @media (max-width: 767px) { .poleDown-wrapper .agency-info-page .poleDown-info .phoneNo-block .poleDown-primary-phone { width: 66%; } } .poleDown-wrapper .agency-info-page .poleDown-info .agencyname-block .fpl-input { padding-right: 42px; } .poleDown-wrapper .agency-info-page .email-block { margin-bottom: 36px; } .poleDown-wrapper .agency-info-page .under-button-link { margin-bottom: 13px; } .poleDown-wrapper .incident-details-page .julia-msg_Wrapper { margin-top: 40px !important; } .poleDown-wrapper .incident-details-page .safety-check-description { text-align: left; font-size: 16px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper { margin-top: 40px !important; margin-bottom: 0px !important; padding-bottom: 0px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .st-page-enrollment .under-button-link { margin-bottom: 13px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .errorLine { border: 0px; margin-bottom: 20px; padding: 0px; text-align: left; margin-top: -16px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .clear-field { margin-top: -35px !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-form-txtarea { margin-bottom: 0px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-form-txtarea textarea { border: 1px solid #c4c8c7; border-radius: 3px; padding: 10px 20px !important; font-size: 16px; width: 100% !important; padding-top: 5px; padding-bottom: 20px; resize: none !important; min-height: 140px !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-form-txtarea .clear-field { display: none !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .txt-info-count { left: -12px; position: relative; top: -20px; z-index: 11; font-size: 11px; text-align: right; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-question { margin-bottom: 15px; margin-top: 30px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .choice-wrapper { margin-left: 50px; } @media (max-width: 767px) { .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .choice-wrapper { margin-left: 12px; } } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .issueDetaisTextAreaDiv .details-form-txtarea { margin-bottom: 0px; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .issueDetaisTextAreaDiv .details-form-txtarea .borderError { border: 1px solid #dc1500 !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .issueDetaisTextAreaDiv .details-form-txtarea textarea { border: 1px solid #c4c8c7; border-radius: 3px; padding: 10px 20px !important; font-size: 16px; width: 100% !important; padding-top: 5px; padding-bottom: 20px; resize: none !important; min-height: 140px !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .issueDetaisTextAreaDiv .details-form-txtarea .clear-field { display: none !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-add-address a { text-decoration: none; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-add-address a:focus { outline: none !important; box-shadow: none !important; } .poleDown-wrapper .incident-details-page .poleDown-form-wrapper .poleDown-add-address a .add-btn { margin-right: 10px; } .poleDown-wrapper .incident-details-page .poleDown-show-address { margin-top: 0px !important; padding: 0px !important; width: 550px !important; background: #eef1f2; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .incident-details-page .poleDown-show-address { width: 340px !important; margin: 0 auto !important; background: #eef1f2 !important; } } .poleDown-wrapper .incident-details-page .poleDown-show-address .poleDown-list-title { padding: 10px; } .poleDown-wrapper .incident-details-page .poleDown-show-address .poleDown-list-title .enrol-wrap { border-bottom: 1px solid #c4c8c7; margin: 0 auto; padding: 5px; padding-bottom: 10px; margin-left: 15px; margin-right: 15px; } .poleDown-wrapper .incident-details-page .poleDown-show-address .poleDown-list-title .enrol_moredetails { color: #404040; font-size: 16px; text-decoration: none; font-weight: normal !important; } .poleDown-wrapper .incident-details-page .poleDown-show-address .poleDown-list-title .poleDown-address-list { padding-top: 10px; margin-top: 20px; margin-bottom: 30px; } .poleDown-wrapper .incident-details-page .poleDown-show-address .poleDown-list-title .fa { float: right; top: 5px; position: relative; cursor: pointer; font-size: 10px !important; } .poleDown-wrapper .incident-details-page .poleDown-show-address .show-details .enrol-wrap { border-bottom: none; padding-bottom: 0px; } .poleDown-wrapper .incident-details-page .fpl-bounding-box.registration.connect-address-card .address-card-wapper .address-card-list { display: flex; position: relative; width: 97%; background: #ffffff; } .poleDown-wrapper .incident-details-page .fpl-bounding-box.registration.connect-address-card .address-card-wapper .address-card-list .address-text { padding-left: 5px; width: 86%; word-break: break-all; font-size: 16px; } .poleDown-wrapper .incident-details-page .fpl-bounding-box.registration.connect-address-card .address-card-wapper .address-card-list .delete-address { position: absolute; top: -11px; right: -12px; } .poleDown-wrapper .poleDown-review-info { padding-bottom: 10px !important; margin-bottom: 0px !important; margin-top: 40px !important; padding-top: 29px !important; } .poleDown-wrapper .poleDown-review-info .julia-msg_Wrapper { margin-top: 40px !important; } .poleDown-wrapper .poleDown-review-info .poleDown-review-title { font-size: 16px !important; text-align: left !important; font-weight: bold !important; color: #666666; margin-top: 0px; margin-bottom: 20px; } .poleDown-wrapper .poleDown-review-info .poleDown-account-info .poleDown-wrap { margin-bottom: 20px; word-break: break-word; } .poleDown-wrapper .review-border { width: 550px; height: 1px; margin: 0 auto; background: #c4c8c7; margin-top: 33px; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .review-border { width: 340px !important; } } .poleDown-wrapper .poleDown-review-address { margin-top: 33px !important; padding: 0px !important; } .poleDown-wrapper .poleDown-review-address .multireviewtable-header { border-right: 0px; border-left: 0px; } .poleDown-wrapper .poleDown-review-address .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header { border-right: 0px; border-left: 0px; } .poleDown-wrapper .poleDown-review-address .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .startDate p { margin-bottom: 0px; } .poleDown-wrapper .poleDown-review-address .sl-confirm-title { font-size: 16px !important; font-weight: bold; text-align: left !important; margin: 20px 70px; color: #404040; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .poleDown-review-address .sl-confirm-title { margin: 20px 20px !important; } } .poleDown-wrapper .poleDown-review-address .under-button-link { margin-bottom: 13px; } .poleDown-wrapper .poleDown-review-address .editStep3GoBack { padding-top: 8px; } .poleDown-wrapper .poleDown-review-address .editStep3GoBack label { font-weight: normal; padding-right: 5px; } .poleDown-wrapper .poleDown-review-address .multi-connect-table { margin-top: 20px !important; } .poleDown-wrapper .poleDown-review-address .multi-connect-table .multireviewtable-header .account-details .account { width: 68%; padding-left: 68px; font-size: 14px; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .poleDown-review-address .multi-connect-table .multireviewtable-header .account-details .account { padding-left: 20px !important; } } .poleDown-wrapper .poleDown-review-address .multi-connect-table .multireviewtable-header .account-details .issueType { font-size: 14px; width: 32%; padding-left: 20px; height: 45px; padding-right: 0px; padding-top: 12px; } @media (max-width: 767px) { .poleDown-wrapper .poleDown-review-address .multi-connect-table .multireviewtable-header .account-details .issueType { width: 40%; } } .poleDown-wrapper .poleDown-review-address .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .account { padding-left: 66px !important; } @media (max-width: 767px) and (orientation: portrait) { .poleDown-wrapper .poleDown-review-address .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .account { padding-left: 20px !important; } } .poleDown-wrapper .poleDown-review-address .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .startDate { width: 32% !important; border-right: 0px !important; padding-left: 20px !important; padding-top: 0px !important; } @media (max-width: 767px) { .poleDown-wrapper .poleDown-review-address .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .startDate { width: 40% !important; } } .poleDown-wrapper .poleDown-confirm-wrapper { margin-top: 40px !important; } .poleDown-wrapper .poleDown-confirm-wrapper .julia-msg_Wrapper { margin-top: 40px !important; } .poleDown-wrapper .poleDown-confirm-wrapper .poleDown-cfmbtn { margin-bottom: 0px; } @media (max-width: 767px) { .poleDown-wrapper .poleDown-confirm-wrapper .poleDown-cfmbtn { margin-bottom: 23px; } } .poleDown-wrapper .poleDown-confirm-wrapper .pd-confirm-title { font-size: 20px; color: #404040; font-weight: bold; margin-top: 10px; } .poleDown-wrapper .poleDown-confirm-wrapper .success-icon { text-align: center; margin-top: 30px; margin-bottom: 30px; } .poleDown-wrapper .poleDown-confirm-wrapper .success-icon img { width: 32px; height: 32px; } .poleDown-wrapper .poleDown-confirm-wrapper .pd-confirm-msg { text-align: center; margin-bottom: 35px; font-size: 16px; } @media (max-width: 767px) { .poleDown-wrapper .btn.standard { height: 44px; line-height: 1px; } } .poleDown-wrapper .poleDown-cancel-popup .modal-dialog { margin-top: 18% !important; } .poleDown-wrapper .continueButton-space { margin-bottom: 26px; } @media (max-width: 767px) { .poleDown-warpper .fpl-bounding-box.registration.poleDown-review-address.multi-review-order .multi-connect-table .multiconnectreview-tablebox .accounts-list-item .account-details .startDate { width: 40% !important; } } /* dotcom merger */ .region-switch-container { position: relative; } .region-switch-container:hover { border-bottom: none; } .region-switch-container:hover::before { border-bottom: 2px solid #0073a8; width: 100%; position: absolute; bottom: -1px; } .region-switch-container::before { content: ''; display: block; width: 0; height: 2px; } .CQrte .btn.outline-white { color: #ffffff !important; } .textbanner .container, .textbanner .CQrte.container { width: 100% !important; max-width: 100%; } .header.nav-logged-out .nav-bar { padding-right: 0px !important; } .container { padding-top: 0px !important; padding-bottom: 0px !important; } .cmp-teaser__description { padding-top: 0px !important; } @media (max-width: 767px) { .header-navigation .logo { left: 15px !important; } } @media (min-width: 1025px) { .header-navigation .col-md-12 { padding-left: 84px !important; } } @media (max-width: 1024px) and (min-width: 768px) { .header-navigation .col-md-12 { padding-left: 0 !important; } } .fpl-template .fplcontainer.container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 { max-width: inherit; } .masthead.billing .head-banner-content .account-details .title { font-size: 12px !important; } .frgtpwd-redesign .form-error-note, #wors .accordion-tab-pane .form-error-note, #registrationDiv .forgot-email .form-error-note { padding: 0 !important; } @media (max-width: 767px) { .add-existing-account #nextStepBtn .btn { width: 292px; } } .answers .green { border-color: #447b2d !important; background-color: transparent !important; } .answers .blue { border-color: #0096db !important; background-color: transparent !important; } .answers .navy { background-color: transparent !important; } @media (min-width: 768px) and (max-width: 1024px) { .merger-header-navigation.header-navigation .nav-dropdown-services .nav-dropdown-wrapper .nav-tout-links-blocks { width: 53%; } .merger-header-navigation.header-navigation .nav-dropdown-explore .nav-dropdown-wrapper .nav-tout-links-blocks { width: calc(100% - 305px); left: 20%; } .merger-header-navigation.header-navigation .nav-dropdown-support .nav-dropdown-wrapper .nav-tout-links-blocks { width: calc(100% - 340px); padding-left: 25%; } } @media (min-width: 1216px) and (max-width: 1465px) { .merger-header-navigation.header-navigation .nav-dropdown-services .nav-dropdown-wrapper .nav-tout-links-blocks { width: calc(100% - 250px); padding-left: 15%; margin: 0 75px 0 auto; } .merger-header-navigation.header-navigation .nav-dropdown-explore .nav-dropdown-wrapper .nav-tout-links-blocks { width: calc(100% - 250px); padding-left: 27%; } .merger-header-navigation.header-navigation .nav-dropdown-support .nav-dropdown-wrapper .nav-tout-links-blocks { width: calc(100% - 250px); padding-left: 24%; } } /* NSMO */ @media (max-width: 767px) { .nsmoContainerWrapper { background: #f7f8f9; } } .nsmoContainerWrapper .nsmo-back-link .nsmo-header { max-width: 1440px; margin: 0 auto; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 20px !important; } } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 35px !important; } } @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 35px !important; } } @media only screen and (device-width: 1025px) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 110px !important; } } @media only screen and (max-device-width: 1214px) and (min-device-width: 1026px) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 5px !important; } } @media only screen and (min-device-width: 1215px) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header { padding: 25px 110px !important; } } .nsmoContainerWrapper .nsmo-back-link .nsmo-header .backLink:before { background: url(../images/connect/navigation-back-button.svg) no-repeat center center; height: 26px; width: 39px; content: ""; margin-right: 0px; float: left; margin-top: 2px; } .nsmoContainerWrapper .nsmo-back-link .nsmo-header .title_block { color: #404040; line-height: 28px; vertical-align: middle; margin-left: 12px; font-size: 25px; display: inline; font-weight: bold; } @media (max-width: 767px) and (orientation: portrait) { .nsmoContainerWrapper .nsmo-back-link .nsmo-header .title_block { padding-top: 4px; line-height: 33px; } } .nsmoContainerWrapper .nsmo-landing-page .julia-msg_Wrapper .juliaBlock { margin-top: 0px; margin-bottom: 34px; } .nsmoContainerWrapper .nsmo-landing-page .form-alert.alert-highlighted.error { width: 889px; margin: 0 auto; margin-bottom: 40px; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .form-alert.alert-highlighted.error { width: auto; margin: 10px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoPageHead { width: 889px; margin: 0 auto; text-align: center; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoPageHead { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoPageHead { width: 768px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoPageHead p { margin-bottom: 20px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoPageHead h1 { font-size: 25px; font-weight: bold; color: #0c2739; margin-bottom: 30px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper { display: flex; margin: 0 auto; width: 889px; } @media (min-width: 768px) and (max-width: 1279px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper { width: 741px; } } @media (min-width: 1024px) and (max-width: 1280px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper { width: 889px; } } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper { width: 100%; display: block; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo { width: 521px !important; margin: 10px !important; padding: 24px !important; margin-left: 0px !important; padding-bottom: 0px !important; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo { width: 340px !important; margin: 25px auto !important; padding: 10px 15px !important; margin-left: auto !important; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo p { font-size: 16px; color: #0c2739; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo .sub-text { font-size: 16px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo .nsmoMetercontent { padding-top: 11px; font-size: 16px; padding-bottom: 27px; color: #666666; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoMeterInfo .nsmoMeterlearnMore { text-align: right; margin-bottom: 0px !important; font-size: 16px; position: absolute; bottom: 0; right: 30px; padding-bottom: 10px !important; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo { width: 338px !important; padding: 24px !important; padding-bottom: 0px !important; margin: 10px !important; margin-right: 0px !important; margin-left: 20px !important; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo { width: 340px !important; margin: 25px auto !important; padding: 10px 15px !important; max-height: none !important; margin-left: auto !important; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .profileInfo { background-color: #0073a8; padding: 15px; color: #ffffff; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .profileInfo .key-info { font-size: 18px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .profileInfo .box-title { color: #ffffff; font-size: 16px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .addressInfo { padding: 15px; box-shadow: 0px 0px 3px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .addressInfo .key-info { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .addressInfo .box-title { color: #666666; font-size: 16px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .nsmoSelectAccnt { text-align: right; margin-top: 30px; font-size: 16px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoMeterAcntWrapper .nsmoAccountInfo .userInfo .nsmoSelectAccnt a { cursor: pointer; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container { width: 889px !important; margin-bottom: 44px; padding: 25px !important; padding-top: 0px !important; } @media (min-width: 768px) and (max-width: 1279px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container { width: 741px !important; } } @media (min-width: 1024px) and (max-width: 1280px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container { width: 889px !important; } } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container { width: 340px !important; padding: 10px 8px !important; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmo-package-title { margin-left: 14px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmo-package-title h5 { color: #0d273a; padding-bottom: 20px; padding-top: 28px; margin: 0px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer { display: flex; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer { display: block; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService { width: 405px; border: 1px solid #0d273a; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService { width: auto !important; margin-bottom: 26px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip { min-height: 77px; background: #0d273a; color: #fff; padding: 28px; padding-top: 20px; padding-bottom: 10px; font-size: 24px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip .StandService { font-size: 14px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip .bStripName { font-size: 25px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip #flag { width: 35px; height: 30px; box-sizing: content-box; padding-top: 13px; position: relative; background: #68bb45; float: right; margin-top: -24px; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip #flag { margin-top: -60px; right: -14px; } } @media (min-width: 768px) and (max-width: 1024px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip #flag { margin-top: -61px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmartMeter .nsmoSmartMeterStrip #flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 12px solid #0c2739; border-left: 17px solid transparent; border-right: 17px solid transparent; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-content { padding: 10px; padding-left: 30px; padding-top: 20px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-content p { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-content ul { padding-left: 15px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-content ul li { font-size: 14px; padding-bottom: 15px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-package .secondary-btn { margin-top: 0px; background: #ffffff; border: 1px solid #0073a8; color: #0073a8; font-size: 16px; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-package .secondary-btn { height: 44px; line-height: 1px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-package .secondary-btn.active { background: #0073a8; color: #ffffff; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmoSmart-package .secondary-btn:focus { background: #0073a8; color: #ffffff; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmo-bandle { border-top: 1px solid #C9CBCC; margin: 18px; padding-top: 20px; margin-top: 28px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoStndService .nsmo-bandle p { text-align: center; font-size: 16px; color: #404040; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService { width: 405px; margin-left: 29px; border: 1px solid #0d273a; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService { width: auto !important; margin-left: 0px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardMeter .nsmoNonStandardMeterStrip { min-height: 77px; background: #0d273a; color: #fff; padding: 28px; padding-top: 20px; padding-bottom: 10px; font-size: 24px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardMeter .nsmoNonStandardMeterStrip .pStripName { font-size: 25px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardContent { padding: 10px; padding-left: 30px; padding-top: 20px; min-height: 346px; } @media (min-width: 768px) and (max-width: 1024px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardContent { min-height: 368px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardContent p { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardContent ul { padding-left: 15px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardContent ul li { font-size: 14px; padding-bottom: 15px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardBtn .secondary-btn { margin-top: 0px; background: #ffffff; border: 1px solid #0073a8; color: #0073a8; font-size: 16px; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardBtn .secondary-btn { height: 44px; line-height: 1px; } } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardBtn .secondary-btn.active { background: #0073a8; color: #ffffff; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardBtn .secondary-btn:focus { background: #0073a8; color: #ffffff; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardMeterbandle { border-top: 1px solid #C9CBCC; margin: 18px; padding-top: 20px; margin-top: 28px; } .nsmoContainerWrapper .nsmo-landing-page .nsmoSmart-container .nsmo-package-wrapper .nsmoBoxContainer .nsmoNonStndService .nsmoNonStandardMeterbandle p { text-align: center; font-size: 16px; color: #404040; } .nsmoContainerWrapper .meterAccessibilityPage .juliaBlock { margin-top: 0px; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper { padding-bottom: 0px; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .safety-check-description { text-align: left; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .fpl-form-row.choice-wrapper { display: inline-block; width: 100%; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .choice-wrapper { margin-left: 55px; margin-bottom: 0px; } @media (max-width: 767px) { .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .choice-wrapper { margin-left: 18px; } } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment hr { margin-top: 10px; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .nsmoContPrefer { margin-bottom: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .nsmoContPrefer { margin-bottom: -7px; } } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .phoneNo-block { margin-top: 30px; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .phoneNo-block .clear-field { margin-top: -36px !important; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .email-block .clear-field { margin-top: -36px !important; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .contact-pref { margin-bottom: 18px; display: inline-block; width: 100%; } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .calltime { display: inline-block; width: 100%; margin-bottom: 44px !important; } @media (max-width: 767px) { .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .calltime { margin-bottom: 14px !important; } } @media (max-width: 767px) { .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .calltime .fpl-dropdown-field { margin-top: -30px; } } .nsmoContainerWrapper .meterAccessibilityPage .meterAccessibilityWrapper .meterAccessEnrollment .meterAccessIssueDetails .calltime .fpl-dropdown-field .dropdown-open { margin-top: -141px !important; } .nsmoContainerWrapper .nsmoReviewInfo .juliaBlock { margin-top: 0px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper { padding-bottom: 0px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo .profileInfo { padding: 20px; min-height: 77px; background: #0073a8; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo .profileInfo .key-info { font-size: 18px; color: #ffffff; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo .profileInfo .box-title { font-size: 16px; color: #ffffff; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo p { text-align: right; margin-top: 17px; font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo .addressInfo { padding: 20px; min-height: 77px; box-shadow: 0px 0px 3px; font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .userInfo .addressInfo .wrap .box-title { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .service-info .nsmoServiceinfoText { margin-top: 35px; color: #404040; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .service-info .sub-text { font-size: 16px; color: #404040; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .service-info .nsmoMeterSel { margin-bottom: 0px; margin-top: 21px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .service-info .nsmoReviewNonStand { font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .nsmoTermsAndCondi { font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info { margin-top: 27px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .sub-text { font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoE { margin-top: 17px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoE span { float: right; font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoSer span { float: right; font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoT { margin-bottom: 30px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoT p { font-weight: bold; font-size: 16px; } .nsmoContainerWrapper .nsmoReviewInfo .nsmoReviewWrapper .charges-info .nsmochargeInfoT span { float: right; font-size: 16px; } .nsmoContainerWrapper .nsmoConfrimPage .juliaBlock { margin-top: 0px; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper { padding-bottom: 0px; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper .sl-confirm-title { font-size: 20px; font-weight: bold; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper .confirm-message.fBold { margin-bottom: 20px; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper .confirm-message { font-size: 16px; text-align: center; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper .success-icon { text-align: center; margin-top: 27px; margin-bottom: 27px; } .nsmoContainerWrapper .nsmoConfrimPage .nsmoConfirmWrapper .success-icon img { width: 32px; height: 32px; } .nsmoContainerWrapper .nsmoCancelOrder .juliaBlock { margin-top: 0px; margin-bottom: 37px; } .nsmoContainerWrapper .nsmoCancelOrder .form-alert.alert-highlighted { margin-top: 0px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog { padding-top: 240px; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog { margin-left: 15px; margin-right: 15px; width: auto; } } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog .modal-content { text-align: center; padding-top: 39px; padding-bottom: 25px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog .ok-button { margin: 0 auto; margin-bottom: 26px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog .page-subtitle { font-size: 25px !important; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancleOrderModal .modal-dialog .message { margin-bottom: 42px; font-size: 16px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper { padding-bottom: 0px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .profileInfo { background-color: #0073a8; padding: 15px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .profileInfo .key-info { font-size: 18px; color: #ffffff; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .profileInfo .box-title { font-size: 16px; color: #ffffff; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper { padding: 15px; box-shadow: 0px 0px 3px; margin-bottom: 48px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper .addressInfo { margin-bottom: 28px; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper .addressInfo .wrap .key-info { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper .addressInfo .wrap .box-title { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper .MeterInfo .wrap .key-info { font-size: 16px; color: #666666; } .nsmoContainerWrapper .nsmoCancelOrder .nsmoCancelOrderWrapper .userInfo .nsmoAddressWrapper .MeterInfo .wrap .box-title { color: #666666; font-size: 16px; } .nsmoContainerWrapper .nsmoSubmitSpace { margin-bottom: 26px; } .nsmoContainerWrapper .nsmoSubmitSpace .standard.next-connect-step.btn { width: 248px !important; } @media (max-width: 767px) { .nsmoContainerWrapper .nsmoSubmitSpace .standard.next-connect-step.btn { height: 44px; line-height: 1px; } } .nsmoContainerWrapper .nsmoCancelSpace { margin-bottom: 13px; } /* cross icon fix for registration page near the total amount value */ .fpl-bounding-box.registration.approval-required.forgot-password .no-gutter-mobile.other-amount .fpl-prepend .clear-field { margin-top: -45px !important; } .fpl-bounding-box.registration.approval-required.forgot-password .no-gutter-mobile.other-amount .fpl-prepend span.prepend.currency { top: -12px; } /* EV Home */ .EVHomeMainView { background: url(../images/ev/EV_Home_background.jpg) no-repeat center center; } .EVHomeMainView .EVheader-wrapper { max-width: 1440px; margin: 0 auto; padding-top: 45px; } @media (min-width: 1025px) { .EVHomeMainView .EVheader-wrapper { padding-left: 9%; padding-right: 12%; } } @media (max-width: 767px) { .EVHomeMainView .EVheader-wrapper { padding-left: 1%; } } .EVHomeMainView .EVheader-wrapper h1 { font-weight: bold; font-size: 36px; color: #404040; width: 96%; display: inline-block; margin-top: 0; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .EVheader-wrapper h1 { font-size: 24px; width: 81%; margin-left: 15px; } } .EVHomeMainView .EVheader-wrapper .exitLink { font-size: 15px; cursor: pointer; position: relative; top: -5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .EVheader-wrapper .exitLink { top: -27px; } } .EVHomeMainView .evHome-mainContainerWrapper { padding-bottom: 145px; } .EVHomeMainView .evHome-mainContainerWrapper a { cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-bounding-box.registration { background-color: #ffffff; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1); width: 760px; padding: 37px 72px; margin: 0px auto 32px auto; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .fpl-bounding-box.registration { width: 343px; background-color: #ffffff; padding: 37px 23px; } } .EVHomeMainView .evHome-mainContainerWrapper .arrowLeft { background: url(../images/ev/leftArrow.svg) no-repeat center center; width: 20px; height: 20px; position: relative; top: 5px; left: 10px; cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .arrowDown { background: url(../images/ev/downArrow.svg) no-repeat center center; width: 20px; height: 20px; position: relative; top: 5px; left: 10px; cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo { background-color: #ffffff; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.12)); margin-bottom: 0px !important; min-height: auto; } @media (min-width: 768px) { .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo { width: 320px; } } .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo .profileInfo { background-color: #0073a8; color: #ffffff; padding: 10px 18px; margin-bottom: 0; } .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo .profileInfo .account-name { font-size: 17px; } .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo .profileInfo .account-number { font-size: 15px; } .EVHomeMainView .evHome-mainContainerWrapper .evHomeUserInfo .addressInfo { background-color: #ffffff; color: #666666; font-size: 15px; padding: 10px 18px; margin-bottom: 0; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-steps-progress-bar { background: none; margin-bottom: 35px; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-steps-progress-bar .progress-steps .step-bar { background-color: #c4c8c7; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-steps-progress-bar .progress-steps .step-bar .step-progress-bar { background-color: #0073a8; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-steps-progress-bar .progress-steps .step-parent.step-in-progress .step-wrapper { color: #666666; font-size: 11px; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-steps-progress-bar .progress-steps .step-parent.step-in-progress .step-wrapper .step-details .currentstepLabel { color: #666666; font-size: 11px; } .EVHomeMainView .evHome-mainContainerWrapper span.fpl-custom-checkbox.fpl-custom-option:focus { border-color: #0073a8 !important; border: 3px solid; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-checkbox.fpl-custom-option.custom-option-selected { border: 3px solid #0073a8; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-checkbox.fpl-custom-option { border: 3px solid #a8a5a5; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-checkbox.fpl-custom-option.custom-option-selected .fa.fa-check { display: inline-block; transform: rotate(40deg); height: 15px; width: 9px; border-bottom: 3px solid #0073a8; border-right: 3px solid #0073a8; margin-left: 10px; margin-top: 4px; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-checkbox.fpl-custom-option.custom-option-selected .fa.fa-check:before { content: ""; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-radio { cursor: pointer; border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; width: 24px; height: 24px; background-color: #ffffff; border: 2px solid #c4c8c7; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-radio:focus { border-color: #0073a8 !important; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-radio .radio-fill { border-radius: 21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; height: 8px; width: 8px; padding: 4px; background-color: #0073a8; margin: 6px; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-radio.custom-option-selected { border-color: #0073a8; background-color: #ffffff; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-custom-radio.custom-option-focused { border: 2px solid #333333; height: 24px; width: 24px; } .EVHomeMainView .evHome-mainContainerWrapper h1 { color: #404040; font-size: 36px; line-height: 34px; font-weight: bold; } .EVHomeMainView .evHome-mainContainerWrapper h2 { color: #404040; font-size: 17px; line-height: 20px; font-weight: bold; margin-top: 0; text-align: left !important; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper h2 { text-align: center !important; } } .EVHomeMainView .evHome-mainContainerWrapper h4 { color: #404040; font-size: 15px; line-height: 18px; font-weight: bold; } .EVHomeMainView .evHome-mainContainerWrapper .seperator { height: 1px; background-color: #c4c8c7; margin-top: 25px; margin-bottom: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .fpl-form-field input { border-radius: 4px !important; } .EVHomeMainView .evHome-mainContainerWrapper .btn { border-radius: 4px; width: 142px !important; height: 43px; font-size: 15px; line-height: 2px; } .EVHomeMainView .evHome-mainContainerWrapper .btn.outline.disabled { color: #666666 !important; background-color: #f7f8f9; border: 1px solid #c4c8c7; } .EVHomeMainView .evHome-mainContainerWrapper .btn-wrapper { text-align: center; } .EVHomeMainView .evHome-mainContainerWrapper .btn-wrapper button { display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .btn-wrapper .btn.outline { margin-right: 15px !important; } .EVHomeMainView .evHome-mainContainerWrapper .btn-wrapper .btn.evBtn { margin-left: 10px; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper { margin-left: -53px; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper .radioBtn-Choice { display: inline-block; width: 100px; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper .radioBtn-Choice .fpl-choice-box { display: inline-block; margin-bottom: 10px; width: 190px; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper .radioBtn-Choice .fpl-choice-box .choice-info { float: right; width: 100px; padding: 0; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper .radioBtn-Choice .fpl-choice-box .choice-info label { font-size: 15px !important; } .EVHomeMainView .evHome-mainContainerWrapper .choice-wrapper .radioBtn-Choice .fpl-choice-box .choice-field { float: right; margin-left: 12px; margin-right: 12px; } .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper { margin: 0px auto; width: 100%; max-width: 760px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper { max-width: 340px; } } .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { width: 760px; background-color: transparent; border-radius: 4px; font-size: 13px; line-height: 21px; text-align: left; position: relative; padding-left: 58px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: 25px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 58px; margin-left: 0px; display: inline-block; position: relative; } } .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted.error { color: #404040; border: 1px solid #c4c8c7; } .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat 0px 0px; content: ""; float: left; width: 20px; height: 20px; background-size: 20px 20px; position: absolute; left: 18px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/warning_red.svg) no-repeat; content: ""; width: 23px; height: 22px; padding-right: 33px; background-size: 20px 20px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .errorAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper { margin: 0px auto; width: 100%; max-width: 760px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper { max-width: 340px; } } .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { width: 760px; background-color: transparent; border-radius: 4px; font-size: 13px; line-height: 21px; text-align: left; position: relative; padding-left: 58px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: 25px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 58px; margin-left: 0px; display: inline-block; position: relative; } } .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted.error { color: #404040; border: 1px solid #c4c8c7; } .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/predictive-Banner-Icon.svg) no-repeat 0px 0px; content: ""; float: left; width: 20px; height: 20px; background-size: 20px 20px; position: absolute; left: 18px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/predictive-Banner-Icon.svg) no-repeat; content: ""; width: 23px; height: 22px; padding-right: 33px; background-size: 20px 20px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .infoAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper { margin: 0px auto; width: 100%; max-width: 760px; padding-top: 40px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper { max-width: 340px; padding-top: 30px; } } .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { width: 760px; background-color: transparent; border-radius: 4px; font-size: 13px; line-height: 21px; text-align: left; position: relative; padding-left: 58px; display: inline-flex; align-items: center; justify-content: flex-start; margin-bottom: 25px; color: #404040; border: 1px solid #c4c8c7; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 58px; margin-left: 0px; display: inline-block; position: relative; } } .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/fill-check_green_68bb45.svg) no-repeat 0px 0px; content: ""; float: left; width: 20px; height: 20px; background-size: 20px 20px; position: absolute; left: 18px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { background: url(../images/svg/fill-check_green_68bb45.svg) no-repeat; content: ""; width: 23px; height: 22px; padding-right: 33px; background-size: 20px 20px; margin-right: 15px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .EVHomeMainView .evHome-mainContainerWrapper .successAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .EVHomeMainView .evHome-mainContainerWrapper .contentPageText { font-size: 15px; } .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .breakSlots { color: #666666; font-size: 15px; display: inline-block; width: 95%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .breakSlots { width: 90%; } } .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .breakSlotArrow { display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .spareIconWrapper { display: block; } .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .spareIconWrapper .spareIcon { background: url(../images/ev/spareBreaker.png) no-repeat center center; width: 200px; height: 200px; border-radius: 8px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .spareIconWrapper .spareIconText { margin-left: 20px; float: right; width: 390px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evYourInfoStep5 .spareIconWrapper .spareIconText { float: none; width: 100%; margin: 0 0 20px 0; display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions { padding: 24px 24px 28px 24px !important; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .contentPageText { line-height: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .contentPageText p { margin-bottom: 20px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions h2 { text-align: left !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .choice-wrapper { margin-left: -30px !important; margin-top: 20px !important; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .choice-wrapper { margin-left: -40px !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .choice-wrapper .radioBtn-Choice { width: 125px !important; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .choice-wrapper .radioBtn-Choice .fpl-choice-box { width: 200px; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .choice-wrapper .radioBtn-Choice .choice-info { width: 130px !important; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOpt2 { margin-left: 25px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOpt2 { margin-left: 0; margin-top: 25px; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer { display: flex; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer { display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 { background-color: #ffffff; border: 1px solid #c4c8c7; border-radius: 4px; width: 345px; height: 295px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 { width: 296px; height: 315px; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .headerWrapper, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .headerWrapper { background-color: #0073a8; border-radius: 3px 3px 0 0; width: 343px; height: 53px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .headerWrapper, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .headerWrapper { width: 296px; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .headerWrapper .optText, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .headerWrapper .optText { color: #ffffff; font-size: 17px; line-height: 14px; text-align: center; display: inline-block; margin: 0 auto; width: 100%; padding: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .contentBlock, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .contentBlock { margin: 30px 20px; display: flex; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .contentBlock .leftBlock ul, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .contentBlock .leftBlock ul { padding-left: 20px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .contentBlock .leftBlock ul, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .contentBlock .leftBlock ul { padding-left: 8px !important; width: 126px !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt1 .contentBlock .rightBlock, .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .chargeOptionsContainer .chargeOpt2 .contentBlock .rightBlock { left: 15px; position: relative; top: -5px; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .charger1Icon { background: url(../images/ev/JuiceBox_EVolutionHome.jpg) no-repeat center center; width: 137px; height: 205px; margin-top: -17px; } .EVHomeMainView .evHome-mainContainerWrapper .evChargerOptions .charger2Icon { background: url(../images/ev/Wallbox_EVolutionHome.jpg) no-repeat center center; width: 137px; height: 205px; margin-top: -35px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage { text-align: center; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .successWrapper .successIcon { background: url(../images/svg/fill-check_green_68bb45.svg) no-repeat center center; width: 25px; height: 25px; display: inline-block; top: 6px; position: relative; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .successWrapper .successIcon { margin: 0 auto 18px auto; display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .successWrapper h2 { display: inline-block; padding-left: 15px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage ol { text-align: left; line-height: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage ol li::marker { font-weight: bold; color: #0073a8; font-size: 17px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage ol li { margin-bottom: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .success-note { margin-left: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .warningWrapper .warningIcon { background: url(../images/svg/predictive-Banner-Icon.svg) no-repeat center center; width: 25px; height: 28px; display: inline-block; top: 6px; position: relative; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .warningWrapper .warningIcon { margin: 0 auto 18px auto; display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .warningWrapper h2 { display: inline-block; padding-left: 15px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage .btn { width: 248px !important; margin-bottom: 15px; margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails { display: block; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .mobileIconWrapper .mobileIcon { background: url(../images/ev/evMobileIcon.svg) no-repeat center center; width: 230px; height: 450px; background-size: 223px; } @media (max-width: 767px) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .mobileIconWrapper .mobileIcon { margin: 50px 20px 0 30px; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails { padding-left: 35px; padding-top: 20px; float: right; width: 385px; } @media (max-width: 767px) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails { padding-left: 0; float: none; width: 100%; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .confirmText { line-height: 23px; } @media (max-width: 767px) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .confirmText { text-align: center; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .confirmText .confirmpara { margin-top: 30px; margin-bottom: -20px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .iosWrapperDesktop { padding-top: 40px; } @media (max-width: 767px) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .iosWrapperDesktop { display: none !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .iosWrapperDesktop .iosIcon { background: url(../images/ev/iosIcon.svg) no-repeat center center; width: 122px; height: 43px; display: inline-block; cursor: pointer; margin-right: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .textDetails .iosWrapperDesktop .androidIcon { background: url(../images/ev/andriodIcon.png) no-repeat center center; width: 134px; height: 43px; display: inline-block; cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .iosWrapperMobile { padding-top: 25px; } @media (min-width: 768px) { .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .iosWrapperMobile { display: none !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .iosWrapperMobile .iosIcon { background: url(../images/ev/iosIcon.svg) no-repeat center center; width: 122px; height: 43px; display: inline-block; cursor: pointer; margin-right: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evConfirmationPage1 .wrapperDetails .iosWrapperMobile .androidIcon { background: url(../images/ev/andriodIcon.png) no-repeat center center; width: 134px; height: 43px; display: inline-block; cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall { padding: 24px 24px 28px 24px !important; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage h2, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall h2 { text-align: left !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails { margin-bottom: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails p, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails p { width: 85%; word-break: break-all; } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails h4, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails h4 { margin-top: 0; width: 92%; display: inline-block; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails h4, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails h4 { width: 82%; display: inline-block; margin-top: 0; padding-right: 20px; } } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails .edit, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails .edit { position: relative; cursor: pointer; vertical-align: top; display: inline-block; padding-left: 5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails .edit, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails .edit { padding-left: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .reviewDetails .edit .editIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .reviewDetails .edit .editIcon { background: url(../images/ev/pencil.svg) no-repeat center center; width: 17px; height: 17px; display: inline-block; position: relative; top: 5px; } .EVHomeMainView .evHome-mainContainerWrapper .evReviewPage .uploaded-images img, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewFullInstall .uploaded-images img { margin: 20px 25px 0 0; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage.photo-section-wrapper { margin-top: -85px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage { padding: 24px 24px 28px 24px !important; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage h2 { margin-top: 0; width: 92%; display: inline-block; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage h2 { width: 82%; display: inline-block; margin-top: 0; padding-right: 20px; text-align: left !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .edit { position: relative; cursor: pointer; vertical-align: top; display: inline-block; padding-left: 5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .edit { padding-left: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .edit .editIcon { background: url(../images/ev/pencil.svg) no-repeat center center; width: 17px; height: 17px; display: inline-block; position: relative; top: 5px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .reviewDetails { margin-bottom: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .reviewDetails p { width: 85%; word-break: break-all; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .reviewDetails h4 { color: #666666; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyReviewPage .uploaded-images img { margin: 10px 25px 0 0; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions { padding: 24px 24px 28px 24px !important; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions h2 { text-align: left !important; } } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper { padding: 20px 25px 25px 25px; border: 1px solid #c4c8c7; border-radius: 4px; width: 713px; height: 280px; overflow: auto; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper { width: 100%; } } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .termsHeader { text-align: center; text-decoration: underline; padding-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .textIndent { text-indent: 50px; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper li::marker { font-weight: bold; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .fullInstallText { list-style-type: square; margin-left: 45px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .fullInstallText { margin-left: 30px; } } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .fullInstallPara { text-indent: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .underlineText { text-decoration: underline; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .TermsConditionWrapper .boldText { font-weight: bold; text-decoration: underline; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .downloadLink { margin-bottom: 25px; display: block; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .choice-info { width: 95%; float: none; margin-left: 45px; } .EVHomeMainView .evHome-mainContainerWrapper .evTermsConditions .choice-info label { font-size: 15px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 { padding: 35px 25px 25px 25px !important; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails { margin-top: -5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails { margin-top: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails .iconNode { background: url(../images/ev/chargingStation_desktop.png) no-repeat center center; width: 181px; height: 181px; display: inline-block; position: relative; top: 15px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails .iconNode { background: url(../images/ev/chargingStation_mobile.png) no-repeat center center; width: 94px; height: 94px; top: -8px; left: 90px; margin-bottom: 10px; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails .textDetails { display: inline-block; width: 65%; padding-left: 37px; vertical-align: top; margin-top: 15px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage1 .disQualifierWrapper .wrapperDetails .textDetails { display: block; width: 100%; padding-left: 0; text-align: center; margin-top: 0; } } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 { padding: 35px 25px 25px 25px !important; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .btn { width: 248px !important; margin-left: 0; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .btn { margin-left: auto; margin-top: 30px; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails { margin-top: -5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails { margin-top: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails .iconNode { background: url(../images/ev/solar_desktop.png) no-repeat center center; width: 181px; height: 181px; display: inline-block; position: relative; top: 15px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails .iconNode { background: url(../images/ev/solar_mobile.png) no-repeat center center; width: 94px; height: 94px; top: -8px; left: 90px; margin-bottom: 10px; } } .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails .textDetails { display: inline-block; width: 67%; padding-left: 37px; vertical-align: top; margin-top: 15px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .disQualifierPage2 .disQualifierWrapper .wrapperDetails .textDetails { display: block; width: 100%; padding-left: 0; text-align: center; margin-top: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .text1, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .text2 { text-align: center; font-size: 15px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 h2 { text-align: center !important; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer { background-color: #ffffff; border: 1px solid #c4c8c7; border-radius: 4px; width: 305px; height: 310px; margin: 0 auto; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .headerWrapper { background-color: #0073a8; border-radius: 3px 3px 0 0; width: 303px; height: 53px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .headerWrapper .panelText { color: #ffffff; font-size: 17px; line-height: 14px; text-align: center; display: inline-block; margin: 0 auto; width: 100%; padding: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock { margin: 20px 14px; text-align: center; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock .panelIcon { background: url(../images/ev/panelIcon.png) no-repeat center center; width: 198px; height: 165px; margin: 0 auto; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock .panelIcon1 { margin-top: 40px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock .panelIcon1 .icon1 { background: url(../images/ev/outlet1.png) no-repeat center center; width: 80px; height: 80px; display: inline-block; margin-right: 12px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock .panelIcon1 .icon2 { background: url(../images/ev/outlet2.png) no-repeat center center; width: 80px; height: 80px; display: inline-block; margin-right: 12px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage1 .panelContainer .contentBlock .panelIcon1 .icon3 { background: url(../images/ev/outlet3.png) no-repeat center center; width: 80px; height: 80px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage2 .choice-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage11 .choice-wrapper { margin-left: -13px; margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage2 .choice-wrapper .radioBtn-Choice, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage11 .choice-wrapper .radioBtn-Choice { display: block; margin-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage2 .choice-wrapper .radioBtn-Choice .choice-info, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage11 .choice-wrapper .radioBtn-Choice .choice-info { width: 140px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage4 .choice-wrapper { margin-left: -13px; margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage4 .choice-wrapper .radioBtn-Choice { display: block; margin-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage4 .choice-wrapper .radioBtn-Choice .choice-info { width: 180px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage4 .choice-wrapper .radioBtn-Choice .fpl-choice-box { width: 235px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage5 .choice-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage7 .choice-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage9 .choice-wrapper { margin-left: -13px; margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage5 .choice-wrapper .radioBtn-Choice, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage7 .choice-wrapper .radioBtn-Choice, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage9 .choice-wrapper .radioBtn-Choice { display: block; margin-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage5 .choice-wrapper .radioBtn-Choice .choice-info, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage7 .choice-wrapper .radioBtn-Choice .choice-info, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage9 .choice-wrapper .radioBtn-Choice .choice-info { width: 200px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage5 .choice-wrapper .radioBtn-Choice .fpl-choice-box, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage7 .choice-wrapper .radioBtn-Choice .fpl-choice-box, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage9 .choice-wrapper .radioBtn-Choice .fpl-choice-box { width: 260px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage13 .choice-wrapper { margin-left: -13px; margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage13 .choice-wrapper .radioBtn-Choice { display: block; margin-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage13 .choice-wrapper .radioBtn-Choice .choice-info { width: 270px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage13 .choice-wrapper .radioBtn-Choice .fpl-choice-box { width: 320px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiSignal { color: #666666; font-size: 15px; display: inline-block; width: 95%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiSignal { width: 90%; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiSignalArrow { display: inline-block; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiContentWrapper { display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiContentWrapper .wifiIcon { background: url(../images/ev/wifi.jpg) no-repeat center center; width: 230px; height: 230px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiContentWrapper .wifiIconText { margin-top: 10px; float: right; width: 61%; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoStep3 .wifiContentWrapper .wifiIconText { width: 100%; float: none; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 ol, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 ol, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 ol, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 ol { margin-left: -10px; line-height: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 ol li::marker, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 ol li::marker, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 ol li::marker, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 ol li::marker { font-weight: bold; color: #0073a8; font-size: 17px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 ol li, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 ol li, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 ol li, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 ol li { margin-bottom: 23px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .acceptPhotos { color: #666666; font-size: 15px; display: inline-block; width: 95%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .acceptPhotos, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .acceptPhotos { width: 90%; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .acceptPhotosArrow, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .acceptPhotosArrow, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .acceptPhotosArrow, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .acceptPhotosArrow { display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto { display: flex; margin-bottom: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .acceptPhotosIcon1, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .acceptPhotosIcon1, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .acceptPhotosIcon1, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .acceptPhotosIcon1 { background: url(../images/ev/electricPanel1.png) no-repeat center center; width: 200px; height: 200px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .acceptPhotosIcon2, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .acceptPhotosIcon2, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .acceptPhotosIcon2, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .acceptPhotosIcon2 { background: url(../images/ev/electricPanel2.png) no-repeat center center; width: 200px; height: 200px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .socketIcon { background: url(../images/ev/socketIcon.jpg) no-repeat center center; width: 140px; height: 160px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .socketIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .socketIcon { width: 390px; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .heaterNameplateIcon { background: url(../images/ev/electricPoolHeater.jpg) no-repeat center center; width: 140px; height: 105px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .heaterNameplateIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .heaterNameplateIcon { width: 250px; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .waterHeaterIcon { background: url(../images/ev/electricWaterHeater.jpg) no-repeat center center; width: 140px; height: 105px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .waterHeaterIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .waterHeaterIcon { width: 250px; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .compressorIcon { background: url(../images/ev/acNameplate.jpg) no-repeat center center; width: 102px; height: 120px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .compressorIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .compressorIcon { width: 170px; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto .acceptPhotosText { margin-left: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto.electricPanel, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto.electricPanel, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto.electricPanel, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto.electricPanel { display: block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto.electricPanel .acceptPhotosText { margin-left: 20px; float: right; width: 390px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .panelPhoto.electricPanel .acceptPhotosText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .panelPhoto.electricPanel .acceptPhotosText { float: none; width: 100%; margin: 0 0 20px 0; display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-photos-section-items, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-photos-section-items, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-photos-section-items, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-photos-section-items { margin-left: 5px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .invalid-image-msg .form-alert, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .invalid-image-msg .form-alert, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .invalid-image-msg .form-alert, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .invalid-image-msg .form-alert { border: none; text-align: left; margin-bottom: 0; padding: 0 0 20px 10px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-photos-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-photos-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-photos-wrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-photos-wrapper { display: inline-block; margin-top: 10px; margin-bottom: 10px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-photos-wrapper:not(:last-child), .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-photos-wrapper:not(:last-child), .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-photos-wrapper:not(:last-child), .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-photos-wrapper:not(:last-child) { margin-right: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-photos-wrapper .image-delete-icon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-photos-wrapper .image-delete-icon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-photos-wrapper .image-delete-icon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-photos-wrapper .image-delete-icon { width: 25px; height: 25px; position: absolute; cursor: pointer; z-index: 120; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #ffffff; margin-left: -10px; margin-top: -10px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document { width: 100px; height: 100px; outline: 2px dashed #c4c8c7; margin: 0px; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document input, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document input, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document input, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document input { top: 0px !important; right: 0px !important; z-index: 99; width: 100px; height: 100px; font-size: 0px !important; cursor: pointer; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document label, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document label, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document label, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document label { box-shadow: none !important; background: none !important; width: 100% !important; margin-top: 0px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document label:focus, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document label:focus, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document label:focus, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document label:focus, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document label:active, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document label:active, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document label:active, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document label:active { box-shadow: none !important; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document label .camera-icon-block img, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document label .camera-icon-block img, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document label .camera-icon-block img, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document label .camera-icon-block img { width: 100px; height: 100px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyEletricInfoStep1 .upload-image-document label .fa-camera, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage10 .upload-image-document label .fa-camera, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage12 .upload-image-document label .fa-camera, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyYourInfoPage14 .upload-image-document label .fa-camera { color: #0073a8; font-size: 46px; padding: 23px 0px 0px 1px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .choice-wrapper { margin-top: 30px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .choice-wrapper .radioBtn-Choice { display: block; margin-bottom: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageText { color: #666666; font-size: 15px; display: inline-block; width: 95%; cursor: pointer; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageText { width: 90%; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakArrow, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageArrow { display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper { display: block; margin-bottom: 25px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .breakIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .breakIcon { background: url(../images/ev/breakIcon.png) no-repeat center center; width: 200px; height: 200px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .amperageIcon, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .amperageIcon { background: url(../images/ev/amperageIcon.png) no-repeat center center; width: 200px; height: 200px; display: inline-block; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .breakIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .breakIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .amperageIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .amperageIconText { margin-left: 20px; float: right; width: 390px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .breakIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .breakIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .breakContentWrapper .amperageIconText, .EVHomeMainView .evHome-mainContainerWrapper .evSurveyElectricInfoPage2 .amperageContentWrapper .amperageIconText { float: none; width: 100%; margin: 0 0 20px 0; display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .phoneNo-block { width: 296px; display: inline-block; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .phoneNo-block { display: block; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .nameHOA-block { width: 616px; margin-top: 20px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .nameHOA-block { width: 296px; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .fpl-form-note.form-error-note { display: block; color: #dc1500; font-size: 11px; margin-left: 21px; margin-top: 5px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .fpl-form-row .fpl-form-field.field-error .clear-field { margin-top: -33px !important; background-image: url('../images/svg/warning_red.svg'); display: block !important; width: 16px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .fpl-form-row .fpl-form-field .clear-field { margin-top: -33px !important; width: 16px; background-image: url('../images/svg/fill-x_grey_c4c8c7-01.svg'); } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .choice-wrapper { margin-left: 0; display: inline-block; position: relative; vertical-align: top; margin-top: 25px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .choice-wrapper { display: block; margin-left: -20px; padding-top: 10px; margin-top: 0; } } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .choice-wrapper .radioBtn-Choice { display: inline-block; width: 155px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .choice-wrapper .radioBtn-Choice .fpl-choice-box { width: 175px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .choice-wrapper .radioBtn-Choice .fpl-choice-box .choice-info { width: 115px; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .HOATextArea textarea { border: 1px solid #c4c8c7; border-radius: 3px; padding: 10px !important; font-size: 16px; width: 100% !important; padding-top: 5px; padding-bottom: 20px; resize: none !important; min-height: 120px !important; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .HOATextArea .txt-info-count { left: -12px; position: relative; top: -40px; z-index: 11; font-size: 11px; text-align: right; } .EVHomeMainView .evHome-mainContainerWrapper .evSurveyCommunityInfo .HOATextArea .clear-field { display: none !important; } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog { width: 716px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog { width: 343px; } } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-close { padding: 0; margin: 20px 20px 0 0; background: url(../images/ev/closeIcon.svg) no-repeat center center; } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-close::after { content: ""; background: none; } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content { border-radius: 4px; text-align: left; padding: 20px 20px 40px 50px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content { padding: 20px 20px 40px 24px; } } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content .errorWrapper { margin-top: 20px; } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content .errorWrapper .errorIcon { background: url(../images/svg/warning_red.svg) no-repeat center center; width: 25px; height: 28px; display: inline-block; vertical-align: top; margin-right: 18px; } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content .errorWrapper .errorText { color: #666666; font-size: 15px; line-height: 18px; width: 80%; display: inline-block; margin-top: 5px; } @media (max-width: 767px) and (orientation: portrait) { .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content .errorWrapper .errorText { margin-top: 2px; } } .EVHomeMainView .evHome-mainContainerWrapper .cancelDialogModal .modal-dialog .modal-content .msgText { color: #404040; font-size: 27px; line-height: 32px; margin: 8px 0 32px 0; } /* Multi-Disconnect */ .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-container.main-multi-account-list { width: 85%; margin: 0 auto; max-width: 1264px; padding: 80px 0 20px 0; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-container.main-multi-account-list { width: 100%; padding: 65px 0 20px 0; } } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .dynamic-banner { margin-top: 30px !important; } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .dynamic-banner .dismissBtn#dynamicMessagesCloseBtn { visibility: hidden; } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .dynamic-banner .dynamic-icon.notification:before { background: url('../images/svg/predictive-Banner-Icon.svg') no-repeat center center; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .dynamic-banner .dynamic-icon.alert:before { height: 30px; } } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .dynamic-banner .dynamic-content { line-height: 20px; } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.clearfix .accounts-tools.clearfix .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container .accounts-tools.container .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container-fluid .accounts-tools.container-fluid .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.row .accounts-tools.row .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.form-horizontal .form-group .accounts-tools.form-horizontal .form-group .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-toolbar .accounts-tools.btn-toolbar .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-group-vertical > .btn-group .accounts-tools.btn-group-vertical > .btn-group .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.nav .accounts-tools.nav .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar .accounts-tools.navbar .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-header .accounts-tools.navbar-header .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-collapse .accounts-tools.navbar-collapse .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.pager .accounts-tools.pager .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.panel-body .accounts-tools.panel-body .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.modal-footer .accounts-tools.modal-footer .link-search.search-field { margin-top: 20px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.clearfix .accounts-tools.clearfix .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container .accounts-tools.container .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container-fluid .accounts-tools.container-fluid .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.row .accounts-tools.row .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.form-horizontal .form-group .accounts-tools.form-horizontal .form-group .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-toolbar .accounts-tools.btn-toolbar .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-group-vertical > .btn-group .accounts-tools.btn-group-vertical > .btn-group .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.nav .accounts-tools.nav .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar .accounts-tools.navbar .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-header .accounts-tools.navbar-header .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-collapse .accounts-tools.navbar-collapse .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.pager .accounts-tools.pager .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.panel-body .accounts-tools.panel-body .link-search.search-field, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.modal-footer .accounts-tools.modal-footer .link-search.search-field { margin-top: 0px; } } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.clearfix .accounts-tools.clearfix .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container .accounts-tools.container .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.container-fluid .accounts-tools.container-fluid .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.row .accounts-tools.row .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.form-horizontal .form-group .accounts-tools.form-horizontal .form-group .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-toolbar .accounts-tools.btn-toolbar .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.btn-group-vertical > .btn-group .accounts-tools.btn-group-vertical > .btn-group .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.nav .accounts-tools.nav .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar .accounts-tools.navbar .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-header .accounts-tools.navbar-header .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.navbar-collapse .accounts-tools.navbar-collapse .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.pager .accounts-tools.pager .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.panel-body .accounts-tools.panel-body .switch-view, .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .col-md-12.col-accounts.modal-footer .accounts-tools.modal-footer .switch-view { margin-top: 30px; } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .multi-disconnect-contact-SubmitSpace { margin-bottom: 26px; } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .multi-disconnect-contact-CancelSpace { margin-bottom: 0px; } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .standard.next-connect-step.btn { width: 248px !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .standard.next-connect-step.btn { height: 44px; line-height: 2px; } } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .mailingAddress .fpl-radio-group { padding-left: 62px; } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .mailingAddress .fpl-radio-group .fpl-choice-box { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: none !important; } .multidisconnect .multi-disconnect-wrapper #ContactInformationView .fpl-bounding-box.registration.connect-mailAddress .mailingAddress .fpl-radio-group .fpl-choice-box .choice-info { margin-left: 10px; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multi-review-order .disconnect-account-info { font-size: 14px !important; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table { width: 550px !important; padding: 15px 0 !important; padding-bottom: 5px !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table { width: 340px !important; padding: 10px 15px !important; margin: 25px auto 0 !important; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multireviewtable-heading .multireviewtable-heading-left { margin-left: 46px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multireviewtable-heading .multireviewtable-heading-left { margin-left: 0px; width: auto !important; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multireviewtable-heading .multireviewtable-header-text { padding-left: 30px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multireviewtable-heading .multireviewtable-header-text { padding-left: 0; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table { width: 550px; padding-bottom: 10px; margin-top: 25px; margin-left: -1px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table { width: 340px !important; margin-left: -16px; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .nav-account-link .account-details { font-size: 14px; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .nav-account-link .account-details .account { padding-left: 76px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .nav-account-link .account-details .account { padding-left: 20px !important; width: 62% !important; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .nav-account-link .account-details .issueType { padding-left: 30px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .nav-account-link .account-details .issueType { padding-left: 25px; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .listaccordionitem .accordion-item .accordion-header .nav-account-link .account-details .account { padding-left: 75px !important; padding-left: 50px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .listaccordionitem .accordion-item .accordion-header .nav-account-link .account-details .account { width: 62% !important; padding-left: 20px !important; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .listaccordionitem .accordion-item .accordion-header .nav-account-link .account-details .account .address .acc-num-text { font-weight: bold; margin-top: 3px; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .listaccordionitem .accordion-item .accordion-header .nav-account-link .account-details .startDate { padding-left: 32px; padding-top: 5px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .multi-connect-table .multiconnectreview-tablebox .fpl-accordion .listaccordionitem .accordion-item .accordion-header .nav-account-link .account-details .startDate { padding-left: 25px; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .fpl-form-row.continueButton-space { margin-bottom: 23px; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .fpl-form-row.continueButton-space .btn { font-size: 16px !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .fpl-form-row.continueButton-space .btn { height: 44px; line-height: 2px; margin-top: 5px; } } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .fpl-form-row.under-button-link { margin-bottom: 10px; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .continueButton-space, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .under-button-link, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .editStep3GoBack { font-size: 16px !important; } .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .continueButton-space label, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .under-button-link label, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .fpl-bounding-box.registration.multireview-table .editblock .editStep3GoBack label { font-weight: normal !important; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat { width: 100%; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .title_block { padding: 60px 110px 15px 110px !important; max-width: 1440px; margin: 0 auto; color: #404040; font-family: Arial; font-size: 25px; line-height: 30px; text-align: left; font-weight: bold; margin-top: 60px; position: relative; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .title_block { padding: 25px 0px 0px 5px !important; margin-top: 65px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .erroMssg { width: 592px; margin: 0 auto; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .erroMssg { width: auto; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .erroMssg .common-info-label { padding-left: 9px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .errorMsg-below-seperator { width: 592px; margin: 0 auto; margin-top: 20px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize { padding: 25px 60px !important; margin: 25px auto 0 !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize { padding: 25px 20px !important; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .print-confirm.text-center #printLink { margin-left: 10px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisuccess-img { padding-bottom: 0px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisuccess-img img { margin-top: 0px; margin-bottom: 5px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .page-title { margin-bottom: 30px; margin-top: 10px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisub-title { width: 363px; margin-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisub-title { width: auto; margin-left: 0px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .listaccordionitem.parbase.base.section .accordion-body .common-space .multibody-titlebold { font-size: 14px !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize { border: none; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multiheading-label { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multiheading-label { padding-left: 20px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .account { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .account { width: 63%; padding-left: 20px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .startDate { padding-left: 27px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .startDate { width: 27%; padding-left: 10px; padding-top: 12px !important; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .accordion-open .info-box { width: 79%; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .accordion-open .info-box { width: 89%; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .account { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .account { width: 63%; padding-left: 20px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .account .address .acc-num-text { font-weight: bold; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .startDate { padding-left: 27px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .startDate { width: 27%; padding-left: 8px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-create.multicommon-pagesize .multi-congrat-table .multiaccount-create-body .fpl-accordion .updown .fa { top: -15px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multiheading-label { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multiheading-label { padding-left: 20px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .account { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .account { padding-left: 20px; width: 63%; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .updown .fa { bottom: 8px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .startDate { padding-left: 27px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .startDate { width: 30%; padding-top: 3px !important; padding-left: 12px; } } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-head .nav-account-link .account-details .startDate p { margin-top: 8px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accordion-body .multiinfo-fill { width: 30px; margin-right: 6px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accounts-list-item.list-items.contact-info .account { padding-left: 62px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accounts-list-item.list-items.contact-info .account { padding-left: 20px; width: 63%; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accounts-list-item.list-items.contact-info .account .address .acc-num-text { font-weight: bold; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accounts-list-item.list-items.contact-info .startDate { padding-left: 27px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .multiaccount-erroroccr.multicommon-pagesize.multiaccount-create .multi-congrat-table .multiaccount-create-body .fpl-accordion .accounts-list-item.list-items.contact-info .startDate { width: 30%; padding-left: 10px; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-last-congrat.multicommon-pagesize { margin: 21px auto 0 !important; padding: 15px 60px 25px 60px !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-last-congrat.multicommon-pagesize { padding: 15px 15px 25px 15px !important; } } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-last-congrat.multicommon-pagesize .fpl-form-row.fplesoffers.text-center { margin-bottom: 0px; } .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-last-congrat.multicommon-pagesize .fpl-form-row.fplesoffers.text-center .btn.standard.doneClass { font-size: 16px; width: 258px; height: 44px; margin-bottom: 0px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper #confirmation.multiconnect-congrat .fpl-bounding-box.registration.multiconnect-last-congrat.multicommon-pagesize .fpl-form-row.fplesoffers.text-center .btn.standard.doneClass { line-height: 2px; } } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multiDisconnect-back-link .multiDisconnect-header, .multidisconnect .multi-disconnect-wrapper #ContactInformationView .multiDisconnect-back-link .multiDisconnect-header, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .multiDisconnect-back-link .multiDisconnect-header { max-width: 1440px; margin: 0 auto; padding: 35px 0px 0px 25px; margin-top: 60px; } @media only screen and (min-device-width: 1215px) { .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multiDisconnect-back-link .multiDisconnect-header, .multidisconnect .multi-disconnect-wrapper #ContactInformationView .multiDisconnect-back-link .multiDisconnect-header, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .multiDisconnect-back-link .multiDisconnect-header { padding: 60px 110px !important; margin-top: 60px; } } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multiDisconnect-back-link .multiDisconnect-header .title_block, .multidisconnect .multi-disconnect-wrapper #ContactInformationView .multiDisconnect-back-link .multiDisconnect-header .title_block, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .multiDisconnect-back-link .multiDisconnect-header .title_block { color: #404040; line-height: 28px; vertical-align: middle; margin-left: 12px; font-size: 25px; display: inline; font-weight: bold; } .multidisconnect .multi-disconnect-wrapper #MultiDisconnectLandingView .multiDisconnect-back-link .multiDisconnect-header .backLink:before, .multidisconnect .multi-disconnect-wrapper #ContactInformationView .multiDisconnect-back-link .multiDisconnect-header .backLink:before, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .multiDisconnect-back-link .multiDisconnect-header .backLink:before { background: url(../images/connect/navigation-back-button.svg) no-repeat center center; height: 26px; width: 39px; content: ""; margin-right: 0px; float: left; margin-top: 2px; } @media only screen and (min-device-width: 1215px) { .multidisconnect .multi-disconnect-wrapper #ContactInformationView .multiDisconnect-back-link .multiDisconnect-header, .multidisconnect .multi-disconnect-wrapper #reviewinfoView .multiDisconnect-back-link .multiDisconnect-header { padding: 60px 110px 15px 110px !important; } } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .modal.lab-modal-body.more-action-popup { position: fixed; } } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .modal-content.action-popup { width: 100%; } } .multidisconnect .multi-disconnect-wrapper .multi-account .accounts-table.list .accounts-list-item .account .account-number a { text-decoration: none !important; } .multidisconnect .multi-disconnect-wrapper .multi-account .accounts-tools .switch-view .views.filter-sort .filterByLink { text-decoration: none !important; } .multidisconnect .multi-disconnect-wrapper .multi-account .accounts-tools .switch-view .views.filter-sort .sortByLink { text-decoration: none !important; } .multidisconnect .multi-disconnect-wrapper .multi-account .multi-container.main-multi-account-list .multi-manage-account.hideToShowAccountSettings .manage-header .accounts-header .manage-accounts-header { padding-top: 25px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multi-account .multi-container.main-multi-account-list .multi-manage-account.hideToShowAccountSettings .manage-header .accounts-header .manage-accounts-header .bread-icon::before { margin-right: 10px; } } .multidisconnect .multi-disconnect-wrapper .multi-account .multi-manage-account .accounts-table.list .accounts-list-item .selection.selectAllCheckBox { width: 4% !important; text-align: left; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 5% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 16% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account { width: 16% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account { width: 40% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 26% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 40% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 31% !important; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 11% !important; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 11% !important; } @media (max-width: 1280px) and (min-width: 768px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accordion-body .balance-action .calendarImage { width: 50%; float: right; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accordion-body .balance-action .calendarImage .tablet-version-dtpicker { width: 22px; margin-top: 15px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accordion-body .balance-action .calendarImage .mobile-version-dtpicker { width: 22px; margin-top: 5px; } @media (max-width: 1280px) and (min-width: 768px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .accordion-body .balance-action .calendarImage .mobile-version-dtpicker { display: none; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action .multi-input-field .datePickerBtn p { color: #0073a8; font-weight: bold; cursor: pointer; margin-top: 2px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action .multi-input-field .datePickerBtn .calendarImage .desktop-version-dtpicker, .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action .multi-input-field .datePickerBtn .calendarImage .calendar-image { width: 25px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action .multi-input-field .datePickerBtn .calendarImage { margin-top: 9px; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action .multi-input-field .datePickerBtn .calendarImage .calendar-blue-icon { cursor: pointer; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .selection { width: 5% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .selection { width: 16% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .account { width: 16% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .account { width: 40% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .name { width: 26% !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .name { width: 40% !important; } } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .updown { width: 11% !important; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .address { width: 31% !important; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .status { width: 11% !important; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .action { width: 11% !important; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .choice-field.fpl-customized-option { float: left; margin-left: 0px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .choice-info { float: left; width: 20%; margin-left: 6px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .choice-info { width: 30%; margin-left: 4px; float: left; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .choice-info .choice-detail { width: 100%; color: #666666; font-size: 14px !important; font-weight: bold !important; font-style: normal; border-color: #cccccc; line-height: 16px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .pay-balance-link { display: none; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn p { color: #0073a8; font-weight: bold; cursor: pointer; margin-top: 2px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .desktop-version-dtpicker, .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .calendar-image { width: 33px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage { margin-top: 9px; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .calendar-blue-icon { cursor: pointer; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .pay-balance-link { display: none; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn p { color: #0073a8; font-weight: bold; cursor: pointer; margin-top: 2px; } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .desktop-version-dtpicker, .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .calendar-image { width: 33px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage { margin-top: 9px; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.cards .card-footer .action .datePickerBtn .calendarImage .calendar-blue-icon { cursor: pointer; } .multidisconnect .multi-disconnect-wrapper .fpl-form-row .fpl-form-field .clear-field { margin-top: -35px !important; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailing-check-box { margin-bottom: 25px; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailing-check-box .choice-info { margin-top: 4px; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailing-check-box .choice-field { margin-top: 5px; } } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailingAddress .fpl-customized-option.dropdown-select { display: inline-block; width: 100% !important; margin: 0px !important; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailingAddress .fpl-customized-option.dropdown-select .fpl-dropdown-field { height: auto !important; margin-bottom: 0px !important; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailingAddress .fpl-customized-option.dropdown-select .fpl-dropdown-field .fpl-dropdown { position: relative !important; clear: both !important; margin: 0 !important; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailingAddress .fpl-customized-option.dropdown-select .fpl-dropdown-field .fpl-form-note.form-error-note { margin: 0 0 0 0px !important; display: block; } .multidisconnect .multi-disconnect-wrapper .connect-mailAddress .mailingAddress #usnotneed .fpl-customized-option { margin-bottom: 15px !important; } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .review-border { height: 1px; background-color: #c4c8c7; width: 550px; margin: 0 auto; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .review-border { width: 340px; } } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order { margin: 35px auto; } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order .page-title { color: #666666; font-family: Arial; font-size: 16px; width: 284px; text-align: left; font-weight: bold; margin-top: 5px; } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details { flex-wrap: inherit; } } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .account { padding-bottom: 10px; } .multidisconnect .multi-disconnect-wrapper .multidisconnect-review-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .account .address p { margin-top: 13px; } .multidisconnect .multi-disconnect-wrapper .multi-review-order .fpl-bounding-box.registration.multireview-table .multi-connect-table .multireviewtable-header .account-details .issueType { padding-left: 10px; display: inline-block; vertical-align: middle; height: 45px; padding-right: 10px; padding-top: 12px; } .multidisconnect .multi-disconnect-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .startDate { width: 32% !important; border-right: 0 !important; } @media (max-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multi-review-order .multiconnectreview-tablebox .fpl-accordion .accordion-item .accordion-header .contact-info .account-details .startDate { width: 38% !important; } } @media (max-width: 767px) { .multiDisconnectModal { width: 90%; margin: 0 auto; } } .multiDisconnectModal .modal-dialog .modal-content .multiIntroModal { margin-left: 40px; } @media (max-width: 767px) { .multiDisconnectModal .modal-dialog .modal-content .multiIntroModal { margin-left: 0; } } .multiDisconnectModal .modal-dialog .modal-close.close-x { margin: 15px 15px 0 0; text-decoration: none !important; padding: 0 !important; } .multiDisconnectModal .modal-content { padding-bottom: 23px !important; } .multiDisconnectModal .modal-content .btn.standard.continue.continueBtn { width: 258px !important; margin: 0 auto !important; } @media (max-width: 767px) { .multiDisconnectModal .modal-content .btn.standard.continue.continueBtn { height: 44px; line-height: 2px; } } .multiDisconnectModal .modal-content .selection { margin-bottom: 28px !important; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { display: flex; margin-left: 169px !important; text-align: center !important; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box.fpl-choice-boxChecked.dijitChecked .choice-info { width: 60%; margin-top: 2px; } .multiDisconnectModal .modal-content .interstitial-footer { text-align: center !important; } .multi-disconnect-calendar-wrapper .fpl-bounding-box.registration { background-color: #ffffff; border: 1px solid #c4c8c7; width: 340px; height: 337px !important; padding: 0 !important; } @media (max-width: 767px) { .multi-disconnect-calendar-wrapper .fpl-bounding-box.registration { margin: 75px auto !important; } } .multi-disconnect-calendar-wrapper .fpl-bounding-box.registration table.dijitCalendarContainer.multiCalendar { height: 337px !important; } .multi-disconnect-calendar-wrapper .fpl-bounding-box.registration .dte-full-calendar.dijitCalendar table.dijitCalendarContainer.multiCalendar .dijitCalendarEnabledDate.dijitCalendarCurrentMonth.dijitCalendarDateTemplate.dijitCalendarHoveredDate { top: 5px; display: block; } .multi-disconnect-calendar-wrapper .fpl-bounding-box.registration .dte-full-calendar.dijitCalendar table.dijitCalendarContainer.multiCalendar .dijitCalendarWeekTemplate:first-child .dijitCalendarEnabledDate.dijitCalendarCurrentMonth.dijitCalendarDateTemplate.dijitCalendarHoveredDate { top: 3px; } .multiDisconnectModal .modal-content h2 { font-size: 25px !important; } .multiDisconnectModal .modal-content .center.multiIntroModal { color: #404040 !important; } @media (max-width: 767px) { .multiDisconnectModal .modal-content .center.multiIntroModal { width: auto; } } .multiDisconnectModal .modal-content .selection { width: 100% !important; text-align: center !important; margin-bottom: 20px !important; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box { width: auto; margin: 0px !important; padding: 0px !important; display: inline-block; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box .choice-field.fpl-customized-option { float: none; margin-right: 10px; display: inline-block; width: auto; margin-left: 0px; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box .choice-info { width: auto; display: inline-block; float: none; vertical-align: top; margin-top: 5px; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box .choice-info label.choice-detail { margin: 0px !important; width: 100%; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box .choice-field .fpl-custom-checkbox.fpl-custom-option .fa.fa-check { left: 2px; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box.fpl-choice-boxChecked.dijitChecked { width: auto; margin: 0px !important; padding: 0px !important; display: inline-block; } .multiDisconnectModal .modal-content .selection .select.fpl-choice-box.fpl-choice-boxChecked.dijitChecked .choice-info { width: auto; display: inline-block; float: none; vertical-align: top; margin-top: 5px; } .multiDisconnectModal .modal-content .interstitial-footer.clearfix.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.container.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.container-fluid.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.row.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.form-horizontal .form-group.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.btn-toolbar.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.btn-group-vertical > .btn-group.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.nav.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.navbar.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.navbar-header.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.navbar-collapse.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.pager.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.panel-body.center .margin-t-15, .multiDisconnectModal .modal-content .interstitial-footer.modal-footer.center .margin-t-15 { margin-top: 14px; margin-bottom: -9px; } .multiDisconnectModal .modal-content .interstitial-footer.clearfix.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.container.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.container-fluid.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.row.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.form-horizontal .form-group.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.btn-toolbar.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.btn-group-vertical > .btn-group.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.nav.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.navbar.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.navbar-header.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.navbar-collapse.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.pager.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.panel-body.center .margin-t-15 .under-button-link.cancleButton, .multiDisconnectModal .modal-content .interstitial-footer.modal-footer.center .margin-t-15 .under-button-link.cancleButton { text-decoration: none !important; font-size: 16px; } .multi-account .btn.standard:focus { text-decoration: none !important; } .multiDisconnectModal .btn.standard:focus { text-decoration: none !important; } @media (max-width: 1279px) and (min-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multi-account .multi-manage-account .accounts-table.list .action-head { border: none; text-align: left !important; padding-left: 0px; width: 50%; float: left; font-weight: bold; margin-top: 20px; } } @media (max-width: 1279px) and (min-width: 767px) { .multidisconnect .multi-disconnect-wrapper .multi-account .multi-manage-account .accounts-table.list .action-head i.fa.fa-chevron-down { display: none; } } .multidisconnect .multi-disconnect-wrapper .accounts-table.multi-card.list .nav-account-link .account-details .choice-field.fpl-customized-option .fpl-custom-checkbox .fa input[type="checkbox"] { margin-top: 0px; } @media (min-width: 1024px) and (max-width: 1279px) { #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .top .select.fpl-choice-box { width: 15% !important; } } #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .top .select.fpl-choice-box .choice-field.fpl-customized-option { width: 18px !important; } @media (min-width: 1024px) and (max-width: 1279px) { #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .top .account { width: 85% !important; } } #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom { height: 185px !important; } @media (min-width: 1023px) and (max-width: 1279px) { #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom { height: 210px !important; } } #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom .card-info { bottom: 58px !important; } @media (min-width: 1023px) and (max-width: 1055px) { #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom .card-info { bottom: 50px !important; } } @media (min-width: 1056px) and (max-width: 1279px) { #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom .card-info { bottom: 85px !important; } } #MultiDisconnectLandingView .multi-manage-account.hideToShowAccountSettings .accounts-table.multi-card.cards .accounts-list-item.card-items .nav-account-link .bottom .card-footer .action .multi-input-field .datePickerBtn .calendarImage a::before { display: none; } @media print { body, html, #MultiDisconnectMainView { width: 100%; } .header.header-navigation { position: relative !important; } .nsmoContainerWrapper .nsmo-back-link .nsmo-header { display: none !important; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .title_block { display: none; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .julia-msg_Wrapper { display: none; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .multicomman-inforbox { padding-left: 20px; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .print-confirm.text-center { display: none; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize { padding: 62px 60px !important; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .page-title { position: relative; margin-bottom: 30px !important; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisuccess-img img { margin-top: 45px !important; margin-bottom: 5px !important; width: 34px; } .multidisconnect .multi-disconnect-wrapper .multiconnect-congrat .fpl-bounding-box.registration.multiconnect-header-congrat.multicommon-pagesize .multisub-title { position: relative; width: auto !important; margin-top: 45px !important; } } /* Pic portal */ .pic-portal-main-wrapper { max-width: 1088px; margin: 0 auto; padding-bottom: 140px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper { width: 100%; padding: 15px; padding-bottom: 20px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper { width: 738px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper { width: 800px !important; padding: 20px 20px !important; } } .pic-portal-main-wrapper .Pic-portal-landing-page-heading { font-size: 25px; margin-top: 20px; margin-bottom: 0px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .Pic-portal-landing-page-heading { margin-top: 40px; } } .pic-portal-main-wrapper .Pic-portal-search-sub-heading { padding-top: 8px; } .pic-portal-main-wrapper #PicPortalTableAccountLander .dynamic-banner .dynamic-icon.notification::before { content: ''; background: url(/fplcommon/images/multi/info-fill-blue.svg) no-repeat; height: 32px; width: 32px; } .pic-portal-main-wrapper .pic-portal-form-page { width: 1088px !important; margin: 0 auto; background-color: #ffffff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); padding: 30px 50px 70px 50px!important; height: auto; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page { width: 100% !important; padding: 25px !important; height: auto !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page { width: 100% !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page { width: 100% !important; } } .pic-portal-main-wrapper .pic-portal-form-page p { color: #666666; font-size: 15px; line-height: 24px; } .pic-portal-main-wrapper .pic-portal-form-page .page-intro { text-align: left; line-height: 24px; font-size: 15px; margin-left: 12px; margin-bottom: 0px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row { padding-top: 25px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row { padding-top: 28px !important; } } @media (min-width: 768px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row { display: flex; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 2px 10px 0px 10px; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select { width: 100% !important; margin: 0px 0px 0px 0px!important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select { width: 225px !important; margin: 0px 5px 0px 5px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 10px 0px 10px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item span { padding-top: 11px; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-input-field:focus + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-input-field:not(:placeholder-shown) + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-selectbox-input-field:focus + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-selectbox-input-field:not(:placeholder-shown) + .inlineboxdisplay-label-name { top: -22px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .field-error { position: relative !important; margin-bottom: 4px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .dropdown-select .dropdown-list li { min-height: 38px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .form-error-note { margin-left: 15px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .form-error-note { font-size: 14px !important; margin-left: 24px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .form-error-note { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .form-error-note { font-size: 12px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .fpl-choice-box { float: left !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .fpl-choice-box .fpl-custom-checkbox { width: 24px; height: 24px; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .termNndCondition { margin-left: 55px; margin-top: -4px; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 0px 10px 0px 10px; position: relative !important; vertical-align: top !important; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block { width: 100% !important; margin: 25px 0px 28px 0px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block { width: 225px !important; margin: 0px 5px 0px 5px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block input { margin-top: 2px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block .fpl-form-note { display: block; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block .inlineboxdisplay-input-field { padding: 13px 24px 10px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .zipcode-block .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 0px 10px 0px 10px; position: relative !important; vertical-align: top !important; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block { width: 100% !important; margin: 5px 0px 5px 0px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block { width: 225px !important; margin: 0px 5px 0px 5px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block input { margin-top: 2px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block .fpl-form-note { display: block; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block .inlineboxdisplay-input-field { padding: 13px 24px 10px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row .contractorName-block .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 { padding-top: 20px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 { margin-top: -5px !important; padding-top: 0px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 { padding-top: 28px !important; display: flex; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 { margin-top: 0px !important; display: flex; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 0px 10px 0px 10px; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand { width: 100% !important; margin: 30px 0px 15px 0px!important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand { width: 225px !important; margin: 0px 5px 0px 5px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .inlineboxdisplay-selectbox-input-field:focus + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .inlineboxdisplay-selectbox-input-field:not(:placeholder-shown) + .inlineboxdisplay-label-name { top: -12px !important; padding-top: 0px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 10px 0px 10px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .productBrand .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item span.inlineboxdisplay-label-name { padding-top: 10px; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 0px 10px 0px 10px; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken { width: 100% !important; margin: 30px 0px 0px 0px!important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken { width: 225px !important; margin: 0px 5px 0px 5px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .inlineboxdisplay-selectbox-input-field:focus + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .inlineboxdisplay-selectbox-input-field:not(:placeholder-shown) + .inlineboxdisplay-label-name { top: -22px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 10px 0px 10px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .languageSpoken .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item span { padding-top: 10px; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service { width: 296px; display: inline-block; margin-bottom: 15px !important; margin: 0px 10px 0px 10px; height: 43px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service { width: 100% !important; margin: 15px 0px 15px 0px!important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service { width: 225px !important; margin: 0px 5px 0px 5px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service { width: 210px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .inlineboxdisplay-selectbox-input-field:focus + .inlineboxdisplay-label-name, .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .inlineboxdisplay-selectbox-input-field:not(:placeholder-shown) + .inlineboxdisplay-label-name { top: -22px !important; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .inlineboxdisplay-label-name { font-size: 13px !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .inlineboxdisplay-label-name { font-size: 13px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .fpl-dropdown-field .fpl-dropdown { padding: 0px !important; } } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 10px 0px 10px !important; } .pic-portal-main-wrapper .pic-portal-form-page .form-page-row1 .service .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item span { padding-top: 10px; } .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit { float: left; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit { margin: 0px auto 0px auto; float: none !important; padding: 20px 0px 0px 0px; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit { margin-right: 10px; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit { margin-right: 18px; } } .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit .btn { width: 248px !important; margin-top: 8px !important; } @media (min-width: 1023px) { .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit .btn { margin-left: 10px; } } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .picPortalSubmit .btn { width: 248px !important; height: 44px; line-height: 1px; } } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper { display: flex; padding-top: 10px !important; } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .selection { margin-top: 10px; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .selection { position: relative; bottom: 0px; } } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .selection .choice-field { float: none !important; } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .selection .choice-field .fa-check { top: 3px !important; left: 2px !important; } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .termNndCondition { padding: 15px 0px 0px 20px; font-size: 15px; } @media (max-width: 767px) { .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .termNndCondition { padding: 10px 0px 0px 25px; } } .pic-portal-main-wrapper .pic-portal-form-page .termsndconditionWrapper .termNndCondition a { cursor: pointer; } .pic-portal-main-wrapper .accounts-landing { padding-top: 0px!important; } .pic-portal-main-wrapper .accounts-landing .accounts-table { padding-bottom: 30px !important; } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend { background: #0073a8; padding: 10px; color: #ffffff; margin-bottom: 0px !important; font-size: 13px; text-align: left !important; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend { display: block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend { display: block !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .account { width: 63% !important; cursor: pointer; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .account { text-align: left !important; width: 35% !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .account { text-align: left !important; width: 40% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .account p { padding: 5px; font-size: 13px; line-height: 16px; font-weight: bold; } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .account .down-arrow { position: absolute; margin-left: 10px; top: 3px; font-size: 20px; } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name { border-right: none!important; width: 30% !important; cursor: pointer; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name { text-align: left !important; width: 17% !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name { text-align: left !important; width: 22% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name p { padding: 5px 5px 5px 10px; font-size: 13px; line-height: 16px; font-weight: bold; } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name p { padding: 5px 5px 5px 17px; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .name .down-arrow { position: absolute; margin-left: 10px; top: 3px; font-size: 20px; } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address { border-right: none!important; width: 30% !important; cursor: pointer; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address { text-align: left !important; width: 29% !important; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address { text-align: left !important; width: 32% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address .building { width: 100% !important; } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address p { padding: 5px; font-size: 13px; line-height: 16px; font-weight: bold; } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address p { padding: 5px 5px 5px 21px; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .accounts-table-legend .address .down-arrow { position: absolute; margin-left: 10px; top: 3px; font-size: 20px; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details { text-align: left !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName { display: inline-block; width: 50%; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName { display: block !important; width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName { display: table-cell; width: 26%; text-align: left; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName { width: 42% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName p { font-size: 13px; line-height: 16px; padding: 25px 23px; max-height: 60px; overflow: hidden; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .companyName p { padding: 15px 23px 0px 23px; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber { display: inline-block; width: 24%; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber { display: block !important; width: 100%; float: left; clear: left; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber { display: table-cell; width: 14%; text-align: left; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber { width: 22% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber p { font-size: 13px; line-height: 16px; padding: 25px 17px; max-height: 60px; overflow: hidden; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .phoneNumber p { padding: 5px 23px; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location { display: inline-block; width: 25%; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location { display: block !important; width: 100%; float: left; clear: left; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location { display: table-cell; width: 21%; text-align: left; } } @media (min-width: 1023px) and (max-width: 1120px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location { width: 25% !important; } } .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location p { font-size: 13px; line-height: 16px; padding: 25px 10px; max-height: 60px; overflow: hidden; } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .accounts-table .account-details .location p { padding: 5px 23px 15px 23px; } } @media (max-width: 767px) { .pic-portal-main-wrapper .accounts-landing .btn { height: 44px; line-height: 1px; } } .pic-portal-main-wrapper .fpl-paging { padding-bottom: 20px !important; height: auto !important; margin-top: 0px !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul { border: none !important; background: none !important; margin: 0px auto !important; height: auto !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul li { font-size: 13px; color: #666666; border-left: none !important; padding-top: 0px !important; height: auto !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul li:focus { outline: none !important; box-shadow: none !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul .pageDijitItemEnabled { color: #0073a8 !important; border-left: none !important; padding-top: 0px !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul .pageDijitItemDisabled { color: #666666 !important; } .pic-portal-main-wrapper .fpl-paging .dojoPage .pageDijitContainer ul .pageDijitItemPrevious { padding-right: 10px !important; width: 22px !important; } .pic-portal-main-wrapper .searchAgain { margin: 0 auto !important; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog { padding: 15px; } } .pic-prtal-modal .modal-dialog a:hover { text-decoration: none !important; } .pic-prtal-modal .modal-dialog a:focus { outline: none !important; box-shadow: none !important; } .pic-prtal-modal .modal-dialog .modal-close { padding: 0px !important; margin: 20px 20px 0 0; background: url(../images/closeIcon.svg) no-repeat center center !important; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-close { margin: 20px 30px 0 0; } } .pic-prtal-modal .modal-dialog .modal-close:after { content: "" !important; background: none !important; } .pic-prtal-modal .modal-dialog .modal-content { padding-top: 38px !important; padding-left: 50px !important; padding-right: 50px !important; padding-bottom: 23px !important; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-content { padding-top: 30px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-prtal-modal .modal-dialog .modal-content { padding: 30px !important; } } .pic-prtal-modal .modal-dialog .modal-content .picportalModal { height: auto; overflow: auto; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal { height: auto; } } .pic-prtal-modal .modal-dialog .modal-content .picportalModal h1 { font-size: 27px !important; line-height: 35px; text-align: left; margin-bottom: 0px!important; color: #404040; margin-top: 0px !important; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal h1 { padding: 10px 10px 0px 10px; } } .pic-prtal-modal .modal-dialog .modal-content .picportalModal h2 { font-size: 16px !important; line-height: 35px; margin-top: 0px !important; text-align: left; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal h2 { padding: 0px 10px 10px 10px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal h2 { padding-top: 0px !important; } } .pic-prtal-modal .modal-dialog .modal-content .picportalModal p { font-size: 15px; line-height: 23px; color: #666666; padding-bottom: 15px; margin-bottom: 0px !important; } @media (max-width: 767px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal p { margin-bottom: 0px; padding: 10px; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-prtal-modal .modal-dialog .modal-content .picportalModal p { padding-right: 10px; } } @media (max-width: 767px) { .pic-prtal-errorModal .modal-dialog { padding: 15px; } } .pic-prtal-errorModal .modal-dialog a:hover { text-decoration: none !important; } .pic-prtal-errorModal .modal-dialog a:focus { outline: none !important; box-shadow: none !important; } .pic-prtal-errorModal .modal-dialog .modal-close { padding: 0px !important; margin: 20px 20px 0 0; background: url(../images/closeIcon.svg) no-repeat center center !important; } @media (max-width: 767px) { .pic-prtal-errorModal .modal-dialog .modal-close { margin: 20px 30px 0 0; } } .pic-prtal-errorModal .modal-dialog .modal-close:after { content: "" !important; background: none !important; } .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading { display: inline-flex; } .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading .info-icon { width: 20px; height: 20px; rotate: 180deg; } .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading .info-icon:before { background: url(../images/svg/ipredictive-Baneer_iconnfo.svg) no-repeat center center !important; height: 20px; width: 20px; content: ""; display: inline-block; } .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading h2 { font-size: 17px !important; line-height: 20px; text-align: left !important; padding-bottom: 25px!important; padding-left: 15px !important; margin-bottom: 0px !important; } @media (max-width: 767px) { .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading h2 { padding-top: 0px !important; padding-bottom: 0px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-prtal-errorModal .modal-dialog .modal-content .erroHeading h2 { padding-bottom: 0px !important; padding-top: 0px !important; } } .pic-prtal-errorModal .modal-dialog .modal-content .errorModal { height: auto; overflow: auto; } @media (max-width: 767px) { .pic-prtal-errorModal .modal-dialog .modal-content .errorModal { height: auto; } } @media (min-width: 768px) and (max-width: 1023px) { .pic-prtal-errorModal .modal-dialog .modal-content .errorModal { height: auto; } } .pic-prtal-errorModal .modal-dialog .modal-content .message { font-size: 15px; line-height: 23px; color: #666666; margin-bottom: 25px; } .pic-prtal-errorModal .modal-dialog .modal-content .tryAgain { margin-top: 35px !important; width: 142px !important; }