[v-cloak] { display: none !important; } .family-plan-setting{ padding: 0px 20px; } .family-plan-container{ margin-top:12px; background-color: rgba(49, 49, 49, 0.8); } .family-plan-container #moovfamilyplan-title{ color: #a1a1a1; font-size: 14px; } .family-plan-container span{ display: none; float: left; color: #FFFFFF; font-family: "PingFang HK"; font-size: 18px; line-height: 25px; } #buttonManageFamilyPlan{ vertical-align: middle; float: right; display: none; } #form #account_overview #buttonExitFamilyPlan{ vertical-align: middle; float: right; display: none; align-self: center; height: 26px; width: 100px; font-size: 14px; color: #ff3535; border-radius: 3px; border: 1px solid #ff3535; opacity: 0.9; transition: opacity .25s linear; background-color: transparent; } .ot { height: 80px; width: 680px; text-align: center; } .ot:before { content: ''; display: inline-block; vertical-align: middle ; height: 100%; } .wrapper { display: inline-block; vertical-align: middle; width: 640px; /* height: 50px; */ background: rgba(49, 49, 49, 0.1); } .family-invite-container{ background-color: rgba(49, 49, 49, 0.8); width: 680px; height: 150px; } .invite-left{ padding: 20px; text-overflow:ellipsis; overflow: hidden; float: left; } .invite-right{ padding: 20px; float: right; } .align-col-2{ display: inline-block; width: 46%; } .invite-title{ color: white; font-size: 18px; min-height: 33px; color: #FFFFFF; font-family: "PingFang HK"; font-size: 24px; line-height: 33px; margin-bottom: 8px; } .family-address-title{ color: #39d1b3; margin-bottom: 10px; font-family: "PingFang HK"; font-size: 14px; line-height: 20px; } span.family-address{ color: #a1a1a1; width: 300px; } div.family-address{ color: #a1a1a1; width: 300px; } .family-address-scroll{ max-height: 50px; overflow-y: scroll; } .font-subtitle{ color: #a1a1a1; font-size: 16px; margin: 36px 0px 12px 12px; } .list-card{ width: 680px; min-height: 100px; background-color: rgba(49, 49, 49, 0.8); margin: 4px 0; } .buttonRemoveFamilyMember { vertical-align: middle; float: right; align-self: center; height: 28px; width: 134px; font-size: 16px; color: #ff3535; border-radius: 3px; border: 1px solid #ff3535; opacity: 0.9; transition: opacity .25s linear; background-color: transparent; } .family-member-name{ color:#FFF; font-size: 16px; } .family-member-status,.family-member-email{ color: #a1a1a1; font-size: 14px; max-width: 408px; overflow: hidden; text-overflow: ellipsis; } .mparent {display: table;} .mchild { display: table-cell; vertical-align: middle; } .fm-left-content p{ padding-top:8px; padding-bottom: 1px; } .fm-left-content{ padding: 0 20px; width: 380px; } .list-card.mparent.fm-left-email{ height: 100px; } .buttonResentFamilyMember{ min-width: 134px; padding: 0 10px 0 10px; height: 28px; background-color: #39D1B3; color: white; border-radius: 3px; border: none; font-size: 14px; } .invite-right.align-col-2.fm-letter-active{ padding-top:30px; padding-bottom:0px; background-image: url('../images/familyplan/img_portal_invitation_on.svg'); width: 50%; height: 100%; /* background-size: 90% 90%; */ background-repeat: no-repeat; background-position-y: bottom; background-position-x: 6px; } .invite-right.align-col-2.fm-letter-inactive{ padding-top:30px; padding-bottom:0px; background-image: url('../images/familyplan/img_portal_invitation_off.svg'); width: 50%; height: 100%; /* background-size: 90% 90%; */ background-repeat: no-repeat; background-position-y: bottom; background-position-x: 6px; } #buttonAddFamilyMember{ min-width: 160px; padding: 0 10px 0 10px; height: 32px; background-color: #39D1B3; color: white; border-radius: 3px; border: none; font-size: 14px; position: relative; left: 65px; top: 62px; } #buttonAlertConfirm{ min-width: 120px; padding: 0 10px 0 10px; height: 28px; background-color: #39D1B3; color: white; border-radius: 3px; border: none; font-size: 14px; float: right; margin-left: 10px; cursor: pointer; } #buttonAddFamilyMemberInactive{ min-width: 160px; padding: 0 10px 0 10px; height: 32px; background-color: #a1a1a1; color: white; border-radius: 3px; border: none; font-size: 14px; position: relative; left: 65px; top: 68px; display: none; } #buttonAlertCancel{ min-width: 120px; padding: 0 10px 0 10px; height: 28px; background-color: #a1a1a1; color: white; border-radius: 3px; border: none; font-size: 14px; position: relative; cursor: pointer; float: right; margin-left: 10px; } .swal2-popup { padding: 24px !important; } .swal2-popup #swal2-content { text-align: left !important; } .swal2-moov-desc{ color: #555555; font-family: Helvetica; font-size: 18px; line-height: 22px; font-weight: 400; } .swal2-moov-title{ color: #555555; font-family: "Helvetica Neue"; font-size: 24px; line-height: 29px; font-weight: 400; } .il-title{ width: 320px; } .if484{ height: 503px !important; } .mg-b-8{ margin-bottom: 8px; } body div#frameLayer iframe#ifm_InviteMember.resize{ height: 554px !important; } .family_plan_csl_popup{ height: 511px; width: 520px; border-radius: 2px; background-color: transparent; } .family_plan_csl_popup_top_1{ height: 35px; background-color: transparent; } .family_plan_csl_popup_top_2{ height: 105px; width: 520px; background-color: #39D1B3; } .family_plan_csl_popup_top_2 img{ position: relative; left: calc((520px - 266px)/2); top: -55px; width: 266px; } .family_plan_csl_popup_body{ height: 306px; background-color: #FFF; padding-left: 99px; padding-right: 98px; padding-top: 1px; } .family_plan_csl_popup_title{ height: 25px; width: 296px; color: #555555; font-family: "PingFang HK"; font-size: 18px; font-weight: 500; line-height: 25px; text-align: center; margin: auto; margin-top: 16px; } .family_plan_csl_popup_info{ /* height: 44px; */ width: 296px; color: #A1A1A1; font-family: "PingFang SC"; font-size: 16px; line-height: 22px; text-align: center; margin: auto; margin-top: 8px; } .family_plan_csl_dob_label{ height: 22px; color: #A1A1A1; font-family: "PingFang HK"; font-size: 16px; line-height: 22px; margin-top: 8px; } select.fp-csl-select#csl-dob-date,select.fp-csl-select#csl-dob-month,select.fp-csl-select#csl-dob-year{ height: 42px; width: 91px; border: 1px solid #A1A1A1; background-color: #FBFBFB; color: #A1A1A1; border-radius: 1px !important; margin-top: 12px; padding: 8px; } .fp-csl-select:nth-of-type(2){ margin-left: 16px; } .fp-csl-select:nth-of-type(3){ margin-left: 16px; } /* select.fp-csl-select select{ width: 91px; } */ div.csl-select{ margin-left: auto; margin-right: auto; width: 322px; padding-top: 12px; } select.fp-csl-select{ -webkit-appearance: menulist-button; } div.popup-button{ margin-top: 3px; width: 270px; margin-left: auto; margin-right: auto; } .fp-btn{ margin-bottom: 20px; } #man-fp-btn{ height: 40px; width: 270px; border-radius: 2px; background-color: #39D1B3; color: #FFFFFF; font-family: "PingFang HK"; font-size: 14px; font-weight: 500; letter-spacing: -0.25px; line-height: 20px; text-align: center; border: 1px solid #39D1B3; } #sus-fp-btn{ height: 40px; width: 270px; border: 1px solid #39D1B3; border-radius: 2px; color: #39D1B3; font-family: "PingFang HK"; font-size: 14px; font-weight: 500; letter-spacing: -0.25px; line-height: 20px; text-align: center; } *.hidden{ display: none; } div.family_plan_csl_popup_body div.error-alert{ margin-top: 5px; height: 28px; width: 323px; background-color: #FDDFE0; padding: 4px; opacity: 0; } div.family_plan_csl_popup_body div.error-alert.active{ opacity: 1; } div.family_plan_csl_popup_body div.error-alert span{ color: #C94235; font-family: "PingFang HK"; font-size: 12px; letter-spacing: -0.24px; line-height: 17px; } div.family_plan_csl_popup_body div.error-alert img{ width: 15px; height: 15px; } .swal2-popup h2.swal2-title#swal2-title{ text-align: left; color: #555555; font-family: "Helvetica Neue"; font-size: 24px; line-height: 29px; font-weight: normal; margin-bottom: 51px; } .swal2-popup .swal2-header{ align-items: normal !important; } #buttonAddFamilyMember.invEng{ left:50px; }