/* #account-management { background: linear-gradient(to right, #F5F9FD, #F1F7FE); } */ #account-management.dashboard { max-width: none; } #account-management .my-account .dashboard_info { display: flex; flex-wrap: wrap; } #account-management .container { background-color: #FFF; border: 1px solid #d1d0ff; box-shadow: 0px 0px 2px #d1d0ff; width: 100%; } #account-management.login button { display: inline-block; } /* Button Styles */ #account-management .button, #account-management button { width:fit-content; display: flex; align-items: center; padding: 0.35em 0.75em; font-size: 0.835em; background-color: #284A87 ; border-radius: 5px; color: #FFF; text-transform: none; } #account-management .button.orange, #account-management button.orange { background-color: #ea580c; color: #FFF; } #account-management .button.grey, #account-management button.grey { background-color: #9ca3af; color: #FFF; } #account-management .button.blue_border, #account-management button.blue_border { background-color: transparent; border: 1px solid #d2e6fe; color: #000; } #account-management .button.grey_border, #account-management button.grey_border { background-color: transparent; border: 1px solid #e0e0e0; color: #000; } #account-management .button.large, #account-management button.large { font-size: 1em; padding: 0.65em 1.75em; } #account-management .button.medium, #account-management button.medium { font-size: 1em; padding: 0.35em 1.25em; } #account-management .button.smedium, #account-management button.smedium { font-size: 0.875em; padding: 0.5em 1.5em; } #account-management .button.pending { pointer-events: none; } #account-management .button.square { border-radius: 0; } /* Status Buttons */ #account-management .pending.button.orange { background-color: #9ca3af; color: #FFF; } /* Container Styles */ #account-management .container { border: 1px solid #e0e0e0; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } #account-management .container.info_top { margin-bottom: 2em; padding: 2em; } #account-management .container.info_left { width: calc(50% - 1em); margin-right: 2em; } #account-management .container.info_right { width: calc(50% - 1em); margin-left: 0em; } #account-management .container .card { padding: 1em; margin-bottom: 1em; display: flex; width: 100%; flex-wrap: wrap; } #account-management .container .card.nowrap { flex-wrap: nowrap; } #account-management .container .card:last-of-type { margin-bottom: 0em; } #account-management .container .card.no_margin { margin: 0em; } #account-management .lightorange_background { background-color: #fff7ed; } #account-management .blue_background { background-color: #eff6ff; } #account-management .grey_background { background-color: #f8f8f8; } #account-management .green_background { background-color: #f0fdf4; } #account-management .blue_border { border: 1px solid #d2e6fe; } #account-management .green_border { border: 1px solid #cff9dd; } #account-management .orange_border { border: 1px solid #fee4c5; } #account-management .leftblue_border { border-left: 5px solid #3b82f6; } #account-management .grey_border { border: 1px solid #9ca3af; } #account-management .container.medium { max-width: 860px; } #account-management .container.small { max-width: 600px; } #account-management .container.dashboard { padding: 1.5em; } #account-management .container .container-header { padding: 1em 1.5em; border-bottom: 1px solid lightgrey; display: flex; flex-wrap: wrap; align-items: start; } #account-management .container .container-header.center { align-items: center; } #account-management .container .container-content { padding: 1em 1.5em; display: flex; width: 100%; flex-wrap: wrap; } #account-management .container .container-footer { padding: 1em; border-top: 1px solid lightgrey; display: flex; align-items: end; flex-wrap: wrap; } #account-management .container .small-icon { margin-right: 1em; font-size: 0.875em; } #account-management .container .small-icon.green { color: #16a34a; } #account-management .container .small-icon.blue { color: #284a87; } #account-management .container .small-icon.tiny { font-size: 0.75em; } #account-management .container .container-content .col-left { width: calc(55% - 1em); margin-right: 1em; } #account-management .container .container-content .col-right { width: calc(45% - 1em); margin-left: 1em; } #account-management .container .content-row { display: flex; align-items: center; width: 100%; } #account-management .container .content-row.center { justify-content: center; } #account-management .container .content-row.m-1 { margin: 1em; } #account-management .container .content-row.my-1 { margin: 1em 0; } #account-management .container .content-row.mx-1 { margin: 0 1em; } #account-management .container .content-row.mt-1 { margin: 1em 0 0; } #account-management .container .content-row.mb-1 { margin: 0 0 1em; } #account-management .container .content-row.m-2 { margin: 1.5em; } #account-management .container .content-row.my-2 { margin: 1.5em 0; } #account-management .container .content-row.mx-2 { margin: 0 1.5em; } #account-management .container .content-row.mt-2 { margin: 1.5em 0 0; } #account-management .container .content-row.mb-2 { margin: 0 0 1.5em; } #account-management .container .content-column { display: flex; flex-direction: column; } #account-management .container .container-header .label { font-size: 1.188em; font-weight: 600; color: #284A87; width: 100%; line-height: 1em; } #account-management .container .container-header .label.large { font-size: 1.25em; } #account-management .container .container-header .introduction { font-size: 0.813em; margin-top: 0.35em; color: grey; } #account-management .container .container-header .introduction.black { color: #333333; } #account-management .container .container-header .text { flex: 1; display: flex; flex-direction: column; justify-content: center; margin-right: 0.5em; } #account-management .container .container-header .text.bottom { justify-content: end; } /* Contact Us Styles */ #account-management .container .container-content .contact-items { display: flex; flex-direction: column; margin: 0.5em 0 0; } #account-management .container .container-content .contact-items .contact-item { display: flex; padding: 0.5em 0 0; margin: 0 0 0.25em; } #account-management .container .container-content .contact-items .contact-item:last-of-type { margin: 0; } #account-management .container .container-content .contact-items .contact-item .icon { min-width: 25px; padding: 0 0.5em 0 0; margin-right: 0.25em; font-size: 1em; } #account-management .container .container-content .contact-items .contact-item .value { width: calc( 100% - 25px); word-wrap: break-word; } #account-management .container .container-content .initials { margin-right: 0.75em; background-color: #284a87; border-radius: 50%; padding: 0.75em; width: 48px; height: 48px; color: #FFF; display: flex; justify-content: center; align-items: center; font-size: 1.125em; } #account-management .container .container-content .text-bold { font-weight: 600; } #account-management .container .container-content .text-s3 { font-size: 0.813em; } #account-management .container .container-content .text-s2 { font-size: 0.875em; } #account-management .container .container-content .text-s1 { font-size: 0.938em; } #account-management .container .container-content .text-l3 { font-size: 0.813em; } #account-management .container .container-content .text-l2 { font-size: 1.25em; } #account-management .container .container-content .text-l1 { font-size: 1.5em; } #account-management .container .w-100 { width: 100%; } #account-management .container .container-content .text-center { text-align: center; justify-content: center; } #account-management .container .container-content .text-grey { color: grey; } #account-management .container .container-content .address { margin-bottom: 0.75em; } #account-management .container .container-content .address:last-of-type { margin-bottom: 0; } #account-management .container .container-content .address .value { margin-top: 0.75em; } #account-management .container .form_container .form_completemessage p { margin: 0; padding: 0.5em 0; } /* Request a callback style / Form Styles */ #account-management .container .form_container { width: 100%; } #account-management .container .form_container input, #account-management .container .form_container select { border-radius: 8px; width: 100%; padding: 0.5em 0.75em; } #account-management .container .form_container .field-block { padding: 0 0 0.5em; } #account-management .container .form_container .field-block .field-label { padding: 0 0 0.5em; } #account-management .container .form_container .left { padding: 0 1em 0 0; } #account-management .container .form_container .right { padding: 0 0 0 1em; } #account-management .container .form_container .form-buttons { display: flex; } #account-management .container .form_container .form-buttons button { margin: 0; } #account-management .container .form_container .form-buttons button + button { margin: 0 0 0 1em; } #account-management .container .form_container.form_19 .form-buttons { margin: 2em 0 0; } #account-management .container .form_container.form_19 .enquiryFormSubmit { background-color: #ea580c; } /* Welcome Card Styles */ #account-management .container .welcome_introduction { margin-top: 1em; } #account-management .container .welcome_introduction p { margin: 0em; color: #284A87; } #account-management .container .heading { margin: 0 0 1.25em; display: flex; align-items: start; flex-wrap: wrap; } #account-management .container .heading .text { flex: 1; } #account-management .container .heading .label { font-size: 1.125em; font-weight: 600; margin: 0em; color: #284A87; text-transform: none; width: 100%; display: block; line-height: 1em; } #account-management .container .heading .introduction { font-size: 0.825em; width: 100%; display: block; color: #284A87; margin-top: 0.25em; } #account-management .container .icon { font-size: 1.125em; display: flex; align-items: center; justify-content: center; padding: 0.5em; margin-right: 0.75em; min-width: 36px; } #account-management .container .icon.orange { background-color:#ffedd5; color: #ea580c; } #account-management .container .icon.green { background-color:#dcfce7; color: green; } #account-management .container .icon.blue { background-color:#eff6ff; color: #3b82f6; } #account-management .container .icon.white { background-color:#284A87; color: #FFF; } #account-management .container button .icon, #account-management .container .button .icon { padding: 0; min-width: 0; margin-right: 0.5em; } #account-management .container .card .text { display: flex; flex-wrap: wrap; width: 100%; align-content: center; } #account-management .container .card .text.center { justify-content: center; } #account-management .container .card .text .label { font-size: 0.938em; font-weight: 600; width: 100%; display: flex; align-items: center; } #account-management .container .card .text .introduction { font-size: 0.835em; width: 100%; margin: 0.75em 0; text-align: left; } #account-management .container .card .text .message { font-size: 0.835em; width: 100%; margin: 0.75em 0 0; } #account-management .container .card .text.green { color: green; } #account-management .container .card .text ul { width: 100%; list-style-type: none; margin: 0; padding: 0; } #account-management .container .card .text ul li { width: 100%; font-size: 1em; } #account-management .container .card .text ul li a { width: 100%; text-align: left; } #account-management .container .card .icon { font-size: 1em; background: none; align-items: start; margin-right: 0.25em; min-width: 30px; padding: 0.5em 0.5em 0.5em 0; } #account-management .container .card.download { min-height: 100px; } #account-management .container .card.download .label { margin-bottom: 0.5em; } #account-management .container .card .image { width: 100px; margin-right: 1em; display: flex; align-items: center; } #account-management .container .card .text .type { display: flex; align-items: center; font-size: 0.875em; color: grey; margin-right: 1em; } #account-management .container .card .text .file { display: flex; align-items: center; font-size: 0.875em; color: grey; margin-left: 1em; } #account-management .container .card .text .bullet { font-size: 1.5em; line-height: 1em; color: lightgrey; } /* Newsletter Styles */ #account-management { margin: 0 auto; } #account-management a.document { margin: 0% 0% 4% 4%; width: 22%; font-weight: 600; text-decoration: none !important; display: inline-block; vertical-align: top; color: #242424; } #account-management a.document img { min-height:375px; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); } #account-management a.document p { margin: 0.875rem 0% 1.5rem 0%; line-height: 1.375rem; } #account-management a.document:nth-of-type(4n+1) { margin: 0% 0% 4% 0%; } #account-management a.document:nth-of-type(4n+2) { margin: 0% 0% 4% 4%; } #account-management a.document:nth-of-type(4n+3) { margin: 0% 0% 4% 4%; } #account-management a.document:nth-of-type(4n+4) { margin: 0% 0% 4% 4%; } /* Form Review Styles */ #account-management .form_review .form_buttons { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 1em 0 0; } #account-management .form_review .form_buttons a.button { width: 48%; padding: 0.5em 1em; font-size: 1em; justify-content: center; margin: 0; } #account-management .form_review .form_buttons a.button.red { background-color: #dc2626; color: #FFF; } #account-management .form_review .form_buttons a.button.green { background-color: #16a34a; color: #FFF; } /* My Details Styles */ #account-management .section-menu + .account-panel { margin: 0; width: 68.4%; } #account-management.details { margin-left: 0; } #account-management.details .section-menu ul { padding: 1.5em; } #account-management .section-menu li { opacity: 1; font-weight: 500; } #account-management .section-menu li.active { font-weight: 700; } #account-management .account-panel.small, #account-management .section-menu + .account-panel { background-color: #FFF; } #account-management .panel-section button { display: inline-block; } /* Registration Styles */ #account-management a.button.switch_to_signup { display: inline-block; } #account-management a.button.switch_to_login { display: inline-block; } #account-management button.register { display: inline-block; } /* Contact Us Styles */ #account-management.contact-us .send_enquiry.open { margin-left: 0; } #account-management.contact-us .contact-us-buttons { display: flex; gap: 1em; flex-wrap: wrap; } #account-management.contact-us .contact-us-buttons .button + .button { margin-left: 0; } #account-management.contact-us .intro p { font-size: 1em; margin: 0 0 1em; } #account-management.contact-us textarea { height: 130px; } #account-management .container .welcome_box.heading .label { font-size: 1.5em; font-weight: 700; } #account-management .container .welcome_box.heading .introduction { font-size: 0.938em; } @media only screen and (min-width: 0px) and (max-width: 1200px) { #account-management .container.info_left { width: 100%; margin-right: 0em; margin-bottom: 2em; } #account-management .container.info_right { width: 100%; margin-left: 0em; } } @media only screen and (min-width: 0px) and (max-width: 800px) { #account-management a.document { margin: 0% 0% 5% 5%; width: 47.5%; } #account-management a.document:nth-of-type(2n+1) { margin: 0% 0% 5% 0%; } #account-management a.document:nth-of-type(2n+2) { margin: 0% 0% 5% 5%; } /* Request a callback style / Form Styles */ #account-management .container .form_container.form_19 .form-buttons.mobile-element { display: flex !important; } /* Contact Us Styles */ #account-management.contact-us .container-footer.contact-us textarea { width: 100%; height: 150px; } } @media only screen and (min-width: 0px) and (max-width: 600px) { #account-management .account-panel { padding: 25px 25px 50px 25px; } #account-management .container.info_left { margin-right: 0; width: 100%; margin-bottom: 1em; } #account-management .container.info_right { margin-left: 0; width: 100%; } #account-management .container.info_top { margin-bottom: 1em; } #account-management .container .container-content { flex-wrap: wrap; } #account-management .container .container-content .col-left { width: 100%; margin-right: 0em; } #account-management .container .container-content .col-right { width: 100%; margin-left: 0em; margin-top: 2em; } #account-management .form_review .form_buttons a.button { width: 100%; margin-bottom: 1em; } #account-management .form_review .form_buttons a.button:last-of-type { margin-bottom: 0; } /* My Details Styles */ #account-management .section-menu + .account-panel { width: 100%; } /* Contact Us Styles */ #account-management.contact-us .container-footer.contact-us textarea { height: 200px; } } @media only screen and (min-width: 0px) and (max-width: 450px) { #account-management .container.info_top { margin-bottom: 0.5em; } #account-management .container.info_left { margin-bottom: 0.5em; } #account-management .container .form_container.form_19 .field-block.col-2 { width: 100%; padding: 0; } #account-management .container .form_container.form_19 .field-block.col-2.left { padding: 0 0 0.5em; } /* Contact Us Styles */ #account-management.contact-us .container-footer.contact-us textarea { height: 225px; } }