.energy-analyzer-container .rec-1-icon-pool:before, .energy-analyzer-container .ea-icon-pool-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-pool:before, .energy-analyzer-container .ea-icon-pool-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-pool:before, .energy-analyzer-container .ea-icon-pool-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-pool-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Pool_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-lighting:before, .energy-analyzer-container .ea-icon-lighting-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-lighting:before, .energy-analyzer-container .ea-icon-lighting-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-lighting:before, .energy-analyzer-container .ea-icon-lighting-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-lighting-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Lighting_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-other:before, .energy-analyzer-container .ea-icon-other-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-other:before, .energy-analyzer-container .ea-icon-other-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-other:before, .energy-analyzer-container .ea-icon-other-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-other-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Other_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-heating:before, .energy-analyzer-container .ea-icon-heating-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-heating:before, .energy-analyzer-container .ea-icon-heating-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-heating:before, .energy-analyzer-container .ea-icon-heating-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-heating-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Heating_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-ev:before, .energy-analyzer-container .ea-icon-ev-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-ev:before, .energy-analyzer-container .ea-icon-ev-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-ev:before, .energy-analyzer-container .ea-icon-ev-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-ev-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-EV_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-entertainment:before, .energy-analyzer-container .ea-icon-entertainment-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-entertainment:before, .energy-analyzer-container .ea-icon-entertainment-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-entertainment:before, .energy-analyzer-container .ea-icon-entertainment-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-entertainment-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Entertainment_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-cooling:before, .energy-analyzer-container .ea-icon-cooling-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-cooling:before, .energy-analyzer-container .ea-icon-cooling-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-cooling:before, .energy-analyzer-container .ea-icon-cooling-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooling-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooling_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-cooking:before, .energy-analyzer-container .ea-icon-cooking-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-cooking:before, .energy-analyzer-container .ea-icon-cooking-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-cooking:before, .energy-analyzer-container .ea-icon-cooking-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-cooking-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cooking_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-cleaning:before, .energy-analyzer-container .ea-icon-laundryCleaning-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-cleaning:before, .energy-analyzer-container .ea-icon-laundryCleaning-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-cleaning:before, .energy-analyzer-container .ea-icon-laundryCleaning-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-laundryCleaning-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-Cleaning_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-1-icon-alwaysOn:before, .energy-analyzer-container .ea-icon-alwaysOn-rec-1:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_1.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-2-icon-alwaysOn:before, .energy-analyzer-container .ea-icon-alwaysOn-rec-2:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_2.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .rec-3-icon-alwaysOn:before, .energy-analyzer-container .ea-icon-alwaysOn-rec-3:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_3.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-4:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_4.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-5:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_5.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-6:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_6.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-7:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_7.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-8:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_8.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-9:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_9.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-10:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_10.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-11:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_11.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-12:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_12.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-13:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_13.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .ea-icon-alwaysOn-rec-14:before { background: url(../images/energy-analyzer/Icon_ServiceRec-AlwaysOn_14.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-alwaysOn:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-AlwaysOn.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-cooling:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Cooling.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-cleaning:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Cleaning.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-cooking:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Cooking.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-entertainment:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Entertainment.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-ev:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-EV.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-heating:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Heating.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-HotWaterHeater.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-lighting:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Lighting.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-other:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Other.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-overview:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Overview.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-pool:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Pool.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .c-trends-icon-refrigeration:before { background: url(../images/energy-analyzer/Icon_CurrentTrends-Refrigeration.svg) no-repeat center center !important; height: 25px; width: 25px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-alwaysOn:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-AlwaysOn.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-cooling:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Cooling.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-cleaning:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Cleaning.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-cooking:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Cooking.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-entertainment:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Entertainment.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-ev:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-EV.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-heating:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Heating.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-HotWaterHeater.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-lighting:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Lighting.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-other:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Other.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-overview:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Overview.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-pool:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Pool.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-refrigeration:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Refrigeration.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-unallocated:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-Unallocated.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .did-u-knw-icon-buildingenclosure:before { background: url(../images/energy-analyzer/Icon_DidYouKnow-BuildingEnclosure.svg) no-repeat center center !important; height: 25px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .greenDownIcon { background: url(../images/energy-analyzer/green-down-arrow.svg) no-repeat center center; width: 20px; height: 10px; display: inline-block; background-size: 12px; } .energy-analyzer-container .redUpIcon { background: url(../images/energy-analyzer/red-up-arrow.svg) no-repeat center center; width: 20px; height: 10px; display: inline-block; background-size: 12px; } .energy-analyzer-container .tildelIcon:before { content: "\007E"; font-size: 20px; font-weight: bold; color: orange; padding: 0px 5px; } @media (max-width: 1279px) and (min-width: 320px) { .disableScroll { overflow: hidden; } } /* Energy History Chart Tooltip Change*/ #toolTiponClick .ea-daily-usage { color: #ffffff; font-weight: bold; } /* Bill Comparison Changes Starts */ .ea-billComparsion-Container .ea-inner-container { font-family: Arial; font-weight: normal; font-size: 16px; color: #666666; font-style: normal; /* Tablet View changes Starts*/ /* Tablet View changes Ends*/ } @media (max-width: 1279px) and (min-width: 1024px) { .ea-billComparsion-Container .ea-inner-container { display: flex; min-height: 600px; } } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer { /* Tablet View Portrait Changes Starts*/ /* Tablet View Changes Ends*/ } @media (max-width: 1023px) and (min-width: 320px) { .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer { position: relative; height: auto; text-align: center; border-top: none; clear: both; padding: 0px 0px; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .bill-dropdwnSection { width: 50%; float: left; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .bill-textSection { width: 50%; margin: 0; float: left; margin-bottom: 18px; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .bill-textSection .fpl-form-field { margin-left: 20px; margin-right: 20px; width: auto; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .fpl-dropdown-field { margin-left: 20px; margin-right: 20px; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .saveBtnChanges, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .sendReportBtn { width: 50%; margin: 20px auto; clear: both; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .saveBtnChanges .btn-submit-survey, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .sendReportBtn .btn-submit-survey { width: 50%; margin: 0px auto; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation { padding-bottom: 0px !important; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .right-panel-wrapper { padding-top: 0px !important; } } @media (max-width: 1279px) and (min-width: 1024px) { .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer { position: relative; width: 25%; float: left; padding: 0; margin: 0px 0; height: auto; text-align: unset; } } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation { padding: 40px 20px; /* Tablet View changes Starts*/ /* Tablet View changes ends*/ } @media (max-width: 1279px) and (min-width: 1024px) { .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation { opacity: 1; background: linear-gradient(90deg, #f7f8f9 0%, #f7f8f9 93%, #ffffff 100%); box-shadow: -1px 0 13px 0 rgba(0, 0, 0, 0.06); padding: 36px 15px; height: 100%; } } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .logoContainer { text-align: center; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .custDetails-container { margin: 0px 10px 20px 10px; padding: 0px 10px 10px 10px; font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #404040; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .hometype, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .bedRomms, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .homeSize, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .noOfPeople, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .electicHouse, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .seasonal { font-weight: normal; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchAnalyzer, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchFMOS { text-align: center; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchAnalyzerNode, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchFMOSNode { text-align: center; text-decoration: none; color: #0073a8; cursor: pointer; font-size: 16px; font-family: Arial; font-weight: bold; font-style: normal; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchAnalyzerNode:hover, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .launchFMOSNode:hover { cursor: pointer; color: #003f5c; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .btn-submit-survey { width: 100%; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .dropdown-list, .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .LeftNavigation .dropdown-selected-item { font-size: 16px; font-family: Arial; font-weight: normal; font-style: normal; color: #666666; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .fpl-choice-box { margin-top: 10px; margin-bottom: 15px; } @media (max-width: 1023px) and (min-width: 768px) { .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .fpl-choice-box { margin-left: 38%; } } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .choice-field { float: left; } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .choice-info { float: right; width: 80%; text-align: left; } @media (max-width: 1023px) and (min-width: 768px) { .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .choice-info { width: 70%; text-align: left; padding-left: 25px; } } .ea-billComparsion-Container .ea-inner-container .leftNavigationContainer .subquestn .choice-info .choice-detail { margin-top: 5px; } .ea-billComparsion-Container .ea-inner-container .middleContainer { /* Tablet View changes Starts*/ /* Tablet View Changes Ends*/ } @media (max-width: 1279px) and (min-width: 1024px) { .ea-billComparsion-Container .ea-inner-container .middleContainer { width: 75%; float: left; padding-left: 5px; padding-right: 5px; } } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper { padding: 40px 10px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .right-header { font-family: Arial; font-size: 25px; line-height: 34px; padding-bottom: 0px; color: #404040; margin-top: 5px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container { width: 100%; border: 1px solid #cccccc; margin-bottom: 20px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .right-header-container, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .right-info-container { display: table; width: 100%; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .headerTableBody, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoTableBody { display: table-row-group; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoTableBody .row-header-section .sub-section-header { min-width: 290px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .info-row { display: table-row; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .info-row.cycleheader { background: #d0d5d8; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .info-row.even { background: #eef1f2; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoCell { display: table-cell; padding: 10px 15px; width: 33.33%; font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; color: #666666; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoCell .fpl-tooltip { outline: none !important; box-shadow: none !important; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoCell .fpl-tooltip .fa-question-circle { margin-top: -5px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoCell .dropdown-list, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .infoCell .dropdown-selected-item { font-size: 15px; font-family: Arial; font-weight: normal; font-style: normal; color: #666666; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .row-header-section { background: #e0e6e9; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .sub-section-header { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; line-height: 23px; padding: 10px 15px; color: #404040; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .firstCycleNode, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .secondCycleNode { vertical-align: middle; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .firstCycleNode .fpl-dropdown-field, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .secondCycleNode .fpl-dropdown-field { margin-bottom: 2px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .firstCycleNode .fpl-dropdown, .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .details-section-container .detailsSectionBody .secondCycleNode .fpl-dropdown { font-size: 14px; } .ea-billComparsion-Container .ea-inner-container .middleContainer .right-panel-wrapper .ways-to-improve-section { min-height: 150px; border: 1px solid #cccccc; padding: 20px; margin-bottom: 20px; } .billcomparLangSelPopup .modal-content { padding-bottom: 40px; } .billcomparLangSelPopup .modal-content h2 { font-size: 25px !important; font-weight: bold !important; font-family: Arial !important; } .billcomparLangSelPopup .modal-footer { padding: 0px !important; } @media (max-width: 767px) and (min-width: 320px) { .billcomparLangSelPopup .modal-footer .enrg-alzr-continue { min-width: 292px; height: 45px; padding: 19px !important; } } /* Bill Comparison Changes Ends */ /* Recommendation Page Send Report Pop-up Changed and request help popup Starts */ .sendMailReportPopup .sendMailfieldlabel, .ea-request-help-dialog .sendMailfieldlabel { font-size: 16px; font-weight: bold; } .sendMailReportPopup .sendReportFields, .ea-request-help-dialog .sendReportFields { width: 100%; display: inline-block; text-align: center; margin-top: 5px; margin-bottom: 5px; } .sendMailReportPopup .fpl-form-note, .ea-request-help-dialog .fpl-form-note { margin-left: 24px; } .sendMailReportPopup .fpl-form-row .fpl-form-field .clear-field, .ea-request-help-dialog .fpl-form-row .fpl-form-field .clear-field { margin-top: -35px !important; } .sendMailReportPopup .fpl-choice-box, .ea-request-help-dialog .fpl-choice-box { width: auto !important; display: inline-block; margin: 0 auto; } .sendMailReportPopup .fpl-choice-box .choice-info, .ea-request-help-dialog .fpl-choice-box .choice-info { width: auto; float: none; display: inline-block; } .sendMailReportPopup .fpl-choice-box .choice-info label, .ea-request-help-dialog .fpl-choice-box .choice-info label { width: auto; display: inline-block; line-height: 20px; padding-left: 10px; padding-right: 20px; font-size: 14px; letter-spacing: 0; padding-top: 6px; } .sendMailReportPopup .fpl-choice-box .choice-field, .ea-request-help-dialog .fpl-choice-box .choice-field { display: inline-block; float: left; margin-left: 0; } .sendMailReportPopup .sendReportButton, .ea-request-help-dialog .sendReportButton { margin-bottom: 20px; } .sendMailReportPopup .sendReportButton .btn-sendReport, .ea-request-help-dialog .sendReportButton .btn-sendReport { margin: 0 auto; width: 180px; } .sendMailReportPopup .modal-close, .ea-request-help-dialog .modal-close { top: 0px !important; } .sendMailReportPopup .diclaimerdetails, .ea-request-help-dialog .diclaimerdetails { text-align: center; } .sendMailReportPopup .boldtxt, .ea-request-help-dialog .boldtxt { font-weight: bold; font-weight: bold !important; } .sendMailReportPopup .modal-content, .ea-request-help-dialog .modal-content { margin-top: 0px; padding-top: 30px !important; padding-bottom: 20px; } .sendMailReportPopup .modal-content h2, .ea-request-help-dialog .modal-content h2 { margin-top: 30px !important; font-size: 25px !important; font-weight: bold !important; font-family: Arial !important; } .sendMailReportPopup .modal-dialog, .ea-request-help-dialog .modal-dialog { padding-top: 90px !important; margin: 30px auto; } .sendMailReportPopup .fpl-form-field textarea, .ea-request-help-dialog .fpl-form-field textarea { width: 100% !important; padding: 10px; } .sendMailReportPopup .sendEmailContainer, .ea-request-help-dialog .sendEmailContainer { display: inline-flex; width: 80%; } .sendMailReportPopup .sendEmailContainer .sendEmailtextbox, .ea-request-help-dialog .sendEmailContainer .sendEmailtextbox { width: 100% !important; margin-bottom: 0px; } .sendMailReportPopup .addEmailContainer, .ea-request-help-dialog .addEmailContainer { display: inline-block; cursor: pointer; } .sendMailReportPopup .addEmailContainer .add-email, .ea-request-help-dialog .addEmailContainer .add-email { position: relative; margin-left: 20px; } .sendMailReportPopup .addEmailContainer .add-email:after, .ea-request-help-dialog .addEmailContainer .add-email:after { content: ""; background: url(../images/multi/add__color.svg) no-repeat center center; position: absolute; top: -2px; height: 21px; width: 21px; float: right; left: 40px; } .sendMailReportPopup .addedEmails .filter-area, .ea-request-help-dialog .addedEmails .filter-area { clear: both; overflow: auto; max-height: 162px; width: 100%; position: relative; } .sendMailReportPopup .addedEmails .activeFilter, .ea-request-help-dialog .addedEmails .activeFilter { width: 100% !important; margin: 0; } .sendMailReportPopup .addedEmails .activeFilter .filterItem, .ea-request-help-dialog .addedEmails .activeFilter .filterItem { margin-left: 4px; margin-right: 4px; float: left; margin-bottom: 10px; border: 1px solid #e5e5e5; border-radius: 2px; background-color: #ffffff; min-height: 38px; color: #0073a8; font-size: 16px; padding: 8px 35px 8px 6px; position: relative; } .sendMailReportPopup .addedEmails .activeFilter .filterItem:after, .ea-request-help-dialog .addedEmails .activeFilter .filterItem:after { background: url('../images/multi/subtract__color.svg') no-repeat center center; content: ""; position: absolute; right: 5px; top: 8px; height: 21px; width: 21px; float: right; } .ea-request-help-dialog .modal-content h2 { margin-bottom: 20px; } .ea-request-help-dialog .modal-content .fpl-form-row.sendReportFields.sendMailfieldlabel { margin-bottom: 20px; text-align: left; padding-left: 2px; } @media (max-width: 767px) and (min-width: 320px) { .ea-request-help-dialog .modal-content .fpl-form-row.sendReportFields .fpl-form-row { margin-bottom: 0px; } } .ea-request-help-dialog .modal-content .fpl-form-row.sendReportFields .fpl-form-row .fpl-choice-box { width: 49% !important; text-align: left !important; } @media (max-width: 767px) and (min-width: 320px) { .ea-request-help-dialog .modal-content .fpl-form-row.sendReportFields .fpl-form-row .fpl-choice-box { width: 100% !important; margin-bottom: 10px; } } .ea-request-help-dialog .modal-content .issue-desc-container { margin-top: 10px; } .ea-request-help-dialog .modal-content .issue-desc-container > div.fpl-form-row { margin-bottom: 20px; text-align: left; padding-left: 2px; font-size: 16px; font-weight: bold; } .ea-request-help-dialog .modal-content .issue-desc-container .fpl-form-row textarea.fpl-input { font-weight: normal; font-size: 14px; } /* Recommendation Page Send Report Pop-up and request help popup Changed Ends */ /* ADA fix for the Feedback button */ .cf-survey-prompt--accept:focus { outline: none !important; border-color: #0073a8 !important; box-shadow: 0 0 10px #adadad !important; } /*** Disable last item in dropdown - style changes ***/ .energy-analyzer-container .middleContainer .energySectionContainer .eaAnalyzerChartContainer .eaChartDateDropdwn.has-inactive-item ul li:last-child { pointer-events: none; opacity: 0.3; } .energy-analyzer-container .middleContainer .energySectionContainer .eaAnalyzerChartContainer .eaChartDateDropdwn.has-inactive-item ul li:last-child:hover { cursor: default !important; } /*** Disable last item in dropdown - style changes ***/ /*** Info icon before messages for Agent flow ***/ .energy-analyzer-container .middleContainer .right-panel-wrapper .chartCont .no-data-chart { height: 300px; line-height: 300px; text-align: center; background: #ffffff; margin-bottom: 20px; border: 1px solid #c4c8c7; font-size: 20px; clear: both; position: relative; } .energy-analyzer-container .middleContainer .right-panel-wrapper .chartCont .no-data-chart span { display: inline-block; line-height: normal; padding: 0 30px; vertical-align: middle; } .energy-analyzer-container .middleContainer .right-panel-wrapper .chartCont .no-data-chart .dynamic-icon { padding: 0px; margin: 0px; top: 26%; position: absolute; left: 47%; } .energy-analyzer-container .middleContainer .right-panel-wrapper .chartCont .no-data-chart .dynamic-icon:before { content: ""; border-radius: 20px; height: 30px; width: 30px; } .energy-analyzer-container .middleContainer .right-panel-wrapper .chartCont .no-data-chart .dynamic-icon.alert:before { background: url(../images/multi/icon-alert.svg) no-repeat center center; float: left; } /*** Info icon before messages for Agent flow ***/ .energy-analyzer-container .pad-0 { padding: 0 !important; } .energy-analyzer-container .pad-left-0 { padding-left: 0 !important; } .energy-analyzer-container .energy-simulator-modal .chartSimulator { margin-bottom: 0 !important; } .energy-analyzer-container .energy-simulator-modal .chartSimulator label { margin-bottom: 5px !important; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator label { margin-bottom: 20px !important; margin-top: 30px; } } @media screen and (max-width: 767px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .fpl-form-field .clear-field { margin-top: 18px !important; } } @media screen and (min-width: 768px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .fpl-form-field .clear-field { margin-top: 13px !important; } } .energy-analyzer-container .survey-container .energySection-btns { text-align: center !important; display: block !important; margin-bottom: 0px !important; margin-top: 20px !important; } @media screen and (max-width: 1023px) { .energy-analyzer-container .survey-container button { margin: 0 auto; } } .energy-analyzer-container .survey-container .surveySubHeading-txt { font-size: 14px; line-height: 17px; font-weight: normal; color: #666666; } .energy-analyzer-container .survey-container .energySection-btns { text-align: center; margin-top: 20px; } .energy-analyzer-container .survey-container .energySection-btns .home-basics, .energy-analyzer-container .survey-container .energySection-btns .energy-details, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto { border: none; background: none; color: #666666; font-family: Arial; font-weight: bold; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 28px; text-align: center; border-bottom: 1px solid #666666; padding: 5px; margin: 0 15px; text-transform: uppercase; } @media (max-width: 374px) and (min-width: 320px) { .energy-analyzer-container .survey-container .energySection-btns .home-basics, .energy-analyzer-container .survey-container .energySection-btns .energy-details, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto { margin: 0 4px; font-size: 11px; } } @media (max-width: 767px) and (min-width: 375px) { .energy-analyzer-container .survey-container .energySection-btns .home-basics, .energy-analyzer-container .survey-container .energySection-btns .energy-details, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto { margin: 0 0px; } } .energy-analyzer-container .survey-container .energySection-btns .home-basics.active, .energy-analyzer-container .survey-container .energySection-btns .energy-details.active, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto.active { color: #0073a8; border-bottom: 1px solid #0073a8; } .energy-analyzer-container .survey-container .energySection-btns .home-basics:focus, .energy-analyzer-container .survey-container .energySection-btns .energy-details:focus, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto:focus { outline: 1px solid #f7f8f9 !important; box-shadow: 0 0 0px #adadad !important; } @media (max-width: 767px) and (min-width: 375px) { .energy-analyzer-container .survey-container .energySection-btns .home-basics { margin-right: 15px; } } .energy-analyzer-container .survey-container .energySection-btns .energy-details, .energy-analyzer-container .survey-container .energySection-btns .uploadPhoto { margin-left: 20px; } .energy-analyzer-container .survey-container .energySection-btns .btnlineSeparte { border-left: 1px solid #d8d8d8; padding: 10px 0px; } .energy-analyzer-container .myHome-Survey-txt { color: #404040; font-family: Arial; font-size: 25px; font-weight: bold; letter-spacing: 0; line-height: 42px; margin-top: 0px; margin-bottom: 0; } .energy-analyzer-container .myHmeSur-flex-container { display: flex; flex-wrap: wrap; margin: 16px 0 12px; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel { width: 94px; margin: 5px; border: thin solid #cccccc; background-color: #ffffff; padding: 15px 10px; height: 89px; position: relative; cursor: pointer; } @media (max-width: 361px) and (min-width: 360px) { .energy-analyzer-container .myHmeSur-flex-container > div.pannel { margin: 3px; } } @media (max-width: 362px) and (min-width: 367px) { .energy-analyzer-container .myHmeSur-flex-container > div.pannel { margin: 4px; } } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .myHmeSur-flex-container > div.pannel { height: 89px; width: 102px; } } .energy-analyzer-container .myHmeSur-flex-container > div.pannel div.myHome-icon { padding-top: 5px; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected { color: #ffffff; cursor: none; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.home { background-color: #0c2739; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.building { background-color: #8f471a; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.cooling { background-color: #7e8bd0; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.heater { background-color: #c85d0d; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.laundry { background-color: #1d5087; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.refrigeration { background-color: #462978; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.ev { background-color: #447b2d; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.lighting { background-color: #c78500; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.entertain { background-color: #0d646e; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.cooking { background-color: #d97171; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.other { background-color: #d477a4; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.alwaysOn { background-color: #ac4175; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.pool { background-color: #0397d6; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.hotWaterHeater { background-color: #2c91a8; } .energy-analyzer-container .myHmeSur-flex-container > div.pannel.selected.unallocated { background-color: #be4444; } .energy-analyzer-container .homeDetails-txt { width: 100%; display: inline-block; } @media screen and (min-width: 768px) { .energy-analyzer-container .homeDetails-txt .ea-mob-dropdown-wrap { display: none; } } @media screen and (max-width: 767px) { .energy-analyzer-container .homeDetails-txt .ea-mob-dropdown-wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 100%; } .energy-analyzer-container .homeDetails-txt .back-div { display: inline-block; } .energy-analyzer-container .homeDetails-txt .back-div .back-link-text { color: #0397d6; font-family: Arial; font-weight: bold; font-style: normal; font-size: 15px; letter-spacing: 0; line-height: 19px; } .energy-analyzer-container .homeDetails-txt .text-div { margin-top: 20px; } } .energy-analyzer-container .homeDetails-txt, .energy-analyzer-container .preSurvey-txt { color: #404040; font-family: Arial; font-size: 17px; font-weight: bold; letter-spacing: 0; line-height: 42px; margin-bottom: 0px; padding-top: 6px; display: inline-block; } @media screen and (max-width: 767px) { .energy-analyzer-container .homeDetails-txt, .energy-analyzer-container .preSurvey-txt { margin-top: 13px; margin-bottom: 0px; } } .energy-analyzer-container .questions-container { padding-left: 10px; color: #404040; } .energy-analyzer-container .questions-container .survey-category { border-bottom: 1px solid #c4c8c7; margin-bottom: 20px; } .energy-analyzer-container .questions-container .survey-category:last-child { border-bottom: none; } .energy-analyzer-container .questions-container .fpl-choice-box { border: 1px solid #c4c8c7 !important; padding: 5px 5px !important; text-align: center; margin: 15px 5px; border-radius: 5px; min-width: 50px; margin-top: 5px; cursor: pointer; } .energy-analyzer-container .questions-container .fpl-choice-box .choice-field { display: none !important; } .energy-analyzer-container .questions-container .fpl-choice-box .choice-info label { padding: 0px !important; } .energy-analyzer-container .questions-container .inactive.fpl-choice-box { background: #c4c8c7; } .energy-analyzer-container .questions-container .fpl-choice-boxChecked { background: #0073a8; color: #ffffff !important; } .energy-analyzer-container .questions-container .fpl-choice-boxChecked .choice-info label { color: #ffffff !important; } .energy-analyzer-container .questions-container .questions-List { border: 1px solid #c4c8c7; padding: 15px 0px 0px 10px; background-color: #ffffff; margin-top: 20px; } .energy-analyzer-container .questions-container .questions-List .questionBlock-options .fpl-radio-group { margin-bottom: 0px; } .energy-analyzer-container .questions-container .questions-List hr { margin: 10px 25px; border: none; } .energy-analyzer-container .questions-container .questions-List .subquestion { border-top: 1px solid #c4c8c7; margin: 0 25px; padding-top: 15px; } .energy-analyzer-container .questions-container .questions-List .subquestion hr { margin-right: 0px; margin-left: 10px; } .energy-analyzer-container .questions-container .questions-List .subquestion .questionBlock-options { margin-left: 5px; } .energy-analyzer-container .questions-container .questions-List.error { border: 1px solid #dc1500; } .energy-analyzer-container .questions-container .ea-icon-overview { float: left; margin-right: 10px; margin-top: -8px; } .energy-analyzer-container .questions-container .ea-icon-overview:before { width: 32px; height: 30px; } .energy-analyzer-container .questions-container .text-div { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; line-height: 19px; } .energy-analyzer-container .questions-container .text-div .myHome-icon { float: left; margin-right: 10px; margin-top: -8px; } .energy-analyzer-container .questions-container .text-div .myHome-icon:before { width: 32px; height: 30px; } .energy-analyzer-container .questions-container .text-div .helpful-tip-link { float: right; } .energy-analyzer-container .questions-container .text-div .helpful-tip-link.active:after { content: '\25BA'; } .energy-analyzer-container .energyDetailsQuestions .helpful-tip-link { float: right; } .energy-analyzer-container .questions-List, .energy-analyzer-container .preSurvey-questions-List { margin-bottom: 15px; } .energy-analyzer-container .questions-List .question-block, .energy-analyzer-container .preSurvey-questions-List .question-block { margin-bottom: 7px; display: flex; } .energy-analyzer-container .questions-List .question-block .question-no, .energy-analyzer-container .preSurvey-questions-List .question-block .question-no { font-family: Arial; font-weight: bold; font-style: normal; padding-right: 7px; padding-top: 0px; color: #404040; font-size: 16px; letter-spacing: 0; line-height: 19px; float: left; display: inline-block; } @media screen and (max-width: 767px) { .energy-analyzer-container .questions-List .question-block .question-no, .energy-analyzer-container .preSurvey-questions-List .question-block .question-no { padding-right: 0px; } } .energy-analyzer-container .questions-List .question-block .question, .energy-analyzer-container .preSurvey-questions-List .question-block .question { font-family: Arial; font-weight: normal; font-style: normal; color: #404040; font-size: 16px; letter-spacing: 0; line-height: 19px; display: inline-block; padding-left: 7px; padding-right: 25px; } @media screen and (max-width: 767px) { .energy-analyzer-container .questions-List .question-block .question, .energy-analyzer-container .preSurvey-questions-List .question-block .question { padding-left: 10px; word-wrap: break-word; width: 89%; } } .energy-analyzer-container .questions-List .questionBlock-options, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options { margin-left: 25px; color: #666666; font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 20px; } @media screen and (min-width: 768px) { .energy-analyzer-container .questions-List .questionBlock-options .dijitValidationTextBox, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .dijitValidationTextBox { width: 280px; } .energy-analyzer-container .questions-List .questionBlock-options .dijitValidationTextBox .fpl-form-field input, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .dijitValidationTextBox .fpl-form-field input { padding: 10px 24px 10px; } } @media screen and (max-width: 767px) { .energy-analyzer-container .questions-List .questionBlock-options .dijitValidationTextBox, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .dijitValidationTextBox { width: 100%; } .energy-analyzer-container .questions-List .questionBlock-options .dijitValidationTextBox .fpl-form-field input, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .dijitValidationTextBox .fpl-form-field input { padding: 16px 24px 16px; } } .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box { padding: 0; border: none; display: inline-block; } .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box .choice-info, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box .choice-info { width: auto; float: none; display: inline-block; } .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box .choice-info label, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box .choice-info label { width: auto; display: inline-block; line-height: 20px; padding-left: 10px; padding-right: 20px; color: #666666; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; letter-spacing: 0; padding-top: 6px; } .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box .choice-field, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box .choice-field { display: inline-block; float: left; margin-left: 0; } .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box .choice-field input, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box .choice-field input, .energy-analyzer-container .questions-List .questionBlock-options .fpl-choice-box .choice-field input:hover, .energy-analyzer-container .preSurvey-questions-List .questionBlock-options .fpl-choice-box .choice-field input:hover { cursor: pointer; } .energy-analyzer-container .questions-List:nth-child(n+11) .question-no { padding-right: 0px; } .energy-analyzer-container .questions-List:nth-child(n+11) .question { padding-left: 5px; } .energy-analyzer-container .questions-List .questionBlock-options .custom-option-selected:focus { outline: 1px solid #f7f8f9 !important; box-shadow: 0 0 0px #adadad !important; } .energy-analyzer-container .questions-List .questionBlock-options .radioDisabled .fpl-custom-radio:focus { border-color: #c4c8c7; } .energy-analyzer-container .questions-List .numberChoice { width: 50px; } .energy-analyzer-container .questions-List .alphaNumChoice { width: 120px; } .energy-analyzer-container .questions-List .longtextChoice { width: 180px; } .energy-analyzer-container .questions-List.laundry_washer .fpl-choice-box, .energy-analyzer-container .questions-List.euv_future .fpl-choice-box, .energy-analyzer-container .questions-List.electronics .fpl-choice-box, .energy-analyzer-container .questions-List.misc .fpl-choice-box, .energy-analyzer-container .questions-List.heat_type .fpl-choice-box { width: 180px; } .energy-analyzer-container .questions-List.wh_type .fpl-choice-box, .energy-analyzer-container .questions-List.home_condition .fpl-choice-box, .energy-analyzer-container .questions-List.ac_smart_tset .fpl-choice-box, .energy-analyzer-container .questions-List.euv_charge_hours .fpl-choice-box, .energy-analyzer-container .questions-List.euv_charger .fpl-choice-box, .energy-analyzer-container .questions-List.own_rent .fpl-choice-box, .energy-analyzer-container .questions-List.home_solar .fpl-choice-box, .energy-analyzer-container .questions-List.home_electric .fpl-choice-box, .energy-analyzer-container .questions-List.home_seasonal .fpl-choice-box, .energy-analyzer-container .questions-List.ac_type .fpl-choice-box, .energy-analyzer-container .questions-List.ps_units .fpl-choice-box { width: 120px; } .energy-analyzer-container .questions-List.ev_units .subquestion .fpl-choice-box, .energy-analyzer-container .questions-List.ps_units .subquestion .fpl-choice-box { width: 180px; } .energy-analyzer-container .ea-survey-save-div .submit-only { font-size: 16px; line-height: 20px; text-align: center; color: #0073a8; font-weight: bold; margin-top: 20px; } .energy-analyzer-container .preSurvey-questions-List .question-block { margin-bottom: 25px; } .energy-analyzer-container .ea-pdf-icon-verified:before { background: url(../images/energy-analyzer/PDF-Survey_Icon_Verified.svg) no-repeat center center; height: 18px; width: 18px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-avgTemp:before { background: url(../images/energy-analyzer/PDF-Survey_Icon_Avg-High-Temp.svg) no-repeat center center; height: 16px; width: 20px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-alwaysOn:before { background: url(../images/energy-analyzer/always_on_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-buildingEnclosure:before { background: url(../images/energy-analyzer/building_enclosure_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-cooking:before { background: url(../images/energy-analyzer/cooking_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-cooling:before { background: url(../images/energy-analyzer/cooling_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-entertainment:before { background: url(../images/energy-analyzer/entertainment_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-ev:before { background: url(../images/energy-analyzer/EV_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-heating:before { background: url(../images/energy-analyzer/heating_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-overview:before { background: url(../images/energy-analyzer/home_basics_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-laundryCleaning:before { background: url(../images/energy-analyzer/laundry_cleaning_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-lighting:before { background: url(../images/energy-analyzer/lighting_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-other:before { background: url(../images/energy-analyzer/miscellaneous_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-pool:before { background: url(../images/energy-analyzer/pool_spa_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-refrigeration:before { background: url(../images/energy-analyzer/refrigeration_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .ea-pdf-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/water_heater_circle.svg) no-repeat center center; height: 50px; width: 50px; content: ""; display: inline-block; } .energy-analyzer-container .myHome-icon-text { font-family: Arial; font-weight: bold; font-style: normal; font-size: 11px; letter-spacing: 0; line-height: 13px; color: #666666; } .energy-analyzer-container .myHome-icon:before { min-height: 24px; } .energy-analyzer-container .selected .myHome-icon-text { color: #ffffff; } .energy-analyzer-container .inactive { pointer-events: none; cursor: not-allowed; } .energy-analyzer-container .ea-icon-ev:before { background: url(../images/energy-analyzer/Icon-EV.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-ev:before { background: url(../images/energy-analyzer/Icon-Survey_EV-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-ev:before { background: url(../images/energy-analyzer/Icon-Survey_EV-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-buildingEnclosure:before { background: url(../images/energy-analyzer/Icon-BuildingEnclosure.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-buildingEnclosure:before { background: url(../images/energy-analyzer/Icon-Survey_BuildingEnclosure-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-buildingEnclosure:before { background: url(../images/energy-analyzer/Icon-Survey_BuildingEnclosure-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-alwaysOn:before { background: url(../images/energy-analyzer/Icon-AlwaysOn.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-alwaysOn:before { background: url(../images/energy-analyzer/Icon-Survey_AlwaysOn-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-alwaysOn:before { background: url(../images/energy-analyzer/Icon-Survey_AlwaysOn-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-cooling:before { background: url(../images/energy-analyzer/Icon-Cooling.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-cooling:before { background: url(../images/energy-analyzer/Icon-Survey_Cooling-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-cooling:before { background: url(../images/energy-analyzer/Icon-Survey_Cooling-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-cooking:before { background: url(../images/energy-analyzer/Icon-Cooking.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-cooking:before { background: url(../images/energy-analyzer/Icon-Survey_Cooking-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-cooking:before { background: url(../images/energy-analyzer/Icon-Survey_Cooking-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-heating:before { background: url(../images/energy-analyzer/Icon-Heating.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-heating:before { background: url(../images/energy-analyzer/Icon-Survey_Heating-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-heating:before { background: url(../images/energy-analyzer/Icon-Survey_Heating-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-entertainment:before { background: url(../images/energy-analyzer/Icon-Entertainment.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-entertainment:before { background: url(../images/energy-analyzer/Icon-Survey_Entertainment-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-entertainment:before { background: url(../images/energy-analyzer/Icon-Survey_Entertainment-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/Icon-HotWaterHeater.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/Icon-Survey_HotWaterHeater-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-hotWaterHeater:before { background: url(../images/energy-analyzer/Icon-Survey_HotWaterHeater-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-laundryCleaning:before { background: url(../images/energy-analyzer/Icon-LaundryCleaning.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-laundryCleaning:before { background: url(../images/energy-analyzer/Icon-Survey_LaundryCleaning-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-laundryCleaning:before { background: url(../images/energy-analyzer/Icon-Survey_LaundryCleaning-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-other:before { background: url(../images/energy-analyzer/Icon-Other.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-other:before { background: url(../images/energy-analyzer/Icon-Survey_Other-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-other:before { background: url(../images/energy-analyzer/Icon-Survey_Other-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-lighting:before { background: url(../images/energy-analyzer/Icon-Lighting.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-lighting:before { background: url(../images/energy-analyzer/Icon-Survey_Lighting-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-lighting:before { background: url(../images/energy-analyzer/Icon-Survey_Lighting-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-overview:before { background: url(../images/energy-analyzer/Icon-Overview.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-overview:before { background: url(../images/energy-analyzer/Icon-Survey_Overview-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-overview:before { background: url(../images/energy-analyzer/Icon-Survey_Overview-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-refrigeration:before { background: url(../images/energy-analyzer/Icon-Refrigeration.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-refrigeration:before { background: url(../images/energy-analyzer/Icon-Survey_Refrigeration-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-refrigeration:before { background: url(../images/energy-analyzer/Icon-Survey_Refrigeration-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-pool:before { background: url(../images/energy-analyzer/Icon-Pool.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-pool:before { background: url(../images/energy-analyzer/Icon-Survey_Pool-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-pool:before { background: url(../images/energy-analyzer/Icon-Survey_Pool-Inactive.svg) no-repeat center center; } .energy-analyzer-container .ea-icon-unallocated:before { background: url(../images/energy-analyzer/Icon-Unallocated.svg) no-repeat center center; width: 22px; height: 20px; content: ""; display: inline-block; } .energy-analyzer-container .selected .ea-icon-unallocated:before { background: url(../images/energy-analyzer/Icon-Survey_Unallocated-White.svg) no-repeat center center; } .energy-analyzer-container .inactive .ea-icon-unallocated:before { background: url(../images/energy-analyzer/Icon-Survey_Unallocated-Inactive.svg) no-repeat center center; } .energy-analyzer-container .back-to-category { display: flex; align-items: center; justify-content: center; height: 100%; } .energy-analyzer-container .back-to-category .bread-icon { display: inline-block; } .energy-analyzer-container .back-to-category .bread-icon:before { background: url(../images/energy-analyzer/navigation-back-button.svg) no-repeat center center; background-size: 39px 26px; height: 26px; width: 39px; content: ""; margin-right: 10px; float: left; } @media screen and (max-width: 767px) { .energy-analyzer-container .postSurvey-container { width: 100%; display: inline-block; } } .energy-analyzer-container .mobile-survey { display: inline-block; float: right; line-height: 22px; background-color: #ffffff; height: 42px; position: relative; } .energy-analyzer-container .mobile-survey .dropDownSelected { padding: 10px 19px; width: 100%; display: flex; align-items: center; justify-content: space-between; height: 100%; border: 1px solid #eaeaea; background-color: #ffffff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03); } @media screen and (max-width: 767px) { .energy-analyzer-container .mobile-survey .dropDownSelected .myHome-icon { padding-right: 8px; display: inline-block; } .energy-analyzer-container .mobile-survey .dropDownSelected .myHome-icon:before { min-height: unset; } .energy-analyzer-container .mobile-survey .dropDownSelected .ea-survey-select-down { padding-left: 8px; color: #0397d6; font-size: 12px; float: right; } } .energy-analyzer-container .mobile-survey .categoryType1 { width: 235px; top: 0; background-color: #ffffff; position: absolute; right: 0; z-index: 16; } @media screen and (max-width: 767px) { .energy-analyzer-container .mobile-survey .categoryType1 .myHome-icon { display: flex; align-items: center; } .energy-analyzer-container .mobile-survey .categoryType1 .myHome-icon:before { min-height: unset; } .energy-analyzer-container .mobile-survey .categoryType1 .myHome-icon-text { display: inline-block; padding-left: 10px; } .energy-analyzer-container .mobile-survey .categoryType1 .ea-survey-select-up { padding-left: 15px; color: #0397d6; font-size: 12px; float: right; } } .energy-analyzer-container .mobile-survey .pannel1 { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 10px 20px; } .energy-analyzer-container .mobile-survey .pannel1.selected-category { border-bottom: 1px solid #d8d8d8; } .energy-analyzer-container .mobile-survey .pannel1.selected-category .myHome-icon-text { font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 20px; color: #2b2934; } .energy-analyzer-container .mobile-survey .pannel1.inactive { opacity: 0.5; pointer-events: none; } .energy-analyzer-container .mobile-survey .pannel1.options-category:hover { border: 1px solid #d8d8d8; } .energy-analyzer-container .mobile-survey .pannel1.options-category .myHome-icon-text { font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 20px; color: #666666; } .energy-analyzer-container .energySectionContainer { display: inline-block; width: 100%; } .energy-analyzer-container .energySectionContainer .energySection-btns { margin-bottom: 20px; } .energy-analyzer-container .energy-simulator-modal { overflow: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: #eef1f2; padding-left: 0; padding-right: 0; padding-bottom: 16px; } @media screen and (max-width: 1279px) and (min-width: 768px) { .energy-analyzer-container .energy-simulator-modal { padding: 20px !important; } } @media screen and (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal { padding: 15px !important; } .energy-analyzer-container .energy-simulator-modal .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { white-space: nowrap !important; } } .energy-analyzer-container .energy-simulator-modal .energy-simulator-wrap { margin: 0 auto; max-width: 1264px; min-height: 600px; } .energy-analyzer-container .energy-simulator-modal .energy-simulator-wrap .simulatorServiceSection .ea-servicePeriod-container, .energy-analyzer-container .energy-simulator-modal .energy-simulator-wrap .simulatorServiceSection .simulator-error { padding: 0px; } @media screen and (max-width: 1279px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .energy-simulator-wrap .simulatorServiceSection .simulator-error .form-alert { margin-bottom: 0px; } } .energy-analyzer-container .energy-simulator-modal .energySimulator-close-Block { margin: 20px 0; width: 100%; display: inline-block; } .energy-analyzer-container .energy-simulator-modal .energySimulator-close-Block .close { color: #312e3c; opacity: 1; } .energy-analyzer-container .energy-simulator-modal .energySimulator-close-Block .close .ea-close-text { color: #404040; font-size: 16px; font-family: Arial; font-weight: bold; font-style: normal; letter-spacing: 0; line-height: 26px; float: left; margin-right: 10px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-close-Block .close .close-energy-simulator { font-size: 25px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-title { color: #404040; font-family: Arial; font-size: 25px; font-weight: normal; letter-spacing: 0; line-height: 42px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-Subtitle-Content { margin: 14px 0 17px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-Subtitle-Content .energySimulator-Subtitle { color: #666666; font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 20px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-Subtitle-Content .energySimulator-btn { margin: 0 !important; } .energy-analyzer-container .energy-simulator-modal .energySimulator-Subtitle-Content .energySimulator-btn .create-chart { float: right; width: 240px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-btn-mobile .create-chart { margin: 0 auto; width: 258px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator { padding: 30px; background: #fbfbfc; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator { padding: 30px 15px !important; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator input, .energy-analyzer-container .energy-simulator-modal .chartSimulator .thermostat, .energy-analyzer-container .energy-simulator-modal .chartSimulator .acFilterValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .laundryValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue { display: inline-block; width: 100%; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator input, .energy-analyzer-container .energy-simulator-modal .chartSimulator .thermostat, .energy-analyzer-container .energy-simulator-modal .chartSimulator .acFilterValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .laundryValue, .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue { margin-bottom: 0px; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider { font-size: 15px; font-family: Arial; font-weight: normal; font-style: normal; line-height: 16px; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider { margin-bottom: 25px; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSlider { margin-top: 18px; width: 95% !important; margin-left: 10px; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSlider { width: 90% !important; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderImageHandle { box-sizing: border-box; height: 33px; width: 33px; border: 7px solid #ffffff; border-radius: 20px; background-color: #c78500; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); top: -15px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderLeftBumper, .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderRightBumper, .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderIncrementIconH, .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderDecrementIconH { display: none; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderBarH { box-sizing: border-box; height: 8px; width: 333px; border: 1px solid #eaeaea; border-radius: 3px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03); } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitSliderRemainingBar { background-color: #ffffff; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH { width: 95%; margin-left: 8px; float: left; padding-top: 17px; color: #666666; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH { width: 90%; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH .dijitRuleMark.dijitRuleMarkH { background: #666666 !important; border-color: #666666 !important; width: 4px !important; height: 4px !important; border-radius: 15px; margin-top: 2px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH.dijitRuleLabelsContainer.dijitRuleLabelsContainerH { width: 95%; margin-left: 8px; float: left; padding-top: 0px; color: #666666; margin-top: -4px; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH.dijitRuleLabelsContainer.dijitRuleLabelsContainerH { width: 90%; } } .energy-analyzer-container .energy-simulator-modal .chartSimulator .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH.dijitRuleLabelsContainer.dijitRuleLabelsContainerH .dijitRuleLabelContainer.dijitRuleLabelContainerH { padding-left: 1px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .cooling .dijitSliderProgressBar, .energy-analyzer-container .energy-simulator-modal .chartSimulator .cooling .dijitSliderImageHandle { background-color: #7e8bd0; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .heating .dijitSliderProgressBar, .energy-analyzer-container .energy-simulator-modal .chartSimulator .heating .dijitSliderImageHandle { background-color: #c85d0d; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue .dijitSliderProgressBar, .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue .dijitSliderImageHandle { background-color: #0397d6; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH.dijitRuleLabelsContainer.dijitRuleLabelsContainerH { margin-top: 15px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue .dijitSliderProgressBar, .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue .dijitSliderImageHandler { background-color: #c78500; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue .energySimulator-Slider .dijitRuleContainer.dijitRuleContainerH.dijitRuleLabelsContainer.dijitRuleLabelsContainerH { margin-top: 15px; } .energy-analyzer-container .energy-simulator-modal .chartSimulator .poolPumpValue .input-section, .energy-analyzer-container .energy-simulator-modal .chartSimulator .lightValue .input-section { margin-bottom: 20px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-btn { margin-top: 30px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-btn-tab { margin: 30px 0px 0px; } .energy-analyzer-container .energy-simulator-modal .energySimulator-btn-tab .create-chart { float: right; width: 240px; } .energy-analyzer-container .energy-simulator-modal .energySection-btns { display: flex; align-items: center; justify-content: center; margin-top: 20px; width: 100%; text-align: center !important; } @media (max-width: 767px) and (min-width: 320px) { .energy-analyzer-container .energy-simulator-modal .energySection-btns { margin-bottom: 20px; display: flex; } } .energy-analyzer-container .energy-simulator-modal .energySection-btns .improveUsage, .energy-analyzer-container .energy-simulator-modal .energySection-btns .currentUsage { border: none; background: none; color: #666666; font-family: Arial; font-weight: bold; font-style: normal; font-size: 14px; letter-spacing: 0; line-height: 28px; text-align: center; border-bottom: 1px solid #666666; padding: 0px 0px 7px; margin: 0 15px; text-transform: uppercase; } @media screen and (max-width: 1279px) and (min-width: 768px) { .energy-analyzer-container .energy-simulator-modal .energySection-btns .improveUsage, .energy-analyzer-container .energy-simulator-modal .energySection-btns .currentUsage { width: 25%; } } .energy-analyzer-container .energy-simulator-modal .energySection-btns .improveUsage.active, .energy-analyzer-container .energy-simulator-modal .energySection-btns .currentUsage.active { color: #0073a8; border-bottom: 1px solid #0073a8; } .energy-analyzer-container .energy-simulator-modal .energySection-btns .btnlineSeparte { border-left: 1px solid #d8d8d8; padding: 15px 0px; } .energy-analyzer-container .photoUploadSection .fpl-bounding-box { padding-left: 30px; padding-right: 30px; margin-top: 20px; } .energy-analyzer-container .photoUploadSection .upload-photos-wrapper .image-delete-icon { width: 25px; height: 25px; position: absolute; cursor: pointer; top: -14px; right: -14px; z-index: 120; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: white; } @media (max-width: 767px) { .energy-analyzer-container .photoUploadSection .upload-photos-wrapper .image-delete-icon { width: 20px; height: 20px; top: -11px; } } .energy-analyzer-container .photoUploadSection .upload-image-document { position: relative; width: 64px; height: 66px; outline: 1px solid #c4c8c7; margin: 0px; } @media (max-width: 767px) { .energy-analyzer-container .photoUploadSection .upload-image-document { width: 44px; height: 45px; } } .energy-analyzer-container .photoUploadSection .upload-image-document input { top: 0px !important; right: 0px !important; z-index: 99; width: 64px; height: 66px; font-size: 0px !important; } @media (max-width: 767px) { .energy-analyzer-container .photoUploadSection .upload-image-document input { width: 44px; height: 45px; } } .energy-analyzer-container .photoUploadSection .upload-image-document label { box-shadow: none !important; background: none !important; width: 100% !important; margin-top: 0px; } .energy-analyzer-container .photoUploadSection .upload-image-document label:focus, .energy-analyzer-container .photoUploadSection .upload-image-document label:active { box-shadow: none !important; } .energy-analyzer-container .photoUploadSection .upload-image-document label .camera-icon-block img { width: 64px; height: 66px; } @media (max-width: 767px) { .energy-analyzer-container .photoUploadSection .upload-image-document label .camera-icon-block img { width: 44px; height: 45px; } } .energy-analyzer-container .photoUploadSection .upload-image-document label .fa-camera { color: #0073a8; font-size: 46px; padding: 11px 0px 0px 1px; } @media (max-width: 767px) { .energy-analyzer-container .photoUploadSection .upload-image-document label .fa-camera { font-size: 33px; padding: 7px 0px 0px 0px; } } .energy-analyzer-container .photoUploadSection .recPhotoContainer { position: relative; margin-bottom: 20px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .labelContainer { padding-left: 0px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .labelContainer .photoText { padding-left: 0px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .labelContainer .recText { margin-left: -20px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .upload-photos-wrapper { display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 0px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .upload-photos-wrapper .image-delete-icon { top: 23px; left: 50px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .photoRecommendations { display: inline-block; width: 60%; vertical-align: middle; margin-right: 10px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .photoRecommendations textarea { width: 100% !important; padding: 10px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .photoRecommendations .fpl-form-row { margin-bottom: 0px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .photoRecommendations .fpl-form-field .clear-field { margin-top: 25px !important; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .upload-btn { display: inline-block; vertical-align: middle; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .upload-btn .btn { width: 120px; margin: 0px; } .energy-analyzer-container .photoUploadSection .recPhotoContainer .alert-highlighted.error { border: none !important; padding: 0px; margin-top: 5px; } .ea-usage-category { position: relative; } .ea-usage-category:not(.expanded) .collapsedDropdown .ea-category-arrow .ea-arrow:before { content: "\f0d7"; } .ea-usage-category.expanded .collapsedDropdown { border-radius: 20px 20px 0 0; border-bottom: none; } .ea-usage-category.expanded .collapsedDropdown .ea-category-arrow .ea-arrow { top: -2px; } .ea-usage-category.expanded .collapsedDropdown .ea-category-arrow .ea-arrow:before { content: "\f0d8"; } .ea-usage-category.expanded .extendedDropdown { border-radius: 0 0 20px 20px; } .ea-usage-category .collapsedDropdown, .ea-usage-category .extendedDropdown { width: 100%; border: 1px solid #cccccc; background-color: #ffffff; } .ea-usage-category .collapsedDropdown .myHome-icon, .ea-usage-category .extendedDropdown .myHome-icon { display: flex; align-items: center; } .ea-usage-category .collapsedDropdown .myHome-icon-text, .ea-usage-category .extendedDropdown .myHome-icon-text { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; letter-spacing: 0; line-height: 20px; color: #666666; display: inline-block; padding-left: 10px; } .ea-usage-category .collapsedDropdown { display: flex; align-items: center; justify-content: space-between; border-radius: 28px; padding: 9px 20px; } @media (max-width: 767px) { .ea-usage-category .collapsedDropdown { padding: 15px 20px; } } .ea-usage-category .collapsedDropdown .ea-category-arrow { font-size: 16px; height: 30px; width: 30px; background-color: #0073a8; position: absolute; top: 0px; bottom: 0; right: 9px; margin: auto; border-radius: 50%; } .ea-usage-category .collapsedDropdown .ea-category-arrow .ea-arrow { display: block; color: #ffffff; position: absolute; font-size: 20px; padding: 0; width: 20px; height: 20px; top: 1px; bottom: 0; right: 5px; margin: auto; text-align: center; } @media (max-width: 767px) { .ea-usage-category .collapsedDropdown .ea-category-arrow { height: 36px; width: 36px; z-index: auto !important; } .ea-usage-category .collapsedDropdown .ea-category-arrow .ea-arrow { top: 2px; right: 8px; } } .ea-usage-category .extendedDropdown { position: absolute; z-index: 100; top: 42px; } @media (max-width: 767px) { .ea-usage-category .extendedDropdown { top: 51px; } } .ea-usage-category .extendedDropdown .cat-container { border-bottom: 1px solid #cccccc; } .ea-usage-category .extendedDropdown .cat-container:last-child { border-bottom: none !important; } .ea-usage-category .extendedDropdown .cat-container .myHome-icon { padding: 6px 20px; } .ea-survey-save-div { display: flex; align-items: center; justify-content: center; margin-bottom: 35px; } .ea-survey-save-div .btn-submit-survey { font-family: Arial; font-weight: bold; font-style: normal; } @media (max-width: 767px) { .ea-survey-save-div { justify-content: space-evenly; margin-top: 30px; } .ea-survey-save-div .fpl-form-row { margin: 0 5px; } } @media (min-width: 768px) { .ea-survey-save-div .fpl-form-row { margin: 0 40px; } } .ea-survey-save-div .ea-nav-arrow-div { position: relative; height: 30px; width: 30px; display: inline-block; } .ea-survey-save-div .ea-nav-arrow-div.inactive .ea-nav-arrow { background-color: #999ea9; pointer-events: none; } .ea-survey-save-div .ea-nav-arrow-div .ea-nav-arrow { font-size: 16px; height: 30px; width: 30px; background-color: #0073a8; position: absolute; border-radius: 50%; } .ea-survey-save-div .ea-nav-arrow-div .ea-nav-arrow .fa { display: block; color: #ffffff; position: absolute; font-size: 20px; padding: 0; width: 20px; height: 20px; top: 1px; bottom: 0; margin: auto; text-align: center; } .ea-survey-save-div .ea-nav-arrow-div .ea-nav-arrow .fa.fa-caret-left { right: 6px; } .ea-survey-save-div .ea-nav-arrow-div .ea-nav-arrow .fa.fa-caret-right { right: 3px; } @media (max-width: 767px) and (min-width: 320px) { .ea-survey-save-div .btn.submit-only { min-width: 292px; height: 45px; padding: 14px; } } #core_view_Standby_2 div, #core_view_Standby_1 div { z-index: 99999 !important; } /* account-summary-redsign */ .accountsummary .billing-option-link { text-align: center; display: block; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; margin-bottom: 25px; } @media (max-width: 767px) { .accountsummary .billing-option-link { padding: 20px 16px; border-width: 1px 0 1px 0; border-color: #c4c8c7; border-style: solid; margin: 0 -16px; text-align: left; margin-bottom: 20px; } .accountsummary .billing-option-link i.fa { float: right; padding-top: 5px; font-size: 12px; } } @media (min-width: 320px) and (max-width: 1279px) { .accountsummary .main-section { width: 100%; } } .energy-analyzer-container .account-info-collapse { background-color: #ffffff; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); } .energy-analyzer-container .account-info-collapse .address-info { display: flex; flex-wrap: nowrap; min-height: 66px; border-bottom: 1px solid #c4c8c7; margin-bottom: 11px; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info { min-height: 54px; } } .energy-analyzer-container .account-info-collapse .address-info .location-pin { width: 67px; background: #0096db; position: relative; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .location-pin { width: 54px; } } .energy-analyzer-container .account-info-collapse .address-info .location-pin::before { content: ''; position: absolute; background-image: url(/fplcommon/images/multi/property-location__light.svg); background-position: center; background-size: 45px 45px; background-repeat: no-repeat; top: 50%; margin-top: -23px; right: 10px; width: 45px; height: 45px; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .location-pin::before { background-size: 35px 35px; width: 35px; height: 35px; top: 50%; margin-top: -17px; right: 9px; } } .energy-analyzer-container .account-info-collapse .address-info .account-info { padding: 10px 0px 10px 18px; flex-grow: 1; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .account-info { padding: 3px 0px 3px 10px; } } .energy-analyzer-container .account-info-collapse .address-info .account-info .account-number { font-size: 17px; color: #404040; font-family: Arial; font-weight: bold; line-height: 28px; max-width: 200px; } .energy-analyzer-container .account-info-collapse .address-info .account-info .street-address { text-transform: uppercase; font-size: 12px; } @media (min-width: 1024px) { .energy-analyzer-container .account-info-collapse .address-info .account-info .street-address { max-width: 200px; } } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .account-info .street-address { line-height: 16px; max-width: 230px; } } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn { width: 30px; min-height: 66px; display: flex; align-items: center; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn { min-height: 54px; } } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .collapse-triangle { cursor: pointer; padding-left: 5px; } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .collapse-triangle div { display: inline-block; height: 8px; width: 11px; border-left: solid 6px transparent; border-right: solid 6px transparent; vertical-align: middle; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .collapse-triangle { width: 30px; height: 50px; } } @media (min-width: 768px) and (max-width: 1279px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .collapse-triangle { width: 30px; } } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .hideimage div { display: inline-block; border-bottom: solid 8px #0073a8; border-top: none; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .hideimage div { margin-top: 21px; } } @media (min-width: 320px) and (max-width: 1023px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .hideimage { display: none; } } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .showimage { display: none; } .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .showimage div { border-top: solid 8px #0073a8; border-bottom: none; } @media (min-width: 320px) and (max-width: 767px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .showimage div { margin-top: 23px; } } @media (min-width: 320px) and (max-width: 1023px) { .energy-analyzer-container .account-info-collapse .address-info .collapse-btn .showimage { display: inline-block; } } .energy-analyzer-container .account-info-collapse .more-info-collapse { padding: 18px 10px 18px 30px; display: block; } .energy-analyzer-container .account-info-collapse .more-info-collapse .label-text { font-size: 16px; margin-left: 22px; } .energy-analyzer-container .account-info-collapse .more-info-collapse .label-text::before { content: ''; position: absolute; background-position: center; background-size: 13px 13px; background-repeat: no-repeat; top: 5px; left: 0; width: 13px; height: 13px; } .energy-analyzer-container .account-info-collapse .more-info-collapse .data-text { font-size: 17px; margin-left: 22px; margin-bottom: 13px; color: #404040; word-break: break-all; } .energy-analyzer-container .account-info-collapse .more-info-collapse .name-info { position: relative; } .energy-analyzer-container .account-info-collapse .more-info-collapse .name-info .label-text::before { background-image: url(/fplcommon/images/circle-user_666666-01.svg); background-size: 14px 14px; width: 14px; height: 14px; } .energy-analyzer-container .account-info-collapse .more-info-collapse .email-info { position: relative; } .energy-analyzer-container .account-info-collapse .more-info-collapse .email-info .label-text::before { background-image: url(/fplcommon/images/email_404040.svg); } .energy-analyzer-container .account-info-collapse .more-info-collapse .phone-info { position: relative; } .energy-analyzer-container .account-info-collapse .more-info-collapse .phone-info .label-text::before { background-image: url(/fplcommon/images/phone_C4C8C7.svg); } .energy-analyzer-container .account-info-collapse .more-info-collapse .deposit-info { position: relative; } .energy-analyzer-container .account-info-collapse .more-info-collapse .deposit-info .label-text::before { background-image: url(/fplcommon/images/multi/pay-bill__dark.svg); background-size: 16px 16px; width: 14px; height: 15px; top: 4px; } .energy-analyzer-container .account-info-collapse .more-info-collapse .deposit-info .data-text { margin-top: 3px; } .energy-analyzer-container .account-info-collapse .more-info-collapse a { display: inline-block; margin-top: 5px; margin-bottom: 3px; cursor: pointer; } @media (min-width: 320px) and (max-width: 1279px) { .energy-analyzer-container .account-info-collapse .more-info-collapse { display: none; } } .accountsummaryredesign .energy-analyzer-container { /* business card */ /* business card */ /* FPL PROGRAMS START */ /* FPL PROGRAMS END */ } .accountsummaryredesign .energy-analyzer-container .leftNavigationContainer { min-width: 208px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap { flex-grow: 1; display: flex; flex-direction: column; padding: 0; /* Banner start */ /* Banner end */ } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap { margin-top: 13px; padding: 0 16px; } } @media (min-width: 768px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap { margin-top: 13px; padding: 0 40px; width: 100%; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner { padding-left: 40px; z-index: 1; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner { padding: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner { margin-bottom: 0; margin-top: 43px; background-color: #eef1f2; border-color: #c4c8c7; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner { margin-top: 13px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-icon { width: 51px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-icon.notification:before { content: ""; height: 32px; width: 32px; background: url(../images/multi/info-fill-blue.svg) no-repeat; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-icon.alert::before { height: 30px; width: 30px; background: url(../images/multi/info-fill-blue.svg) no-repeat; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner > div { padding-top: 15px; padding-bottom: 15px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-pagination .dynpager .paginationText { font-weight: bold; letter-spacing: 3px; font-size: 15px; color: #404040; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-pagination .dynpager .paginationText { letter-spacing: 1px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-pagination .dynpager span .fa { color: #0073a8; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-content .dynamic-message .actionlinks a { margin-right: 2px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dynamic-content .dynamic-message .dismissLink { margin-right: 5px; border-left: 1px solid #d9d9d9; padding-left: 5px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dismissBtn { position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dismissBtn a::before { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dismissBtn a::after { content: ''; background: url(/fplcommon/images/svg/close_icon_grey_for_predictive_banner.svg) no-repeat; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; background-size: contain; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .dynamic-banner .dismissBtn a:focus { outline: none!important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .predictive-banner .col-md-12 { padding: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right { display: flex; flex-wrap: wrap; flex-grow: 1; position: relative; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer { width: 100%!important; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links { position: absolute; display: flex; top: 21px; right: 0px; margin-bottom: 15px; width: 309px; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links { top: 19px; width: 100%; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links .backto-dashboard .fa { margin-left: -3px; margin-right: 2px; margin-top: -1px; font-size: 12px; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links .backto-dashboard .fa { margin-left: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links .add-account { margin-left: auto; position: relative; padding-left: 25px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links .add-account::before { background-image: url(/fplcommon/images/acct-summary/circle-plus_0073a8-01.svg); position: absolute; background-repeat: no-repeat; content: ""; top: -1px; left: -2px; width: 22px; height: 22px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .acctsumm-head-links .add-account i { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer { width: 70%; padding-top: 32px; position: static; /* Monthly, Current and BB usage Gpaphs start */ /* Monthly, Current and BB usage Gpaphs end */ /* My Account start */ /* My Account end */ } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer { padding-left: 0; padding-right: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .main-content { margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .main-content .section-header { padding: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .main-content .serverError { z-index: 10; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .account-info-collapse { margin-top: 29px; margin-bottom: 12px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage { border: none; padding-top: 30px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage { margin-top: -15px; padding-bottom: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .monthly-usage { background-color: #ffffff; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); min-height: 319px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .monthly-usage { margin-top: 60px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .monthly-usage .masthead-carousel { margin-top: 26px !important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-history-link { position: absolute; bottom: 25px; left: 16px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-summary-box, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-data-box { position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-summary-box .toolTipVal, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-data-box .toolTipVal { position: absolute; top: -18px; right: -3px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-summary-box .toolTipVal, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-data-box .toolTipVal { right: 0px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-summary-box .toolTipVal { right: 12px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .energy-usage .usage-summary-box .toolTipVal { right: 10px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .usage-heading { position: absolute; font-size: 17px; font-weight: bold; color: #404040; top: -52px; left: 0; font-family: Arial; font-weight: normal; font-style: normal; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .usage-heading { top: -47px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .tac { position: absolute; bottom: 25px; left: 16px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage { padding: 35px 0px; min-height: 319px; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); background: #ffffff; } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage { width: 49%; margin-right: 2%; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary { display: flex; justify-content: center; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box { text-align: center; width: 50%; max-width: 150px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box:last-child { border-left: 1px solid #c4c8c7; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-label { font-size: 14px; font-weight: normal; text-align: center; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance { position: relative; display: inline-block; padding: 0 24px 0 12px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .usage-summary-hero { display: inline-block; color: #404040; font-size: 28px; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .dollar-char, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .total-cents { font-family: Arial; font-size: 20px; color: #404040; position: absolute; top: 11px; font-weight: bold; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .dollar-char, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .total-cents { top: 7px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .dollar-char { left: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-summary .usage-summary-box .usage-summary-total-balance .total-cents { right: 0; top: 4px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper { padding: 26px 16px 16px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar { width: 100%; max-width: 320px; margin: 0 auto 36px auto; height: 25px; display: flex; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar { flex-grow: 1; margin-right: 2px; background: #eef1f2; position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:first-child { border-top-left-radius: 11px; border-bottom-left-radius: 12px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:last-child { border-top-right-radius: 11px; border-bottom-right-radius: 12px; margin-right: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar span { font-size: 11px; font-weight: bold; color: #404040; position: absolute; bottom: -20px; left: -8px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:nth-child(2) span, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:nth-child(3) span { left: -4px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:nth-child(1) span { left: 0px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .days-bar:last-child span:last-child { left: initial; right: 0px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .one-qt { background: linear-gradient(to right, #68bb45 0%, #68bb45 25%, #eef1f2 25%, #eef1f2 100%); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .two-qt { background: linear-gradient(to right, #68bb45 0%, #68bb45 50%, #eef1f2 50%, #eef1f2 100%); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .three-qt { background: linear-gradient(to right, #68bb45 0%, #68bb45 75%, #eef1f2 75%, #eef1f2 100%); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .days-progress-bar .four-qt { background: #68bb45; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .total-days { display: flex; justify-content: space-between; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .total-days .days { font-size: 11px; font-weight: bold; color: #404040; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .usage-summary-avg { max-width: 320px; display: flex; justify-content: space-between; margin: 0 auto; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .usage-summary-avg .usage-data-box { width: 33%; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .usage-summary-avg .usage-data-box label { font-size: 14px; font-weight: normal; display: block; text-align: center; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .progress-bar-wrapper .usage-summary-avg .usage-data-box span { font-size: 19px; display: block; text-align: center; color: #404040; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-heading { top: -42px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-heading { top: -37px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .usage-heading .fa-chevron-right { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .current-usage .dailyAverage-dial-wrapper { border: none; margin: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper { /*dashboard wrapper used on budget bill flow*/ position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .dashboard-wrapper { position: initial; } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link { margin: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link .section-header { font-size: 20px; font-weight: bold; color: #404040; margin-bottom: 0px; } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link .section-header { margin-left: 0; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link .section-header::before { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link a { margin-top: -2px; } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .section-header-with-link a { border: none; padding: 0; position: absolute; bottom: 25px; left: 16px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .budget-bill-MntlyGph-wrap .billing.bb { background: #ffffff; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .budget-bill-MntlyGph-wrap .billing.bb { padding-bottom: 30px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .budget-bill-MntlyGph-wrap .billing.bb .graph-container { border: none; margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .budget-bill-MntlyGph-wrap .billing.bb .graph-container .monthly-bb-values .value-block { padding: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .budget-bill-MntlyGph-wrap .billing.bb .graph-container .graph-heading .cal-month .graphMonthYear { padding-left: 10px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage { width: 100%; position: relative; margin-top: 72px; } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage { min-height: 280px; padding-bottom: 0; } } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage { margin-top: 50px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .section-header-with-link a { position: absolute; right: 0; top: -39px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .section-header-with-link a { position: absolute; right: 28px; top: 271px; height: 22px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .usage-summary .usage-summary-box { max-width: 200px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .progress-bar-wrapper .days-progress-bar { max-width: 400px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .progress-bar-wrapper .usage-summary-avg { max-width: 400px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .progress-bar-wrapper .usage-summary-avg .usage-data-box { width: auto; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .usage-history-link { position: absolute; bottom: 25px; left: 16px; } } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .current-usage .usage-history-link { position: absolute; top: -41px; right: 0px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-summary-box, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-data-box { position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-summary-box .toolTipVal, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-data-box .toolTipVal { position: absolute; top: -18px; right: -18px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-summary-box .toolTipVal, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-data-box .toolTipVal { right: -13px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-summary-box .toolTipVal { right: 12px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .usage-summary-box .toolTipVal { right: 4px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .monthly-bb-values .value-block .value-title { position: relative; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .monthly-bb-values .value-block .value-title .fpl-tooltip { right: 50%; position: absolute; top: -12px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .monthly-bb-values .value-block:nth-child(1) .value-title .fpl-tooltip { -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(64px); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .monthly-bb-values .value-block:nth-child(2) .value-title .fpl-tooltip { -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(61px); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer .dashboard-wrapper .monthly-bb-values .value-block:nth-child(3) .value-title .fpl-tooltip { -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(85px); } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container { padding-top: 5px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper { margin: 0; width: 100%; } @media (max-width: 767px) and (orientation: portrait) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper { max-width: 340px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted { margin-top: 20px; width: 100%; height: 82px; 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: -5px; border: 1px solid #c4c8c7; background-color: #eef1f2; color: #666666; } @media (max-width: 767px) and (orientation: portrait) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -5px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .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) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .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) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .successAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper { margin: 0; width: 100%; } @media (max-width: 767px) and (orientation: portrait) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper { max-width: 340px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted { margin-top: 20px; width: 100%; height: 82px; 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: -5px; } @media (max-width: 767px) and (orientation: portrait) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted { width: 340px; } } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted { margin: 25px auto -5px auto; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted a { color: #0073a8; display: contents; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .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) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .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) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .errorAlertWrapper .form-alert.alert-highlighted:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .my-account-header { margin-top: -13px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .my-account-header h1 { margin: 0; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .my-account-header .accounts-back { display: none!important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences h2, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences h3 { font-size: 17px; color: #404040; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs { margin-top: 20px; margin-bottom: 20px; text-align: center; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li { display: inline-block; position: relative; text-transform: uppercase; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li:nth-child(odd) { width: 160px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li:nth-child(odd) { width: 140px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li:nth-child(even) { border-right: 1px solid #c4c8c7; border-bottom: none; padding: 17px 1px; margin-right: 21px; margin-left: 24px; margin-bottom: -16px; height: 52px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li:nth-child(even) { margin: 0 7px -16px 7px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li a { border-bottom: 1px solid #666666; color: #666666; position: relative; font-size: 13px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li a { padding: 10px 0px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li a:focus { background: none; box-shadow: none !important; outline: none !important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li a:hover { border-bottom: 1px solid #0073a8; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs li.active a { border-bottom: 1px solid #0073a8; color: #0073a8 !important; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profile-preferences-tabs { margin-bottom: 20px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .communication-header h3 { margin-bottom: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .communication-header .communication-buttons { padding-top: 5px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block { border: 1px solid #c4c8c7; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .block-label { padding-left: 25px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block p:not(.preferences-label) { padding-right: 5px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .block-group > div:first-child { padding-left: 25px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .block-group > div:first-child .block-label { padding-left: 0px; } @media (min-width: 320px) and (max-width: 1023px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .block-group .fpl-choice-box .choice-info .choice-detail { padding-top: 10px; } } @media (min-width: 768px) and (max-width: 1023px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block.receive-text-enrollment .block-group .fpl-choice-box .choice-info { width: 70%; } } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .form-section { padding-left: 10px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .form-section .inline-form-fields .fpl-form-field { width: 180px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .form-section .inline-form-fields .fpl-form-field:first-child { width: 160px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .form-section .inline-form-fields .fpl-form-field .fpl-customized-option.new-dropdown { width: 135px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .form-section .inline-form-fields .fpl-form-field .fpl-customized-option.new-dropdown .dropdown-selected-item { padding: 0 39px 0 15px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block.fpl-terms-and-conditions { background: #eef1f2; border-top: none!important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block .termsAndConditionsText { padding-right: 15px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block.langPrefSpanish .spanish-preferences-msg { background-color: #eef1f2; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .profile-preferences-content-block.langPrefSpanish .spanish-preferences-msg { padding: 0 16px; } } @media (min-width: 1024px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .fpl-profiles-and-preferences .form-section .fpl-form-row .fpl-form-field .fpl-customized-option { width: 80%; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .col-md-3 { width: 20%; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .col-md-9 { width: 80%; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .row-divider { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .col-md-12, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .col-md-10 { padding: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .middleContainer section.account-gray-container .notGlobalPreferences .col-md-1 { display: none; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer { padding: 0; } @media (min-width: 1280px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer { width: 30%!important; margin-top: 63px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .account-info-collapse { margin-bottom: 20px; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .account-info-collapse { display: none; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell { background-color: #ffffff; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); min-height: 80px; margin-bottom: 50px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport { min-height: 120px !important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner { margin-left: 0; margin-top: 0; width: 100%; padding: 20px 30px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner div:first-child { font-size: 17px; font-weight: bold; color: #404040; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner div:nth-child(3) { float: left; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner div:nth-child(4) { float: right; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner .predictiveBanner-message { color: #666666; padding: 5px 0 10px 0; font-size: 16px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-viewport .notification.predictiveBanner .predictiveBanner-message { height: 50px; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-wrapper .bx-controls .bx-pager.bx-default-pager { bottom: -25px !important; } @media (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .acct-summary-cross-sell .bx-wrapper .bx-controls .bx-pager.bx-default-pager { bottom: -30px !important; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right a { font-size: 16px; font-weight: bold; font-family: Arial !important; } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header { font-size: 25px; font-weight: bold; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .section-header { margin-left: 0; } } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header::before { display: none; } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link { padding-top: 5px; } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link .section-header { font-family: Arial; font-size: 17px; margin-left: 0; padding-top: 0; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link .section-header::before { display: none!important; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link .section-header { display: none!important; } } .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link a { padding: 0; border: none; margin: 0; cursor: pointer; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .section-header-with-link { margin: 20px 0 20px 0; padding-top: 0; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview { box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); border-color: #c4c8c7; background-color: #ffffff; padding: 0; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview { border: 1px solid #c4c8c7; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert { padding: 20px; margin: 0; position: relative; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert { padding: 15px 20px; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert .alert-message { text-align: left; font-family: Arial; width: 540px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert .alert-message { width: 90%; font-size: 13px; } } @media (min-width: 768px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert .alert-message { width: 85%; } } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert .alert-message .alert-text { display: inline; width: 100%; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-due-days { font-size: 25px; text-align: center; color: #252525; padding: 25px 0 28px; font-family: Arial; font-weight: bold; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-due-days { width: 200px; padding: 18px 0 0; margin: auto; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late { position: relative; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .fa-exclamation-circle::after { background-image: url(/fplcommon/images/acct-summary/alert_white.svg); position: absolute; content: ""; top: 50%; margin-top: -16px; margin-left: 20px; left: 0px; width: 30px; height: 30px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .fa-exclamation-circle::before { content: ""; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .alert-icon { top: 4px; right: 15px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .alert-icon { background-color: transparent; border: none; top: 0px; right: 13px; margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .alert-icon::after { content: "\00d7"; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-late .alert-icon::before { display: none; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled { width: 100%; border: none; background-color: #0073a8; color: #ffffff; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .fa-clock-o { width: 5%; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .fa-clock-o::after { background-image: url(/fplcommon/images/acct-summary/circle-clock_white.svg); position: absolute; content: ""; top: 50%; margin-top: -15px; left: 23px; width: 30px; height: 30px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .fa-clock-o::before { content: ""; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .alert-highlight { display: inline; margin-left: 5px; font-weight: normal !important; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .alert-highlight .fpl-popover-icon.sm { position: absolute; right: 2px; margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .alert-highlight .fpl-popover-icon.sm .fa-question-circle { vertical-align: top; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .alert-highlight .fpl-popover-icon.sm .fa-question-circle::before { background: url(/fplcommon/images/acct-summary/tooltip_white.svg); background-position: center; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .alert-highlight .fpl-popover-icon.sm { top: 15px; right: 0; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .fpl-summary-action-link { margin-top: 0; color: #ffffff; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .fpl-summary-action-link .fa-chevron-right { display: none; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-alert.payment-scheduled .alert-message .fpl-summary-action-link { padding: 0; text-align: left; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary { margin: 20px 0 20px 0; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-label { font-size: 14px; font-weight: normal; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box { min-height: 80px; padding: 6px 0 6px 0; vertical-align: top; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-label { display: block; position: relative; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-label a.fpl-tooltip { right: 50%; -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); position: absolute; top: -12px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero { margin-top: 16px; line-height: 34px; font-family: Arial; display: inherit; color: #404040; font-size: 36px; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero:empty { display: none; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero { font-size: 36px; font-weight: bold; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero#currentDueDate { font-size: 28px; margin-top: 14px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero#currentDueDate { margin-top: 22px; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-total-balance { position: relative; display: inline-block; padding: 0 24px 0 0px; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-total-balance .dollar-char, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-total-balance .total-cents { font-family: Arial; font-size: 20px; color: #404040; position: absolute; top: 16px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-total-balance .dollar-char { left: 0; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-total-balance .total-cents { right: 0; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box.payment-info .fpl-summary-hero { margin-top: 14px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box a .fa-question-circle { margin-left: 4px; margin-top: -4px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-detail { position: relative; margin-top: 17px; } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-detail { margin: 13px 0 0 0; display: block!important; } } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-detail .detail-title#noDueDate { padding: 0 4px; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box:first-child { border: none; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box:nth-child(2) { border-left: 1px solid #c4c8c7; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box:nth-child(2) .fpl-summary-label { margin-top: 1px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary { margin-top: 15px; margin-bottom: 10px; display: flex; flex-wrap: nowrap; justify-content: center; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary .fpl-summary-box.payment-info .fpl-summary-hero { font-size: 28px; margin-top: 19px; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .btn { margin: 15px auto 0 auto; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .btn { padding: 22px; } } @media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .btn { width: 260px; /* for iphone 5/SE */ } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .btn.outline { margin-bottom: 28px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .btn.outline:hover { outline: none; -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .breakdown-tab { padding: 13px 0; border-top-color: #c4c8c7; margin-top: -6px; position: relative; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .breakdown-tab { margin: 0; border: none; padding: 20px 0; } } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-overview .fpl-summary-action-link { border: none; padding: 10px 0; margin: 0; text-align: center; font-size: 14px; display: block; } } .accountsummaryredesign .energy-analyzer-container .account-balance.balance-credit .fpl-overview .fpl-summary .fpl-summary-box .fpl-summary-hero, .accountsummaryredesign .energy-analyzer-container .account-balance.balance-credit .fpl-overview .fpl-summary .fpl-summary-box .dollar-char, .accountsummaryredesign .energy-analyzer-container .account-balance.balance-credit .fpl-overview .fpl-summary .fpl-summary-box .total-cents { color: #447b2d; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown { background-color: #ffffff; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown { margin: 0; border-color: #c4c8c7; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content { padding: 0; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content { margin-bottom: -6px; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list { border-right: 0; border-left: 0; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list { margin-left: 0; margin-right: 0; padding: 0; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total { min-height: 68px; background-color: #ffffff; } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total { height: 87px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-info, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-value { vertical-align: top !important; padding-top: 20px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-info .item-name, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info .item-name, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .item-name, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-value .item-name { font-size: 17px; font-family: Arial; font-weight: normal; font-style: normal; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-info .item-cost, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info .item-cost, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .item-cost, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-value .item-cost { font-size: 20px; line-height: 25px; font-family: Arial; font-weight: normal; font-style: normal; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-info .info-icon, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info .info-icon, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .info-icon, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-value .info-icon { margin-top: 0; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-info .info-icon, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info .info-icon { margin-top: 0; background: url(/fplcommon/images/acct-summary/info_0073a8-01.svg) no-repeat 0 0 !important; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-info .item-name, .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item.breakdown-total .item-value .item-cost { color: #404040; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-breakdown .breakdown-content .breakdown-list:empty { display: none; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info { margin: 35px 0; } @media (min-width: 768px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info { display: flex; flex-wrap: wrap; justify-content: center; } } @media (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info { width: 290px; margin: 10px auto; } } @media (min-width: 320px) and (min-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info span { display: block; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-label { font-size: 16px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-label { padding-left: 37px; width: 49%; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-value { font-size: 20px; color: #404040; font-family: Arial; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-value { font-size: 17px; width: 49%; padding-left: 8px; text-align: left; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-value strong { font-weight: normal; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-value .summary-paymentPendingtxt { font-size: 12px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info .additional-info-value .summary-paymentPendingtxt a .fa-question-circle { margin-left: 0px; } } @media (min-width: 320px) and (min-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info { width: 200px; padding-left: 0px; margin-left: 0px; } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info .additional-info:not(:first-child) { border-left-color: #c4c8c7; } } .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info a { margin-top: 13px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .account-balance .fpl-summary-additional-info a { margin: 0; padding: 13px 0; border: none; text-align: center; } } .accountsummaryredesign .energy-analyzer-container .account-balance.payment-past-due .fpl-overview .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .item-due-date { font-family: Arial; font-weight: normal; font-style: normal; font-size: 17px; } .accountsummaryredesign .energy-analyzer-container .account-balance.payment-past-due .fpl-overview .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .item-due-date.past-due { font-weight: normal!important; margin-bottom: 0; } .accountsummaryredesign .energy-analyzer-container .account-balance.payment-past-due .fpl-overview .fpl-summary-breakdown .breakdown-content .breakdown-list .breakdown-item .item-value .item-due-date.past-due + .item-cost { color: #dc1500; } .accountsummaryredesign .energy-analyzer-container .account-balance.payment-past-due .fpl-overview .fpl-summary .fpl-summary-box.payment-info .fpl-summary-hero { color: #dc1500 !important; font-size: 28px; } .accountsummaryredesign .energy-analyzer-container .account-balance.paid-in-full .detail-title { color: #666666 !important; padding: 10px 30px 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper { margin-bottom: 15px; background: #ffffff; padding: 20px 28px 20px 30px; border: 1px solid #c4c8c7; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03); } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card { background-color: #ffffff !important; padding: 0; border: none; margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-heading { font-family: Arial; font-weight: bold; font-size: 17px; color: #404040; padding: 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .icon-DetailsWrap { border: none; padding-top: 4px; margin-bottom: 10px; display: flex; align-items: center; } @media (max-width: 768px) { .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .icon-DetailsWrap { padding: 0; } } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .icon-DetailsWrap .businessCard-icon { margin-bottom: 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .icon-DetailsWrap .businessCard-name { padding: 20px 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .icon-DetailsWrap .businessCard-name p:not(.sidebar-heading) { font-family: Arial; font-size: 14px; word-break: normal; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu { padding-left: 22px; margin-bottom: 4px; } @media (device-width: 768px) { .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu { padding-left: 3px !important; } } @media (min-width: 768px) and (max-width: 1023px) { .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu { padding: 0; } } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item { margin-bottom: 0; margin-top: 6px; color: #404040; background: #ffffff; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item span { font-family: Arial; font-size: 17px; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone-desk, .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone, .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-email { position: relative; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone-desk::before, .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone::before, .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-email::before { content: ''; position: absolute; background-position: center !important; background-repeat: no-repeat !important; top: 2px; left: -22px; width: 13px; height: 13px; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone-desk::before { background-image: url(/fplcommon/images/phone_C4C8C7.svg) !important; background-size: 13px 13px !important; left: -25px; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-phone::before { background-image: url(/fplcommon/images/icon-mobile-999EA9.svg) !important; background-size: 17px 21px !important; height: 21px; top: 0; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-email::before { background-image: url(/fplcommon/images/email_404040.svg) !important; background-size: 13px 13px !important; top: 2px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-email::before { /* For IE only */ top: 0px; } } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item .update-email span { display: inline-block; font-family: Arial; font-size: 16px; font-weight: bold; color: #0073a8; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .sidebar-menu-item a { padding: 0; background-color: #ffffff; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .btn.standard { margin-left: -11px; } @media (min-width: 768px) and (max-width: 1023px) { .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card .sidebar-menu .btn.standard { margin-left: 0; margin-top: 90px; } } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .business-card > div:not(:last-child) { margin-bottom: 20px; } .accountsummaryredesign .energy-analyzer-container .rightSideContainer .businessCard-wrapper .sidebar-account-settings { min-height: auto; } .accountsummaryredesign .energy-analyzer-container .fpl-programs { background-color: #f7f8f9; margin-bottom: 0px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .my-prgmrs { margin-bottom: 30px; } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .my-prgmrs .account-info-collapse { margin-top: 0!important; } } @media (min-width: 320px) and (max-width: 1279px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .my-prgmrs { margin-bottom: 0px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs h1.fpl-programs-section-header { font-family: Arial; font-size: 25px; font-weight: bold; color: #404040; margin-bottom: 17px; margin-top: 6px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs h1.fpl-programs-section-header { margin-top: 13px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .account-info-acrdn { padding: 20px; background: #ffffff; margin-bottom: 20px; display: none; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid #c4c8c7; } @media (max-width: 768px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .account-info-acrdn { display: block; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 31px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row { margin-top: 10px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section { flex-basis: 46%; display: flex; flex-direction: column; border-bottom: none; margin: 17px 0px; background: none; padding: 0; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section p { padding: 8px 0px 0px 0px; font-size: 16px; font-family: Arial; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section p:nth-child(4) { padding: 0!important; margin: 0!important; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .hasFa { font-size: 16px; margin-top: 5px; margin-bottom: 2px; font-family: Arial; display: inline-block; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .hasFa .fa { font-size: 7px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section h3 { font-size: 17px; color: #404040; font-family: Arial; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #c4c8c7; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section { flex-basis: 100%; padding: 0px 0px 25px; margin: 0; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section h3 { padding: 10px 0px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list { position: relative; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li { display: block; padding: 3px 0; border-left: none; font-family: Arial; font-size: 16px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li { border: none; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li a { font-size: 16px; padding: 1px 0px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li a .fa { float: none; font-size: 8px; padding-top: 0px; padding-bottom: 2px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li a { margin: 0; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li a .fa { font-size: 7px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list li .account-status { font-family: Arial; font-size: 16px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link { position: absolute; right: 0; top: -24px; display: flex !important; cursor: pointer; padding: 0px; /* toggle animation start */ /* toggle animation end */ } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link a { color: #404040; font-weight: bold; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link .toggle { margin-left: 10px; text-indent: -9999px; width: 33px; height: 13px; background: #c4c8c7; display: block; border-radius: 100px; position: relative; margin-top: 4px; box-shadow: inset 0 1px 1px 0px #c4c8c7; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link .toggle::after { content: ''; position: absolute; top: -4px; left: 0px; width: 20px; height: 20px; background: #eef1f2; border-radius: 22px; transition: 0.3s; box-shadow: 0 1px 3px 0px #666666; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link.enrolled { color: #68bb45; cursor: initial; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link.enrolled .toggle { background: #c3d600; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link.enrolled .toggle::after { left: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: #68bb45; background-image: url(/fplcommon/images/icons/registration/check-enabled.png); background-position: center; background-size: 18px 18px; background-repeat: no-repeat; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link a { display: flex; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list .enroll-link .account-status { font-family: Arial; font-size: 16px; font-weight: bold; } @media (max-width: 576px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .action-status-list { border-bottom: none; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .section-footer { display: flex; justify-content: space-between; min-height: 45px; margin-top: 10px; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .section-footer, .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .section-footer i { font-weight: 600; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .tab-content .tab-pane .section-row .section .section-footer .pbe-link { flex-basis: 40%; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di { text-align: center; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li { display: inline-block; position: relative; text-transform: uppercase; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li:nth-child(odd) { width: 115px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li:nth-child(odd) { width: auto; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li:nth-child(even) { border-right: 1px solid #c4c8c7; border-bottom: none; padding: 17px 1px; margin-right: 24px; margin-left: 24px; margin-bottom: -16px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li:nth-child(even) { padding: 17px 0px; margin-left: 20px; margin-right: 20px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li a { border-bottom: 1px solid #666666; color: #666666; position: relative; font-size: 13px; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li a { padding: 10px 10px; } } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li a:focus { background: none; box-shadow: none !important; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li a:hover { border-bottom: 1px solid #0073a8; } .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di li.active a { border-bottom: 1px solid #0073a8; color: #0073a8 !important; } @media (min-width: 320px) and (max-width: 767px) { .accountsummaryredesign .energy-analyzer-container .fpl-programs .nav-tabs-di { margin-bottom: 20px; } } /***Complete Profile view Style changes - Start****/ .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper { background-color: #ffffff; border: 1px solid #c4c8c7; min-height: 80px; margin-bottom: 30px; margin-left: 0; margin-top: 0; width: 100%; padding: 20px 10px 20px 20px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper h2 { font-size: 17px; font-weight: bold; color: #404040; margin-top: 0; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText { margin-top: 15px; margin-bottom: 10px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText .text1 { font-size: 17px; color: #404040; width: 180px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText .text2 { margin-bottom: 8px; display: inline-block; width: 185px; font-size: 16px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText .cmplt { margin-left: 12px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText #enrolled { margin-left: 80px; cursor: pointer; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText.goBack { font-size: 16px; margin-bottom: 15px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .progressText.goBack #goBack { margin-right: 5px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .node.enrolled .program-node-container:last-child { padding: 0 0px 0 20px !important; border-left: none; margin-left: 3px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle { position: relative; font-size: 72px !important; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #cccccc; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .slice.clipauto { clip: rect(auto, auto, auto, auto); } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .fill, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .bar { position: absolute; border: 0.08em solid #68bb45; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); box-sizing: content-box; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .percenttext { position: absolute; width: 100%; height: 1em; z-index: 1; margin: auto; top: 0; left: 0; right: 0; bottom: 0; font-size: 22px; color: #413B4F; display: block; text-align: center; white-space: nowrap; line-height: 100%; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .prog-circle .after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #ffffff; width: 0.84em; height: 0.84em; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container { padding: 0 0 20px 20px !important; border-left: 2px dotted #0073a8; position: relative; z-index: 9; font-size: 16px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container:last-child .pg-bar-icon { left: -11px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.grey-progress { border-left: 2px dotted #818b8d; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.grey-progress .pg-bar-icon { background: url(/fplcommon/images/svg/fill-check_grey_c4c8c7.svg); width: 16px; height: 16px; position: absolute; left: -9.5px !important; top: 0; z-index: 99; background-color: #ffffff; } @media (min-width: 320px) and (max-width: 1024px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.grey-progress .pg-bar-icon { left: -9px !important; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.blue-completed { margin-top: -2px !important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.blue-completed .pg-bar-icon { position: absolute; left: -7.5px !important; top: 4px !important; z-index: 99; background-color: #ffffff; border: 2px solid #0073a8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 10px; height: 10px; margin: auto; padding: 4px; } @media (min-width: 320px) and (max-width: 1024px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .program-node-container.blue-completed .pg-bar-icon { left: -7px !important; } } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .firstProgramNode, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .secondProgramNode, .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .thirdProgramNode { margin-left: 15px; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .thirdProgramNode .program-node-container { padding-bottom: 0px !important; border-left: none !important; } .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .thirdProgramNode .program-node-container.blue-completed .pg-bar-icon { left: -5.5px !important; } @media (min-width: 320px) and (max-width: 1024px) { .accountsummaryredesign .energy-analyzer-container .acctsummary-banner-wrap .middle-right .rightSideContainer .completeProfileWrapper .thirdProgramNode .program-node-container.blue-completed .pg-bar-icon { left: -5px !important; } } /***Complete Profile view Style changes - End****/ /* Name Change */ /* Variables for box shadow */ /* Variables for box shadow */ /* Profile and preferences page icons hide - No Name Change related parent class - Start */ .fpl-profiles-and-preferences .profile-preferences-content-block .block-group .row p.preferences-label.icon { padding-left: 16px; padding-right: 16px; } .fpl-profiles-and-preferences .profile-preferences-content-block .block-group .row p.preferences-label.icon:before { visibility: hidden; width: 0px; height: 0px; margin-top: 0px; } /* Profile and preferences page icons hide - No Name Change related parent class - End */ .namechange #nameChangeMainView { /* Name change heading section - Generic for all pages */ /* Name change heading section - Generic for all pages */ /* Assistant block - Generic for all pages */ /* Assistant block - Generic for all pages */ /* Common styles applicable for all pages */ /* Common styles applicable for all pages */ /* Changes for name change entry page - Start */ /* Changes for name change entry page - End */ /* Changes for connect process page - Start */ /* Changes for connect process page - End */ /* Changes for call back process page - Start */ /* Changes for call back process page - End */ /* Changes for review page - Start */ /* Changes for review page - End */ /* Changes for confirmation page - Start */ /* Changes for confirmation page - End */ /* Changes for Major Misspelling - Start */ /* Changes for download PDF page - Start */ /* Changes for download PDF page - End */ } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView { background-color: #f7f8f9; } } .namechange #nameChangeMainView .namechange-header-section { max-width: 1440px; margin: 0 auto; } .namechange #nameChangeMainView .namechange-header-section .arrow-box { padding: 18px 0px 18px 135px; position: relative; } @media (min-width: 320px) and (max-width: 767px) { .namechange #nameChangeMainView .namechange-header-section .arrow-box { padding: 20px 0px 13px 15px; position: relative; } } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow { display: inline-block; position: absolute; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a .border { width: 30px; height: 27px; border: 1px solid #0073a8; border-radius: 4px 0px 0px 4px; padding: 8px 21px 11px 18px; position: relative; display: inline-block; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a .border .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); width: 6px; height: 6px; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a .border .arrow { border: 2px solid #0073a8; border-width: 0px 2px 2px 0; display: inline-block; padding: 3px; position: absolute; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a .border-triangle { display: inline-block; height: 27px; width: 30px; border: 1px solid #0073a8; border-radius: 0px 4px 4px 0px; border-left: none; padding: 11px 10px 10px 10px; position: relative; left: -4px; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a .border-triangle .triangle-down { width: 6px; height: 6px; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; border-top: 5px solid #0073a8; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a:hover { color: #0f3852; text-decoration: none; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .back-arrow a:focus { color: #0f3852; text-decoration: none; } .namechange #nameChangeMainView .namechange-header-section .arrow-box .nameChange-header { display: inline-block; padding-left: 0px; margin: 0px; font-weight: bold !important; color: #404040; font-size: 23px !important; } .namechange #nameChangeMainView .nameChange_assistant_block { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; background: #f7f8f9; } .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block { text-align: center; position: relative; margin: 30px auto; width: 100%; display: inline-block; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block { text-align: center; position: relative; margin: 20px 0px; } } .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .full_width_seperator { background-color: #c4c8c7; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; } .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_icon_image { margin-right: -9px; z-index: 2 !important; display: inline-block; position: relative; vertical-align: middle; width: 100px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_icon_image { margin-right: -9px; z-index: 2 !important; width: 79px; display: inline-block; position: relative; vertical-align: middle; } } .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_icon_image:before { background: url(/fplcommon/images/multi/nav-icons/Becky-large.png) no-repeat !important; content: ""; display: inline-block; background-size: 99px !important; width: 100px; height: 110px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_icon_image:before { background: url(/fplcommon/images/multi/nav-icons/Becky-large.png) no-repeat !important; content: ""; display: inline-block; background-size: 77px !important; width: 82px; height: 87px; } } .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_block { margin-left: -75px; 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; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_block { margin-left: -75px; max-width: 90%; padding: 14px 20px 17px 90px !important; } } @media (device-width: 320px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block .help_text_block { padding: 5px 0px 10px 81px !important; } } @media (min-width: 320px) and (max-width: 767px) { .namechange #nameChangeMainView .nameChange_assistant_block .assist_icon_block img { margin-top: -7px; width: 80px; margin-right: -82px; } } .namechange #nameChangeMainView .fpl_nameChange { margin-top: 0px !important; } .namechange #nameChangeMainView .fpl_nameChange .text_info_message_block { margin-top: 11px !important; padding: 10px 16px; text-align: left; clear: both; font-size: 16px; line-height: 24px; color: #0c2739; margin: 3px 0 16px; position: relative; padding: 16px; background: #f7f8f9; word-wrap: break-word; } .namechange #nameChangeMainView .fpl_nameChange .text_info_message_block:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0; top: -10px; right: 50%; border-bottom-color: #f7f8f9; border-width: 10px; } .namechange #nameChangeMainView .fpl_nameChange .text_info_message_block.emailInfoMsg { color: #666666; } .namechange #nameChangeMainView .fpl_nameChange .fpl-form-row .cancelLink { font-size: 16px; } .namechange #nameChangeMainView .fpl_nameChange .fpl-form-row .cancelLink:hover { cursor: pointer; text-decoration: none; color: #0073a8; } .namechange #nameChangeMainView .fpl_nameChange .fpl-form-row .cancelLink:active { color: #0073a8; outline: none !important; background-color: inherit !important; text-decoration: none !important; box-shadow: none !important; } .namechange #nameChangeMainView .fpl_nameChange .fpl-form-row .cancelLink:focus { color: #0073a8; outline: none !important; background-color: inherit !important; text-decoration: none !important; box-shadow: none !important; } @media (min-width: 320px) and (max-width: 767px) { .namechange #nameChangeMainView .fpl_nameChange .fpl-form-row .btn.standard { padding: 0px; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form { margin: auto 17px; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry { position: relative; margin: 0px auto; max-width: 550px; width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry { display: block; } } @media only screen and (min-device-width: 321px) and (max-device-width: 480px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry { width: 340px !important; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box { text-align: left; position: relative; border-radius: 3px; display: inline-flex; align-items: center; justify-content: flex-start; border: 1px solid #c4c8c7; background-color: #edf1f2; padding: 17px 18px 17px 70px; width: 100%; font-size: 16px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box { display: inline-flex; align-items: center; padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box::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) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box::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) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .alert_info_box::before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error { padding-left: 70px; text-align: left; position: relative; border-radius: 3px; display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; background-color: #ffffff; font-size: 16px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error { padding-left: 20px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error { text-align: left; padding-left: 70px; margin-left: 0px; display: inline-block; position: relative; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error: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) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error: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) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-form-row.alertNameEntry .form-alert.alert-highlighted.error:before { position: absolute; left: 35px; top: 50%; transform: translate(-50%, -50%); } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 73px 5px 73px; width: 550px; border: 1px solid #c4c8c7; background-color: #ffffff; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.12)); box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 14px 5px 14px !important; margin: 50px auto; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); max-width: 100%; } } @media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange { width: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange { width: 340px !important; } } @media only screen and (min-device-width: 560px) and (max-device-width: 767px) and (orientation: landscape) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 73px 5px 73px !important; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper { /* Disabled input field styles */ /* Disabled input field styles */ /* Clear field icon mis-alignmet fix */ /* Clear field icon mis alignmet fix */ } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .relativeBorder { text-align: center; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.current_acc_block { margin-bottom: 30px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.current_acc_block .page_heading_label { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; margin-bottom: 15px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.current_acc_block .page_content_label { font-size: 16px; color: #666666; line-height: 18px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_heading_label { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .btn.standard { width: 200px; margin-top: 26px; margin-bottom: 32px; font-size: 15px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .btn.standard { height: 42px; line-height: 5px; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.btnCancelNameEntry { text-align: center; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #0073a8; line-height: 20px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.text_info_message_block { text-align: left; background-color: #f7f8f9; padding: 14px; color: #666666; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .error_message_container { border: 2px solid #dc1500; padding: 10px; display: flex !important; align-items: center !important; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .error_message_container .error_message_content { color: #dc1500; display: inline-block; width: 88%; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .error_message_container .error_message_icon { display: inline-block; width: 10%; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .error_message_container .error_message_icon:before { background: url(../images/svg/warning_red.svg) no-repeat 0px 0px; content: ""; float: left; width: 30px; height: 30px; background-size: 30px 30px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .info-subtext-content { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #666666; line-height: 18px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { margin-bottom: 0px; padding-top: 18px; display: block; margin: 0px auto; /* Fix for Iphone 5/SE Portrait mode */ /* Fix for Iphone 5/SE Landscape mode */ } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { width: 87%; } } @media only screen and (min-width: 768px) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { padding-left: 100px; width: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { margin-left: 55px; } } @media only screen and (min-device-width: 560px) and (max-device-width: 767px) and (orientation: landscape) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { margin: 0px; padding-left: 101px; width: 100%; } } @media only screen and (device-width: 320px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { margin-left: 28px; width: 100%; } } @media only screen and (device-width: 568px) and (orientation: landscape) { .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-form-row.inline-radio-group { padding-left: 93px; } } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-choice-box { display: inline-block !important; min-width: auto !important; width: 100% !important; text-align: left !important; padding-bottom: 10px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .fpl-choice-box:last-child { padding-bottom: 0px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .inline-radio-group .fpl-choice-box .choice-info { display: inline-block; float: none; padding: 5px 0px 0px 10px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .inline-radio-group .fpl-choice-box .choice-info .choice-detail { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #666666; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category .inline-radio-group .fpl-choice-box .choice-field { float: left; margin-left: 0px; width: 35px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .select_name_category.name_category_options { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper input[disabled] { cursor: default; background-color: #eef1f2 !important; } .namechange #nameChangeMainView .nameChange_entry_container form.fpl-form .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .fpl-form-field .clear-field { margin-top: -35px !important; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container.nameChange_connect_process form.fpl-form .registration.fpl_nameChange { margin-top: 10px !important; display: inline-block; width: 100%; margin: 0 auto; } } .namechange #nameChangeMainView .nameChange_entry_container.nameChange_connect_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.btnCancelNameEntry { text-align: center; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #0073a8; line-height: 20px; } .namechange #nameChangeMainView .nameChange_entry_container.nameChange_connect_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.btnCancelNameEntry a.cancelLink { font-family: Arial; font-weight: bold; font-style: normal; text-transform: uppercase; margin: 0 auto; text-align: center; display: inline-block; font-size: 16px; } .namechange #nameChangeMainView .nameChange_entry_container.nameChange_connect_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .btn.standard.startService { width: 200px; margin-top: 26px; margin-bottom: 32px; font-size: 15px; height: 42px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container.nameChange_connect_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .btn.standard.startService { padding: 0px !important; line-height: 5px; } } .namechange #nameChangeMainView .nameChange_entry_container.nameChange_callback_process form.fpl-form .registration.fpl_nameChange { margin-bottom: 40px; } .namechange #nameChangeMainView .nameChange_entry_container.nameChange_callback_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .btn.standard.accountSummary { width: 200px; margin-top: 26px; margin-bottom: 32px; font-size: 15px; height: 42px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_entry_container.nameChange_callback_process form.fpl-form .registration.fpl_nameChange .nameChange_wrapper .btn.standard.accountSummary { padding: 0px !important; line-height: 5px; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_review_container form.fpl-form { margin: auto 17px; } } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 73px 5px 73px; width: 550px; border: 1px solid #c4c8c7; background-color: #ffffff; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.12)); box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 14px 5px 14px !important; margin: 50px auto; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); max-width: 100%; } } @media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange { width: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange { width: 340px !important; padding: 15px 14px 5px 14px !important; } } @media only screen and (min-device-width: 560px) and (max-device-width: 767px) and (orientation: landscape) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 73px 5px 73px !important; } } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .emailInfoMsg { font-size: 16px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .heading_block.fpl-form-tooltip { margin-bottom: 15px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .heading_block.fpl-form-tooltip .heading_block.fpl-form-tooltip span { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .heading_block.fpl-form-tooltip .heading_block.fpl-form-tooltip a .fa-question-circle { margin-bottom: 4px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .fpl-form-row.fpl-form-field.inlineboxdisplay-placeholder-container .predictive-dropdown { padding: 1px 0px 0px 0px; border: none; margin-top: 0px; } @media only screen and (min-width: 767px) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper #email-info .fpl-form-row.fpl-form-field.inlineboxdisplay-placeholder-container .predictive-dropdown { margin-top: 3px; margin-bottom: 25px !important; } } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .predictive-dropdown { border: 1px solid #cccccc; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_heading_label { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 29px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_heading_label .edit_label { float: right; color: #0073a8; cursor: pointer; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_heading_label_small { font-family: Arial; font-weight: bold; font-style: normal; font-size: 14px; color: #666666; line-height: 20px; margin-bottom: 0px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_content_label { font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; color: #666666; line-height: 20px; } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .btn.standard { width: 200px; margin-bottom: 32px; height: 44px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .btn.standard { margin-top: 18px; } } .namechange #nameChangeMainView .nameChange_review_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row.btnCancelNameReview { text-align: center; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #0073a8; line-height: 20px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_confirm_container { margin: auto 17px; } } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange { padding: 31px 73px 5px 73px; width: 550px; border: 1px solid #c4c8c7; background-color: #ffffff; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.12)); box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange { padding: 31px 14px 5px 14px !important; margin: 50px auto; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.15); max-width: 100%; } } @media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange { width: auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange { width: 340px !important; } } @media only screen and (min-device-width: 560px) and (max-device-width: 767px) and (orientation: landscape) { .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange { padding: 25px 73px 5px 73px !important; } } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper { margin-top: 0px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block hr { margin-top: 28px; margin-bottom: 32px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block hr { margin-top: 21px; margin-bottom: 24px; } } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .page-title { font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; color: #404040; line-height: 23px; margin-bottom: 30px; margin-top: 0px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .right-success-confirm:before { background: url(/fplcommon/images/svg/fill-check.svg); content: ""; display: block; margin: 32px auto -15px; width: 32px; height: 32px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .page_content_label { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 18px; margin-top: 45px; text-align: center; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .email_confiamtion_label { font-family: Arial; font-weight: normal; font-style: normal; text-align: center; margin-top: 20px; font-size: 16px; color: #666666; line-height: 18px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .nameChange_updated_content .page_content_label { font-family: Arial; font-weight: normal; font-style: normal; margin-top: 0px; font-size: 16px; color: #666666; line-height: 20px; text-align: left; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block .nameChange_updated_content .page_heading_label { text-transform: uppercase; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .update_success_block hr { background: none; color: #c4c8c7; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_heading_label { font-family: Arial; font-weight: bold; font-style: normal; font-size: 16px; color: #666666; line-height: 20px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .fpl-form-row .page_content_label { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #666666; line-height: 20px; } .namechange #nameChangeMainView .nameChange_confirm_container .fpl-bounding-box.registration.fpl_nameChange .nameChange_wrapper .nameChange_Complete .fpl-form .fpl-form-row .btn.standard { width: 200px; height: 44px; margin-top: 34px; font-size: 15px; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .info-msg-block { font-size: 16px; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row a.btn_holder:hover { cursor: pointer; text-decoration: none; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row .btn.standard.download-pdf { margin-top: 30px; } @media only screen and (max-width: 767px) and (min-width: 320px) { .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row .btn.standard.download-pdf { margin-top: 30px; } } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row .btn.standard.download-pdf:hover { cursor: pointer; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row.btndone-download-pdf { text-align: center; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; color: #0073a8; line-height: 20px; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row.btndone-download-pdf .done-link { text-transform: uppercase; cursor: pointer; font-size: 16px; font-weight: bold; } .namechange #nameChangeMainView .nameChange_review_container.nameChange_download_pdf form.fpl-form .fpl_nameChange .fpl-form-row.btndone-download-pdf .done-link:hover { cursor: pointer; text-decoration: none; color: #0073a8; } /* VegetationManagement */ .vegetation-management-Wrapper.disclaimer-wrapper { padding-bottom: 0px; } .vegetation-management-Wrapper .vegetation-management-Container hr { border-color: #c4c8c7; background-color: #ffffff; } .vegetation-management-Wrapper .vegetation-management-Container .connect_main_container .assist_icon_block { margin-bottom: 32px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .connect_main_container .assist_icon_block { margin-bottom: 20px; } } .vegetation-management-Wrapper .vegetation-management-Container .connect_main_container.start-page-block .screening-message-block .dynamic-banner { margin-bottom: 7px; } .vegetation-management-Wrapper .vegetation-management-Container .textarea-label-float { display: table; top: -12px; padding: 0px 5px 0px 5px; margin: 27px 0px -20px 11px; font-family: Arial; font-weight: normal; font-style: normal; font-size: 13px; line-height: 13px; z-index: 3; background-color: #ffffff; } .vegetation-management-Wrapper .vegetation-management-Container .vm-modal .fplModal.modal .modal-dialog { margin-top: 0px; padding-top: 100px !important; } .vegetation-management-Wrapper .vegetation-management-Container .trimming-review-msg { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; margin-top: 30px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .trimming-review-msg { margin-top: 20px; } } .vegetation-management-Wrapper .vegetation-management-Container .ctn_btn_padding { margin-bottom: 32px; } @media (min-width: 768px) { .vegetation-management-Wrapper .vegetation-management-Container .fpl-bounding-box.registration { padding: 36px 74px 20px 74px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .fpl-bounding-box.registration .vm-title { display: inline-block; color: #666666; font-family: Arial !important; font-weight: bold !important; font-style: normal !important; font-size: 16px !important; text-align: left !important; } .vegetation-management-Wrapper .vegetation-management-Container .fpl-bounding-box.registration .title_margin { margin: 0px 0px 15px 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .fpl-bounding-box.registration .title_margin { margin-top: 25px; } } @media only screen and (min-width: 320px) and (max-width: 767px) and (min-aspect-ratio: 13/9) and (orientation: landscape) { .vegetation-management-Wrapper .vegetation-management-Container .landscape-width { width: 550px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .head_left_block .vm-header .vm-dashboard-heading { margin-top: 20px; } @media (max-width: 1024px) { .vegetation-management-Wrapper .vegetation-management-Container .head_left_block .vm-header .vm-dashboard-heading { margin-top: 25px; } } .vegetation-management-Wrapper .vegetation-management-Container .outer-bounding-box { margin: 0 auto !important; width: 550px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .outer-bounding-box { width: 89%; } } .vegetation-management-Wrapper .vegetation-management-Container .green-check-icon { width: 18px; height: 18px; margin-right: 4px; vertical-align: text-bottom; display: inline-block; background-image: url('/fplcommon/images/svg/check-green.svg'); background-size: contain; } .vegetation-management-Wrapper .vegetation-management-Container .radio-btn-block { margin: 15px auto 20px auto; width: 235px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .radio-btn-block { margin-top: 10px; } } .vegetation-management-Wrapper .vegetation-management-Container .radio-btn-block .radio-alerts:first-child { margin-bottom: 15px; } .vegetation-management-Wrapper .vegetation-management-Container .radio-btn-block .radio-alerts .choice-info { float: right; text-align: left; padding: 5px 0 0 10px; display: inline-block; width: 79%; } .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner { border: 1px solid #c9cdcc; background-color: #eef1f2; margin-bottom: 35px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner .dynamic-icon { padding-left: 10px; margin-left: 7px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner .dynamic-icon:before { background: url('/fplcommon/images/svg/predictive-Banner-Icon.svg') no-repeat center center !important; } .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner .dynamic-content { padding: 15px 40px 9px 18px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner .dynamic-content .dynamic-message { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner .dynamic-content { padding: 15px 10px 9px 6px !important; } } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .screening-message-block .dynamic-banner { margin-bottom: 20px; } } .vegetation-management-Wrapper .vegetation-management-Container .assist_icon_block { margin-bottom: 40px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .assist_icon_block { margin: 20px auto; } } .vegetation-management-Wrapper .vegetation-management-Container .screening-question1 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .screening-question2 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .assist_icon_block .help_text_block { padding: 14px 20px 17px 90px !important; } @media only screen and (max-width: 767px) and (min-width: 320px) { .vegetation-management-Wrapper .vegetation-management-Container .screening-question1 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .screening-question2 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .assist_icon_block .help_text_block, .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .assist_icon_block .help_text_block { padding: 10px 10px 10px 90px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .emergency-report-page, .vegetation-management-Wrapper .vegetation-management-Container .power-problem-page, .vegetation-management-Wrapper .vegetation-management-Container .trimming-denial-page, .vegetation-management-Wrapper .vegetation-management-Container .trimming-denial-page2 { margin-top: 40px; font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .emergency-report-page, .vegetation-management-Wrapper .vegetation-management-Container .power-problem-page, .vegetation-management-Wrapper .vegetation-management-Container .trimming-denial-page, .vegetation-management-Wrapper .vegetation-management-Container .trimming-denial-page2 { margin-top: 20px; } } @media (min-width: 768px) { .vegetation-management-Wrapper .vegetation-management-Container .power-problem-page .outage-button, .vegetation-management-Wrapper .vegetation-management-Container .power-problem-page .flicker-button { width: 300px; } } .vegetation-management-Wrapper .vegetation-management-Container .Vegetation-management-login .vm-login .warning-msg { margin-top: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .Vegetation-management-login .vm-login .contact-info-title { margin-bottom: 10px; } .vegetation-management-Wrapper .vegetation-management-Container #searchView .assist_icon_block { margin-bottom: 33px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container #searchView .assist_icon_block { margin-bottom: 27px; } } .vegetation-management-Wrapper .vegetation-management-Container #searchView .assist_icon_block .help_text_block { width: 385px !important; padding: 27px 20px 26px 90px !important; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container #searchView .assist_icon_block .help_text_block { padding: 14px 20px 17px 90px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .backLink { font-size: 16px; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-results-tabs { border-bottom: 1px solid #c4c8c7; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-results-tabs li:first-child { margin-right: 40px; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .createVegetationReport { width: 230px; margin: 0px auto; margin-top: 36px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .createVegetationReport { margin-top: 40px; } } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .closed-ticket-details { padding-top: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .padding_left_15 { padding-left: 15px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .report-details-title { padding-bottom: 25px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .locationDetails { padding-bottom: 10px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .divider { opacity: 0.3; border-top: 2px solid #c4c8c7; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .info-box { margin-bottom: 23px; } .vegetation-management-Wrapper .vegetation-management-Container .vm-report-view .report-details .searchResults .search-result-wrap .info-box .ticket-details-wrap { padding: 12px 15px 10px 15px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-confirm .vm-confirmation .success-icon img { width: 32px; height: 32px; margin-top: 6px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-confirm .vm-confirmation .confirm-message { padding: 29px 0px 25px 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-confirm .vm-confirmation .confirm-info { padding-bottom: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-confirm .vm-confirmation .confirm_btn { margin-top: 29px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-confirm .vm-confirmation .confirm_btn { margin-top: 34px; } } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template2 .phone-step-two .thankyouMessage { padding: 28px 0px 19px 0px; font-size: 16px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template2 .phone-step-two .thankyouMessage { padding-bottom: 0px; } } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .alert-text-block { margin-bottom: 40px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .alert-text-block { margin-bottom: 20px; } } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .btn { margin-top: 30px; } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .checkbox-receive-texts .fpl-choice-box { width: 160px; display: inline-flex; margin-top: -6px; } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .checkbox-receive-texts .fpl-choice-box .choice-field { margin: 0px 12px 0px 0px; } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .checkbox-receive-texts .fpl-choice-box .choice-info { padding-top: 5px; } .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .account-profile-title { font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; line-height: 30px; color: #404040; display: inline-block; margin: 0px auto 0px auto; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .sms-enroll-template1 .phone-step-one .account-profile-title { margin-top: 30px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .address-details-section .fpl-inner-box { margin-bottom: 20px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .address-details-section .fpl-inner-box .address-section { margin-left: 10px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .address-details-section .fpl-inner-box img { height: 182px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .email-section { margin-bottom: 28px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .wrap-text { word-wrap: break-word; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .uploaded-photos .uploaded-images { display: inline-flex; margin-top: 5px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .uploaded-photos .uploaded-images img[src=""] { display: none; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .uploaded-photos .uploaded-images img { width: 64px; height: 66px; outline: 1px solid #c4c8c7; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .uploaded-photos .uploaded-images img { width: 44px; height: 45px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-review .vm-review-section .uploaded-photos .uploaded-images img:not(:last-child) { margin-right: 10px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .form-alert.error { display: inline-block; margin: 25px auto 0px auto; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; /* Image upload section */ } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .details-form-txtarea.fpl-form-row { margin-bottom: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .details-form-txtarea textarea { min-height: 140px !important; padding: 15px 10px 20px 10px; line-height: 20px; max-width: 100% !important; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .selectedCityPageButton { margin-top: 34px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .txt-info-count { z-index: 2; margin: -25px 12px 21px 0px; font-size: 11px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .selected-address { margin-bottom: 15px; font-size: 14px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .selected-address::first-line { color: #0073a8; font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .invalid-image-msg .error { border: none; padding: 15px 0px 0px 0px; margin: 0px; display: flex; justify-content: center; line-height: 20px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section { border: 2px dashed #c4c8c7; border-radius: 5%; -moz-border-radius: 5%; -webkit-border-radius: 5%; padding: 32px 25px 6px 20px; margin-top: 26px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section { padding-bottom: 47px; margin-top: 24px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .file-format { font-family: Arial; font-weight: bold; font-style: normal; font-size: 14px; line-height: 20px; color: #0c2739; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-content-text { display: flex; justify-content: center; font-family: Arial; font-weight: normal; font-style: normal; font-size: 14px; line-height: 16px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items { display: flex; align-items: center; justify-content: center; margin: 30px auto 46px auto; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items { margin: 36px auto 20px auto; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-photos-wrapper:not(:last-child) { margin-right: 15px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-photos-wrapper .image-delete-icon { width: 25px; height: 25px; position: absolute; cursor: pointer; top: -14px; right: -14px; z-index: 120; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: white; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-photos-wrapper .image-delete-icon { width: 20px; height: 20px; top: -11px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document { width: 64px; height: 66px; outline: 1px solid #c4c8c7; margin: 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document { width: 44px; height: 45px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document input { top: 0px !important; right: 0px !important; z-index: 99; width: 64px; height: 66px; font-size: 0px !important; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document input { width: 44px; height: 45px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label { box-shadow: none !important; background: none !important; width: 100% !important; margin-top: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label:focus, .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label:active { box-shadow: none !important; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label .camera-icon-block img { width: 64px; height: 66px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label .camera-icon-block img { width: 44px; height: 45px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label .fa-camera { color: #0073a8; font-size: 46px; padding: 11px 0px 0px 1px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-photo-upload .vm-photoupload-block .photo-upload-section .vm-images-upload .upload-photos-section .upload-photos-section-items .upload-image-document label .fa-camera { font-size: 33px; padding: 7px 0px 0px 0px; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block { padding: 8px 85px !important; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .form-alert.error { margin-top: 15px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block { padding: 0px 22px 0px 22px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .address-details { border: none; padding-left: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .selectAccount { display: inline-block; margin-top: 15px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns { margin: 0 auto 20px auto; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns .goBackButton, .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns .selectedAddressPageButton { width: 179px; margin-left: 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns { width: 265px; } .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns .goBackButton, .vegetation-management-Wrapper .vegetation-management-Container .vegetation-management-address .vm-lhs .vm-address-form-block .vm-address-block .vm-address-details .vm-action-btns .selectedAddressPageButton { width: 125px; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page { background-color: #ffffff; padding: 60px 0px 50px 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page { padding: 25px 0px 68px 0px; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box { width: 760px; margin: 0px auto !important; } @media (max-width: 1023px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box { width: 85%; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-ctn-btn { width: 265px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-ctn-btn { width: 225px; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-title { color: #404040; font-family: Arial; font-weight: bold; font-style: normal; font-size: 20px; line-height: 20px; margin: 0px auto 25px 0px; } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-error { padding: 20px 0px 20px 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-error { padding-bottom: 0px; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-error .form-alert.alert-highlighted { margin: 0px; padding: 0px; border: none; display: flex; justify-content: space-around; font-size: 16px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-error .form-alert.alert-highlighted:not(.hide) { padding-bottom: 20px; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .radio-btn-block { margin-top: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .radio-btn-block .choice-info { width: 85%; padding-left: 0px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .radio-btn-block .choice-info { width: 82%; } } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .radio-btn-block .choice-field { margin-left: 0px; float: none; } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-list { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 22px; color: #404040; padding-left: 0px; list-style: none; margin-bottom: 0px; } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-list li:not(:last-child) { margin-bottom: 20px; } .vegetation-management-Wrapper .vegetation-management-Container .disclaimer-page .disclaimer-bounding-box .disclaimer-list li::before { display: inline-block; content: ''; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 5px; height: 5px; vertical-align: middle; margin-right: 7px; background-color: #404040; } .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .screening-message-block .dynamic-banner .dynamic-icon:before { background: url('/fplcommon/images/svg/warning_red.svg') no-repeat center center !important; } .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .trimming-guidelines { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; padding: 25px 0px 35px 0px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .disclaimer-errormsg .form-alert.alert-highlighted { padding-top: 0px !important; } .vegetation-management-Wrapper .vegetation-management-Container .screening-question3 .disclaimer-status-block { margin-top: 20px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content { font-family: Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content { margin-top: 25px; display: inline-block; width: 100%; } } .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content .form-alert.alert-highlighted { margin: 0px; padding: 10px 0px 0px 0px; border: none; display: flex; justify-content: space-around; font-size: 16px; } @media (max-width: 767px) { .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content .form-alert.alert-highlighted { padding: 0px !important; } } .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content .details-questions .question-item-list { padding: 5px 0px 0px 45px; } .vegetation-management-Wrapper .vegetation-management-Container .screening-questions-block .questions-content .details-questions .question-item-list li { margin-bottom: 3px; } /* Multi-account-link */ /** fix for FPLCOM-7343 **/ .accountsummary .multi-account .multi-container .manage-groups .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .account-number a { display: inline-block; } .accountsummary .multi-account .multi-container .manage-groups .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .account-number a i { margin-left: 3px; } /** fix for FPLCOM-7405 **/ .profilesettings .account-gray-container .globalProfileSection .multi-profile .row .col-md-12 .fpl-profiles-and-preferences .row .col-md-12 .groupOptions .fpl-form .block-group .row .group-text .col-sm-12.col-md-6 .enable-group .grouping-slider { float: right; margin-top: 28px; } /** fix for FPLCOM-7343 step-1 and step-2 complete styles **/ .multiAccountLinkingView #linkingstep-1 .multi-container { padding: 37px 0 20px 0!important; } @media (max-width: 1425px) and (min-width: 1229px) { .multiAccountLinkingView #linkingstep-1 .multi-container { max-width: 87%; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container { padding-top: 20px!important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .fixedFooter { height: 100px; } } .multiAccountLinkingView #linkingstep-1 .multi-container .fixedFooter .footer-right .footer-dashboard { margin-right: 10px; } .multiAccountLinkingView #linkingstep-1 .multi-container .fixedFooter .footer-right .footer-dashboard .footerCancelLink { text-transform: capitalize; margin-right: 33px; font-weight: normal; } .multiAccountLinkingView #linkingstep-1 .multi-container .fixedFooter .footer-right .footer-dashboard .footerIgnoreAccountStep1 { margin-right: 20px; font-weight: bold; } .multiAccountLinkingView #linkingstep-1 .multi-container .fixedFooter .footer-right .footer-dashboard .footerLinkAccountStep1 { margin-left: 0px!important; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped { margin-top: 0px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .account-message h1 { font-family: Arial; font-size: 20px; color: #666666; line-height: 23px; letter-spacing: 0.13px; } @media (min-width: 360px) and (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list { margin-bottom: 28px; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { position: sticky; top: 0; z-index: 2; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { border-bottom: none; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 4%; text-align: left; } @media (max-width: 767px) and (min-width: 360px) and (orientation: landscape) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11%!important; } } @media (max-width: 320px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20% !important; } } @media (min-width: 360px) and (max-width: 767px) and (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 9% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 4.52% !important; text-align: left; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { height: 45px !important; padding: 0px!important; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number { display: table; text-align: left; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number p i { padding: unset; cursor: pointer; } @media only screen and (max-device-width: 320px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number p i { padding: unset; } } @media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 640px) and (min-device-width: 320px) and (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number p i { padding: unset; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number p i { padding: unset; } } @media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 812px) and (min-device-width: 375px) and (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number p i { padding: unset; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 67% !important; display: table-cell; border-right: none; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { border-right: none; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building p i { cursor: pointer; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p .fa-sort-down { margin-top: 2px; font-size: 13px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p .fa-sort-up { margin-top: 6px; font-size: 13px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p i { cursor: pointer; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { border-bottom: none; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 4%; text-align: left; } @media (max-width: 767px) and (min-width: 360px) and (orientation: landscape) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11%!important; } } @media (max-width: 320px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .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 (min-width: 360px) and (max-width: 767px) and (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 9% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 4.52% !important; text-align: left; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account { text-align: left; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account { padding: 15px 10px; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .address { padding-top: 5px!important; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .address { padding-bottom: 0px !important; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .account-number p { color: #0073a8; } @media (max-width: 1280px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account .hidden-md { display: none !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address { display: table-cell; width: 67%; border-right: none; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .ungrouped .row .col-md-12 .accounts-header .multi-account.accounts-table.list .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address .building { border-right: none; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row:after { clear: none !important; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .row-divider { padding-top: 0px; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .row-divider { display: block!important; margin-top: -12px; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted { margin: 23px 0px 32px 0px; padding: 23px 10px 20px 10px; border: 1px solid #c9cdcc; background-color: #eef1f2; font-size: 16px; color: #666666; line-height: 22px; display: flex; align-items: center; text-align: left; border-radius: 3px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { background: url(../images/multi/info-fill-blue.svg) no-repeat; background-size: 33px 33px; height: 34px; width: 36px; content: ""; margin-right: 15px; margin-left: 9px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { background-size: 34px 34px!important; width: 46px!important; } } @media (min-width: 768px) and (max-width: 1023px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { width: 64px!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { width: 46px!important; margin-right: 13px; } } @media (max-width: 320px) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { width: 180px!important; margin: 0px 12px 0px 2px!important; } } @media (orientation: landscape) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { width: 88px; } } @media (orientation: portrait) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted:before { width: 159px; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted .info-email { display: contents; color: #0073a8; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .form-alert.alert-highlighted .info-email { display: ruby-text-container; color: #0073a8; } } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .section-header { margin-bottom: 11px; color: #666666; font-family: Arial; line-height: 27px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .section-header .navigateBack .bread-icon:before { width: 41px!important; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .manageLinksHeader { font-size: 20px; color: #666666; line-height: 24px; letter-spacing: 0.13px; margin-bottom: 12px; } .multiAccountLinkingView #linkingstep-1 .multi-container .manage-groups .row .row .col-md-12 .accounts-header .manageLinksVerbiage { font-size: 16px; color: #666666; line-height: 25px; letter-spacing: 0.16px; } .multiAccountLinkingView #linkingstep-2 .multi-container { padding: 37px 0 20px 0!important; } @media (max-width: 1425px) and (min-width: 1229px) { .multiAccountLinkingView #linkingstep-2 .multi-container { max-width: 87%; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups { margin-bottom: 60px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups { margin-bottom: 35px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fixedFooter { height: 100px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard { margin-right: 10px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerCreateGroup { margin-right: 20px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerLinkAccountStep2 { margin-left: 0px!important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .row-divider { padding-top: 0px; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .row-divider { display: block!important; margin-top: -12px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .info-msgs-holder .info-msg { margin: 23px 0px 32px 0px; padding: 23px 23px 23px 23px; border: 1px solid #cccccc; background-color: #ffffff; font-size: 16px; color: #666666; line-height: 22px; align-items: center; text-align: left; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .info-msgs-holder .info-msg .title { font-weight: bold; margin-bottom: 8px; font-size: 17px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .section-header { margin-bottom: 15px; color: #666666; font-family: Arial; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .manageLinksHeader { font-size: 20px; color: #666666; line-height: 24px; letter-spacing: 0.13px; margin-bottom: 12px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .accounts-header .manageLinksVerbiage { font-size: 16px; color: #666666; line-height: 25px; letter-spacing: 0.16px; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion { width: 100%; display: inline-block !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion { width: 100%; display: inline-block !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-header h3 { font-size: 20px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-header .data h4 { font-size: 16px!important; } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row { border-left: 1px solid #cccccc; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 { display: flex; float: right; padding: 9px 17px 9px 0px; width: 59%; border-right: 1px solid #cccccc; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 { display: inline-block; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; width: 100%; padding: 12px 12px; background: #eef1f2; float: none; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 { display: inline-block; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; width: 100%; padding: 12px 12px; background: #eef1f2; float: none; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all { display: inline-flex; align-items: center; width: 100%; font-size: 16px; } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all { display: inline-flex; align-items: normal; margin-top: 9px; width: 100%; font-size: 16px; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all div:last-child { margin-top: 4px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all .fpl-choice-box { margin-right: 15px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option { width: 37px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option { width: 29px; height: 29px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option .fa.fa-check { font-size: 26px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option { width: 87%; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option { display: inline-block; margin-top: 6px; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option { display: inline-block; margin-top: 6px; width: 100%; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 3px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 0px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open { z-index: 1!important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { border: 1px solid #cccccc !important; z-index: 0; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 5px 0 20px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 42px 0 20px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { height: 44px; padding: 15px 0px 12px !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 15px 0px 15px!important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px!important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px!important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i { right: 5px!important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li { padding: 8px 20px; color: #666666; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option { color: #ffffff; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover { color: #ffffff; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row { width: 87%; margin-bottom: 0px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row { display: inline-block; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row { display: inline-block; width: 100%; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .fpl-form-note { text-align: left; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .fpl-form-field input { margin-bottom: 0px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; margin-top: 6px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; margin-top: 6px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .fpl-form-field .clear-field { margin-top: -30px !important; } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .alert-highlighted { position: relative; width: 213%; right: 113%; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .alert-highlighted::before { border-bottom-color: #0c2739; right: 0px; left: 53%; margin: auto; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .row .col-12 .fpl-form-row .alert-highlighted::after { right: 0px; left: 53%; margin: auto; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list { border-left: 1px solid #cccccc; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { border-left: none!important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { display: table !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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; } } @media (max-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { border-top: none; border-right: none; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { border-top: none; border-right: none; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link { border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link { border-top: 1px solid #d9d9d9; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex !important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { border: none!important; } } @media (max-width: 1280px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .hidden-md { display: none !important; } } @media (min-width: 1279px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .hidden-lg { display: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details > div { border: 1px solid #cccccc !important; border-left: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details > div { border: 1px solid #cccccc !important; border-left: none !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7%; text-align: left; } @media (max-width: 320px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !important; text-align: left; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option .fpl-custom-checkbox .fa.fa-check { font-size: 12px; top: 1.5px; left: 1.5px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !important; border-right: 1px solid #cccccc !important; float: left !important; height: 45px !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !important; border-right: 1px solid #cccccc !important; float: left !important; height: 45px !important; display: flex !important; align-items: center !important; height: auto !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 13%; padding: 0px 10px; border-right: 1px solid #cccccc; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 13% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 13% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p i { cursor: pointer; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p i { cursor: pointer; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .headers-display-mobile { width: 100%; display: table; border-right: 1px solid #cccccc; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .headers-display-mobile p { padding: 10px 10px; text-align: left; width: 100%; font-size: 14px !important; color: #666666; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .headers-display-mobile p { padding: 15px 10px; text-align: left; display: table-cell; line-height: 15px; color: #666666; font-size: 14px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .headers-display-mobile p i { margin-top: 6px; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p i { cursor: pointer; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader p i { cursor: pointer; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building p i { cursor: pointer; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building p i { cursor: pointer; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status p { color: #666666; font-size: 14px !important; font-weight: bold !important; font-style: normal; border-color: #cccccc; line-height: 16px; padding: 0 10px; width: 100%; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status p i { cursor: pointer; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status p i { cursor: pointer; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status { border-right: none !important; width: 100%; display: flex; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status { border-right: none !important; width: 100%; display: flex; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 30% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 30% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email p i { cursor: pointer; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email p i { cursor: pointer; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items { border-left: none; color: #666666; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { table-layout: fixed; border: none; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { display: flex !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details { display: flex !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell { display: table-cell; vertical-align: middle; padding: 10px 10px; word-wrap: break-word; font-style: normal; font-size: 16px; line-height: 18px; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div { border: 1px solid #cccccc !important; border-left: none !important; border-top: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details > div { border: 1px solid #cccccc !important; border-left: none !important; border-top: none !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7%; text-align: left; } @media (max-width: 320px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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 (min-width: 360px) and (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7% !important; text-align: left; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox .fa.fa-check { font-size: 12px; top: 1.5px!important; left: 1.5px!important; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7% !important; border-right: 1px solid #cccccc !important; float: left !important; height: 45px !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7% !important; border-right: 1px solid #cccccc !important; float: left !important; height: 45px !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1280px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .hidden-md { display: none !important; } } @media (min-width: 1279px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .hidden-lg { display: none !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { font-weight: bold; color: #0073a8; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 13% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 13% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.name { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.name { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.address { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.address { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { text-transform: lowercase; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { border-right: none!important; color: #666666; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { width: 50%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { display: inline-block; width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; align-items: center !important; height: auto !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status .title { font-weight: bold; color: #666666; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status .subtitle { color: #dc1500; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 30%; height: auto!important; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 30% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 30% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { height: auto; width: 100%; border-right: none; padding-right: 0px; padding: 15px 0px 15px 0px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 100%; padding: 15px 10px; } } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { width: 30%!important; } } @media (max-width: 1280px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .hidden-md { display: none !important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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%; text-align: left; font-weight: bold; color: #0073a8; line-height: 14px; padding: 0px; padding-bottom: 14px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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%; text-align: left; display: block; padding: 0px 10px; font-weight: bold; color: #0073a8; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%; line-height: 14px; padding: 0px; padding-bottom: 14px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .name { width: 100%; text-align: left; padding: 0px 10px; line-height: 14px; padding-bottom: 14px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%; padding: 0px; padding-bottom: 0px!important; line-height: 18px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { width: 100%; text-align: left; display: block; padding: 0px 10px; border-right: none; word-break: break-all; height: auto; line-height: 18px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status { width: 100%; padding: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status { padding: 0 10px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status .title { font-weight: bold; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status .title { margin-bottom: 5px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status .title { margin-bottom: 5px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .status .subtitle { color: #dc1500; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select { border-right: none!important; padding: 9px 17px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select { width: 100%; display: inline-block; border-right: none; padding: 18px 0px 0px 0px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select { width: 100%; display: block!important; border-right: none; margin-top: 60px; padding: 15px 10px!important; clear: both; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status { height: auto; border-right: none; width: 100%; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field { margin-bottom: 3px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open { z-index: 1!important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { border: 1px solid #cccccc !important; z-index: 0; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 5px 0 20px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { height: 44px; padding: 15px 0px 12px !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 15px 0px 15px!important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 12px 0px 12px !important; } } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i { right: 5px!important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list { border-bottom: none; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li { padding: 8px 20px; color: #666666; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option { color: #ffffff; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover { color: #ffffff; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row { margin-bottom: 0px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-note { text-align: left; font-size: 14px; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-field input { margin-bottom: 0px; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-field input { width: 285px; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select .account-status .fpl-form-row .fpl-form-field .clear-field { margin-top: -30px !important; } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email { border-right: none!important; } @media (max-width: 767px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email { padding: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email { padding: 0 15px; width: 100%; display: block; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items { display: table !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .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; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select { width: 100% !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item .accordion-body.table-alignment-fix .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .email-select { width: 100% !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body { background: none; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { display: flex; align-items: center; width: 13%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { border-right: none!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { display: flex; align-items: center; width: 7%; margin-left: 0px !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { margin-left: 0px !important; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { margin-right: 0px; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 30%; display: flex; align-items: center; border-right: 1px solid #cccccc !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { border-right: 1px solid #cccccc !important; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { display: flex; align-items: center; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list ul { border-bottom: none!important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_0_accordion_body .accounts-table.multi-card.list ul { border-bottom: none!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { border-right: none!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { display: flex; align-items: center; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { text-transform: lowercase; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_1_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body { max-height: 240px; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { display: flex; align-items: center; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email.sortHeader .email { border-right: none !important; width: 100% !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader p { border-right: none !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.account-number { width: 15% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.address { width: 25%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.name { width: 25%; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { text-transform: lowercase; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_2_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.email { width: 35% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details { display: flex; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 50% !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 50% !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status { display: flex; width: 100%; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .status { display: flex; width: 100%; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul { border-bottom: none; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile { display: none!important; } } .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account.data-display-mobile .address { padding-bottom: 20px!important; } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.name { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.name { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.address { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.address { width: 25% !important; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; height: auto !important; } } @media (min-width: 1024px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { width: 50% !important; float: left !important; align-items: center !important; height: auto !important; } } @media (max-width: 1366px) and (min-width: 1023px) { .multiAccountLinkingView #linkingstep-2 .multi-container .manage-groups .fpl-accordion .listaccordionitem.parbase.base.section .accordion-item #group_3_accordion_body .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .account-linking-cell.status { width: 50% !important; float: left !important; align-items: center !important; height: auto !important; } } /** fix for FPLCOM-8591 **/ .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter { margin-bottom: 28px; clear: both; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter { margin-bottom: 6px!important; clear: both!important; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview { padding: 0px; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row { display: flex; align-items: center; flex-direction: row; overflow: hidden; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-2 { margin-bottom: 0px; display: flex; align-items: center; float: none !important; width: 67px; padding: 30px 16px 29px 16px; line-height: 10px; background-color: #eef1f2; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-2 span:before { background: url(../images/multi/info-fill-blue.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; content: ""; display: inline-block; } @media (max-width: 767px) and (min-width: 360px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-2 { padding: 35px 16px 35px 16px!important; } } @media (min-width: 320px) and (max-width: 359px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-2 { padding: 45px 16px 45px 16px!important; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 { text-align: left; padding: 22px 5px 24px 5px; display: flex; align-items: center; flex-grow: 2; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 { text-align: left; padding: 8px 5px 4px 5px; display: flex; align-items: center; flex-grow: 2; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 .row { display: block; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row > div:first-of-type { font-family: Arial; font-size: 18px; color: #666666; line-height: 21px; font-weight: bold; margin-bottom: 14px; height: 14px; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row > div:first-of-type { font-family: Arial; font-size: 18px; color: #666666; line-height: 21px; font-weight: bold; height: auto; max-height: 34px; margin-bottom: 16px!important; width: 200px; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row > div:first-of-type i { vertical-align: middle; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row > div:first-of-type i:before { background: url(../images/fpl_sprite.png); content: ""; float: left; width: 20px; height: 20px; background-position: -200px -3800px; margin-bottom: 4px; margin-left: 7px; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row div:nth-child(2) { font-family: Arial; font-size: 16px; color: #666666; line-height: 18px; font-weight: 400; height: 17px; } @media (min-width: 320px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .row .multi-container .multi-dashboard .dashboard-content .col-md-9.col-md-push-3.col-sm-12.dash-main .accountLinkMsg.col-sm-12.no-gutter .fpl-overview.sm-overview .row .col-xs-10 div .row div:nth-child(2) { font-family: Arial; font-size: 16px; color: #666666; line-height: 18px; font-weight: 400; height: auto; } } /** Separators for dynamic-message for FPLCOM-8688 SubTask FPLCOM-8801 **/ .multiAccountManageAccountsView .multi-account .multi-manage-account .dynamic-banner .notification:before { content: ""; height: 32px; width: 32px; background: url(../images/multi/info-fill-blue.svg) no-repeat; } .multiAccountManageAccountsView .multi-account .multi-manage-account .dynamic-banner .dynamic-message .actionlinks a { border-right: 1px solid #d9d9d9; padding-right: 5px; margin-left: 5px; } /** Styles for FPLCOM-8516 - All text **/ /** Multi Dashboard table**/ .multiAccountDashboardView .multi-account .multi-container .dynamic-banner .dynamic-icon.notification:before { content: ""; height: 32px; width: 32px; background: url(../images/multi/info-fill-blue.svg) no-repeat; } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 8%; text-align: left; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20%!important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 10%; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 8% !important; text-align: left; } } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 19%; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 31% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 33% !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 17% !important; } } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 19%; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 31%!important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 33% !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 17% !important; } } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 8%; text-align: left; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 20%!important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 10% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 8% !important; text-align: left; } } .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountDashboardView .multi-account .multi-container .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } /** Accounts Information Table**/ .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 6%; text-align: left; } @media (max-width: 320px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 18% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !important; text-align: left; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 7%; } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 33% !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 15% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 7% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 18%; } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 17% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .mail-address.sortHeader { width: 18%; } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .mail-address.sortHeader { width: 17% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .phone { width: 11%; } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .phone { width: 11% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 13%; } @media (max-width: 320px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 33% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 33% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 13% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 7%; } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 33% !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 15% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 7% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 13%; } @media (max-width: 320px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 33% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 33% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 13% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address { width: 18%; } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .address { width: 17% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .deposit { word-break: break-all; } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .phone { width: 11%; } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .phone { width: 11% !important; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 6%; text-align: left; } @media (max-width: 320px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 18% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 7% !important; text-align: left; } } .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountManageAccountsView .multi-account .multi-container.main-multi-account-list .multi-manage-account .accounts-table.multi-card.list ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } /** Multi pay Online tables**/ .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion { width: 100%; } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 6%; } @media (max-width: 320px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 18% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 6% !important; text-align: left; } } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-info label { width: 100%; color: #404040; font-size: 14px !important; font-weight: bold !important; font-style: normal; border-color: #cccccc; line-height: 16px; } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .mp-MissedAcct-bankAcct { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .mp-MissedAcct-bankAcct { width: 17% !important; } } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 6%; } @media (max-width: 320px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 18% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 6% !important; text-align: left; } } .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection .fpl-choice-box.select .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection .fpl-choice-box.select .choice-field.fpl-customized-option { margin: 0px !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .mp-MissedAcct-bankAcct { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .ManageBnk_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .mp-MissedAcct-bankAcct { width: 17% !important; } } /** Select Account tables **/ .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion { width: 100%; } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 6%; } @media (max-width: 320px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 18% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox { width: 6% !important; text-align: left; } } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .selection.selectAllCheckBox .choice-info label { width: 100%; color: #404040; font-size: 14px !important; font-weight: bold !important; font-style: normal; border-color: #cccccc; line-height: 16px; } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .mp-MissedAcct-bankAcct { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-thead .mp-MissedAcct-bankAcct { width: 17% !important; } } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 6%; } @media (max-width: 320px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 18% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 16% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection { width: 7% !important; text-align: left; } } .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection .fpl-choice-box.select .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .selection .fpl-choice-box.select .choice-field.fpl-customized-option { margin: 0px !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .mp-MissedAcct-bankAcct { width: 17% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountPay .SelectAcct_multi-Pay .multi-container .fpl-accordion .accordion-item .accordion-body .accounts-table.cards.multi-card .mp-tbody .mp-trow .mp-MissedAcct-bankAcct { width: 17% !important; } } /** Manage Groups Tables **/ .multiManageGroupsAccountsView .multi-container .row .fpl-accordion { width: 100%; } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 5%; text-align: left; } @media (max-width: 320px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 21% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 19% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 5% !important; text-align: left; } } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 5%; text-align: left; } @media (max-width: 320px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 21% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 19% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 5% !important; text-align: left; } } .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiManageGroupsAccountsView .multi-container .row .fpl-accordion .accordion-item .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 5%; text-align: left; } @media (max-width: 320px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 21% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 19% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 5% !important; text-align: left; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader { width: 13% !important; text-align: left; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .status.sortHeader .account-status p { padding: 0 10px!important; } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { height: 50px !important; } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader { width: 66% !important; text-align: left; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address.sortHeader .building { height: 50px!important; } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader { width: 31% !important; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .account.sortHeader .account-number { height: 50px!important; } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 5%; text-align: left; } @media (max-width: 320px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 21% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 19% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 5% !important; text-align: left; } } .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .status { width: 13% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .address { width: 66% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiManageGroupsAccountsView .ungrouped .accounts-header .accordion-body ul li .accounts-list-item.list-items .nav-account-link .account-details .account { width: 31% !important; text-align: left; } } /** Group details Table **/ .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 6%; text-align: left; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 6% !important; text-align: left; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; float: left; margin-left: 3px; } @media (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-field.fpl-customized-option { display: inline-block; vertical-align: middle; margin-left: 0px !important; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; width: 20%; margin-left: 7px; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .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; } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 6%; } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 10% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .action { width: 7% !important; } } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 33% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .balance.sortHeader { width: 33% !important; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 6%; } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 10% !important; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .action { width: 7% !important; } } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 33% !important; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .balance { width: 33% !important; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 6%; text-align: left; } @media (max-width: 320px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 20% !important; text-align: left; } } @media (min-width: 360px) and (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 18% !important; text-align: left; } } @media (max-width: 1023px) and (min-width: 768px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 11% !important; text-align: left; } } @media (max-width: 1366px) and (min-width: 1024px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection { width: 6% !important; text-align: left; } } .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin-left: 3px; } @media (max-width: 767px) { .multiAccountDashboardView .multi-account .hide-during-edit-prefrence .multi-account .multi-container .hide-during-edit-prefrence-for-group-details .group-details .row .col-accounts .group-details section ul li .accounts-list-item.list-items .nav-account-link .account-details .selection .select.fpl-choice-box .choice-field.fpl-customized-option { margin: 0px !important; } } /**** Multi-manage access request styles for CQ page ****/ #multiAccountManageAccessRequestView .multi-container { padding: 40px 0 20px 0!important; } @media (max-width: 1425px) { #multiAccountManageAccessRequestView .multi-container { max-width: 87%; } } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container { max-width: 89%; } } @media (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container { padding-top: 20px!important; } } #multiAccountManageAccessRequestView .multi-container .accounts-header { margin-bottom: 0px; } #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info { border-bottom: none; } @media (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info { padding-left: 0px!important; padding-right: 0px!important; } } #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info .section-header { font-family: Arial; font-size: 25px; color: #404040; margin-bottom: 10px; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info .section-header { margin-bottom: 0px!important; } } #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info .section-header a span { display: none!important; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info .row-divider .line { background: url(../images/row_divider_long.png) 51% 0 no-repeat; } } #multiAccountManageAccessRequestView .multi-container .accounts-header .accounts-info .page-intro { margin-bottom: 10px; margin-top: 25px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 { padding: 0px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend { border-left: 1px solid #cccccc !important; border-right: none; border-top: none; margin: 0px !important; padding: 0px !important; display: table !important; float: left !important; width: 100% !important; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop { display: flex; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop { display: none; } } @media only screen and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop { display: flex!important; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop > div { border: 1px solid #cccccc !important; border-left: none !important; float: left; display: table-cell; vertical-align: middle; height: 45px!important; text-align: left; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account { margin: 0px; padding: 15px 10px; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account .account-number { border-right: none !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account .account-number { padding: 0px!important; display: table; text-align: left; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account .account-number p { border-right: none !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .account .account-number p { padding: 0px!important; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .userId { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .userId { text-align: left; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .userId p { border-right: none !important; padding: 13px 10px; width: 100%; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address { width: 25%; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address { padding: 15px 10px; width: 25%!important; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address .building { border-right: none !important; width: 100%; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address .building { display: table; text-align: left; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address .building p { border-right: none !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .address .building p { padding: 0px!important; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .expirationDate { width: 15%; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .expirationDate { text-align: left; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .expirationDate p { border-right: none !important; padding: 13px 10px; width: 100%; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .action { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; display: flex !important; align-items: center !important; text-align: left; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details.rwd-heading-desktop .action p { border-right: none !important; padding: 15px 10px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile { display: flex; } @media (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile { display: none; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile .account { margin: 0px; display: flex; width: 55%; text-align: left; border: 1px solid #cccccc !important; border-left: none !important; vertical-align: middle; padding: 0px 11px!important; align-items: center; height: 45px!important; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile .account .requester-info { width: 100%; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile .action { width: 45%; display: flex; vertical-align: middle; border: 1px solid #cccccc !important; border-left: none !important; text-align: left; height: 45px!important; padding: 0px 10px; align-items: center; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details-mobile.rwd-heading-mobile .action p { padding: 0px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul { border: none; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items { border-left: 1px solid #cccccc !important; border-right: none; border-top: none; margin: 0px !important; padding: 0px !important; display: table !important; float: left !important; width: 100% !important; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details { display: flex; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details > div { float: left; display: table-cell; vertical-align: middle; padding: 25px 10px; border: 1px solid #cccccc !important; border-left: none !important; border-top: none !important; text-align: left; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; height: 70px !important; display: flex !important; align-items: center !important; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account { width: 55%; display: table-cell !important; height: auto!important; text-align: left; margin: 0px; } } @media (max-width: 1023px) and (min-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account { margin: 0px!important; word-break: break-all; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account p { color: #0073a8; font-weight: bold; word-break: break-word; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-num { margin-bottom: 6px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-userid { margin-bottom: 10px; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-userid { margin-bottom: 14px; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-add { margin-bottom: 10px; color: #666666; font-weight: normal; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-exp { color: #666666; font-weight: bold; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .account .acct-date { color: #666666; font-weight: normal; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .requestor-userid { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; height: 70px !important; display: flex !important; align-items: center !important; color: #0073a8; font-weight: bold; font-size: 16px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .address { width: 25%; border-right: 1px solid #cccccc !important; float: left !important; height: 70px !important; display: flex !important; align-items: center !important; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .address .building { border-right: none!important; width: 100%; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .address .building p { border-right: none!important; padding: 0px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .expirationDate { width: 15%; border-right: 1px solid #cccccc !important; float: left !important; height: 70px !important; display: flex !important; align-items: center !important; font-size: 16px; } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject { width: 20%; border-right: 1px solid #cccccc !important; float: left !important; height: 70px !important; display: flex !important; align-items: center !important; justify-content: center; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject { width: 45%; height: auto !important; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton { background: url(../images/svg/fill-check_grey_c4c8c7.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; border: none; margin-right: 25px; float: left; display: block; text-indent: -9999px; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton { background-size: 44px 44px; height: 44px; width: 44px; } } @media (max-width: 320px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton { margin-right: 15px ; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton.active { background: url(../images/svg/fill-check_green_68bb45.svg ) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; border: none; margin-right: 25px; float: left; display: block; text-indent: -9999px; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton.active { background-size: 44px 44px; height: 44px; width: 44px; } } @media (max-width: 320px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .approveButton.active { margin-right: 15px ; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .rejectButton { background: url(../images/svg/fill-x_grey_c4c8c7-01.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; border: none; float: left; display: block; text-indent: -9999px; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .rejectButton { background-size: 44px 44px; height: 44px; width: 44px; } } #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .rejectButton.active { background: url(../images/svg/fill-x_red_dc1500.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; border: none; float: left; display: block; text-indent: -9999px; } @media (min-width: 320px) and (max-width: 767px) { #multiAccountManageAccessRequestView .multi-container .row .col-md-12 ul li .accounts-list-item.list-items .nav-account-link .account-details .approveOrReject .rejectButton.active { background-size: 44px 44px; height: 44px; width: 44px; } } #multiAccountManageAccessRequestView .multi-container .submit-request .row-divider { margin-bottom: 29px; } #multiAccountManageAccessRequestView .multi-container .submit-request .row-divider .line { width: 80%; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .submit-request .row-divider .line { width: 100%; background: url(../images/row_divider_long.png) 51% 0 no-repeat; } } #multiAccountManageAccessRequestView .multi-container .submit-request .page-intro { margin: 0 auto; font-size: 14px; text-align: center; width: 73%; margin-bottom: 12px; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .submit-request .page-intro { width: 100%; } } #multiAccountManageAccessRequestView .multi-container .submit-request .page-intro.bold { font-size: 14px; text-align: center; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .submit-request .page-intro.bold { width: 100%; } } #multiAccountManageAccessRequestView .multi-container .submit-request .page-intro.bold p { margin-bottom: 0px; } #multiAccountManageAccessRequestView .multi-container .submit-request .btn { margin: 0 auto; width: 200px; font-size: 15px; margin-bottom: 32px; margin-top: 32px; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .submit-request .btn { height: 44px; line-height: 2px; } } #multiAccountManageAccessRequestView .multi-container .submit-request .cancelBtn { width: 70px; margin: 0 auto; display: block; text-transform: uppercase; font-weight: bold; font-size: 16px; } #multiAccountManageAccessRequestView .multi-container .submit-request .cancelBtn:focus { outline: none!important; box-shadow: none!important; } #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro { text-align: center; } #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro p.update { font-size: 20px; color: #404040; font-weight: bold; margin-bottom: 35px; } #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro div:before { background: url(../images/svg/fill-check.svg) no-repeat; background-size: 32px 32px; height: 32px; width: 32px; display: block; margin: 0 auto; content: ""; margin-bottom: 27px; } #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro p.bold { margin-bottom: 20px; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro p.bold { margin: 0 auto; margin-bottom: 20px; width: 76%; } } #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro .btn { margin: 0 auto; width: 200px; font-size: 15px; margin-bottom: 32px; margin-top: 32px; } @media only screen and (min-width: 320px) and (max-width: 768px) { #multiAccountManageAccessRequestView .multi-container .success-msg .page-intro .btn { height: 44px; line-height: 2px; } } /**** Multi-manage access request styles for CQ page - End ****/ /**** Multi-Ebill-Management styles ****/ #multiAccountManageEBillMainView .multi-container, #multiAccountAgentLanderView .multi-container { padding: 37px 0px 20px 0 !important; } @media (max-width: 1425px) and (min-width: 1229px) { #multiAccountManageEBillMainView .multi-container, #multiAccountAgentLanderView .multi-container { max-width: 87%; } } @media (min-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row.predictive-banner .multi-DynamicMsg, #multiAccountAgentLanderView .multi-container .manage-groups .row.predictive-banner .multi-DynamicMsg { margin-top: 20px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row.predictive-banner .dynamic-content, #multiAccountAgentLanderView .multi-container .manage-groups .row.predictive-banner .dynamic-content { font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row.predictive-banner .dynamic-content .dynamic-message, #multiAccountAgentLanderView .multi-container .manage-groups .row.predictive-banner .dynamic-content .dynamic-message { font-size: 16px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .accounts-header .accounts-search-submit, #multiAccountAgentLanderView .multi-container .manage-groups .accounts-header .accounts-search-submit { margin-top: 30px; } } @media (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .active-filter-container .multi-filters .active-filters .filter-label, #multiAccountAgentLanderView .multi-container .manage-groups .active-filter-container .multi-filters .active-filters .filter-label { margin-top: -10px; margin-bottom: 10px; padding-bottom: 10px; } } @media (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .active-filter-container .multi-filters .active-filters .clear-filters, #multiAccountAgentLanderView .multi-container .manage-groups .active-filter-container .multi-filters .active-filters .clear-filters { margin-top: -10px; margin-bottom: 10px; padding-bottom: 10px; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter { padding: 7px 0; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter .footer-right, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter .footer-right { margin-right: -6px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard { margin-right: 15px; } #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEditAction, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEditAction { width: 258px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEditAction, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEditAction { margin-right: 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEnrollAction, #multiAccountAgentLanderView .multi-container .manage-groups .fixedFooter .footer-right .footer-dashboard .footerEnrollAction { width: 258px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header > .row-divider, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header > .row-divider { padding-left: 16px; padding-right: 16px; margin-bottom: 5px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner { width: 99% !important; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner { width: 100% !important; } } @media (min-width: 768px) and (max-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner { width: 98% !important; } } @media (min-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner .multi-DynamicMsg, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .row.predictive-banner .multi-DynamicMsg { margin-top: 20px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner { border: 1px solid #c4c8c7; background-color: #eef1f2; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner { margin: 0 0 25px 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dismissBtn a:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dismissBtn a:before { font-size: 33px; color: #666666; -webkit-text-stroke: 2px #eef1f2; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dynamic-icon.success:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dynamic-icon.success:before { content: ""; height: 32px; width: 32px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dynamic-icon.alert:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .dynamic-banner .dynamic-icon.alert:before { content: ""; height: 32px; width: 32px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .trade-mark-icon, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .trade-mark-icon { vertical-align: super; font-size: 14px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb { position: relative; top: -5px !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb .bread-icon:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb .bread-icon:before { margin-top: 5px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb .bread-icon:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .section-header .backLink.breadcrumb .bread-icon:before { height: 47px; margin-top: 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .welcome-message, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .welcome-message { padding-left: 16px; padding-right: 16px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .welcome-message, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .welcome-message { padding: 0; margin: 30px 0 20px 0; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile { padding-top: 0; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile { padding-top: 0; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper { padding: 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper p, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper p { line-height: 20px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .btn.outline, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .btn.outline { color: #0073a8; border: 1px solid #0073a8 !important; margin-bottom: 8px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .btn.outline:hover, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .btn.outline:hover { background-color: #ffffff; outline: none; -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .info-message, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawerWrapper .info-message { margin: 0 0 20px 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.profile-preferences-content-block, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.profile-preferences-content-block { padding-top: 0; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.profile-preferences-content-block, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.profile-preferences-content-block { padding: 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-label, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-label { font-weight: bold; font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow { padding: 0px !important; display: flex; align-items: center; justify-content: center; margin: 20px 0 -10px 60px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow { display: block; margin: 20px 0 0 13px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .accSelectedList, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .accSelectedList { margin-top: -10px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .update-email, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .update-email { margin-bottom: 0; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .editLink, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .editLink { width: 17%; display: inline-block; float: right; padding-top: 10px; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .editLink .drawer-label, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .editLink .drawer-label { display: inline-block; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .accSelectedList, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-close .drawer-closeRow .accSelectedList { width: 70%; padding: 20px 0 0 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-subtitle, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-subtitle { font-size: 16px; width: 91%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-subtitle, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-subtitle { padding-right: 10px; width: 100%; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .predictive-dropdown .inlineboxdisplay-placeholder-container, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .predictive-dropdown .inlineboxdisplay-placeholder-container { width: 280px !important; margin: 0 auto; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .predictive-dropdown .inlineboxdisplay-placeholder-container input, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .predictive-dropdown .inlineboxdisplay-placeholder-container input { height: 42px; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0; min-width: 295px; width: auto; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .enableBtn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .enableBtn { width: 60%; margin-right: -15px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .enableBtn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .enableBtn { width: 100%; padding: 0; margin-bottom: 20px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .disableBtn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .disableBtn { width: 20%; margin-left: -25px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .disableBtn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .disableBtn { padding: 0; margin: 0 0 15px 0; width: 100%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item input, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item input { height: 44px !important; padding: 10px 0 !important; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item input, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item input { padding: 10px 38px 10px 0 !important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item select, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item select { height: 44px !important; padding: 10px 0 !important; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item select, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .dropdown-selected-item select { padding: 10px 38px 10px 0 !important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn { width: 28%; text-align: right; margin-top: 10px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn { width: 100%; text-align: center; margin-bottom: 20px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn { position: relative; left: -25px; width: 10% !important; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-bill-reminders-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-past-due-notices-btn, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-email-btn { width: 22%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title { margin-bottom: 0px; font-size: 16px; color: #ffffff; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title { padding: 0; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title:before, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .drawer-title:before { background: url(../images/multi/icon-edit-pencil.svg); content: ""; float: left; width: 20px; height: 20px; margin-right: 5px; margin-top: 0; background-position: 0px -3400px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle { font-size: 20px; font-weight: bold; margin-bottom: 20px; padding-top: 15px; text-align: center; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle { padding: 15px 10px 5px 10px; margin-bottom: 10px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .page-subtitle { padding: 15px 10px 5px 10px; margin-bottom: 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btn { width: 258px !important; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btn { height: 42px; line-height: 1px; margin: 0 auto; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-button, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .cancel-button { text-transform: uppercase; font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open p, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open p { font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected { font-size: 16px; padding: 0; margin-left: -15px; margin-top: 10px; width: 17%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected { margin: 5px 0 22px 0; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected { width: 28%; margin-top: 0px; margin-bottom: 20px; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .bill-reminders-account-selected { width: 19%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btnWrapper, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btnWrapper { float: right; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btnWrapper, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open .btnWrapper { float: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .update-email-header, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .update-email-header { display: flex; align-items: center; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email { margin-bottom: 15px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected { width: 18%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected { margin: 5px 0 22px 0; padding: 0; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected { width: 39%; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .email-account-selected { width: 20%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail { margin-top: 3px; width: 28%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail { width: 100%; float: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail { width: 45%; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .save-change-mail { width: 30%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn { margin-top: 3px; width: 54%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn { width: 100%; padding-bottom: 0; margin-bottom: 0; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn { width: 15%; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .selected-email .cancel-email-btn { width: 50%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form { overflow: auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-confirm-text { width: 100%; font-size: 16px; padding: 0 10px 20px 10px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note { font-size: 16px; margin-bottom: 25px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note .detail-text { text-align: center; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .email-note .detail-text { padding: 0 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .predictive-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-email .update-email-address .fpl-form .predictive-dropdown { width: 100%; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders { display: inline-block !important; width: 100%; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-header, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-header { display: flex; align-items: center; padding: 20px; background-color: #0073a8; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-header button, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-header button { text-align: right; padding: 0px 10px; color: #ffffff; text-shadow: none; opacity: 1; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-confirm-text { text-align: center; margin-bottom: 15px; margin-top: 15px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note { border-bottom: 1px solid #d9d9d9; width: 100%; text-align: center; margin-bottom: 20px; padding-bottom: 10px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note .detail-text { text-align: center; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-bill-reminders .bill-reminders .bill-reminders-note .detail-text { padding: 0 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .past-due-notices-header, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .past-due-notices-header { display: flex; align-items: center; padding: 20px; background-color: #0073a8; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .past-due-notices-header button, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .past-due-notices-header button { text-align: right; padding: 0px 10px; color: #ffffff; text-shadow: none; opacity: 1; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .dropdownBtnWrapper, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .dropdownBtnWrapper { border-top: 1px solid #d9d9d9; padding-top: 30px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form { overflow: auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-confirm-text, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-note, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason { text-align: center; padding: 0 40px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-confirm-text, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-note, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason { padding: 0 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason { margin-bottom: 30px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option { width: 100%; } @media (min-width: 1025px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option { width: 46%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1022px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option { width: 72%; margin: 0 auto; } } @media (min-width: 1023px) and (max-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option { width: 50%; margin: 0 auto; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option .fpl-dropdown-field { margin: 0 auto 40px auto; width: 480px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-reason-dropdown.fpl-customized-option .fpl-dropdown-field { width: 280px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected { font-size: 16px; padding: 0; margin-left: -15px; margin-top: 10px; width: 17%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected { margin: 5px 0 22px 0; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected { width: 28%; margin-top: 0px; margin-bottom: 20px; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-past-due-notices .past-due-notices .fpl-form .past-due-notices-account-selected { width: 19%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .consolidated-billing-header, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .consolidated-billing-header { display: flex; align-items: center; padding: 20px; background-color: #0073a8; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .consolidated-billing-header button, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .consolidated-billing-header button { text-align: right; padding: 0px 10px; color: #ffffff; text-shadow: none; opacity: 1; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form { overflow: auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .consolidated-billing-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .consolidated-billing-confirm-text { text-align: center; padding: 15px 30px 10px 30px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .consolidated-billing-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .consolidated-billing-confirm-text { padding: 0px 10px 10px 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .inlineboxdisplay-placeholder-container, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .inlineboxdisplay-placeholder-container { width: 50%; margin: 0 auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .fpl-form-row.email-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .fpl-form-row.email-note { text-align: center; border-bottom: 1px solid #d9d9d9; width: 100%; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .detail-text { padding: 0 80px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .detail-text { padding: 10px 10px 15px 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown .fpl-form-field.p-7, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown .fpl-form-field.p-7 { width: 480px; margin: 0 auto; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown .form-error-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-consolidated-billing .consolidated-billing .fpl-form .predictive-dropdown .form-error-note { width: 90%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-header, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-header { display: flex; align-items: center; padding: 20px; background-color: #0073a8; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-header button, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-header button { text-align: right; padding: 0px 10px; color: #ffffff; text-shadow: none; opacity: 1; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form { overflow: auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .ebill-enrollment-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .ebill-enrollment-confirm-text, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .detail-text { text-align: center; margin-bottom: 25px; padding: 0 40px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .ebill-enrollment-confirm-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .ebill-enrollment-confirm-text, #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .detail-text, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .detail-text { padding: 0 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note { width: 100%; border-bottom: none !important; } @media (min-width: 1025px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note { width: 46%; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1022px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note { width: 72%; margin: 0 auto; } } @media (min-width: 1023px) and (max-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note { width: 50%; margin: 0 auto; } } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note { padding: 0 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note .fpl-dropdown-field { width: 480px; margin: 0 auto 40px auto; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .fpl-form .fpl-form-row.past-due-notices-note .fpl-dropdown-field { width: 280px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected { font-size: 16px; padding: 0; margin-left: -15px; margin-top: 10px; width: 17%; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected { margin: 5px 0 22px 0; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected { width: 28%; margin-top: 0px; margin-bottom: 20px; } } @media all and (device-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .ebill-enrollment-account-selected { width: 19%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .dropdownBtnWrapper, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block .drawer-open.edit-eBill-enrollment .ebill-enrollment .dropdownBtnWrapper { border-top: 1px solid #d9d9d9; padding-top: 30px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr { margin-bottom: 20px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info { padding: 25px 0px 20px 0px; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info { padding: 15px 0px 0px 0px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info .drawer-closeRow, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info .drawer-closeRow { margin: 0 0 0 60px !important; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info .drawer-closeRow, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.emailAddr .email-info .drawer-closeRow { margin: 0 0 0 13px !important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.consolidatedBilling + div, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.consolidatedBilling + div { padding-top: 25px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.eBillEnrollment + div, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .drawer-content-block.eBillEnrollment + div { padding-top: 25px; } #multiAccountManageEBillMainView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .eBill-enrollment-label, #multiAccountAgentLanderView .multi-container .manage-groups .multi-manage-ebill-edit .accounts-header .multi-profile .eBill-enrollment-label { padding-top: 12px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header { margin-bottom: 8px; font-family: Arial; color: #404040; } @media (max-width: 767px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header { line-height: 24px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-ebill .section-header { line-height: 25px; font-size: 25px; } } @media (max-width: 767px) and (min-width: 320px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .row-divider, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .row-divider { display: block!important; margin-top: -12px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksHeader, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksHeader { margin-top: 26px; font-family: Arial; font-size: 20px; color: #666666; letter-spacing: 0.13px; line-height: 24px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage { font-size: 16px; letter-spacing: 0.16px; line-height: 25px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage { letter-spacing: 0.16px; line-height: 20px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage, #multiAccountAgentLanderView .multi-container .manage-groups .row .row .col-md-12 .accounts-header .header-msgs .manageLinksVerbiage { letter-spacing: 0.16px; line-height: 20px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .hidden-xs, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .hidden-xs { display: none !important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .hidden-sm, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .hidden-sm { display: none !important; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-header h3, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-header h3 { font-size: 20px; line-height: 24px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-header .data h4, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-header .data h4 { font-size: 16px; line-height: 19px; font-family: Arial; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global { border-left: 1px solid #d9d9d9; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 { display: flex; float: right; padding: 9px 17px 9px 0px; width: 59%; border-right: 1px solid #cccccc; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 { display: flex; flex-direction: column; border-right: 1px solid #d9d9d9; width: 100%; padding: 12px 12px; background: #eef1f2; float: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 { display: flex; flex-direction: column; border-right: 1px solid #d9d9d9; width: 100%; padding: 12px 12px; background: #eef1f2; float: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all { display: inline-flex; align-items: center; width: 100%; font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box { margin-right: 15px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option { width: 37px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option { width: 29px; height: 29px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option .fa.fa-check, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option .fa.fa-check { font-size: 26px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option { width: 87%; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option { display: inline-block; margin-top: 6px; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option { display: inline-block; margin-top: 6px; width: 100%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 3px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 0px; height: 47px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field { margin-bottom: 0px; height: 47px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open { z-index: 1!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { border: 1px solid #cccccc !important; z-index: 0; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 5px 0 20px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 42px 0 20px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { height: 44px; padding: 15px 0px 12px !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 15px 0px 15px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px!important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i { right: 5px!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li { padding: 8px 20px; color: #666666; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option { color: #ffffff; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover { color: #ffffff; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row { width: 87%; margin-bottom: 0px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row { display: inline-block; width: 100%; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row { display: inline-block; width: 100%; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input { margin-bottom: 0px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; margin-top: 6px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; margin-top: 6px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field .clear-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-row .fpl-form-field .clear-field { margin-top: -30px !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-rowError, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .col-12 .fpl-form-rowError { display: inline-block !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated { width: 100%; display: flex; justify-content: space-between; padding: 15px 30px 15px 16px; border-right: 1px solid #d9d9d9; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated { flex-direction: column; padding: 16px 30px 16px 16px; align-items: center; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated { flex-direction: column; padding: 16px 30px 16px 16px; align-items: center; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message { display: flex; align-items: center; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon { margin-right: 15px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon { display: none; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .info-icon { display: none; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg { display: block; font-size: 18px; line-height: 22px; align-items: center; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg { font-size: 16px; margin-bottom: 20px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg { font-size: 16px; margin-bottom: 20px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg .bold::after, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg .bold::after { content: " "; background: url('../images/fpl_sprite.png'); width: 20px; margin-left: 10px; height: 20px; position: absolute; background-repeat: no-repeat; background-position: -200px -3800px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg .bold::after, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .consolidate-message .bold-msg .bold::after { content: " "; background: url('../images/fpl_sprite.png'); width: 20px; margin-left: 10px; height: 20px; position: absolute; background-repeat: no-repeat; background-position: -200px -3800px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all { display: flex; align-items: center; margin-left: 20px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box { margin-right: 10px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option { width: 37px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option { width: 29px; height: 29px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option .fa.fa-check, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .fpl-choice-box .choice-field.fpl-customized-option .fpl-custom-checkbox.fpl-custom-option .fa.fa-check { font-size: 26px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .opt-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body .action-global .row .ebill-consolidated .account-linking-change-email-all .opt-text { font-size: 16px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { 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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20% !important; text-align: left; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; margin-left: 7px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; margin-left: 7px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info label, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox .choice-info label { color: #666666; font-size: 14px !important; font-weight: bold !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 80% !important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 80% !important; padding: 0px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 10px 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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 10px 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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .name { width: 25% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .address { width: 25% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .email { width: 30% !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_accordion_body #containerId .accounts-table.multi-card.list ul, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 25% !important; border-top: none !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 25% !important; border-top: none !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 30% !important; border-top: none !important; padding: 9px 17px; } @media (min-width: 1024px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: flex!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 80%!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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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: 80%!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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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-item .accordion-body#embNotEnrolled_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; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select { width: 100% !important; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select { width: 100%; display: inline-block; border-right: none; 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-item .accordion-body#embNotEnrolled_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-linking-cell.email-select, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select { width: 100%; display: inline-block; border-right: none; padding: 18px 0px 0px 0px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status { width: 100%; height: auto; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field { margin-bottom: 3px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown.dropdown-open { z-index: 1!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { border: 1px solid #cccccc !important; z-index: 0; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown { padding: 0px; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item { padding: 0 5px 0 20px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { height: 44px; padding: 15px 0px 12px !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 15px 0px 15px!important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { overflow: hidden!important; white-space: nowrap!important; padding: 12px 0px 12px !important; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-text { padding: 12px 0px 12px !important; } } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow { height: 30px; width: 30px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-selected-item .selected-item-arrow i { right: 5px!important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list { border-bottom: none; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li { padding: 8px 20px; color: #666666; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li.selected-option { color: #ffffff; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-customized-option .fpl-dropdown-field .fpl-dropdown .dropdown-list li:hover { color: #ffffff; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row { margin-bottom: 0px; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input { margin-bottom: 0px; } @media (max-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; } } @media (max-width: 1023px) and (min-width: 768px) { #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field input { padding: 14px 24px 10px; } } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field .clear-field, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-item .accordion-body#embNotEnrolled_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-linking-cell.email-select .account-status .fpl-form-row .fpl-form-field .clear-field { margin-top: -30px !important; } #multiAccountManageEBillMainView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list, #multiAccountAgentLanderView .multi-container .manage-groups .row .col-md-12 .fpl-accordion .section .accordion-body#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_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#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 7% !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 .selection.selectAllCheckBox, #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 .selection.selectAllCheckBox { 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 .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#embEnrolled_accordion_body #containerId .accounts-table.multi-card.list .accounts-list-item.list-items.header-legend .nav-account-link .account-details .selection.selectAllCheckBox { width: 20% !important; text-align: left; } } @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 .selection.selectAllCheckBox .choice-info, #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 .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; margin-left: 7px; } } @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 .selection.selectAllCheckBox .choice-info, #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 .selection.selectAllCheckBox .choice-info { display: inline-block; float: left; margin-left: 7px; } } #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 .selection.selectAllCheckBox .choice-info label, #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 .selection.selectAllCheckBox .choice-info label { color: #666666; font-size: 14px !important; font-weight: bold !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, #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; } } @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; } } .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: 295px; } .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; }