/* * Copyright 2018 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-tabs__tablist { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } .cmp-tabs__tab { box-sizing: border-box; border-bottom: 1px solid transparent; padding: .5rem 1rem; cursor: pointer; } .cmp-tabs__tab--active { border-color: inherit; } .cmp-tabs__tabpanel { display: none; } .cmp-tabs__tabpanel--active { display: block; } .article-detail__row { padding: 6rem 0rem; } .display-flex { display: flex; } .width-75 { width: 75%; } .font-size-h3 { font-size: 3.8rem; } .article-detail__articleId { margin: 0rem; text-align: center; line-height: .5rem; word-break: normal; } .article-detail__attachment{ padding-left: 90px; padding-bottom: 50px; } .article-detail__body{ padding: 2rem 1rem; } @charset "UTF-8"; /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --lava: #E13200; --midnight: #002A4E; --black: #000110; --moonrock: #C0C0C0; --moonrock-80: #D1D3D4; --moonrock-60: #E0E0E0; --moonrock-40: #EBEBEB; --moonrock-20: #F5F5F5; --sand: #E0E0E0; --sand-25: #F5F5F5; --sand-50: #EBEBEB; --sand-75: #EBEBEB; --pearl: #D1D3D4; --pearl-10: #F5F5F5; --pearl-25: #EBEBEB; --pearl-50: #E0E0E0; --pearl-75: #D1D3D4; --linen: #C0C0C0; --linen-25: #E0E0E0; --linen-50: #D1D3D4; --linen-75: #C0C0C0; --slate: #C0C0C0; --slate-25: #E0E0E0; --slate-50: #C0C0C0; --slate-75: #C0C0C0; --stone: #D1D3D4; --sunflower: #D1D3D4; --mint: #D1D3D4; --light: #ffffff; --dark: #000110; --primary: #E13200; --secondary: #002A4E; --success: #D1D3D4; --info: #D1D3D4; --warning: #D1D3D4; --danger: #E13200; --light: #D1D3D4; --dark: #212529; --alt-light: #E0E0E0; --alt-dark: #002A4E; --breakpoint-sm: 0; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1440px; --font-family-sans-serif: "ff-good-web-pro", Arial sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 1, 16, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #E13200; text-decoration: none; background-color: transparent; } a:hover { color: #952100; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 1rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; line-height: 1.2; } h1, .h1 { font-size: 4.2rem; } h2, .h2 { font-size: 3.6rem; } h3, .h3 { font-size: 1.896rem; } h4, .h4 { font-size: 1.8rem; } h5, .h5 { font-size: 1.6rem; } h6, .h6 { font-size: 1.6rem; } .lead { font-size: 2rem; font-weight: 400; } .display-1 { font-size: 12rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 7.2rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.2rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1.6rem; margin-bottom: 1.6rem; border: 0; border-top: 1px solid rgba(0, 1, 16, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1.6rem; font-size: 2rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.8rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #ffffff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .table { width: 100%; margin-bottom: 1.6rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #D1D3D4; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #D1D3D4; } .table tbody + tbody { border-top: 2px solid #D1D3D4; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #D1D3D4; } .table-bordered th, .table-bordered td { border: 1px solid #D1D3D4; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 1, 16, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 1, 16, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #f7c6b8; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #ef947a; } .table-hover .table-primary:hover { background-color: #f4b4a1; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #f4b4a1; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #b8c3cd; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #7a90a3; } .table-hover .table-secondary:hover { background-color: #a9b6c2; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #a9b6c2; } .table-success, .table-success > th, .table-success > td { background-color: #f2f3f3; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #e7e8e9; } .table-hover .table-success:hover { background-color: #e5e7e7; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #e5e7e7; } .table-info, .table-info > th, .table-info > td { background-color: #f2f3f3; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #e7e8e9; } .table-hover .table-info:hover { background-color: #e5e7e7; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #e5e7e7; } .table-warning, .table-warning > th, .table-warning > td { background-color: #f2f3f3; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #e7e8e9; } .table-hover .table-warning:hover { background-color: #e5e7e7; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #e5e7e7; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f7c6b8; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ef947a; } .table-hover .table-danger:hover { background-color: #f4b4a1; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f4b4a1; } .table-light, .table-light > th, .table-light > td { background-color: #f2f3f3; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #e7e8e9; } .table-hover .table-light:hover { background-color: #e5e7e7; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #e5e7e7; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c1c2c3; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #8c8e90; } .table-hover .table-dark:hover { background-color: #b4b5b6; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b4b5b6; } .table-alt-light, .table-alt-light > th, .table-alt-light > td { background-color: #f6f6f6; } .table-alt-light th, .table-alt-light td, .table-alt-light thead th, .table-alt-light tbody + tbody { border-color: #efefef; } .table-hover .table-alt-light:hover { background-color: #e9e9e9; } .table-hover .table-alt-light:hover > td, .table-hover .table-alt-light:hover > th { background-color: #e9e9e9; } .table-alt-dark, .table-alt-dark > th, .table-alt-dark > td { background-color: #b8c3cd; } .table-alt-dark th, .table-alt-dark td, .table-alt-dark thead th, .table-alt-dark tbody + tbody { border-color: #7a90a3; } .table-hover .table-alt-dark:hover { background-color: #a9b6c2; } .table-hover .table-alt-dark:hover > td, .table-hover .table-alt-dark:hover > th { background-color: #a9b6c2; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 1, 16, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #ffffff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #D1D3D4; } .table-dark { color: #ffffff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1439.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 1.4rem + 2px); padding: 0.7rem 0.75rem; font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #ffffff; border-color: #ff8562; outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.7rem + 1px); padding-bottom: calc(0.7rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.8rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 1.4rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.7rem; padding-bottom: 0.7rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.8rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #D1D3D4; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.4rem; line-height: 1.5; color: #212529; background-color: rgba(209, 211, 212, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #D1D3D4; padding-right: calc(1.5em + 1.4rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23D1D3D4' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.35rem); background-size: calc(0.75em + 0.7rem) calc(0.75em + 0.7rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #D1D3D4; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.4rem); background-position: top calc(0.375em + 0.35rem) right calc(0.375em + 0.35rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #D1D3D4; padding-right: calc((1em + 1.4rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23D1D3D4' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.7rem) calc(0.75em + 0.7rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #D1D3D4; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #D1D3D4; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #D1D3D4; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #D1D3D4; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #ebeced; background-color: #ebeced; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #D1D3D4; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #D1D3D4; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #D1D3D4; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #E13200; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 1.4rem; line-height: 1.5; color: #ffffff; background-color: rgba(225, 50, 0, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #E13200; padding-right: calc(1.5em + 1.4rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23E13200' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23E13200' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.35rem); background-size: calc(0.75em + 0.7rem) calc(0.75em + 0.7rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #E13200; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.4rem); background-position: top calc(0.375em + 0.35rem) right calc(0.375em + 0.35rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #E13200; padding-right: calc((1em + 1.4rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23E13200' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23E13200' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.7rem) calc(0.75em + 0.7rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #E13200; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #E13200; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #E13200; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #E13200; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff4915; background-color: #ff4915; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #E13200; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #E13200; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #E13200; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.7rem 0.75rem; font-size: 1.6rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-primary:hover { color: #ffffff; background-color: #bb2a00; border-color: #ae2700; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-primary:not(:disabled):not(.disabled):active:hover, .btn-primary:not(:disabled):not(.disabled).active:hover, .show > .btn-primary.dropdown-toggle:hover { background-color: #bb2a00; border-color: #ae2700; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-secondary { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-secondary:hover { color: #ffffff; background-color: #001528; border-color: #000f1b; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-secondary:not(:disabled):not(.disabled):active:hover, .btn-secondary:not(:disabled):not(.disabled).active:hover, .show > .btn-secondary.dropdown-toggle:hover { background-color: #001528; border-color: #000f1b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-success { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-success:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-success:not(:disabled):not(.disabled):active:hover, .btn-success:not(:disabled):not(.disabled).active:hover, .show > .btn-success.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-info { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-info:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-info:not(:disabled):not(.disabled):active:hover, .btn-info:not(:disabled):not(.disabled).active:hover, .show > .btn-info.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-warning { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-warning:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-warning:not(:disabled):not(.disabled):active:hover, .btn-warning:not(:disabled):not(.disabled).active:hover, .show > .btn-warning.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-danger { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-danger:hover { color: #ffffff; background-color: #bb2a00; border-color: #ae2700; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-danger:not(:disabled):not(.disabled):active:hover, .btn-danger:not(:disabled):not(.disabled).active:hover, .show > .btn-danger.dropdown-toggle:hover { background-color: #bb2a00; border-color: #ae2700; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-light { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-light:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-light:not(:disabled):not(.disabled):active:hover, .btn-light:not(:disabled):not(.disabled).active:hover, .show > .btn-light.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-dark { color: #ffffff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #ffffff; background-color: #101214; border-color: #0a0c0d; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #ffffff; background-color: #212529; border-color: #212529; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-dark:not(:disabled):not(.disabled):active:hover, .btn-dark:not(:disabled):not(.disabled).active:hover, .show > .btn-dark.dropdown-toggle:hover { background-color: #101214; border-color: #0a0c0d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(66, 70, 73, 0.5); } .btn-alt-light { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-alt-light:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-alt-light:focus, .btn-alt-light.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-alt-light.disabled, .btn-alt-light:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-alt-light:not(:disabled):not(.disabled):active, .btn-alt-light:not(:disabled):not(.disabled).active, .show > .btn-alt-light.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-alt-light:not(:disabled):not(.disabled):active:hover, .btn-alt-light:not(:disabled):not(.disabled).active:hover, .show > .btn-alt-light.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-alt-light:not(:disabled):not(.disabled):active:focus, .btn-alt-light:not(:disabled):not(.disabled).active:focus, .show > .btn-alt-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-alt-dark { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-alt-dark:hover { color: #ffffff; background-color: #001528; border-color: #000f1b; } .btn-alt-dark:focus, .btn-alt-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-alt-dark.disabled, .btn-alt-dark:disabled { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-alt-dark:not(:disabled):not(.disabled):active, .btn-alt-dark:not(:disabled):not(.disabled).active, .show > .btn-alt-dark.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-alt-dark:not(:disabled):not(.disabled):active:hover, .btn-alt-dark:not(:disabled):not(.disabled).active:hover, .show > .btn-alt-dark.dropdown-toggle:hover { background-color: #001528; border-color: #000f1b; } .btn-alt-dark:not(:disabled):not(.disabled):active:focus, .btn-alt-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-alt-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-outline-primary { color: #E13200; border-color: #E13200; } .btn-outline-primary:hover { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #E13200; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .btn-outline-secondary { color: #002A4E; border-color: #002A4E; } .btn-outline-secondary:hover { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #002A4E; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .btn-outline-success { color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-success:hover { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #D1D3D4; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-info { color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-info:hover { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #D1D3D4; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-warning { color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-warning:hover { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #D1D3D4; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-danger { color: #E13200; border-color: #E13200; } .btn-outline-danger:hover { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #E13200; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .btn-outline-light { color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-light:hover { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #D1D3D4; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #ffffff; background-color: #212529; border-color: #212529; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #ffffff; background-color: #212529; border-color: #212529; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } .btn-outline-alt-light { color: #E0E0E0; border-color: #E0E0E0; } .btn-outline-alt-light:hover { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-outline-alt-light:focus, .btn-outline-alt-light.focus { box-shadow: 0 0 0 0.2rem rgba(224, 224, 224, 0.5); } .btn-outline-alt-light.disabled, .btn-outline-alt-light:disabled { color: #E0E0E0; background-color: transparent; } .btn-outline-alt-light:not(:disabled):not(.disabled):active, .btn-outline-alt-light:not(:disabled):not(.disabled).active, .show > .btn-outline-alt-light.dropdown-toggle { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-outline-alt-light:not(:disabled):not(.disabled):active:focus, .btn-outline-alt-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alt-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(224, 224, 224, 0.5); } .btn-outline-alt-dark { color: #002A4E; border-color: #002A4E; } .btn-outline-alt-dark:hover { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-outline-alt-dark:focus, .btn-outline-alt-dark.focus { box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .btn-outline-alt-dark.disabled, .btn-outline-alt-dark:disabled { color: #002A4E; background-color: transparent; } .btn-outline-alt-dark:not(:disabled):not(.disabled):active, .btn-outline-alt-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-alt-dark.dropdown-toggle { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-outline-alt-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-alt-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alt-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .btn-link { font-weight: 400; color: #E13200; text-decoration: none; } .btn-link:hover { color: #952100; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.8rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .spinner-border { margin-right: 10px; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1.6rem; color: #212529; text-align: left; list-style: none; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 1, 16, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1440px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.8rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: #E13200; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 1.4rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.7rem 0.75rem; margin-bottom: 0; font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.8rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 2.4rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; border-color: #E13200; background-color: #E13200; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff8562; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #ffffff; background-color: #ffac95; border-color: #ffac95; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.7rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #ffffff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.7rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #E13200; background-color: #E13200; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(225, 50, 0, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(225, 50, 0, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(225, 50, 0, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.7rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #ffffff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(225, 50, 0, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 1.4rem + 2px); padding: 0.7rem 1.75rem 0.7rem 0.75rem; font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #ff8562; outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #ffffff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 1.4rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.8rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 1.4rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 1.4rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #ff8562; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 1.4rem + 2px); padding: 0.7rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 1.4rem); padding: 0.7rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #E13200; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #ffac95; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #E13200; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #ffac95; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #E13200; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #ffac95; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #ffffff; border-color: #dee2e6 #dee2e6 #ffffff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #ffffff; background-color: #E13200; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.8rem 1.6rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.35rem; padding-bottom: 0.35rem; margin-right: 1.6rem; font-size: 1.8rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (max-width: 991.98px) { .navbar-nav { margin-bottom: 141px !important; } } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.8rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1439.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1440px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 1, 16, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 1, 16, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 1, 16, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 1, 16, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 1, 16, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 1, 16, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 1, 16, 0.5); border-color: rgba(0, 1, 16, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 1, 16, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 1, 16, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 1, 16, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 1, 16, 0.9); } .navbar-dark .navbar-brand { color: #ffffff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #ffffff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #ffffff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #ffffff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #ffffff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; border: 1px solid rgba(0, 1, 16, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 1, 16, 0.03); border-bottom: 1px solid rgba(0, 1, 16, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 1, 16, 0.03); border-top: 1px solid rgba(0, 1, 16, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { margin-bottom: 15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } .card-group { display: flex; flex-direction: column; flex-flow: row wrap; } .card-group > .card { margin-bottom: 15px; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { margin-bottom: 0.75rem; } .card-columns .card { display: inline-block; width: 100%; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #E13200; background-color: #ffffff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #952100; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #ffffff; background-color: #E13200; border-color: #E13200; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #ffffff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.8rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 1.4rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #ffffff; background-color: #E13200; } a.badge-primary:hover, a.badge-primary:focus { color: #ffffff; background-color: #ae2700; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .badge-secondary { color: #ffffff; background-color: #002A4E; } a.badge-secondary:hover, a.badge-secondary:focus { color: #ffffff; background-color: #000f1b; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .badge-success { color: #212529; background-color: #D1D3D4; } a.badge-success:hover, a.badge-success:focus { color: #212529; background-color: #b7babb; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .badge-info { color: #212529; background-color: #D1D3D4; } a.badge-info:hover, a.badge-info:focus { color: #212529; background-color: #b7babb; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .badge-warning { color: #212529; background-color: #D1D3D4; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #b7babb; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .badge-danger { color: #ffffff; background-color: #E13200; } a.badge-danger:hover, a.badge-danger:focus { color: #ffffff; background-color: #ae2700; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(225, 50, 0, 0.5); } .badge-light { color: #212529; background-color: #D1D3D4; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #b7babb; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(209, 211, 212, 0.5); } .badge-dark { color: #ffffff; background-color: #212529; } a.badge-dark:hover, a.badge-dark:focus { color: #ffffff; background-color: #0a0c0d; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.5); } .badge-alt-light { color: #212529; background-color: #E0E0E0; } a.badge-alt-light:hover, a.badge-alt-light:focus { color: #212529; background-color: #c7c7c7; } a.badge-alt-light:focus, a.badge-alt-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(224, 224, 224, 0.5); } .badge-alt-dark { color: #ffffff; background-color: #002A4E; } a.badge-alt-dark:hover, a.badge-alt-dark:focus { color: #ffffff; background-color: #000f1b; } a.badge-alt-dark:focus, a.badge-alt-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 42, 78, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; padding: 4rem 2rem; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4.9rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #751a08; background-color: #f9d6cc; border-color: #f7c6b8; } .alert-primary hr { border-top-color: #f4b4a1; } .alert-primary .alert-link { color: #450f05; } .alert-secondary { color: #001630; background-color: #ccd4dc; border-color: #b8c3cd; } .alert-secondary hr { border-top-color: #a9b6c2; } .alert-secondary .alert-link { color: black; } .alert-success { color: #6d6e76; background-color: #f6f6f6; border-color: #f2f3f3; } .alert-success hr { border-top-color: #e5e7e7; } .alert-success .alert-link { color: #55555b; } .alert-info { color: #6d6e76; background-color: #f6f6f6; border-color: #f2f3f3; } .alert-info hr { border-top-color: #e5e7e7; } .alert-info .alert-link { color: #55555b; } .alert-warning { color: #6d6e76; background-color: #f6f6f6; border-color: #f2f3f3; } .alert-warning hr { border-top-color: #e5e7e7; } .alert-warning .alert-link { color: #55555b; } .alert-danger { color: #751a08; background-color: #f9d6cc; border-color: #f7c6b8; } .alert-danger hr { border-top-color: #f4b4a1; } .alert-danger .alert-link { color: #450f05; } .alert-light { color: #6d6e76; background-color: #f6f6f6; border-color: #f2f3f3; } .alert-light hr { border-top-color: #e5e7e7; } .alert-light .alert-link { color: #55555b; } .alert-dark { color: #11141d; background-color: #d3d3d4; border-color: #c1c2c3; } .alert-dark hr { border-top-color: #b4b5b6; } .alert-dark .alert-link { color: black; } .alert-alt-light { color: #74757c; background-color: #f9f9f9; border-color: #f6f6f6; } .alert-alt-light hr { border-top-color: #e9e9e9; } .alert-alt-light .alert-link { color: #5b5c62; } .alert-alt-dark { color: #001630; background-color: #ccd4dc; border-color: #b8c3cd; } .alert-alt-dark hr { border-top-color: #a9b6c2; } .alert-alt-dark .alert-link { color: black; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 1.2rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #ffffff; text-align: center; white-space: nowrap; background-color: #E13200; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #ffffff; border: 1px solid rgba(0, 1, 16, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #ffffff; } .list-group-item.active { z-index: 2; color: #ffffff; background-color: #E13200; border-color: #E13200; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1440px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #751a08; background-color: #f7c6b8; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #751a08; background-color: #f4b4a1; } .list-group-item-primary.list-group-item-action.active { color: #ffffff; background-color: #751a08; border-color: #751a08; } .list-group-item-secondary { color: #001630; background-color: #b8c3cd; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #001630; background-color: #a9b6c2; } .list-group-item-secondary.list-group-item-action.active { color: #ffffff; background-color: #001630; border-color: #001630; } .list-group-item-success { color: #6d6e76; background-color: #f2f3f3; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #6d6e76; background-color: #e5e7e7; } .list-group-item-success.list-group-item-action.active { color: #ffffff; background-color: #6d6e76; border-color: #6d6e76; } .list-group-item-info { color: #6d6e76; background-color: #f2f3f3; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #6d6e76; background-color: #e5e7e7; } .list-group-item-info.list-group-item-action.active { color: #ffffff; background-color: #6d6e76; border-color: #6d6e76; } .list-group-item-warning { color: #6d6e76; background-color: #f2f3f3; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #6d6e76; background-color: #e5e7e7; } .list-group-item-warning.list-group-item-action.active { color: #ffffff; background-color: #6d6e76; border-color: #6d6e76; } .list-group-item-danger { color: #751a08; background-color: #f7c6b8; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #751a08; background-color: #f4b4a1; } .list-group-item-danger.list-group-item-action.active { color: #ffffff; background-color: #751a08; border-color: #751a08; } .list-group-item-light { color: #6d6e76; background-color: #f2f3f3; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #6d6e76; background-color: #e5e7e7; } .list-group-item-light.list-group-item-action.active { color: #ffffff; background-color: #6d6e76; border-color: #6d6e76; } .list-group-item-dark { color: #11141d; background-color: #c1c2c3; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #11141d; background-color: #b4b5b6; } .list-group-item-dark.list-group-item-action.active { color: #ffffff; background-color: #11141d; border-color: #11141d; } .list-group-item-alt-light { color: #74757c; background-color: #f6f6f6; } .list-group-item-alt-light.list-group-item-action:hover, .list-group-item-alt-light.list-group-item-action:focus { color: #74757c; background-color: #e9e9e9; } .list-group-item-alt-light.list-group-item-action.active { color: #ffffff; background-color: #74757c; border-color: #74757c; } .list-group-item-alt-dark { color: #001630; background-color: #b8c3cd; } .list-group-item-alt-dark.list-group-item-action:hover, .list-group-item-alt-dark.list-group-item-action:focus { color: #001630; background-color: #a9b6c2; } .list-group-item-alt-dark.list-group-item-action.active { color: #ffffff; background-color: #001630; border-color: #001630; } .close { float: right; font-size: 2.4rem; font-weight: 700; line-height: 1; color: #000110; text-shadow: 0 1px 0 #ffffff; opacity: .5; } .close:hover { color: #000110; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 1, 16, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 1, 16, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000110; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #D1D3D4; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #D1D3D4; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1440px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1.4rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000110; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000110; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000110; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000110; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #ffffff; text-align: center; background-color: #000110; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "ff-good-web-pro", Arial sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 1.4rem; word-wrap: break-word; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 1, 16, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 1, 16, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #ffffff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 1, 16, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #ffffff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 1, 16, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #ffffff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 1, 16, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #ffffff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1.6rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #ffffff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #ffffff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #E13200 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #ae2700 !important; } .bg-secondary { background-color: #002A4E !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #000f1b !important; } .bg-success { background-color: #D1D3D4 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #b7babb !important; } .bg-info { background-color: #D1D3D4 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #b7babb !important; } .bg-warning { background-color: #D1D3D4 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #b7babb !important; } .bg-danger { background-color: #E13200 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ae2700 !important; } .bg-light { background-color: #D1D3D4 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #b7babb !important; } .bg-dark { background-color: #212529 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0a0c0d !important; } .bg-alt-light { background-color: #E0E0E0 !important; } a.bg-alt-light:hover, a.bg-alt-light:focus, button.bg-alt-light:hover, button.bg-alt-light:focus { background-color: #c7c7c7 !important; } .bg-alt-dark { background-color: #002A4E !important; } a.bg-alt-dark:hover, a.bg-alt-dark:focus, button.bg-alt-dark:hover, button.bg-alt-dark:focus { background-color: #000f1b !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #D1D3D4 !important; } .border-top { border-top: 1px solid #D1D3D4 !important; } .border-right { border-right: 1px solid #D1D3D4 !important; } .border-bottom { border-bottom: 1px solid #D1D3D4 !important; } .border-left { border-left: 1px solid #D1D3D4 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #E13200 !important; } .border-secondary { border-color: #002A4E !important; } .border-success { border-color: #D1D3D4 !important; } .border-info { border-color: #D1D3D4 !important; } .border-warning { border-color: #D1D3D4 !important; } .border-danger { border-color: #E13200 !important; } .border-light { border-color: #D1D3D4 !important; } .border-dark { border-color: #212529 !important; } .border-alt-light { border-color: #E0E0E0 !important; } .border-alt-dark { border-color: #002A4E !important; } .border-white { border-color: #ffffff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1440px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 1, 16, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 1, 16, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 1, 16, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.4rem !important; } .mt-1, .my-1 { margin-top: 0.4rem !important; } .mr-1, .mx-1 { margin-right: 0.4rem !important; } .mb-1, .my-1 { margin-bottom: 0.4rem !important; } .ml-1, .mx-1 { margin-left: 0.4rem !important; } .m-2 { margin: 0.8rem !important; } .mt-2, .my-2 { margin-top: 0.8rem !important; } .mr-2, .mx-2 { margin-right: 0.8rem !important; } .mb-2, .my-2 { margin-bottom: 0.8rem !important; } .ml-2, .mx-2 { margin-left: 0.8rem !important; } .m-3 { margin: 1.6rem !important; } .mt-3, .my-3 { margin-top: 1.6rem !important; } .mr-3, .mx-3 { margin-right: 1.6rem !important; } .mb-3, .my-3 { margin-bottom: 1.6rem !important; } .ml-3, .mx-3 { margin-left: 1.6rem !important; } .m-4 { margin: 2.4rem !important; } .mt-4, .my-4 { margin-top: 2.4rem !important; } .mr-4, .mx-4 { margin-right: 2.4rem !important; } .mb-4, .my-4 { margin-bottom: 2.4rem !important; } .ml-4, .mx-4 { margin-left: 2.4rem !important; } .m-5 { margin: 4.8rem !important; } .mt-5, .my-5 { margin-top: 4.8rem !important; } .mr-5, .mx-5 { margin-right: 4.8rem !important; } .mb-5, .my-5 { margin-bottom: 4.8rem !important; } .ml-5, .mx-5 { margin-left: 4.8rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.4rem !important; } .pt-1, .py-1 { padding-top: 0.4rem !important; } .pr-1, .px-1 { padding-right: 0.4rem !important; } .pb-1, .py-1 { padding-bottom: 0.4rem !important; } .pl-1, .px-1 { padding-left: 0.4rem !important; } .p-2 { padding: 0.8rem !important; } .pt-2, .py-2 { padding-top: 0.8rem !important; } .pr-2, .px-2 { padding-right: 0.8rem !important; } .pb-2, .py-2 { padding-bottom: 0.8rem !important; } .pl-2, .px-2 { padding-left: 0.8rem !important; } .p-3 { padding: 1.6rem !important; } .pt-3, .py-3 { padding-top: 1.6rem !important; } .pr-3, .px-3 { padding-right: 1.6rem !important; } .pb-3, .py-3 { padding-bottom: 1.6rem !important; } .pl-3, .px-3 { padding-left: 1.6rem !important; } .p-4 { padding: 2.4rem !important; } .pt-4, .py-4 { padding-top: 2.4rem !important; } .pr-4, .px-4 { padding-right: 2.4rem !important; } .pb-4, .py-4 { padding-bottom: 2.4rem !important; } .pl-4, .px-4 { padding-left: 2.4rem !important; } .p-5 { padding: 4.8rem !important; } .pt-5, .py-5 { padding-top: 4.8rem !important; } .pr-5, .px-5 { padding-right: 4.8rem !important; } .pb-5, .py-5 { padding-bottom: 4.8rem !important; } .pl-5, .px-5 { padding-left: 4.8rem !important; } .m-n1 { margin: -0.4rem !important; } .mt-n1, .my-n1 { margin-top: -0.4rem !important; } .mr-n1, .mx-n1 { margin-right: -0.4rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.4rem !important; } .ml-n1, .mx-n1 { margin-left: -0.4rem !important; } .m-n2 { margin: -0.8rem !important; } .mt-n2, .my-n2 { margin-top: -0.8rem !important; } .mr-n2, .mx-n2 { margin-right: -0.8rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.8rem !important; } .ml-n2, .mx-n2 { margin-left: -0.8rem !important; } .m-n3 { margin: -1.6rem !important; } .mt-n3, .my-n3 { margin-top: -1.6rem !important; } .mr-n3, .mx-n3 { margin-right: -1.6rem !important; } .mb-n3, .my-n3 { margin-bottom: -1.6rem !important; } .ml-n3, .mx-n3 { margin-left: -1.6rem !important; } .m-n4 { margin: -2.4rem !important; } .mt-n4, .my-n4 { margin-top: -2.4rem !important; } .mr-n4, .mx-n4 { margin-right: -2.4rem !important; } .mb-n4, .my-n4 { margin-bottom: -2.4rem !important; } .ml-n4, .mx-n4 { margin-left: -2.4rem !important; } .m-n5 { margin: -4.8rem !important; } .mt-n5, .my-n5 { margin-top: -4.8rem !important; } .mr-n5, .mx-n5 { margin-right: -4.8rem !important; } .mb-n5, .my-n5 { margin-bottom: -4.8rem !important; } .ml-n5, .mx-n5 { margin-left: -4.8rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.4rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.4rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.4rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.4rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.4rem !important; } .m-md-2 { margin: 0.8rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.8rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.8rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.8rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.8rem !important; } .m-md-3 { margin: 1.6rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.6rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.6rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.6rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.6rem !important; } .m-md-4 { margin: 2.4rem !important; } .mt-md-4, .my-md-4 { margin-top: 2.4rem !important; } .mr-md-4, .mx-md-4 { margin-right: 2.4rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 2.4rem !important; } .ml-md-4, .mx-md-4 { margin-left: 2.4rem !important; } .m-md-5 { margin: 4.8rem !important; } .mt-md-5, .my-md-5 { margin-top: 4.8rem !important; } .mr-md-5, .mx-md-5 { margin-right: 4.8rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 4.8rem !important; } .ml-md-5, .mx-md-5 { margin-left: 4.8rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.4rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.4rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.4rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.4rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.4rem !important; } .p-md-2 { padding: 0.8rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.8rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.8rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.8rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.8rem !important; } .p-md-3 { padding: 1.6rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.6rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.6rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.6rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.6rem !important; } .p-md-4 { padding: 2.4rem !important; } .pt-md-4, .py-md-4 { padding-top: 2.4rem !important; } .pr-md-4, .px-md-4 { padding-right: 2.4rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 2.4rem !important; } .pl-md-4, .px-md-4 { padding-left: 2.4rem !important; } .p-md-5 { padding: 4.8rem !important; } .pt-md-5, .py-md-5 { padding-top: 4.8rem !important; } .pr-md-5, .px-md-5 { padding-right: 4.8rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 4.8rem !important; } .pl-md-5, .px-md-5 { padding-left: 4.8rem !important; } .m-md-n1 { margin: -0.4rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.4rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.4rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.4rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.4rem !important; } .m-md-n2 { margin: -0.8rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.8rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.8rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.8rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.8rem !important; } .m-md-n3 { margin: -1.6rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1.6rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1.6rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1.6rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1.6rem !important; } .m-md-n4 { margin: -2.4rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -2.4rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -2.4rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -2.4rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -2.4rem !important; } .m-md-n5 { margin: -4.8rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -4.8rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -4.8rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -4.8rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -4.8rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.4rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.4rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.4rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.4rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.4rem !important; } .m-lg-2 { margin: 0.8rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.8rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.8rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.8rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.8rem !important; } .m-lg-3 { margin: 1.6rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.6rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.6rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.6rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.6rem !important; } .m-lg-4 { margin: 2.4rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 2.4rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 2.4rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 2.4rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 2.4rem !important; } .m-lg-5 { margin: 4.8rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 4.8rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 4.8rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 4.8rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 4.8rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.4rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.4rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.4rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.4rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.4rem !important; } .p-lg-2 { padding: 0.8rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.8rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.8rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.8rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.8rem !important; } .p-lg-3 { padding: 1.6rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.6rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.6rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.6rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.6rem !important; } .p-lg-4 { padding: 2.4rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 2.4rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 2.4rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 2.4rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 2.4rem !important; } .p-lg-5 { padding: 4.8rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 4.8rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 4.8rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 4.8rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 4.8rem !important; } .m-lg-n1 { margin: -0.4rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.4rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.4rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.4rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.4rem !important; } .m-lg-n2 { margin: -0.8rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.8rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.8rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.8rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.8rem !important; } .m-lg-n3 { margin: -1.6rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1.6rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1.6rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1.6rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1.6rem !important; } .m-lg-n4 { margin: -2.4rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -2.4rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -2.4rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -2.4rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -2.4rem !important; } .m-lg-n5 { margin: -4.8rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -4.8rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -4.8rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -4.8rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -4.8rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.4rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.4rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.4rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.4rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.4rem !important; } .m-xl-2 { margin: 0.8rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.8rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.8rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.8rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.8rem !important; } .m-xl-3 { margin: 1.6rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.6rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.6rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.6rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.6rem !important; } .m-xl-4 { margin: 2.4rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 2.4rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 2.4rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 2.4rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 2.4rem !important; } .m-xl-5 { margin: 4.8rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 4.8rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 4.8rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 4.8rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 4.8rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.4rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.4rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.4rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.4rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.4rem !important; } .p-xl-2 { padding: 0.8rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.8rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.8rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.8rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.8rem !important; } .p-xl-3 { padding: 1.6rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.6rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.6rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.6rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.6rem !important; } .p-xl-4 { padding: 2.4rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 2.4rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 2.4rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 2.4rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 2.4rem !important; } .p-xl-5 { padding: 4.8rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 4.8rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 4.8rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 4.8rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 4.8rem !important; } .m-xl-n1 { margin: -0.4rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.4rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.4rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.4rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.4rem !important; } .m-xl-n2 { margin: -0.8rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.8rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.8rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.8rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.8rem !important; } .m-xl-n3 { margin: -1.6rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1.6rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1.6rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1.6rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1.6rem !important; } .m-xl-n4 { margin: -2.4rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -2.4rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -2.4rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -2.4rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -2.4rem !important; } .m-xl-n5 { margin: -4.8rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -4.8rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -4.8rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -4.8rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -4.8rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .font-size-4.8 { font-size: 4.8rem !important; } .text-white { color: #ffffff !important; } .text-primary { color: #E13200 !important; } a.text-primary:hover, a.text-primary:focus { color: #952100 !important; } .text-secondary { color: #002A4E !important; } a.text-secondary:hover, a.text-secondary:focus { color: #000102 !important; } .text-success { color: #D1D3D4 !important; } a.text-success:hover, a.text-success:focus { color: #a9adaf !important; } .text-info { color: #D1D3D4 !important; } a.text-info:hover, a.text-info:focus { color: #a9adaf !important; } .text-warning { color: #D1D3D4 !important; } a.text-warning:hover, a.text-warning:focus { color: #a9adaf !important; } .text-danger { color: #E13200 !important; } a.text-danger:hover, a.text-danger:focus { color: #952100 !important; } .text-light { color: #D1D3D4 !important; } a.text-light:hover, a.text-light:focus { color: #a9adaf !important; } .text-dark { color: #212529 !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .text-alt-light { color: #E0E0E0 !important; } a.text-alt-light:hover, a.text-alt-light:focus { color: #bababa !important; } .text-alt-dark { color: #002A4E !important; } a.text-alt-dark:hover, a.text-alt-dark:focus { color: #000102 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 1, 16, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000110; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #ffffff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #D1D3D4; } .table .thead-dark th { color: inherit; border-color: #D1D3D4; } } /*! * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("clientlib-site/resources/fonts/fontawesome/fa-solid-900.eot"); src: url("https://www.poly.com/etc.clientlibs/poly/clientlibs/clientlib-site/resources/fonts/fontawesome/fa-solid-900.eot@") format("embedded-opentype"), url("clientlib-site/resources/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("clientlib-site/resources/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("clientlib-site/resources/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("clientlib-site/resources/fonts/fontawesome/fa-solid-900.svg") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* Generates all the rules for the grid columns up to the given amount of column */ /* Generates all the rules for the grid column offset up to the given amount of column */ /* Generates all the rules for the grid and columns for the given break point and total of columns */ /* Generates all the rules for the grids and columns */ /* API function to be called to generate a grid config */ .flag { display: inline-block; width: 32px; height: 32px; background: url("clientlib-site/resources/images/flags.png") no-repeat; } .flag.flag-ad { background-position: -32px 0; } .flag.flag-ae { background-position: -64px 0; } .flag.flag-af { background-position: -96px 0; } .flag.flag-ag { background-position: -128px 0; } .flag.flag-ai { background-position: -160px 0; } .flag.flag-al { background-position: -192px 0; } .flag.flag-am { background-position: -224px 0; } .flag.flag-an { background-position: -256px 0; } .flag.flag-ao { background-position: -288px 0; } .flag.flag-ar { background-position: -320px 0; } .flag.flag-as { background-position: -352px 0; } .flag.flag-at { background-position: -384px 0; } .flag.flag-au { background-position: -416px 0; } .flag.flag-aw { background-position: -448px 0; } .flag.flag-ax { background-position: -480px 0; } .flag.flag-az { background-position: 0 -32px; } .flag.flag-ba { background-position: -32px -32px; } .flag.flag-bb { background-position: -64px -32px; } .flag.flag-bd { background-position: -96px -32px; } .flag.flag-be { background-position: -128px -32px; } .flag.flag-bf { background-position: -160px -32px; } .flag.flag-bg { background-position: -192px -32px; } .flag.flag-bh { background-position: -224px -32px; } .flag.flag-bi { background-position: -256px -32px; } .flag.flag-bj { background-position: -288px -32px; } .flag.flag-bl { background-position: -320px -32px; } .flag.flag-bm { background-position: -352px -32px; } .flag.flag-bn { background-position: -384px -32px; } .flag.flag-bo { background-position: -416px -32px; } .flag.flag-br { background-position: -448px -32px; } .flag.flag-bs { background-position: -480px -32px; } .flag.flag-bt { background-position: 0 -64px; } .flag.flag-bw { background-position: -32px -64px; } .flag.flag-by { background-position: -64px -64px; } .flag.flag-bz { background-position: -96px -64px; } .flag.flag-ca { background-position: -128px -64px; } .flag.flag-cd { background-position: -160px -64px; } .flag.flag-cf { background-position: -192px -64px; } .flag.flag-cg { background-position: -224px -64px; } .flag.flag-ch { background-position: -256px -64px; } .flag.flag-ci { background-position: -288px -64px; } .flag.flag-ck { background-position: -320px -64px; } .flag.flag-cl { background-position: -352px -64px; } .flag.flag-cm { background-position: -384px -64px; } .flag.flag-cn { background-position: -416px -64px; } .flag.flag-co { background-position: -448px -64px; } .flag.flag-cr { background-position: -480px -64px; } .flag.flag-cu { background-position: 0 -96px; } .flag.flag-cv { background-position: -32px -96px; } .flag.flag-cw { background-position: -64px -96px; } .flag.flag-cy { background-position: -96px -96px; } .flag.flag-cz { background-position: -128px -96px; } .flag.flag-de { background-position: -160px -96px; } .flag.flag-dj { background-position: -192px -96px; } .flag.flag-dk { background-position: -224px -96px; } .flag.flag-dm { background-position: -256px -96px; } .flag.flag-do { background-position: -288px -96px; } .flag.flag-dz { background-position: -320px -96px; } .flag.flag-ec { background-position: -352px -96px; } .flag.flag-ee { background-position: -384px -96px; } .flag.flag-eg { background-position: -416px -96px; } .flag.flag-eh { background-position: -448px -96px; } .flag.flag-er { background-position: -480px -96px; } .flag.flag-es { background-position: 0 -128px; } .flag.flag-et { background-position: -32px -128px; } .flag.flag-eu { background-position: -64px -128px; } .flag.flag-fi { background-position: -96px -128px; } .flag.flag-fj { background-position: -128px -128px; } .flag.flag-fk { background-position: -160px -128px; } .flag.flag-fm { background-position: -192px -128px; } .flag.flag-fo { background-position: -224px -128px; } .flag.flag-fr { background-position: -256px -128px; } .flag.flag-ga { background-position: -288px -128px; } .flag.flag-gb { background-position: -320px -128px; } .flag.flag-gd { background-position: -352px -128px; } .flag.flag-ge { background-position: -384px -128px; } .flag.flag-gg { background-position: -416px -128px; } .flag.flag-gh { background-position: -448px -128px; } .flag.flag-gi { background-position: -480px -128px; } .flag.flag-gl { background-position: 0 -160px; } .flag.flag-gm { background-position: -32px -160px; } .flag.flag-gn { background-position: -64px -160px; } .flag.flag-gq { background-position: -96px -160px; } .flag.flag-gr { background-position: -128px -160px; } .flag.flag-gs { background-position: -160px -160px; } .flag.flag-gt { background-position: -192px -160px; } .flag.flag-gu { background-position: -224px -160px; } .flag.flag-gw { background-position: -256px -160px; } .flag.flag-gy { background-position: -288px -160px; } .flag.flag-hk { background-position: -320px -160px; } .flag.flag-hn { background-position: -352px -160px; } .flag.flag-hr { background-position: -384px -160px; } .flag.flag-ht { background-position: -416px -160px; } .flag.flag-hu { background-position: -448px -160px; } .flag.flag-ic { background-position: -480px -160px; } .flag.flag-id { background-position: 0 -192px; } .flag.flag-ie { background-position: -32px -192px; } .flag.flag-il { background-position: -64px -192px; } .flag.flag-im { background-position: -96px -192px; } .flag.flag-in { background-position: -128px -192px; } .flag.flag-iq { background-position: -160px -192px; } .flag.flag-ir { background-position: -192px -192px; } .flag.flag-is { background-position: -224px -192px; } .flag.flag-it { background-position: -256px -192px; } .flag.flag-je { background-position: -288px -192px; } .flag.flag-jm { background-position: -320px -192px; } .flag.flag-jo { background-position: -352px -192px; } .flag.flag-jp { background-position: -384px -192px; } .flag.flag-ke { background-position: -416px -192px; } .flag.flag-kg { background-position: -448px -192px; } .flag.flag-kh { background-position: -480px -192px; } .flag.flag-ki { background-position: 0 -224px; } .flag.flag-km { background-position: -32px -224px; } .flag.flag-kn { background-position: -64px -224px; } .flag.flag-kp { background-position: -96px -224px; } .flag.flag-kr { background-position: -128px -224px; } .flag.flag-kw { background-position: -160px -224px; } .flag.flag-ky { background-position: -192px -224px; } .flag.flag-kz { background-position: -224px -224px; } .flag.flag-la { background-position: -256px -224px; } .flag.flag-lb { background-position: -288px -224px; } .flag.flag-lc { background-position: -320px -224px; } .flag.flag-li { background-position: -352px -224px; } .flag.flag-lk { background-position: -384px -224px; } .flag.flag-lr { background-position: -416px -224px; } .flag.flag-ls { background-position: -448px -224px; } .flag.flag-lt { background-position: -480px -224px; } .flag.flag-lu { background-position: 0 -256px; } .flag.flag-lv { background-position: -32px -256px; } .flag.flag-ly { background-position: -64px -256px; } .flag.flag-ma { background-position: -96px -256px; } .flag.flag-mc { background-position: -128px -256px; } .flag.flag-md { background-position: -160px -256px; } .flag.flag-me { background-position: -192px -256px; } .flag.flag-mf { background-position: -224px -256px; } .flag.flag-mg { background-position: -256px -256px; } .flag.flag-mh { background-position: -288px -256px; } .flag.flag-mk { background-position: -320px -256px; } .flag.flag-ml { background-position: -352px -256px; } .flag.flag-mm { background-position: -384px -256px; } .flag.flag-mn { background-position: -416px -256px; } .flag.flag-mo { background-position: -448px -256px; } .flag.flag-mp { background-position: -480px -256px; } .flag.flag-mq { background-position: 0 -288px; } .flag.flag-mr { background-position: -32px -288px; } .flag.flag-ms { background-position: -64px -288px; } .flag.flag-mt { background-position: -96px -288px; } .flag.flag-mu { background-position: -128px -288px; } .flag.flag-mv { background-position: -160px -288px; } .flag.flag-mw { background-position: -192px -288px; } .flag.flag-mx { background-position: -224px -288px; } .flag.flag-my { background-position: -256px -288px; } .flag.flag-mz { background-position: -288px -288px; } .flag.flag-na { background-position: -320px -288px; } .flag.flag-nc { background-position: -352px -288px; } .flag.flag-ne { background-position: -384px -288px; } .flag.flag-nf { background-position: -416px -288px; } .flag.flag-ng { background-position: -448px -288px; } .flag.flag-ni { background-position: -480px -288px; } .flag.flag-nl { background-position: 0 -320px; } .flag.flag-no { background-position: -32px -320px; } .flag.flag-np { background-position: -64px -320px; } .flag.flag-nr { background-position: -96px -320px; } .flag.flag-nu { background-position: -128px -320px; } .flag.flag-nz { background-position: -160px -320px; } .flag.flag-om { background-position: -192px -320px; } .flag.flag-pa { background-position: -224px -320px; } .flag.flag-pe { background-position: -256px -320px; } .flag.flag-pf { background-position: -288px -320px; } .flag.flag-pg { background-position: -320px -320px; } .flag.flag-ph { background-position: -352px -320px; } .flag.flag-pk { background-position: -384px -320px; } .flag.flag-pl { background-position: -416px -320px; } .flag.flag-pn { background-position: -448px -320px; } .flag.flag-pr { background-position: -480px -320px; } .flag.flag-ps { background-position: 0 -352px; } .flag.flag-pt { background-position: -32px -352px; } .flag.flag-pw { background-position: -64px -352px; } .flag.flag-py { background-position: -96px -352px; } .flag.flag-qa { background-position: -128px -352px; } .flag.flag-ro { background-position: -160px -352px; } .flag.flag-rs { background-position: -192px -352px; } .flag.flag-ru { background-position: -224px -352px; } .flag.flag-rw { background-position: -256px -352px; } .flag.flag-sa { background-position: -288px -352px; } .flag.flag-sb { background-position: -320px -352px; } .flag.flag-sc { background-position: -352px -352px; } .flag.flag-sd { background-position: -384px -352px; } .flag.flag-se { background-position: -416px -352px; } .flag.flag-sg { background-position: -448px -352px; } .flag.flag-sh { background-position: -480px -352px; } .flag.flag-si { background-position: 0 -384px; } .flag.flag-sk { background-position: -32px -384px; } .flag.flag-sl { background-position: -64px -384px; } .flag.flag-sm { background-position: -96px -384px; } .flag.flag-sn { background-position: -128px -384px; } .flag.flag-so { background-position: -160px -384px; } .flag.flag-sr { background-position: -192px -384px; } .flag.flag-ss { background-position: -224px -384px; } .flag.flag-st { background-position: -256px -384px; } .flag.flag-sv { background-position: -288px -384px; } .flag.flag-sy { background-position: -320px -384px; } .flag.flag-sz { background-position: -352px -384px; } .flag.flag-tc { background-position: -384px -384px; } .flag.flag-td { background-position: -416px -384px; } .flag.flag-tf { background-position: -448px -384px; } .flag.flag-tg { background-position: -480px -384px; } .flag.flag-th { background-position: 0 -416px; } .flag.flag-tj { background-position: -32px -416px; } .flag.flag-tk { background-position: -64px -416px; } .flag.flag-tl { background-position: -96px -416px; } .flag.flag-tm { background-position: -128px -416px; } .flag.flag-tn { background-position: -160px -416px; } .flag.flag-to { background-position: -192px -416px; } .flag.flag-tr { background-position: -224px -416px; } .flag.flag-tt { background-position: -256px -416px; } .flag.flag-tv { background-position: -288px -416px; } .flag.flag-tz { background-position: -352px -416px; } .flag.flag-ua { background-position: -384px -416px; } .flag.flag-ug { background-position: -416px -416px; } .flag.flag-us { background-position: -448px -416px; } .flag.flag-uy { background-position: -480px -416px; } .flag.flag-uz { background-position: 0 -448px; } .flag.flag-va { background-position: -32px -448px; } .flag.flag-vc { background-position: -64px -448px; } .flag.flag-ve { background-position: -96px -448px; } .flag.flag-vg { background-position: -128px -448px; } .flag.flag-vi { background-position: -160px -448px; } .flag.flag-vn { background-position: -192px -448px; } .flag.flag-vu { background-position: -224px -448px; } .flag.flag-wf { background-position: -256px -448px; } .flag.flag-ws { background-position: -288px -448px; } .flag.flag-ye { background-position: -320px -448px; } .flag.flag-yt { background-position: -352px -448px; } .flag.flag-za { background-position: -384px -448px; } .flag.flag-zm { background-position: -416px -448px; } .flag.flag-zw { background-position: -448px -448px; } .flag.flag-africa { background-position: -384px -448px; } .flag.flag-mx, .flag.flag-sg, .flag.flag-ae, .flag.flag-tw { background-position: -480px -448px; } .flag.thumb { width: 16px; height: 16px; background-size: 256px 240px; } .flag.thumb.flag-ad { background-position: -16px 0; } .flag.thumb.flag-ae { background-position: -32px 0; } .flag.thumb.flag-af { background-position: -48px 0; } .flag.thumb.flag-ag { background-position: -64px 0; } .flag.thumb.flag-ai { background-position: -80px 0; } .flag.thumb.flag-al { background-position: -96px 0; } .flag.thumb.flag-am { background-position: -112px 0; } .flag.thumb.flag-an { background-position: -128px 0; } .flag.thumb.flag-ao { background-position: -144px 0; } .flag.thumb.flag-ar { background-position: -160px 0; } .flag.thumb.flag-as { background-position: -176px 0; } .flag.thumb.flag-at { background-position: -192px 0; } .flag.thumb.flag-au { background-position: -208px 0; } .flag.thumb.flag-aw { background-position: -224px 0; } .flag.thumb.flag-ax { background-position: -240px 0; } .flag.thumb.flag-az { background-position: 0 -16px; } .flag.thumb.flag-ba { background-position: -16px -16px; } .flag.thumb.flag-bb { background-position: -32px -16px; } .flag.thumb.flag-bd { background-position: -48px -16px; } .flag.thumb.flag-be { background-position: -64px -16px; } .flag.thumb.flag-bf { background-position: -80px -16px; } .flag.thumb.flag-bg { background-position: -96px -16px; } .flag.thumb.flag-bh { background-position: -112px -16px; } .flag.thumb.flag-bi { background-position: -128px -16px; } .flag.thumb.flag-bj { background-position: -144px -16px; } .flag.thumb.flag-bl { background-position: -160px -16px; } .flag.thumb.flag-bm { background-position: -176px -16px; } .flag.thumb.flag-bn { background-position: -192px -16px; } .flag.thumb.flag-bo { background-position: -208px -16px; } .flag.thumb.flag-br { background-position: -224px -16px; } .flag.thumb.flag-bs { background-position: -240px -16px; } .flag.thumb.flag-bt { background-position: 0 -32px; } .flag.thumb.flag-bw { background-position: -16px -32px; } .flag.thumb.flag-by { background-position: -32px -32px; } .flag.thumb.flag-bz { background-position: -48px -32px; } .flag.thumb.flag-ca { background-position: -64px -32px; } .flag.thumb.flag-ca\/fr { background-position: -64px -32px; } .flag.thumb.flag-cd { background-position: -80px -32px; } .flag.thumb.flag-cf { background-position: -96px -32px; } .flag.thumb.flag-cg { background-position: -112px -32px; } .flag.thumb.flag-ch { background-position: -128px -32px; } .flag.thumb.flag-ci { background-position: -144px -32px; } .flag.thumb.flag-ck { background-position: -160px -32px; } .flag.thumb.flag-cl { background-position: -176px -32px; } .flag.thumb.flag-cm { background-position: -192px -32px; } .flag.thumb.flag-cn { background-position: -208px -32px; } .flag.thumb.flag-co { background-position: -224px -32px; } .flag.thumb.flag-cr { background-position: -240px -32px; } .flag.thumb.flag-cu { background-position: 0 -48px; } .flag.thumb.flag-cv { background-position: -16px -48px; } .flag.thumb.flag-cw { background-position: -32px -48px; } .flag.thumb.flag-cy { background-position: -48px -48px; } .flag.thumb.flag-cz { background-position: -64px -48px; } .flag.thumb.flag-de { background-position: -80px -48px; } .flag.thumb.flag-dj { background-position: -96px -48px; } .flag.thumb.flag-dk { background-position: -112px -48px; } .flag.thumb.flag-dm { background-position: -128px -48px; } .flag.thumb.flag-do { background-position: -144px -48px; } .flag.thumb.flag-dz { background-position: -160px -48px; } .flag.thumb.flag-ec { background-position: -176px -48px; } .flag.thumb.flag-ee { background-position: -192px -48px; } .flag.thumb.flag-eg { background-position: -208px -48px; } .flag.thumb.flag-eh { background-position: -224px -48px; } .flag.thumb.flag-er { background-position: -240px -48px; } .flag.thumb.flag-es { background-position: 0 -64px; } .flag.thumb.flag-et { background-position: -16px -64px; } .flag.thumb.flag-eu { background-position: -32px -64px; } .flag.thumb.flag-fi { background-position: -48px -64px; } .flag.thumb.flag-fj { background-position: -64px -64px; } .flag.thumb.flag-fk { background-position: -80px -64px; } .flag.thumb.flag-fm { background-position: -96px -64px; } .flag.thumb.flag-fo { background-position: -112px -64px; } .flag.thumb.flag-fr { background-position: -128px -64px; } .flag.thumb.flag-ga { background-position: -144px -64px; } .flag.thumb.flag-gb { background-position: -160px -64px; } .flag.thumb.flag-gd { background-position: -176px -64px; } .flag.thumb.flag-ge { background-position: -192px -64px; } .flag.thumb.flag-gg { background-position: -208px -64px; } .flag.thumb.flag-gh { background-position: -224px -64px; } .flag.thumb.flag-gi { background-position: -240px -64px; } .flag.thumb.flag-gl { background-position: 0 -80px; } .flag.thumb.flag-gm { background-position: -16px -80px; } .flag.thumb.flag-gn { background-position: -32px -80px; } .flag.thumb.flag-gq { background-position: -48px -80px; } .flag.thumb.flag-gr { background-position: -64px -80px; } .flag.thumb.flag-gs { background-position: -80px -80px; } .flag.thumb.flag-gt { background-position: -96px -80px; } .flag.thumb.flag-gu { background-position: -112px -80px; } .flag.thumb.flag-gw { background-position: -128px -80px; } .flag.thumb.flag-gy { background-position: -144px -80px; } .flag.thumb.flag-hk { background-position: -160px -80px; } .flag.thumb.flag-hn { background-position: -176px -80px; } .flag.thumb.flag-hr { background-position: -192px -80px; } .flag.thumb.flag-ht { background-position: -208px -80px; } .flag.thumb.flag-hu { background-position: -224px -80px; } .flag.thumb.flag-ic { background-position: -240px -80px; } .flag.thumb.flag-id { background-position: 0 -96px; } .flag.thumb.flag-ie { background-position: -16px -96px; } .flag.thumb.flag-il { background-position: -32px -96px; } .flag.thumb.flag-im { background-position: -48px -96px; } .flag.thumb.flag-in { background-position: -64px -96px; } .flag.thumb.flag-iq { background-position: -80px -96px; } .flag.thumb.flag-ir { background-position: -96px -96px; } .flag.thumb.flag-is { background-position: -112px -96px; } .flag.thumb.flag-it { background-position: -128px -96px; } .flag.thumb.flag-je { background-position: -144px -96px; } .flag.thumb.flag-jm { background-position: -160px -96px; } .flag.thumb.flag-jo { background-position: -176px -96px; } .flag.thumb.flag-jp { background-position: -192px -96px; } .flag.thumb.flag-ke { background-position: -208px -96px; } .flag.thumb.flag-kg { background-position: -224px -96px; } .flag.thumb.flag-kh { background-position: -240px -96px; } .flag.thumb.flag-ki { background-position: 0 -112px; } .flag.thumb.flag-km { background-position: -16px -112px; } .flag.thumb.flag-kn { background-position: -32px -112px; } .flag.thumb.flag-kp { background-position: -48px -112px; } .flag.thumb.flag-kr { background-position: -64px -112px; } .flag.thumb.flag-kw { background-position: -80px -112px; } .flag.thumb.flag-ky { background-position: -96px -112px; } .flag.thumb.flag-kz { background-position: -112px -112px; } .flag.thumb.flag-la { background-position: -128px -112px; } .flag.thumb.flag-lb { background-position: -144px -112px; } .flag.thumb.flag-lc { background-position: -160px -112px; } .flag.thumb.flag-li { background-position: -176px -112px; } .flag.thumb.flag-lk { background-position: -192px -112px; } .flag.thumb.flag-lr { background-position: -208px -112px; } .flag.thumb.flag-ls { background-position: -224px -112px; } .flag.thumb.flag-lt { background-position: -240px -112px; } .flag.thumb.flag-lu { background-position: 0 -128px; } .flag.thumb.flag-lv { background-position: -16px -128px; } .flag.thumb.flag-ly { background-position: -32px -128px; } .flag.thumb.flag-ma { background-position: -48px -128px; } .flag.thumb.flag-mc { background-position: -64px -128px; } .flag.thumb.flag-md { background-position: -80px -128px; } .flag.thumb.flag-me { background-position: -96px -128px; } .flag.thumb.flag-mf { background-position: -112px -128px; } .flag.thumb.flag-mg { background-position: -128px -128px; } .flag.thumb.flag-mh { background-position: -144px -128px; } .flag.thumb.flag-mk { background-position: -160px -128px; } .flag.thumb.flag-ml { background-position: -176px -128px; } .flag.thumb.flag-mm { background-position: -192px -128px; } .flag.thumb.flag-mn { background-position: -208px -128px; } .flag.thumb.flag-mo { background-position: -224px -128px; } .flag.thumb.flag-mp { background-position: -240px -128px; } .flag.thumb.flag-mq { background-position: 0 -144px; } .flag.thumb.flag-mr { background-position: -16px -144px; } .flag.thumb.flag-ms { background-position: -32px -144px; } .flag.thumb.flag-mt { background-position: -48px -144px; } .flag.thumb.flag-mu { background-position: -64px -144px; } .flag.thumb.flag-mv { background-position: -80px -144px; } .flag.thumb.flag-mw { background-position: -96px -144px; } .flag.thumb.flag-mx { background-position: -112px -144px; } .flag.thumb.flag-my { background-position: -128px -144px; } .flag.thumb.flag-mz { background-position: -144px -144px; } .flag.thumb.flag-na { background-position: -160px -144px; } .flag.thumb.flag-nc { background-position: -176px -144px; } .flag.thumb.flag-ne { background-position: -192px -144px; } .flag.thumb.flag-nf { background-position: -208px -144px; } .flag.thumb.flag-ng { background-position: -224px -144px; } .flag.thumb.flag-ni { background-position: -240px -144px; } .flag.thumb.flag-nl { background-position: 0 -160px; } .flag.thumb.flag-no { background-position: -16px -160px; } .flag.thumb.flag-np { background-position: -32px -160px; } .flag.thumb.flag-nr { background-position: -48px -160px; } .flag.thumb.flag-nu { background-position: -64px -160px; } .flag.thumb.flag-nz { background-position: -80px -160px; } .flag.thumb.flag-om { background-position: -96px -160px; } .flag.thumb.flag-pa { background-position: -112px -160px; } .flag.thumb.flag-pe { background-position: -128px -160px; } .flag.thumb.flag-pf { background-position: -144px -160px; } .flag.thumb.flag-pg { background-position: -160px -160px; } .flag.thumb.flag-ph { background-position: -176px -160px; } .flag.thumb.flag-pk { background-position: -192px -160px; } .flag.thumb.flag-pl { background-position: -208px -160px; } .flag.thumb.flag-pn { background-position: -224px -160px; } .flag.thumb.flag-pr { background-position: -240px -160px; } .flag.thumb.flag-ps { background-position: 0 -176px; } .flag.thumb.flag-pt { background-position: -16px -176px; } .flag.thumb.flag-pw { background-position: -32px -176px; } .flag.thumb.flag-py { background-position: -48px -176px; } .flag.thumb.flag-qa { background-position: -64px -176px; } .flag.thumb.flag-ro { background-position: -80px -176px; } .flag.thumb.flag-rs { background-position: -96px -176px; } .flag.thumb.flag-ru { background-position: -112px -176px; } .flag.thumb.flag-rw { background-position: -128px -176px; } .flag.thumb.flag-sa { background-position: -144px -176px; } .flag.thumb.flag-sb { background-position: -160px -176px; } .flag.thumb.flag-sc { background-position: -176px -176px; } .flag.thumb.flag-sd { background-position: -192px -176px; } .flag.thumb.flag-se { background-position: -208px -176px; } .flag.thumb.flag-sg { background-position: -224px -176px; } .flag.thumb.flag-sh { background-position: -240px -176px; } .flag.thumb.flag-si { background-position: 0 -192px; } .flag.thumb.flag-sk { background-position: -16px -192px; } .flag.thumb.flag-sl { background-position: -32px -192px; } .flag.thumb.flag-sm { background-position: -48px -192px; } .flag.thumb.flag-sn { background-position: -64px -192px; } .flag.thumb.flag-so { background-position: -80px -192px; } .flag.thumb.flag-sr { background-position: -96px -192px; } .flag.thumb.flag-ss { background-position: -112px -192px; } .flag.thumb.flag-st { background-position: -128px -192px; } .flag.thumb.flag-sv { background-position: -144px -192px; } .flag.thumb.flag-sy { background-position: -160px -192px; } .flag.thumb.flag-sz { background-position: -176px -192px; } .flag.thumb.flag-tc { background-position: -192px -192px; } .flag.thumb.flag-td { background-position: -208px -192px; } .flag.thumb.flag-tf { background-position: -224px -192px; } .flag.thumb.flag-tg { background-position: -240px -192px; } .flag.thumb.flag-th { background-position: 0 -208px; } .flag.thumb.flag-tj { background-position: -16px -208px; } .flag.thumb.flag-tk { background-position: -32px -208px; } .flag.thumb.flag-tl { background-position: -48px -208px; } .flag.thumb.flag-tm { background-position: -64px -208px; } .flag.thumb.flag-tn { background-position: -80px -208px; } .flag.thumb.flag-to { background-position: -96px -208px; } .flag.thumb.flag-tr { background-position: -112px -208px; } .flag.thumb.flag-tt { background-position: -128px -208px; } .flag.thumb.flag-tv { background-position: -144px -208px; } .flag.thumb.flag-tz { background-position: -176px -208px; } .flag.thumb.flag-ua { background-position: -192px -208px; } .flag.thumb.flag-ug { background-position: -208px -208px; } .flag.thumb.flag-us { background-position: -224px -208px; } .flag.thumb.flag-uy { background-position: -240px -208px; } .flag.thumb.flag-uz { background-position: 0 -224px; } .flag.thumb.flag-va { background-position: -16px -224px; } .flag.thumb.flag-vc { background-position: -32px -224px; } .flag.thumb.flag-ve { background-position: -48px -224px; } .flag.thumb.flag-vg { background-position: -64px -224px; } .flag.thumb.flag-vi { background-position: -80px -224px; } .flag.thumb.flag-vn { background-position: -96px -224px; } .flag.thumb.flag-vu { background-position: -112px -224px; } .flag.thumb.flag-wf { background-position: -128px -224px; } .flag.thumb.flag-ws { background-position: -144px -224px; } .flag.thumb.flag-ye { background-position: -160px -224px; } .flag.thumb.flag-yt { background-position: -176px -224px; } .flag.thumb.flag-za { background-position: -192px -224px; } .flag.thumb.flag-zm { background-position: -208px -224px; } .flag.thumb.flag-zw { background-position: -224px -224px; } .flag.thumb.flag-africa { background-position: -192px -224px; } .flag.thumb.flag-mx, .flag.thumb.flag-sg, .flag.thumb.flag-ae, .flag.thumb.flag-tw { background-position: -240px -224px; } main { flex-shrink: 0; flex-grow: 1; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1436px; } main::after { transition: background 250ms ease-in-out; position: fixed; background: rgba(0, 1, 16, 0); content: ''; } main.overlay { position: relative; } main.overlay::after { top: 8.1rem; right: 0; bottom: 0; left: 0; background: rgba(0, 1, 16, 0.2); } @media (min-width: 768px) { main { padding: 0 40px; } } @media (min-width: 992px) { main { padding: 0 50px; } } html { height: 100%; font-size: 10px; } body { display: flex; flex-direction: column; height: 100%; color: #000110; font-size: 1.6rem; } body::before { display: none; content: 'MOBILE'; } @media (min-width: 768px) { body::before { content: 'TABLET'; } } @media (min-width: 992px) { body::before { content: 'DESKTOP'; } } @media (min-width: 1440px) { body::before { content: 'EXTRA'; } } html.overflow-hidden, body.overflow-hidden { top: 0; left: 0; right: 0; bottom: 0; position: fixed; } .btn { border-radius: 0; text-transform: uppercase; font-weight: 600; } .btn:focus, .btn:not(:disabled):not(.disabled):active { box-shadow: none !important; } .btn:hover { border-color: transparent; } .btn:disabled { opacity: 0.2; } .btn-primary { min-width: 14rem; } .btn-lg, .btn-group-lg > .btn { padding: 0.55rem 0.75rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.85rem 0.75rem; min-width: 11rem; } .btn-secondary { background: transparent; border-color: transparent; padding-right: 0; padding-left: 0; text-decoration: underline; color: inherit; text-align: left; } .btn-secondary:hover { background: transparent; border-color: transparent; color: #E13200; text-decoration: underline; } .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active { background: transparent; outline: 1px solid #E13200; border-color: transparent; color: #E13200; text-decoration: underline; } .btn-secondary:disabled { background-color: transparent; border-color: transparent; color: #000110; } .btn-primary, .btn-alt-light, .btn-alt-dark { min-width: 14rem; } hr { margin: 30px 0; } img { max-width: 100%; } img[src=''], img:not([src]) { display: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: calc(1rem + 0.125em); margin-bottom: calc(1rem + 0.125em); text-transform: uppercase; } .display-1, .display-2, .display-3 { margin-top: calc(1rem + 0.125em); margin-bottom: calc(1rem + 0.125em); font-weight: 600; color: #E13200; text-transform: uppercase; line-height: 0.8333; } @media (min-width: 768px) { h1, .h1 { font-size: 9.2rem; } h2, .h2 { font-size: 6.4rem; } h3, .h3 { font-size: 4.8rem; } h4, .h4 { font-size: 3.2rem; } h5, .h5 { font-size: 2.4rem; } .display-1 { font-size: 25rem; } .display-2 { font-size: 18rem; } .display-3 { font-size: 7.2rem; } } .tagline { margin: 0; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; overflow: hidden; position: relative; text-transform: uppercase; word-wrap: break-word; } .example-section { margin: 100px 0; } .example-section:first-of-type { margin-top: 0; } .card [data-toggle="collapse"] { position: relative; padding-left: 3rem; } .card [data-toggle="collapse"]:hover { text-decoration: none; } .card [data-toggle="collapse"]::before, .card [data-toggle="collapse"]::after { position: absolute; top: calc(50% - 0.1rem); left: 0; background: currentColor; width: 1.6rem; height: 0.3rem; content: ''; } .card [data-toggle="collapse"]::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: -webkit-transform 144ms ease-out; transition: transform 144ms ease-out; transition: transform 144ms ease-out, -webkit-transform 144ms ease-out; } .card [data-toggle="collapse"][aria-expanded="false"]::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } .fullscreen { position: relative; left: 50%; margin-left: -50vw; width: 100vw; } _:-ms-fullscreen, :root .fullscreen { width: calc(100vw - 8px); } .pixel-source-img { display: none; } .pixel-bg { background: url(clientlib-site/resources/images/mission-bg.png) repeat; background-size: 47px 47px; height: 100%; position: absolute; top: 0; width: 100%; clip: rect(0, auto, auto, 0); } @media (min-width: 992px) { .pixel-bg { background: none; } .pixel-bg canvas.show { display: block; } } .pixel-bg canvas { border: 0; display: none; margin: 0; padding: 0; top: 0; z-index: 1; } .alert-dismissible { padding: 0; } .alert-dismissible .container { position: relative; margin: 0 auto; padding: 0.75rem 4rem 0.75rem 2rem; max-width: 1436px; } @media (min-width: 768px) { .alert-dismissible .container { padding: 0.75rem 4rem; } } @media (min-width: 992px) { .alert-dismissible .container { padding: 0.75rem 5rem; } } .video-box { position: relative; overflow: hidden; } .video-box video { position: absolute; } .video-box video.height-auto { height: auto !important; width: 100% !important; } .video-box video.width-auto { height: 100% !important; width: auto !important; } .component-library-wrapper nav { position: relative; float: left; margin: 0; background-color: #212529; box-shadow: 0 0.5rem 1rem rgba(0, 1, 16, 0.15); padding: 0 15px; width: 225px; height: 100vh; overflow: scroll; } .component-library-wrapper nav h1 { font-size: 3.6rem; } .component-library-wrapper nav ul { padding-left: 3.2rem; } .component-library-wrapper nav li, .component-library-wrapper nav a { color: #D1D3D4; } .component-library-wrapper nav a:not([href]):not([tabindex]) { color: #6c757d; text-decoration: none; } .component-library-wrapper .iframe-container { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 225px); height: 100vh; } .component-library-wrapper .iframe-container iframe { flex: 0 0 auto; z-index: 1; margin: 0; padding: 0; width: 100%; height: 100%; } @-webkit-keyframes scalein { 0% { -webkit-transform: scale(0) rotate(0); transform: scale(0) rotate(0); } 100% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } } @keyframes scalein { 0% { -webkit-transform: scale(0) rotate(0); transform: scale(0) rotate(0); } 100% { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } } @-webkit-keyframes rotatein { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotatein { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateout { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } } @keyframes rotateout { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 100% { -webkit-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } } .loading { top: 0; bottom: 0; right: 0; left: 0; z-index: 1050; display: none; flex-direction: column; align-items: center; justify-content: center; position: fixed; background-color: #ffffff; } .loading img { width: 48px; } .loading p { margin-top: 10px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; text-transform: uppercase; -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .loading.animate-in img { -webkit-animation: scalein 1s, rotatein 1s infinite 2s; animation: scalein 1s, rotatein 1s infinite 2s; } .loading.animate-in p { -webkit-transform: scale(1); transform: scale(1); } .loading.animate-out img { -webkit-animation: rotateout 1s; animation: rotateout 1s; } .loading.animate-out p { -webkit-transform: scale(0); transform: scale(0); } .color-grid { display: flex; flex-flow: row wrap; } .color-grid > div { padding: 3.2rem 3.2rem 6.4rem; } .color-grid .bg-lava, .color-grid .bg-midnight, .color-grid .bg-black, .color-grid .bg-slate { color: #ffffff; } .color-grid .bg-lava { flex-basis: 100%; } .color-grid .bg-midnight, .color-grid .bg-white, .color-grid .bg-black, .color-grid .bg-stone, .color-grid .bg-sunflower, .color-grid .bg-mint { flex-basis: 33.333%; } .color-grid .bg-sand, .color-grid .bg-sand-25, .color-grid .bg-sand-50, .color-grid .bg-sand-75, .color-grid .bg-pearl, .color-grid .bg-pearl-10, .color-grid .bg-pearl-25, .color-grid .bg-pearl-50, .color-grid .bg-pearl-75, .color-grid .bg-linen, .color-grid .bg-linen-25, .color-grid .bg-linen-50, .color-grid .bg-linen-75, .color-grid .bg-slate, .color-grid .bg-slate-25, .color-grid .bg-slate-50, .color-grid .bg-slate-75 { flex-basis: 25%; } .color-grid .bg-sand-25, .color-grid .bg-sand-50, .color-grid .bg-sand-75, .color-grid .bg-pearl-10, .color-grid .bg-pearl-25, .color-grid .bg-pearl-50, .color-grid .bg-pearl-75, .color-grid .bg-linen-25, .color-grid .bg-linen-50, .color-grid .bg-linen-75, .color-grid .bg-slate-25, .color-grid .bg-slate-50, .color-grid .bg-slate-75 { padding: 3.2rem 3.2rem 1.6rem; } .left-tabs .cmp-left-tabs .cmp-tabs__tablist, .center-tabs .cmp-center-tabs .center-tabs__tablist { padding: 0; display: flex; border-bottom: 1px solid #E0E0E0; } .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab { cursor: pointer; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; list-style: none; margin-right: 15px; position: relative; padding-left: 5px; padding-right: 5px; text-transform: uppercase; } @media (min-width: 992px) { .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab { font-size: 1.8rem; margin-right: 20px; padding-left: 10px; padding-right: 10px; } } .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab.cmp-tabs__tab--active, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab.cmp-tabs__tab--active { color: #E13200; border-bottom: 2px solid #E13200; } .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active::after, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab.cmp-tabs__tab--active::after, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active::after, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab.cmp-tabs__tab--active::after { left: 40%; bottom: -5px; background: #ffffff; content: ''; width: 8px; height: 8px; position: absolute; border-top: 2px solid #E13200; border-right: 2px solid #E13200; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab.center-tabs__tab--active, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab.center-tabs__tab--active, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab.center-tabs__tab--active, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab.center-tabs__tab--active { color: #E13200; border-bottom: 2px solid #E13200; } .left-tabs .cmp-left-tabs .cmp-tabs__tablist .cmp-tabs__tab.center-tabs__tab--active::after, .left-tabs .cmp-left-tabs .cmp-tabs__tablist .center-tabs__tab.center-tabs__tab--active::after, .center-tabs .cmp-center-tabs .center-tabs__tablist .cmp-tabs__tab.center-tabs__tab--active::after, .center-tabs .cmp-center-tabs .center-tabs__tablist .center-tabs__tab.center-tabs__tab--active::after { left: 40%; bottom: -5px; background: #ffffff; content: ''; width: 8px; height: 8px; position: absolute; border-top: 2px solid #E13200; border-right: 2px solid #E13200; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .center-tabs .cmp-center-tabs .center-tabs__tablist { justify-content: center; } .custom-pagination { display: flex; list-style: none; padding-left: 0; } .custom-pagination .pagination-item.disabled .pagination-link { cursor: auto; color: #6c757d; pointer-events: none; } .custom-pagination .pagination-item.active .pagination-link { font-weight: 600; text-decoration: underline; } .custom-pagination .pagination-item .pagination-link { padding: 3px 5px; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; text-transform: uppercase; } .star { width: 13px; height: 12px; display: inline-block; background-image: url("clientlib-site/resources/icons/star-no-width-height.svg"); background-size: 13px 12px; } .star.marked { background-image: url("clientlib-site/resources/icons/star-marked-no-width-height.svg"); } .star-box { width: 65px; line-height: 12px; vertical-align: middle; display: inline-block; position: relative; } .star-box .star { width: 100%; } .star-box .star.marked { top: 0; left: 0; position: absolute; } .breadcrumb { border-radius: 0; background-color: transparent; display: flex; flex-wrap: wrap; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; list-style: none; margin-bottom: 1rem; padding: 0.75rem 1rem; text-transform: uppercase; } @media (min-width: 768px) { .column-control { display: flex; } } .column-control .parsys-column { flex-shrink: 0; flex-grow: 0; overflow: hidden; word-break: break-word; } .column-control > .parsys-column > .cmp-container { height: 100%; } .column-control > .parsys-column > .cmp-container > .aem-Grid { height: 100%; } .column-control.with-padding .parsys-column:not(:last-child) { margin-bottom: 15px; } @media (min-width: 768px) { .column-control.with-padding .parsys-column:not(:last-child) { margin-right: 15px; margin-bottom: 0; } } .column-control.column-four-six .parsys-column:first-child { flex-basis: 40%; } .column-control.column-four-six .parsys-column:last-child { flex-basis: 60%; } .column-control.column-six-four .parsys-column:first-child { flex-basis: 60%; } .column-control.column-six-four .parsys-column:last-child { flex-basis: 40%; } .column-control.column-one-two .parsys-column:first-child { flex-basis: 33.333333%; } .column-control.column-one-two .parsys-column:last-child { flex-basis: 66.666667%; } .column-control.column-two-one .parsys-column:first-child { flex-basis: 66.666667%; } .column-control.column-two-one .parsys-column:last-child { flex-basis: 33.333333%; } .column-control.column-one-three .parsys-column:first-child { flex-basis: 25%; } .column-control.column-one-three .parsys-column:last-child { flex-basis: 75%; } .column-control.column-three-one .parsys-column:first-child { flex-basis: 75%; } .column-control.column-three-one .parsys-column:last-child { flex-basis: 25%; } .column-control.column-halfs .parsys-column { flex-basis: 50%; } .column-control.column-thirds .parsys-column { flex-basis: 33.333333%; } .column-control.column-quarters .parsys-column { flex-basis: 25%; } .column-control.column-fives .parsys-column { flex-basis: 20%; } .column-control.column-sixes .parsys-column { flex-basis: 16.666667%; } .column-control.with-padding.column-four-six .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.4); } .column-control.with-padding.column-four-six .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.6); } .column-control.with-padding.column-six-four .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.6); } .column-control.with-padding.column-six-four .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.4); } .column-control.with-padding.column-one-two .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.3333333); } .column-control.with-padding.column-one-two .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.6666667); } .column-control.with-padding.column-two-one .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.6666667); } .column-control.with-padding.column-two-one .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.3333333); } .column-control.with-padding.column-one-three .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.25); } .column-control.with-padding.column-one-three .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.75); } .column-control.with-padding.column-three-one .parsys-column:first-child { flex-basis: calc((100% - 15px) * 0.75); } .column-control.with-padding.column-three-one .parsys-column:last-child { flex-basis: calc((100% - 15px) * 0.25); } .column-control.with-padding.column-halfs .parsys-column { flex-basis: calc((100% - 15px) / 2); } .column-control.with-padding.column-thirds .parsys-column { flex-basis: calc((100% - 30px) / 3); } .column-control.with-padding.column-quarters .parsys-column { flex-basis: calc((100% - 45px) / 4); } .column-control.with-padding.column-fives .parsys-column { flex-basis: calc((100% - 60px) / 5); } .column-control.with-padding.column-sixes .parsys-column { flex-basis: calc((100% - 75px) / 6); } .global-footer { padding: 30px 0 20px; background-color: #000110; } @media (min-width: 768px) { .global-footer { padding: 40px 0 26px; } } @media (min-width: 992px) { .global-footer { padding: 40px 0; } } .global-footer h6, .global-footer p, .global-footer a:not([class]) { color: #ffffff; } .global-footer a:hover { color: #E13200; text-decoration: none; } .global-footer .breadcrumb, .global-footer .nav-exclusive { margin-right: auto; margin-left: auto; max-width: 1436px; padding: 0 20px; } @media (min-width: 768px) { .global-footer .breadcrumb, .global-footer .nav-exclusive { padding: 0 40px; } } @media (min-width: 992px) { .global-footer .breadcrumb, .global-footer .nav-exclusive { padding: 0 50px; } } .global-footer .breadcrumb { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 30.8px; margin-bottom: 54px; text-transform: uppercase; } @media (min-width: 768px) { .global-footer .breadcrumb { margin-bottom: 32px; } } .global-footer .breadcrumb.white { color: #ffffff; } .global-footer .breadcrumb.white .breadcrumb-item.active { color: #ffffff; } .global-footer .breadcrumb.white .breadcrumb-item::before { color: #ffffff; } .global-footer .nav-exclusive { display: block; margin-bottom: 3.7rem; } @media (min-width: 768px) { .global-footer .nav-exclusive { display: flex; flex-wrap: wrap; margin-bottom: 5rem; } } @media (min-width: 992px) { .global-footer .nav-exclusive { margin-bottom: 12rem; } } .global-footer .nav-exclusive .footer-nav { display: block; margin-bottom: 5rem; } @media (min-width: 768px) { .global-footer .nav-exclusive .footer-nav { display: flex; flex: 0 0 100%; max-width: 100%; margin-bottom: 4.5rem; } } @media (min-width: 992px) { .global-footer .nav-exclusive .footer-nav { margin-bottom: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } } .global-footer .nav-exclusive .footer-nav .links-section { flex: 1; margin-bottom: 0.5rem; } @media (min-width: 768px) { .global-footer .nav-exclusive .footer-nav .links-section { margin-bottom: 0; } .global-footer .nav-exclusive .footer-nav .links-section:not(:last-child) { margin-right: 3rem; } } @media (min-width: 992px) { .global-footer .nav-exclusive .footer-nav .links-section { margin-right: 3rem; } } .global-footer .nav-exclusive .footer-nav .links-section > .title { cursor: pointer; padding: 1.5rem 0; position: relative; border-bottom: 1px solid #ffffff; } .global-footer .nav-exclusive .footer-nav .links-section > .title::before { top: 50%; right: 0; display: inline-block; margin-top: -0.5rem; content: ''; width: 5px; height: 5px; position: absolute; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .global-footer .nav-exclusive .footer-nav .links-section > .title.collapsed::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } @media (min-width: 768px) { .global-footer .nav-exclusive .footer-nav .links-section > .title { border: 0; padding: 0; cursor: auto; } .global-footer .nav-exclusive .footer-nav .links-section > .title::before { display: none; } } .global-footer .nav-exclusive .footer-nav .links-section > .title h6 { margin: 0; font-size: 1.6rem; text-transform: uppercase; } @media (min-width: 768px) { .global-footer .nav-exclusive .footer-nav .links-section > .title h6 { font-size: 1.8rem; margin-bottom: 0.5rem; } } .global-footer .nav-exclusive .footer-nav .links-section ul li { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.4rem; padding: 0.5rem 0.5rem 0.5rem 0; } @media (min-width: 992px) { .global-footer .nav-exclusive .footer-nav .links-section ul li { font-size: 1.6rem; } } .global-footer .nav-exclusive .exclusive-offer { flex: 0 0 100%; max-width: 100%; } @media (min-width: 992px) { .global-footer .nav-exclusive .exclusive-offer { flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 2rem; } } .global-footer .nav-exclusive .exclusive-offer h4 { font-size: 2rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; line-height: 19.2px; text-transform: uppercase; text-decoration: none; color: #ffffff; margin: 0; } @media (min-width: 992px) { .global-footer .nav-exclusive .exclusive-offer h4 { font-size: 2.4rem; line-height: 30px; } } .global-footer .nav-exclusive .exclusive-offer p { margin-top: 0.5rem; margin-bottom: 1.8rem; font-size: 1.4rem; } @media (min-width: 768px) { .global-footer .nav-exclusive .exclusive-offer p { margin-bottom: 2.3rem; max-width: 58.333333%; } } @media (min-width: 992px) { .global-footer .nav-exclusive .exclusive-offer p { max-width: none; } } .global-footer .nav-exclusive .exclusive-offer .sign-up { display: flex; } @media (min-width: 768px) { .global-footer .nav-exclusive .exclusive-offer .sign-up { max-width: 58.333333%; } } @media (min-width: 992px) { .global-footer .nav-exclusive .exclusive-offer .sign-up { max-width: none; } } .global-footer .nav-exclusive .exclusive-offer .sign-up input[type="text"] { border: 0; padding: 1rem; width: calc(100% - 86px); } .global-footer .nav-exclusive .exclusive-offer .sign-up .btn-newsletter { width: 87px; height: 50px; min-width: auto; border-radius: 0; color: #ffffff; font-size: 1.4rem; text-transform: uppercase; border: 1px solid transparent; } @media (min-width: 768px) { .global-footer .nav-exclusive .exclusive-offer .sign-up .btn-newsletter { height: 57px; } } .global-footer .nav-exclusive .exclusive-offer .social-media { margin-top: 3rem; } @media (min-width: 768px) { .global-footer .nav-exclusive .exclusive-offer .social-media { margin-top: 2.6rem; } } .global-footer .nav-exclusive .exclusive-offer .social-media ul { margin-bottom: 0; display: flex; flex-wrap: wrap; } .global-footer .nav-exclusive .exclusive-offer .social-media ul li { margin-right: 0.5rem; margin-bottom: 0.5rem; } .global-footer .nav-exclusive .exclusive-offer .social-media img { width: 30px; height: 30px; } .global-footer .copyright-region { display: flex; flex-wrap: wrap; font-size: 1.4rem; align-items: center; margin-left: auto; margin-right: auto; max-width: 1436px; padding: 0 20px; } @media (min-width: 768px) { .global-footer .copyright-region { padding: 0 40px; } } @media (min-width: 992px) { .global-footer .copyright-region { padding: 0 50px; } } .global-footer .copyright-region > a { order: 3; flex: 0 0 50%; max-width: 50%; } @media (min-width: 768px) { .global-footer .copyright-region > a { order: 1; flex: none; width: 82px; max-width: none; } } @media (min-width: 992px) { .global-footer .copyright-region > a { width: 102px; } } .global-footer .copyright-region > a img { max-width: 82px; } @media (min-width: 992px) { .global-footer .copyright-region > a img { width: 102px; } } .global-footer .copyright-region > p { order: 1; width: 100%; margin-bottom: 1.5rem; } @media (min-width: 768px) { .global-footer .copyright-region > p { order: 2; width: auto; margin-bottom: 0; padding-right: 1rem; padding-left: 1.5rem; } } .global-footer .copyright-region .site-help { order: 2; width: 100%; margin-bottom: 1.5rem; /* this class is injected by Trustarc for cookie consent */ } @media (min-width: 768px) { .global-footer .copyright-region .site-help { order: 3; width: auto; max-width: calc(100% - 500px); margin-bottom: 0; padding-left: 2rem; padding-right: 2rem; } } .global-footer .copyright-region .site-help ul { margin-bottom: 0; text-align: left; } @media (min-width: 768px) { .global-footer .copyright-region .site-help ul { text-align: center; } } .global-footer .copyright-region .site-help ul li { padding: 0.5rem 1rem 0.5rem 0; display: inline-block; } .global-footer .copyright-region .site-help ul li a { text-decoration: underline; } .global-footer .copyright-region .site-help .truste_cursor_pointer { color: #ffffff; } .global-footer .copyright-region .site-help .truste_cursor_pointer:hover { color: #E13200; } .global-footer .copyright-region .region { order: 4; flex: 0 0 50%; max-width: 50%; text-align: right; } @media (min-width: 768px) { .global-footer .copyright-region .region { flex: auto; max-width: none; } } .global-footer .copyright-region .region img { margin-right: 0.5rem; } .global-footer .copyright-region .region span { color: #ffffff; cursor: pointer; display: inline-block; line-height: 1.4rem; vertical-align: middle; } .global-footer .copyright-region .region span:hover { color: #E13200; } .global-footer .modal .modal-dialog { margin: 0; width: 100%; max-width: 100%; } .global-footer .modal .modal-dialog .modal-content { border: 0; min-height: 100vh; border-radius: 0; } @media (min-width: 768px) { .global-footer .modal .modal-dialog .modal-content { min-height: auto; } } .global-footer .modal .modal-dialog .modal-content .modal-header { border: 0; display: block; } @media (min-width: 768px) { .global-footer .modal.region-selector-modal .modal-dialog { width: 90%; min-height: auto; margin: 1.75rem auto; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-header { padding: 1rem 1.6rem; } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-header button.close { float: none; display: block; font-size: 3rem; font-weight: 400; } @media (min-width: 992px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-header button.close { font-size: 4rem; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-header .modal-title { text-align: center; text-transform: uppercase; font-size: 3rem; } @media (min-width: 992px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 4rem; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body { padding: 3rem; } @media (min-width: 768px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body { padding: 4rem; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section { margin-top: 2rem; margin-bottom: 2rem; } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section h6 { color: #000110; font-size: 1.8rem; } @media (min-width: 768px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section h6 { font-size: 2rem; } } @media (min-width: 992px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section h6 { font-size: 2.3rem; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section hr { margin: 2.5rem 0; } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul { display: flex; flex-wrap: wrap; } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul li { flex: 0 0 50%; max-width: 50%; font-size: 1.6rem; margin-bottom: 2rem; padding-right: 1.6rem; } @media (min-width: 768px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul li { flex: 0 0 33.333333%; max-width: 33.333333%; font-size: 1.8rem; } } @media (min-width: 992px) { .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul li { flex: 0 0 25%; max-width: 25%; font-size: 2rem; } } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul li a { color: #000110; } .global-footer .modal.region-selector-modal .modal-dialog .modal-content .modal-body .region-section ul li a span:last-child { font-style: italic; font-size: 1.6rem; } .global-footer .modal.newsletter-modal { text-align: center; } @media (min-width: 768px) { .global-footer .modal.newsletter-modal .modal-dialog { top: 50%; margin: 0 auto; max-width: 500px; min-height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .global-footer .modal.newsletter-modal .modal-dialog .modal-content { padding: 1.8rem; } @media (min-width: 992px) { .global-footer .modal.newsletter-modal .modal-dialog .modal-content { padding: 2rem; } } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-header { padding: 0; margin-bottom: 8px; } @media (min-width: 768px) { .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-header { margin-bottom: 10px; } } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-header button.close { padding: 0; font-weight: 400; font-size: 3.2rem; margin: -0.5rem 0 0 0; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.8rem; margin-top: 0; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body { padding: 0; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .region-selector { width: 100%; height: 4rem; color: #000110; font-size: 1.6rem; line-height: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; margin-bottom: 1.6rem; background-color: #ffffff; padding: .8rem 2.4rem .8rem .8rem; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .region-selector::-ms-expand { display: none; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-region-submit { min-width: auto; line-height: 1; font-size: 1.4rem; font-weight: 700; border-radius: 0; margin-bottom: 1.6rem; padding: 1.2rem 1.4rem; text-transform: uppercase; border: 1px solid transparent; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body p { color: #000110; margin-bottom: 1.6rem; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-close { color: #000110; font-size: 1rem; margin-bottom: 1.6rem; border: 1px solid #000110; text-transform: uppercase; background-color: transparent; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-close:hover, .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-close:focus { color: #ffffff; background-color: #000110; } .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-close:focus, .global-footer .modal.newsletter-modal .modal-dialog .modal-content .modal-body .btn-close:not(:disabled):not(.disabled):active { box-shadow: none; } header { flex-shrink: 0; position: relative; } .skip-to-content { padding: 6px; position: absolute; top: -40px; left: 0px; color: #ffffff; border-right: 1px solid #D1D3D4; border-bottom: 1px solid #D1D3D4; border-bottom-right-radius: 8px; background: #212529; transition: top 100ms ease-out; z-index: 100; } .skip-to-content:focus { top: 0; } .primary-nav { background-color: white; height: 6rem; position: relative; z-index: 999; border-bottom: 1px solid #D1D3D4; } .primary-nav .nav-content-wrapper { margin: 0 auto; padding: 0 2rem; max-width: 1436px; width: 100%; height: 100%; position: relative; } @media (min-width: 992px) { .primary-nav .nav-content-wrapper { padding: 0 5rem; } } .primary-nav .navbar-brand { padding: 0; margin-right: 0; line-height: 1; } .primary-nav .navbar-brand .poly-only { width: 37px; } .primary-nav .navbar-brand .logo { width: 25px; margin-right: 4px; } .primary-nav .navbar-brand .logo.spin { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } .primary-nav .img-box { background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; } .primary-nav .img-box.company-logo { background-image: url("clientlib-site/resources/images/company-logo-color.svg"); height: 2.7rem; } @media (min-width: 992px) { .primary-nav .img-box.company-logo { height: 4.55rem; } } .primary-nav .img-box.icon-search { background-image: url("clientlib-site/resources/icons/search.svg"); height: 3rem; width: 2.2rem; } .primary-nav .img-box.icon-profile { background-image: url("clientlib-site/resources/icons/profile.svg"); height: 3rem; width: 2.4rem; } .primary-nav .img-box.icon-cart { background-image: url("clientlib-site/resources/icons/cart.svg"); height: 3rem; width: 2.5rem; } .primary-nav .img-box.icon-cart + span { position: absolute; left: 90%; top: 0; padding: 0.5rem 0; } .primary-nav .navbar-toggler { position: relative; border: 0; border-radius: 0; padding: 0; width: 2.4rem; height: 1.9rem; } .primary-nav .navbar-toggler::before, .primary-nav .navbar-toggler::after { position: absolute; top: 50%; left: 50%; display: block; background: #000110; width: 100%; height: 3px; content: ''; } .primary-nav .navbar-toggler::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .primary-nav .navbar-toggler::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .primary-nav .navbar-toggler.collapsed { background: #000110; background: linear-gradient(0deg, #000110 0%, #000110 16%, rgba(0, 1, 16, 0) 16%, rgba(0, 1, 16, 0) 42%, #000110 42%, #000110 58%, rgba(0, 1, 16, 0) 58%, rgba(0, 1, 16, 0) 84%, #000110 84%, #000110 100%); } .primary-nav .navbar-toggler.collapsed::before, .primary-nav .navbar-toggler.collapsed::after { height: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .primary-nav .navbar-collapse { position: fixed; bottom: 0; top: 6rem; left: 0; right: 0; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-start; background: white; padding: 1.5rem 2rem 2.5rem 2rem; } @media (min-width: 992px) { .primary-nav .navbar-collapse { height: 100%; top: 0; position: static; align-items: center; flex-direction: column; } } .primary-nav .navbar-collapse.collapse:not(.show) { visibility: hidden; } @media (min-width: 992px) { .primary-nav .navbar-collapse.collapse:not(.show) { opacity: 1; visibility: visible; } } .primary-nav .nav-tabs { border: 0; } .primary-nav .nav-tabs .nav-item { margin-bottom: 0; } .primary-nav .nav-tabs .nav-link { background: none; border: 0; margin: 0.5rem 1.2rem; padding: 0; color: #002A4E; text-transform: uppercase; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; line-height: 1.8rem; } .primary-nav .nav-tabs .nav-link.link-active { color: #E13200; text-decoration: underline; } .primary-nav .nav-tabs i { margin-left: 0.5em; font-size: 75%; } .primary-nav .tab-content .tab-pane.show { left: 0; right: 0; width: 100vw; position: absolute; background-color: #ffffff; overflow: auto; } @media (min-width: 992px) { .primary-nav .tab-content .tab-pane.show { margin-left: calc(50% - 50vw); overflow: hidden; } } .primary-nav .tab-content .tab-toggler { display: none; } .primary-nav .tab-content .secondary-nav { height: 649px; padding: 0; position: relative; list-style: none; margin: 0; padding: 25px 20px 20px 20px; clip: rect(0, auto, auto, 0); } .primary-nav .tab-content .secondary-nav .h1 { margin: 0; background: none; border: 0; padding: 0; text-align: left; font-weight: bold; font-size: 3.1rem; font-family: "ff-good-web-pro", Arial sans-serif; color: #E13200; transition: all 144ms ease-in-out; } .primary-nav .tab-content .secondary-nav .h1[aria-expanded="false"] { color: #C0C0C0; } .primary-nav .tab-content .secondary-nav .h1:hover, .primary-nav .tab-content .secondary-nav .h1:focus { text-decoration: none; color: #E13200; } .primary-nav .tab-content .secondary-nav .p[aria-expanded="false"] { color: #000110; } .primary-nav .tab-content .secondary-nav .p[aria-expanded="true"] { text-decoration: underline; color: #E13200; } .primary-nav .tab-content .tertiary-nav { position: absolute; display: block; top: 6rem; left: 40rem; list-style: none; transition: none !important; } .primary-nav .tab-content .tertiary-nav a { color: #000110; font-size: 2rem; line-height: 4rem; } .primary-nav .tab-content .tertiary-nav a:hover { color: #E13200; text-decoration: underline; } .primary-nav .tab-content .nav-featured-content, .primary-nav .tab-content .nav-featured-content__info { display: none; } .primary-nav .utility-nav { align-self: flex-end; flex-direction: row; width: 100%; } @media (min-width: 992px) { .primary-nav .utility-nav { align-self: center; } } .primary-nav .utility-nav .nav-item:last-child { margin-left: auto; } .primary-nav .utility-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; font-size: 2rem; color: #002A4E; } .primary-nav .utility-nav .nav-item:first-child .nav-link { padding-left: 0; } .primary-nav .header-search { position: absolute; top: 0; bottom: 0; right: 1rem; left: 1rem; background: white; padding: 1rem; z-index: 1; visibility: visible; } @media (min-width: 992px) { .primary-nav .header-search { position: absolute; right: 28rem; left: 28.6rem; } } .primary-nav .header-search__open { border: 0; background: none; } .primary-nav .header-cart__close, .primary-nav .header-contact__close { display: block; position: absolute; top: 2rem; right: 1.1rem; z-index: 1; background: transparent; border: 0; border-radius: 0; padding: 0; width: 2rem; height: 2rem; } .primary-nav .header-cart__close::before, .primary-nav .header-cart__close::after, .primary-nav .header-contact__close::before, .primary-nav .header-contact__close::after { position: absolute; top: 50%; left: 50%; display: block; background: #002A4E; width: 1.8rem; height: 0.2rem; -webkit-transform-origin: center; transform-origin: center; content: ''; } .primary-nav .header-cart__close::before, .primary-nav .header-contact__close::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .primary-nav .header-cart__close::after, .primary-nav .header-contact__close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .primary-nav .header-search-container { -webkit-transform: translateY(100vh); transform: translateY(100vh); transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media (min-width: 992px) { .primary-nav .header-search-container { height: 100%; display: flex; align-items: center; -webkit-transform: none; transform: none; -webkit-transform: translateX(100vw); transform: translateX(100vw); } } .primary-nav .header-search-container #header-search-box { width: 100%; display: flex !important; align-items: center; padding-left: 30px; } .primary-nav .header-search-container #header-search-box.on-focus { border-bottom: 2px solid #000110; } .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box { border: none; } .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-input > input { color: #E13200; text-transform: uppercase; font-size: 1.8rem; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; letter-spacing: 0.23px; line-height: 21.6px; padding-right: 26px; } @media (min-width: 992px) { .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-input > input { font-size: 2.4rem; line-height: 30px; padding-right: 49px; } } .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear { width: 25px; height: 100%; line-height: 43px; visibility: visible; } @media (min-width: 992px) { .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear { width: 48px; line-height: 48px; } } @media (min-width: 992px) { .primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear-svg { width: 18px; height: 18px; } } .primary-nav .header-search-container #header-search-box .CoveoSearchbox .CoveoSearchButton { width: 30px; left: 0; border: none; position: absolute; } .primary-nav .header-search-container #header-search-box .coveo-search-button-svg { width: 22px; height: 22px; } .primary-nav .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion .coveo-magicbox-suggestions { border: none; } .primary-nav .magic-box-suggestions { height: 0; left: -30px; display: block; background: #ffffff; font-family: "ff-good-web-pro", Arial sans-serif; padding-top: 0; padding-bottom: 0; visibility: hidden; transition: all 0.01s; width: calc(100% + 30px); } .primary-nav .magic-box-suggestions.magic-box-hasSuggestion { height: auto; padding-top: 30px; padding-bottom: 30px; visibility: visible; border-top: 1px solid #D1D3D4; transition: all 0.3s; } @media (min-width: 992px) { .primary-nav .magic-box-suggestions { padding: 15px 20px; top: 64px; } } .primary-nav .magic-box-suggestions .suggestion-title { color: #E13200; margin: 0; padding-top: 5px; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .primary-nav .magic-box-suggestions .suggestion-title:not(:first-child) { margin-top: 25px; } @media (min-width: 992px) { .primary-nav .magic-box-suggestions .suggestion-title:not(:first-child) { margin-top: 15px; } } .primary-nav .magic-box-suggestions .magic-box-suggestion { font-size: 1.8rem; line-height: 27px; padding: 5px 0; } .primary-nav .magic-box-suggestions .magic-box-suggestion:hover { background: transparent; } .primary-nav .magic-box-suggestions ul { padding: 0; list-style: none; } .primary-nav .magic-box-suggestions ul li { margin-bottom: 1rem; font-size: 1.8rem; } .primary-nav .magic-box-suggestions ul a { word-wrap: break-word; color: #000110; } .primary-nav .magic-box-suggestions .suggested-searches { display: none; } .primary-nav .header-cart { position: absolute; bottom: 0; left: 0; right: 0; background: #EBEBEB; z-index: 10; } @media (min-width: 992px) { .primary-nav .header-cart { top: 8rem; left: auto; bottom: auto; width: 38rem; } .primary-nav .header-cart .header-cart__header { display: none; } } @media (max-width: 991.98px) { .primary-nav .header-cart { flex-direction: column; max-height: 100%; } .primary-nav .header-cart.show { display: flex; } .primary-nav .header-cart .header-cart__header { margin: 0 2rem; display: block; } .primary-nav .header-cart .header-cart-container { flex: 1; display: flex; flex-direction: column; min-height: 0; } .primary-nav .header-cart .header-cart__list { flex: 1; min-height: 0; max-height: 33rem; overflow: scroll; } .primary-nav .header-cart .header-cart__footer { overflow: visible; } } .primary-nav .header-cart__open { background: none; border: none; position: relative; } @media (min-width: 992px) { .primary-nav .header-cart__close { display: none; } } .primary-nav .header-cart-container { padding: 0 2rem 4rem; } @media (min-width: 992px) { .primary-nav .header-cart-container { padding: 4rem 2rem; } } .primary-nav .header-cart-container .img-box { margin-right: 2.5rem; width: 100px; height: 100px; } .primary-nav .header-cart-container .img-box img { -o-object-fit: contain; object-fit: contain; } .primary-nav .header-cart-container .header-cart__item-content { flex: 1; display: flex; flex-flow: row wrap; } .primary-nav .header-cart-container .header-cart__title { flex: 1 0 0; text-transform: uppercase; font-size: 1.4rem; } .primary-nav .header-cart-container .header-cart__title strong { font-weight: 600; } .primary-nav .header-cart-container .header-cart__price { flex: 1 1 1; font-weight: 600; font-size: 1.4rem; } .primary-nav .header-cart-container .header-cart__description { width: 100%; font-size: 1.4rem; } .primary-nav .header-cart__list > li { position: relative; background: #ffffff; margin-top: 1.5rem; padding: 1.5rem 2.5rem 1.5rem 1.5rem; display: flex; } .primary-nav .header-cart__list > li:first-child { margin-top: 0; } .primary-nav .header-cart__item-remove { position: absolute; top: 0; right: 0.2rem; background: none; border: 0; padding: 0; line-height: 1; width: 1.6rem; text-align: center; } .primary-nav .header-cart__item-remove::after { content: 'x'; } .primary-nav .header-cart__footer { margin-top: 2.5rem; border-top: 2px solid black; padding-top: 2rem; overflow: auto; } .primary-nav .header-cart__footer > div { overflow: auto; } .primary-nav .header-cart__footer p { margin: 0 0 3rem; float: left; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .primary-nav .header-cart__footer .header-cart__total-price, .primary-nav .header-cart__footer .header-cart__discount-price { float: right; } .primary-nav .header-cart__footer .btn { display: inline-block; font-size: 1.4rem; width: 100%; padding: 1rem 1rem 0.8rem; } .primary-nav .header-contact-bg-box { position: absolute; } @media (min-width: 992px) { .primary-nav .header-contact-bg-box { width: 100vw; height: 528px; top: 8rem; left: 0; } } .primary-nav .header-contact { background: #EBEBEB; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: scroll; padding: 2.5rem 2rem 0; z-index: 10; } @media (min-width: 768px) { .primary-nav .header-contact { padding: 4rem 4rem 0; } } @media (min-width: 992px) { .primary-nav .header-contact { overflow-y: auto; padding: 4rem 5rem 6rem; width: 100vw; max-width: 1436px; left: auto; top: 8rem; bottom: auto; } } .primary-nav .header-contact .header-contact__close { right: 2rem; top: 2.5rem; } @media (min-width: 768px) { .primary-nav .header-contact .header-contact__close { right: 4rem; } } @media (min-width: 768px) { .primary-nav .header-contact .header-contact__close { right: 5rem; } } .primary-nav .header-contact .header-contact__close span { display: none; } @media (min-width: 992px) { .primary-nav .header-contact .header-contact__close span { display: block; white-space: pre; font-size: 1.8rem; position: absolute; right: 2.5rem; top: -2.5px; text-transform: uppercase; color: #002A4E; } } @media (min-width: 768px) { .primary-nav .navbar-collapse { padding: 2.5rem 4rem; } .primary-nav .tab-content .secondary-nav { padding: 25px 40px 40px 40px; } .primary-nav .tab-content .secondary-nav .h1 { font-size: 4.2rem; } } @media (min-width: 992px) { .primary-nav { height: 8rem; } .primary-nav .navbar-brand { margin-right: 15px; } .primary-nav .navbar-brand .poly-only { width: 58px; } .primary-nav .navbar-brand .logo { width: 39px; margin-right: 6px; } .primary-nav .navbar-collapse { display: flex; align-items: center; justify-content: space-between; flex-direction: row; background: transparent; padding: 0; } .primary-nav .nav-tabs .nav-link { margin: 2.9rem 1.5rem; font-size: 2rem; line-height: 2.2rem; } .primary-nav .nav-tabs .nav-link:hover { color: #E13200; text-decoration: underline; } .primary-nav .nav-tabs .nav-link:hover i { display: inline-block; color: #E13200; } .primary-nav .nav-tabs i { display: none; } .primary-nav .tab-content .tab-toggler { display: block; position: absolute; top: 1.5rem; right: 5rem; z-index: 1; border: 0; border-radius: 0; padding: 0 2.6rem 0 0; text-transform: uppercase; color: #002A4E; font-size: 1.8rem; background-color: transparent; } .primary-nav .tab-content .tab-toggler::before, .primary-nav .tab-content .tab-toggler::after { position: absolute; top: 47.5%; right: 0; display: block; background: #002A4E; width: 1.8rem; height: 0.2rem; content: ''; } .primary-nav .tab-content .tab-toggler::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .primary-nav .tab-content .tab-toggler::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .primary-nav .tab-content .secondary-nav { padding: 6rem 5rem; max-width: 1436px; margin: 0 auto; } .primary-nav .tab-content .secondary-nav .h1 { font-size: 6rem; } .primary-nav .tab-content .secondary-nav > li { padding-bottom: 1em; } .primary-nav .tab-content .secondary-nav > li a { font-weight: bold; font-size: 2em; } .primary-nav .tab-content .secondary-nav .bottom-nav { padding-top: 3em; } .primary-nav .tab-content .secondary-nav .bottom-nav a { font-weight: bold; font-size: 1.4em; padding-right: 2em; } .primary-nav .tab-content .secondary-nav .bottom-nav a:hover { color: #E13200; } .primary-nav .tab-content .secondary-nav > li > .collapse.show .nav-featured-content { -webkit-transform: translateX(0); transform: translateX(0); } .primary-nav .tab-content .secondary-nav > .tertiary-nav-container { transition: none !important; } .primary-nav .tab-content .secondary-nav > .collapse.show .nav-featured-content { -webkit-transform: translateX(0); transform: translateX(0); } .primary-nav .tab-content .nav-featured-content { display: block; max-width: calc(45% - 5rem); position: absolute; top: 6rem; right: 5rem; padding-bottom: 30px; -webkit-transform: translateX(125%); transform: translateX(125%); transition: -webkit-transform 150ms ease-in-out; transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; } .primary-nav .tab-content .nav-featured-content img { margin-bottom: 2rem; pointer-events: none; } .primary-nav .tab-content .nav-featured-content__info { display: flex; flex-direction: column; align-items: flex-end; } .primary-nav .tab-content .nav-featured-content__info .h4, .primary-nav .tab-content .nav-featured-content__info .description, .primary-nav .tab-content .nav-featured-content__info .btn { width: 50%; } .primary-nav .tab-content .nav-featured-content__info .description { font-size: 1.7rem; } .primary-nav .tab-content .nav-featured-content__info .btn { font-size: 1.4rem; } .primary-nav .utility-nav { width: auto; } .primary-nav .utility-nav .nav-link { padding-left: 1rem; padding-right: 1rem; } .primary-nav .utility-nav .nav-item:first-child .nav-link { padding-left: 1rem; } .primary-nav .utility-nav .nav-item:last-child { margin-left: 2rem; } } .header-backdrop { position: fixed; top: 0; left: 0; cursor: pointer; z-index: 998; width: 100vw; height: 100vh; background-color: black; opacity: 0.5; } .support-navigation__header { background-color: #F5F5F5; } .support-navigation__header .simple-content-wrapper { margin: 0; } .support-navigation__header .brand-nav { background-color: #F5F5F5; display: flex; flex-direction: row; height: 50px; margin: 0 auto 5px auto; overflow: hidden; padding-left: 4.3rem; } .support-navigation__header .brand-nav .support-navigation__header__logo { height: 80% !important; max-width: 122px; min-width: 122px; } .support-navigation__header .brand-nav p { font-size: 14px; margin: 5px 0 5px 6.5rem; padding-top: 0.75rem; } .support-navigation__header .brand-nav .poly-only { height: 100%; } #my-account-menu { margin: 0 auto 0 auto; padding: 0 50px 0 50px; height: 100%; } #my-account-menu .links { color: black; font-size: 18px; font-family: "ff-good-web-pro", Arial, sans-serif; font-weight: 400; text-align: right; } .my-account-items-box { float: right; padding-right: 50px; } .primary-nav-support { background-color: white; height: 50px; position: relative; z-index: 999; } .primary-nav-support .nav-content-wrapper { margin: 0 auto; padding: 0 5rem; max-width: 1436px; width: 100%; height: 100%; position: relative; } @media (min-width: 992px) { .primary-nav-support .nav-content-wrapper { padding: 0 5rem; } } .primary-nav-support .navbar-brand { color: #002A4E; margin-right: 133px; } .primary-nav-support .navbar-brand .poly-only { width: 37px; } .primary-nav-support .img-box { background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; } .primary-nav-support .img-box.icon-profile { background-image: url("clientlib-site/resources/icons/profile.svg"); height: 3rem; width: 2.4rem; } .primary-nav-support .my-account-btn { background: none; border: none; position: relative; outline: 0; } .primary-nav-support .navbar-collapse { position: fixed; bottom: 0; top: 6rem; left: 0; right: 0; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-start; background: white; padding: 1.5rem 2rem 2.5rem 2rem; } @media (min-width: 992px) { .primary-nav-support .navbar-collapse { height: 100%; top: 0; position: static; align-items: center; flex-direction: column; } } .primary-nav-support .navbar-collapse.collapse:not(.show) { visibility: hidden; } @media (min-width: 992px) { .primary-nav-support .navbar-collapse.collapse:not(.show) { opacity: 1; visibility: visible; } } .primary-nav-support .nav-tabs { border: 0; } .primary-nav-support .nav-tabs .nav-item { margin-bottom: 0; } .primary-nav-support .nav-tabs .nav-link { background: none; border: 0; margin: 0.5rem 1.2rem; padding: 0; color: #002A4E; text-transform: uppercase; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; line-height: 1.8rem; } .primary-nav-support .nav-tabs .nav-link.link-active { color: #E13200; text-decoration: underline; } .primary-nav-support .nav-tabs i { margin-left: 0.5em; font-size: 75%; } .primary-nav-support .utility-nav { width: auto; } .primary-nav-support .utility-nav .nav-link { padding-left: 1rem; padding-right: 1rem; } @media (min-width: 992px) { .primary-nav-support .navbar-collapse { display: flex; align-items: center; justify-content: space-between; flex-direction: row; background: transparent; padding: 0; } .primary-nav-support .nav-tabs .nav-link { margin: 1.5rem; font-size: 2rem; line-height: 2.2rem; } .primary-nav-support .nav-tabs .nav-link:hover { color: #E13200; text-decoration: underline; } .primary-nav-support .nav-tabs .nav-link:hover i { display: inline-block; color: #E13200; } .primary-nav-support .nav-tabs i { display: none; } } .primary-nav-support .profile_details { background-color: #D1D3D4; } .primary-nav-support .profile_details_username { color: #002A4E; } .primary-nav-support .profile_details_email { color: #002A4E; } .primary-nav-support .loginUserName { color: black; font-weight: 600; } .primary-nav-support .loginEmail { color: black; font-weight: 600; } #galacticnav { background: #f5f5f5; z-index: 9999; position: relative; } #galacticnav .gnav-wrapper { justify-content: start; margin: 0 auto; max-width: 1436px; padding: 0 2rem; } @media (min-width: 992px) { #galacticnav .gnav-wrapper { padding: 0 5rem; } } #galacticnav .gnav-wrapper #g-nav { padding-left: 0; } @media (min-width: 992px) { #galacticnav .gnav-wrapper #g-nav .gnav-group .c-logo:first-child { margin-left: 6px !important; } } #galacticnav .gnav-wrapper #g-nav .gnav-group .c-logo:first-child { margin-left: 3px; } @media (min-width: 992px) { #galacticnav .gnav-wrapper #g-nav { height: 53px; } } .nh_primary-nav { background-color: #ffffff; position: absolute; width: 100%; z-index: 999; height: 6rem; } .nh_primary-nav.nh_dark-nav { background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0)); } .nh_primary-nav.nh_light-nav { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0)); } .nh_primary-nav.nh_light-nav .navbar-toggler.collapsed { background: linear-gradient(0deg, white 0%, white 16%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0) 42%, white 42%, white 58%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 84%, white 84%, white 100%) !important; } .nh_primary-nav .nav-content-wrapper { margin: 0 auto; padding: 0 2rem; max-width: 1436px; width: 100%; height: 100%; position: relative; } @media (min-width: 992px) { .nh_primary-nav .nav-content-wrapper { padding: 0 5rem; } } .nh_primary-nav .navbar-brand { padding: 0; margin-right: 0; line-height: 1; } .nh_primary-nav .navbar-brand .poly-only, .nh_primary-nav .navbar-brand .poly-only-dark { width: 38px; } .nh_primary-nav .navbar-brand .logo { width: 25px; margin-right: 4px; } .nh_primary-nav .navbar-brand .logo.spin { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } .nh_primary-nav .img-box { background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 3rem; width: 2.5rem; } .nh_primary-nav .img-box.company-logo { background-image: url("clientlib-site/resources/images/company-logo-color.svg"); height: 2.7rem; } @media (min-width: 992px) { .nh_primary-nav .img-box.company-logo { height: 4.55rem; } } .nh_primary-nav .img-box.icon-search, .nh_primary-nav .img-box .icon-search-dark { background-image: url("clientlib-site/resources/icons/search.svg"); } .nh_primary-nav .img-box.icon-search-dark { background-image: url("clientlib-site/resources/icons/search.svg") !important; } .nh_primary-nav .img-box.icon-search-light { background-image: url("clientlib-site/resources/icons/search-white.svg"); } .nh_primary-nav .img-box.icon-profile { background-image: url("clientlib-site/resources/icons/profile.svg"); height: 3rem; width: 2.5rem; } .nh_primary-nav .img-box.icon-profile-dark { background-image: url("clientlib-site/resources/icons/profile.svg") !important; } .nh_primary-nav .img-box.icon-profile-light { background-image: url("clientlib-site/resources/icons/profile-white.svg"); } .nh_primary-nav .img-box.icon-cart { background-image: url("clientlib-site/resources/icons/cart.svg"); } .nh_primary-nav .img-box.icon-cart + span { position: absolute; left: 90%; top: 0; padding: 0.5rem 0; } .nh_primary-nav .img-box.icon-cart-dark { background-image: url("clientlib-site/resources/icons/cart.svg") !important; } .nh_primary-nav .img-box.icon-cart-light { background-image: url("clientlib-site/resources/icons/cart-white.svg"); } .nh_primary-nav .navbar-cart { position: absolute; right: 8em; } @media (min-width: 992px) { .nh_primary-nav .navbar-cart { display: none; } } .nh_primary-nav .navbar-search { position: absolute; right: 6em; } @media (min-width: 992px) { .nh_primary-nav .navbar-search { display: none; } } .nh_primary-nav .navbar-account { position: absolute; right: 5rem; } @media (min-width: 992px) { .nh_primary-nav .navbar-account { display: none; } } .nh_primary-nav .navbar-toggler { position: relative; border: 0; border-radius: 0; padding: 0; width: 2.4rem; height: 1.9rem; } .nh_primary-nav .navbar-toggler.collapsed { background: linear-gradient(0deg, #000110 0%, #000110 16%, rgba(0, 1, 16, 0) 16%, rgba(0, 1, 16, 0) 42%, #000110 42%, #000110 58%, rgba(0, 1, 16, 0) 58%, rgba(0, 1, 16, 0) 84%, #000110 84%, #000110 100%); } .nh_primary-nav .navbar-toggler::before, .nh_primary-nav .navbar-toggler::after { position: absolute; top: 50%; left: 50%; display: block; background: #000110; width: 100%; height: 3px; content: ""; } .nh_primary-nav .navbar-toggler::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .nh_primary-nav .navbar-toggler::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .nh_primary-nav .navbar-toggler.collapsed::before, .nh_primary-nav .navbar-toggler.collapsed::after { height: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nh_primary-nav .navbar-collapse { position: absolute; bottom: 0; top: 5rem; left: 0; right: 0; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-start; background: white; padding: 1.5rem 2rem 2.5rem 2rem; } @media (min-width: 992px) { .nh_primary-nav .navbar-collapse { height: 100%; top: 0; position: static; align-items: center; flex-direction: column; } } .nh_primary-nav .navbar-collapse.collapse:not(.show) { visibility: hidden; } @media (min-width: 992px) { .nh_primary-nav .navbar-collapse.collapse:not(.show) { opacity: 1; visibility: visible; } } .nh_primary-nav .nav-tabs { border: 0; } .nh_primary-nav .nav-tabs .nh_nav-item { margin-bottom: 0; } .nh_primary-nav .nav-tabs .nav-link { background: none; border: 0; margin: 0.5rem 1.2rem; padding: 0; color: #00213c; text-transform: uppercase; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; line-height: 1.8rem; } .nh_primary-nav .nav-tabs .nav-link.nav-link-dark { color: #00213c !important; } .nh_primary-nav .nav-tabs .nav-link.link-active { color: #E13200 !important; text-decoration: underline; } .nh_primary-nav .nav-tabs .nav-link.nav-link-light { color: #fff; } .nh_primary-nav .nav-tabs .nav-link.link-active { color: #E13200 !important; text-decoration: underline; } .nh_primary-nav .nav-tabs .nav-link i { display: none; } .nh_primary-nav .nav-tabs i { margin-left: 0.5em; font-size: 75%; } .nh_primary-nav .tab-content .tab-pane.show { left: 0; right: 0; width: 100vw; position: absolute; background-color: #ffffff; overflow: auto; } @media (min-width: 992px) { .nh_primary-nav .tab-content .tab-pane.show { margin-left: calc(50% - 50vw); overflow: hidden; } } .nh_primary-nav .tab-content .tab-toggler { display: none; } .nh_primary-nav .tab-content .nh_secondary-nav { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0; position: relative; list-style: none; margin: 0; padding: 25px 20px 20px 20px; clip: rect(0, auto, auto, 0); } .nh_primary-nav .tab-content .nh_secondary-nav .h1 { margin: 0; background: none; border: 0; padding: 0; text-align: left; font-weight: bold; font-size: 3.1rem; font-family: "ff-good-web-pro", Arial sans-serif; color: #E13200; transition: all 144ms ease-in-out; } .nh_primary-nav .tab-content .nh_secondary-nav .h1[aria-expanded="false"] { color: #C0C0C0; } .nh_primary-nav .tab-content .nh_secondary-nav .h1:hover, .nh_primary-nav .tab-content .nh_secondary-nav .h1:focus { text-decoration: none; color: #E13200; } .nh_primary-nav .tab-content .nh_secondary-nav .secondary-link { color: #002A4E; text-transform: uppercase; } .nh_primary-nav .tab-content .nh_secondary-nav .p[aria-expanded="false"] { color: #002A4E; } .nh_primary-nav .tab-content .nh_secondary-nav .p[aria-expanded="true"] { text-decoration: underline; color: #E13200; } @media (max-width: 1300px) { .nh_primary-nav .tab-content .nh_secondary-nav .nav-featured-content { display: none; } } .nh_primary-nav .tab-content .tertiary-nav { position: absolute; display: block; top: 4rem; left: 40rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; list-style: none; transition: none !important; } .nh_primary-nav .tab-content .tertiary-nav a { color: #002A4E; font-size: 2rem; line-height: 4rem; text-transform: none; } .nh_primary-nav .tab-content .tertiary-nav a:hover { color: #E13200; text-decoration: underline; } .nh_primary-nav .utility-nav { align-self: flex-end; flex-direction: row; width: 100%; padding-top: 2rem; } @media (min-width: 992px) { .nh_primary-nav .utility-nav { align-self: center; } } .nh_primary-nav .utility-nav .nh_nav-item:last-child { margin-left: 2rem; } .nh_primary-nav .utility-nav .nav-link { padding-left: 1rem; padding-right: 1rem; font-size: 2rem; color: #002A4E; } .nh_primary-nav .utility-nav .nh_nav-item:first-child .nav-link { padding-left: 0; } .nh_primary-nav .header-search { position: absolute; top: 0; bottom: 0; right: 1rem; left: 1rem; background: white; padding: 1rem; z-index: 1; visibility: visible; } @media (min-width: 992px) { .nh_primary-nav .header-search { position: absolute; right: 28rem; left: 28.6rem; } } .nh_primary-nav .header-search__open { border: 0; background: none; } .nh_primary-nav .header-cart__close, .nh_primary-nav .header-contact__close { display: block; position: absolute; top: 2rem; right: 1.1rem; z-index: 1; background: transparent; border: 0; border-radius: 0; padding: 0; width: 2rem; height: 2rem; } .nh_primary-nav .header-cart__close::before, .nh_primary-nav .header-cart__close::after, .nh_primary-nav .header-contact__close::before, .nh_primary-nav .header-contact__close::after { position: absolute; top: 50%; left: 50%; display: block; background: #002A4E; width: 1.8rem; height: 0.2rem; -webkit-transform-origin: center; transform-origin: center; content: ""; } .nh_primary-nav .header-cart__close::before, .nh_primary-nav .header-contact__close::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .nh_primary-nav .header-cart__close::after, .nh_primary-nav .header-contact__close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .nh_primary-nav .header-search-container { -webkit-transform: translateY(100vh); transform: translateY(100vh); transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media (min-width: 992px) { .nh_primary-nav .header-search-container { height: 100%; display: flex; align-items: center; -webkit-transform: none; transform: none; -webkit-transform: translateX(100vw); transform: translateX(100vw); } } .nh_primary-nav .header-search-container #header-search-box { width: 100%; display: flex !important; align-items: center; padding-left: 30px; } .nh_primary-nav .header-search-container #header-search-box.on-focus { border-bottom: 2px solid #000110; } .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box { border: none; } .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-input > input { color: #E13200; text-transform: uppercase; font-size: 1.8rem; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; letter-spacing: 0.23px; line-height: 21.6px; padding-right: 26px; } @media (min-width: 992px) { .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-input > input { font-size: 2.4rem; line-height: 30px; padding-right: 49px; } } .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear { width: 25px; height: 100%; line-height: 43px; visibility: visible; } @media (min-width: 992px) { .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear { width: 48px; line-height: 48px; } } @media (min-width: 992px) { .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .magic-box .magic-box-clear-svg { width: 18px; height: 18px; } } .nh_primary-nav .header-search-container #header-search-box .CoveoSearchbox .CoveoSearchButton { width: 30px; left: 0; border: none; position: absolute; } .nh_primary-nav .header-search-container #header-search-box .coveo-search-button-svg { width: 22px; height: 22px; } .nh_primary-nav .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion .coveo-magicbox-suggestions { border: none; } .nh_primary-nav .magic-box-suggestions { height: 0; left: -30px; display: block; background: #ffffff; font-family: "ff-good-web-pro", Arial sans-serif; padding-top: 0; padding-bottom: 0; visibility: hidden; transition: all 0.01s; width: calc(100% + 30px); } .nh_primary-nav .magic-box-suggestions.magic-box-hasSuggestion { height: auto; padding-top: 30px; padding-bottom: 30px; visibility: visible; border-top: 1px solid #D1D3D4; transition: all 0.3s; } @media (min-width: 992px) { .nh_primary-nav .magic-box-suggestions { padding: 15px 20px; top: 64px; } } .nh_primary-nav .magic-box-suggestions .suggestion-title { color: #E13200; margin: 0; padding-top: 5px; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .nh_primary-nav .magic-box-suggestions .suggestion-title:not(:first-child) { margin-top: 25px; } @media (min-width: 992px) { .nh_primary-nav .magic-box-suggestions .suggestion-title:not(:first-child) { margin-top: 15px; } } .nh_primary-nav .magic-box-suggestions .magic-box-suggestion { font-size: 1.8rem; line-height: 27px; padding: 5px 0; } .nh_primary-nav .magic-box-suggestions .magic-box-suggestion:hover { background: transparent; } .nh_primary-nav .magic-box-suggestions ul { padding: 0; list-style: none; } .nh_primary-nav .magic-box-suggestions ul li { margin-bottom: 1rem; font-size: 1.8rem; } .nh_primary-nav .magic-box-suggestions ul a { word-wrap: break-word; color: #000110; } .nh_primary-nav .magic-box-suggestions .suggested-searches { display: none; } .nh_primary-nav .header-cart { position: absolute; bottom: 0; left: 0; right: 0; background: #EBEBEB; z-index: 10; } @media (min-width: 992px) { .nh_primary-nav .header-cart { top: 8rem; left: auto; bottom: auto; width: 38rem; } .nh_primary-nav .header-cart .header-cart__header { display: none; } } @media (max-width: 991.98px) { .nh_primary-nav .header-cart { flex-direction: column; max-height: 100%; } .nh_primary-nav .header-cart.show { display: flex; } .nh_primary-nav .header-cart .header-cart__header { margin: 0 2rem; display: block; } .nh_primary-nav .header-cart .header-cart-container { flex: 1; display: flex; flex-direction: column; min-height: 0; } .nh_primary-nav .header-cart .header-cart__list { flex: 1; min-height: 0; max-height: 33rem; overflow: scroll; } .nh_primary-nav .header-cart .header-cart__footer { overflow: visible; } } .nh_primary-nav .header-cart__open { background: none; border: none; position: relative; } @media (min-width: 992px) { .nh_primary-nav .header-cart__close { display: none; } } .nh_primary-nav .header-cart-container { padding: 0 2rem 4rem; } @media (min-width: 992px) { .nh_primary-nav .header-cart-container { padding: 4rem 2rem; } } .nh_primary-nav .header-cart-container .img-box { margin-right: 2.5rem; width: 100px; height: 100px; } .nh_primary-nav .header-cart-container .img-box img { -o-object-fit: contain; object-fit: contain; } .nh_primary-nav .header-cart-container .header-cart__item-content { flex: 1; display: flex; flex-flow: row wrap; } .nh_primary-nav .header-cart-container .header-cart__title { flex: 1 0 0; text-transform: uppercase; font-size: 1.4rem; } .nh_primary-nav .header-cart-container .header-cart__title strong { font-weight: 600; } .nh_primary-nav .header-cart-container .header-cart__price { flex: 1 1 1; font-weight: 600; font-size: 1.4rem; } .nh_primary-nav .header-cart-container .header-cart__description { width: 100%; font-size: 1.4rem; } .nh_primary-nav .header-cart__list > li { position: relative; background: #ffffff; margin-top: 1.5rem; padding: 1.5rem 2.5rem 1.5rem 1.5rem; display: flex; } .nh_primary-nav .header-cart__list > li:first-child { margin-top: 0; } .nh_primary-nav .header-cart__item-remove { position: absolute; top: 0; right: 0.2rem; background: none; border: 0; padding: 0; line-height: 1; width: 1.6rem; text-align: center; } .nh_primary-nav .header-cart__item-remove::after { content: "x"; } .nh_primary-nav .header-cart__footer { margin-top: 2.5rem; border-top: 2px solid black; padding-top: 2rem; overflow: auto; } .nh_primary-nav .header-cart__footer > div { overflow: auto; } .nh_primary-nav .header-cart__footer p { margin: 0 0 3rem; float: left; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .nh_primary-nav .header-cart__footer .header-cart__total-price, .nh_primary-nav .header-cart__footer .header-cart__discount-price { float: right; } .nh_primary-nav .header-cart__footer .btn { display: inline-block; font-size: 1.4rem; width: 100%; padding: 1rem 1rem 0.8rem; } .nh_primary-nav .header-contact-bg-box { position: absolute; } @media (min-width: 992px) { .nh_primary-nav .header-contact-bg-box { width: 100vw; height: 528px; top: 8rem; left: 0; } } .nh_primary-nav .header-contact { background: #EBEBEB; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-y: scroll; padding: 2.5rem 2rem 0; z-index: 10; } @media (min-width: 768px) { .nh_primary-nav .header-contact { padding: 4rem 4rem 0; } } @media (min-width: 992px) { .nh_primary-nav .header-contact { overflow-y: auto; padding: 4rem 5rem 6rem; width: 100vw; left: auto; top: 8rem; bottom: auto; } } .nh_primary-nav .header-contact .header-contact-container { max-width: 1436px; margin: 0 auto; } .nh_primary-nav .header-contact .header-contact__close { right: 2rem; top: 2.5rem; } @media (min-width: 768px) { .nh_primary-nav .header-contact .header-contact__close { right: 4rem; } } @media (min-width: 768px) { .nh_primary-nav .header-contact .header-contact__close { right: 5rem; } } .nh_primary-nav .header-contact .header-contact__close span { display: none; } @media (min-width: 992px) { .nh_primary-nav .header-contact .header-contact__close span { display: block; white-space: pre; font-size: 1.8rem; position: absolute; right: 2.5rem; top: -2.5px; text-transform: uppercase; color: #002A4E; } } @media (min-width: 768px) { .nh_primary-nav .navbar-collapse { padding: 2.5rem 4rem; } .nh_primary-nav .tab-content .nh_secondary-nav { padding: 25px 40px 40px 40px; } .nh_primary-nav .tab-content .nh_secondary-nav .h1 { font-size: 4.2rem; } } @media (min-width: 992px) { .nh_primary-nav { height: 8rem; } .nh_primary-nav .navbar-brand { margin-right: 15px; } .nh_primary-nav .navbar-brand .poly-only, .nh_primary-nav .navbar-brand .poly-only-dark { width: 58px; } .nh_primary-nav .navbar-brand .logo { width: 39px; margin-right: 6px; } .nh_primary-nav .navbar-collapse { display: flex; align-items: center; justify-content: space-between; flex-direction: row; background: transparent; padding: 0; } .nh_primary-nav .nav-tabs .nav-link { margin: 2.9rem 1.5rem; font-size: 2rem; line-height: 2.2rem; } .nh_primary-nav .nav-tabs .nav-link:hover { color: #E13200 !important; text-decoration: underline; } .nh_primary-nav .nav-tabs .nav-link:hover .fa-arrow-right { display: inline-block; color: #E13200; } .nh_primary-nav .nav-tabs i { display: none; } .nh_primary-nav .tab-content .tab-toggler { display: block; position: absolute; top: 1.5rem; right: 5rem; z-index: 1; border: 0; border-radius: 0; padding: 0 2.6rem 0 0; text-transform: uppercase; color: #002A4E; font-size: 1.8rem; background-color: transparent; } .nh_primary-nav .tab-content .tab-toggler::before, .nh_primary-nav .tab-content .tab-toggler::after { position: absolute; top: 47.5%; right: 0; display: block; background: #002A4E; width: 1.8rem; height: 0.2rem; content: ""; } .nh_primary-nav .tab-content .tab-toggler::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .nh_primary-nav .tab-content .tab-toggler::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .nh_primary-nav .tab-content .nh_secondary-nav { padding: 5rem 5rem; max-width: 1436px; margin: 0 auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .nh_primary-nav .tab-content .nh_secondary-nav .h1 { font-size: 6rem; } .nh_primary-nav .tab-content .nh_secondary-nav > li { padding-bottom: 1em; max-width: 350px; } .nh_primary-nav .tab-content .nh_secondary-nav > li a { font-weight: 600; font-size: 1.6em; } .nh_primary-nav .tab-content .nh_secondary-nav > li > .tertiary-nav-container { transition: none !important; } .nh_primary-nav .tab-content .nh_secondary-nav > li > .tertiary-nav-container .tertiary-nav { max-width: 350px; } .nh_primary-nav .tab-content .nh_secondary-nav > li > .tertiary-nav-container .tertiary-nav a { font-weight: 400; font-size: 1.4em; } .nh_primary-nav .tab-content .nh_secondary-nav .bottom-nav { padding-top: 9em; } .nh_primary-nav .tab-content .nh_secondary-nav .bottom-nav a { font-weight: bold; font-size: 1.4em; padding-right: 2em; } .nh_primary-nav .tab-content .nh_secondary-nav .bottom-nav a:hover { color: #ff3b00; } .nh_primary-nav .tab-content .nh_secondary-nav > li > .collapse.show .nav-featured-content { -webkit-transform: translateX(0); transform: translateX(0); } .nh_primary-nav .tab-content .nh_secondary-nav > .tertiary-nav-container { transition: none !important; } .nh_primary-nav .tab-content .nh_secondary-nav > .collapse.show .nav-featured-content { -webkit-transform: translateX(0); transform: translateX(0); } .nh_primary-nav .tab-content .nav-featured-content { display: block; cursor: pointer; max-width: calc(45% - 5rem); position: absolute; top: 6rem; right: 5rem; padding-bottom: 30px; -webkit-transform: translateX(125%); transform: translateX(125%); transition: -webkit-transform 150ms ease-in-out; transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; } .nh_primary-nav .tab-content .nav-featured-content .product-card { height: 300px; width: 250px; display: inline-block; margin-right: 0.5em; background-color: #fbfaf9; padding-bottom: 2em; padding-left: 0.5em; } .nh_primary-nav .tab-content .nav-featured-content .product-card .img-box { min-height: 350px; padding-bottom: calc(25% + 51px); padding: 20% 10% calc(25% + 32px); width: 100%; text-align: center; } .nh_primary-nav .tab-content .nav-featured-content .product-card .img-box .product-image { vertical-align: middle; margin-bottom: 2rem; pointer-events: none; height: 7.5em; } .nh_primary-nav .tab-content .nav-featured-content .product-card .content-box { width: 210px; font-weight: 600; line-height: 2.3rem; position: absolute; bottom: 1.3em; } .nh_primary-nav .tab-content .nav-featured-content .product-card .content-box .product-title { font-size: 2rem; color: #000110; text-transform: uppercase; } .nh_primary-nav .tab-content .nav-featured-content .product-card .content-box .price { font-size: 1.4rem; color: #C0C0C0; text-transform: initial; } .nh_primary-nav .tab-content .nav-featured-content__info { display: flex; flex-direction: column; align-items: flex-end; } .nh_primary-nav .tab-content .nav-featured-content__info .h4, .nh_primary-nav .tab-content .nav-featured-content__info .description, .nh_primary-nav .tab-content .nav-featured-content__info .btn { width: 50%; } .nh_primary-nav .tab-content .nav-featured-content__info .description { font-size: 1.7rem; } .nh_primary-nav .tab-content .nav-featured-content__info .btn { font-size: 1.4rem; } .nh_primary-nav .utility-nav { width: auto; height: 100%; } } @media (max-width: 991.98px) { .nh_primary-nav .utility-nav { padding: 1em; } .nh_primary-nav .utility-nav .tab-item { display: block; } .nh_primary-nav .utility-nav .tab-item #header-contact { display: none !important; } .nh_primary-nav .utility-nav .tab-item .tab-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; } .nh_primary-nav .utility-nav .tab-item .tab-content .tab-pane { padding: 4rem 4rem 0; } .nh_primary-nav .tab-pane { position: static !important; padding: 0; } .nh_primary-nav .tab-pane .nh_secondary-nav { padding: 0; height: auto; } .nh_primary-nav .tab-pane .nh_secondary-nav li { cursor: pointer; padding: 0.5em; margin: 0.5rem 1.5rem 0.5rem 2.5rem; } .nh_primary-nav .tab-pane .nh_secondary-nav li a { color: #002A4E !important; text-decoration: none !important; } .nh_primary-nav .tab-pane .nh_secondary-nav .tertiary-nav-container { transition: 0.3s -webkit-transform ease-in-out; transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out; } .nh_primary-nav .tab-pane .nh_secondary-nav .tertiary-nav-container .tertiary-nav { position: initial; -webkit-padding-start: 0px; padding-inline-start: 0px; } .nh_primary-nav .tab-pane .nh_secondary-nav .tertiary-nav-container .tertiary-nav.show { display: block !important; } .nh_primary-nav .tab-pane .nh_secondary-nav .tertiary-nav-container .tertiary-nav li { padding: 0; } .nh_primary-nav .tab-pane .nh_secondary-nav .tertiary-nav-container .tertiary-nav li a { font-size: 16px; color: #002A4E !important; -webkit-text-decoration: auto; text-decoration: auto; } .nh_primary-nav .tab-pane .nh_secondary-nav .bottom-nav a { color: #ff3b00; margin: 1em 2em; width: 100%; display: block; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content { margin: 1em 0; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card { height: 300px; width: 45%; display: inline-block; margin-right: 0.5em; background-color: #fbfaf9; position: relative; padding-left: 0.5em; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card .img-box { min-height: 275px; padding: 20% 10% calc(25% + 32px); padding-bottom: 0px; width: 100%; text-align: center; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card .img-box .product-image { vertical-align: middle; margin-bottom: 2rem; pointer-events: none; height: 10em; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card .content-box { font-weight: 600; line-height: 1.6rem; position: absolute; bottom: 0.4em; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card .content-box .product-title { font-size: 2rem; color: #000110; text-transform: uppercase; } .nh_primary-nav .tab-pane .nh_secondary-nav .nav-featured-content .product-card .content-box .price { font-size: 1.4rem; color: #C0C0C0; text-transform: initial; } .nh_primary-nav #primary-navigation { width: 100%; padding: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; overflow: scroll; display: block; max-height: 75vh; } .nh_primary-nav #primary-navigation .nav-tabs { width: 100%; } .nh_primary-nav #primary-navigation .nav-tabs .nh_nav-item { width: 100%; border-bottom: 1px solid #d9d2cd; } .nh_primary-nav #primary-navigation .nav-tabs .nh_nav-item .nav-link { padding: 0.75em; } .nh_primary-nav #primary-navigation .nav-tabs .nh_nav-item .nav-link.link-active { color: #002A4E !important; -webkit-text-decoration: auto; text-decoration: auto; } .nh_primary-nav #primary-navigation .nav-tabs .nh_nav-item .nav-link i { display: block; } .nh_primary-nav .fas { float: right; } } .rssFeed li { font-size: 20px; line-height: 1.6; } .custom-dropdown.model-selector.single-item::after { display: none; } .polyPlus .form-check-label { margin-bottom: 5px; padding-left: 10px; } .polyPlus .form-check-input { margin-top: 0.5rem; } .custom-dropdown { position: relative; transition: all 0.2s ease-in-out; background-color: #ffffff; } .custom-dropdown.dropown-mark { cursor: pointer; } .custom-dropdown::after { top: 50%; right: 15px; content: ''; width: 11px; height: 8px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("clientlib-site/resources/icons/angle-down-red.svg"); background-size: cover; } .custom-dropdown .value-container { width: 100%; border: none; background-color: rgba(255, 255, 255, 0); display: block; padding: 10px; position: relative; text-align: left; z-index: 2; } .custom-dropdown .value-container:focus { outline: none; } .custom-dropdown .dropdown-panel { left: 0; margin: 0; width: 100%; display: none; overflow-y: scroll; position: absolute; z-index: 9999; } .custom-dropdown .dropdown-panel .item, .custom-dropdown .dropdown-panel .cat-item { padding-bottom: 10px; padding-left: 10px; background-color: #ffffff; padding-top: 10px; } .custom-dropdown .dropdown-panel .item:first-child, .custom-dropdown .dropdown-panel .cat-item:first-child { padding-top: 10px; } .custom-dropdown .dropdown-panel .item.active, .custom-dropdown .dropdown-panel .cat-item.active { color: #E13200; } .custom-dropdown .dropdown-panel .item[aria-selected="true"], .custom-dropdown .dropdown-panel .cat-item[aria-selected="true"] { display: none; } .custom-dropdown.active:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .custom-dropdown.active .dropdown-panel { display: block; } .video-cta { display: inline-block; padding-left: 1px; } .video-cta .launch-video-modal { padding: 7px; position: relative; border: 1px solid; text-decoration: none; } .video-cta .launch-video-modal:hover { border: 1px solid; text-decoration: none; color: #ffffff; background: darkslategrey; } .video-modal { display: block; background: #000110; } .video-modal .close { top: 15px; right: 15px; width: 55px; height: 55px; color: #ffffff; opacity: 1; font-weight: 300; font-size: 32px; line-height: 55px; border-radius: 50%; background: #000110; position: absolute; text-shadow: none; z-index: 10; } .video-modal-new .close { top: 15px; right: 15px; width: 55px; height: 55px; color: #ffffff; opacity: 1; font-weight: 300; font-size: 60px; line-height: 55px; border-radius: 50%; background: transparent; position: absolute; text-shadow: none; z-index: 10; display: none; } @media (max-width: 767.98px) { .video-modal-new .close { display: inline-block; } } .video-modal-new .close:focus { outline: none; box-shadow: none; } @media (max-width: 767.98px) { .video-modal-new { background: #000110; } } .video-modal-new .modal-dialog { max-width: 100%; width: 75%; min-width: 75%; } @media (max-width: 767.98px) { .video-modal-new .modal-dialog { width: 100%; } } .video-modal-new .modal-dialog .modal-content { border: 0; border-radius: 0; background: #000110; } @media (min-width: 768px) { .video-modal-new .modal-dialog .modal-content { min-height: auto; } } .video-modal-new .modal-dialog .modal-content .modal-body { height: 75vh; vertical-align: middle; padding: 0; } .video-modal-new .modal-dialog .modal-content .modal-body .close { top: -40px; right: -40px; width: 55px; height: 55px; color: #ffffff; opacity: 1; font-weight: 300; font-size: 60px; line-height: 55px; border-radius: 50%; background: transparent; position: absolute; text-shadow: none; z-index: 10; display: inline-block; } @media (max-width: 767.98px) { .video-modal-new .modal-dialog .modal-content .modal-body .close { display: none; } } .video-modal-new .modal-dialog .modal-content .modal-body .close:focus { outline: none; box-shadow: none; } .s7videoplayer { width: 100% !important; height: 100% !important; } .video-box .s7videoplayer { width: 100% !important; height: 100% !important; } .video-box .s7videoplayer { width: 100% !important; height: 100% !important; } .video-box .s7iconeffect, .video-box .s7controlbar { display: none !important; } .marketo-contact-form input, .marketo-contact-form select, .marketo-contact-form textarea { width: 100%; border-radius: 0; border: 2px solid transparent; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.7rem; padding: 11px 15px; margin-top: 5px; margin-bottom: 5px; transition: all 0.2s ease-in-out; } .marketo-contact-form input:focus, .marketo-contact-form select:focus, .marketo-contact-form textarea:focus { border: 2px solid #002A4E; outline: none; } .marketo-contact-form input.invalid, .marketo-contact-form select.invalid, .marketo-contact-form textarea.invalid { border: 2px solid #E13200; } .marketo-contact-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("clientlib-site/resources/icons/angle-down-black.svg"); background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-color: #ffffff; } .marketo-contact-form select::-ms-expand { display: none; } .marketo-contact-form select.valid { background-image: url("clientlib-site/resources/icons/angle-down-black.svg"), url("clientlib-site/resources/icons/input-valid.svg"); background-repeat: no-repeat, no-repeat; background-position: calc(100% - 50px) center, calc(100% - 20px) center; } .marketo-contact-form select.invalid { background-image: url("clientlib-site/resources/icons/angle-down-black.svg"), url("clientlib-site/resources/icons/input-error.svg"); background-repeat: no-repeat, no-repeat; background-position: calc(100% - 50px) center, calc(100% - 20px) center; } .marketo-contact-form input, .marketo-contact-form textarea { background-color: #ffffff; background-repeat: no-repeat; background-position: calc(100% - 20px) center; } .marketo-contact-form input::-ms-clear, .marketo-contact-form textarea::-ms-clear { width: 0; height: 0; } .marketo-contact-form input::-webkit-contacts-auto-fill-button, .marketo-contact-form textarea::-webkit-contacts-auto-fill-button { display: none !important; } .marketo-contact-form input.valid, .marketo-contact-form textarea.valid { background-image: url("clientlib-site/resources/icons/input-valid.svg"); } .marketo-contact-form input.invalid, .marketo-contact-form textarea.invalid { background-image: url("clientlib-site/resources/icons/input-error.svg"); } .marketo-contact-form textarea { margin-bottom: 0; resize: none; } .marketo-contact-form .btn-submit { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; margin-top: 5px; text-align: center; width: 100%; } @media (min-width: 768px) { .marketo-contact-form .btn-submit { width: auto; } } .commerce-modal .modal-dialog, .buy-now-category .modal-dialog { margin: 0; max-width: 100%; width: 100%; } @media (min-width: 768px) { .commerce-modal .modal-dialog, .buy-now-category .modal-dialog { width: 680px; margin: 1.75rem auto; } } .commerce-modal .modal-dialog .wrapper, .buy-now-category .modal-dialog .wrapper { border: none; border-radius: 0; padding: 25px 20px; min-height: 100vh; } @media (min-width: 768px) { .commerce-modal .modal-dialog .wrapper, .buy-now-category .modal-dialog .wrapper { min-height: auto; } } .commerce-modal .modal-dialog .wrapper .container, .buy-now-category .modal-dialog .wrapper .container { position: relative; } .commerce-modal .modal-dialog .wrapper .container .close, .buy-now-category .modal-dialog .wrapper .container .close { top: 0; right: 0; margin: 0; opacity: 1; padding: 0; z-index: 10; position: absolute; } .commerce-modal .modal-dialog .wrapper .container .close span, .buy-now-category .modal-dialog .wrapper .container .close span { width: 13px; height: 13px; display: inline-block; background-image: url("clientlib-site/resources/icons/close.svg"); background-size: cover; background-repeat: no-repeat; } .commerce-modal .modal-dialog .wrapper .container ul, .buy-now-category .modal-dialog .wrapper .container ul { margin: 0; } .commerce-modal .modal-dialog .wrapper .container .review, .commerce-modal .modal-dialog .wrapper .container .product-name, .commerce-modal .modal-dialog .wrapper .container .price, .buy-now-category .modal-dialog .wrapper .container .review, .buy-now-category .modal-dialog .wrapper .container .product-name, .buy-now-category .modal-dialog .wrapper .container .price { display: none; } .commerce-modal .modal-dialog .wrapper .container .review.active, .commerce-modal .modal-dialog .wrapper .container .product-name.active, .commerce-modal .modal-dialog .wrapper .container .price.active, .buy-now-category .modal-dialog .wrapper .container .review.active, .buy-now-category .modal-dialog .wrapper .container .product-name.active, .buy-now-category .modal-dialog .wrapper .container .price.active { display: block; } .commerce-modal .modal-dialog .wrapper .container .content .product-name .title, .buy-now-category .modal-dialog .wrapper .container .content .product-name .title { margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; } .commerce-modal .modal-dialog .wrapper .container .content .review, .buy-now-category .modal-dialog .wrapper .container .content .review { margin-top: 5px; } .commerce-modal .modal-dialog .wrapper .container .content .review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-on, .commerce-modal .modal-dialog .wrapper .container .content .review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-off, .buy-now-category .modal-dialog .wrapper .container .content .review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-on, .buy-now-category .modal-dialog .wrapper .container .content .review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-off { font-size: 1.8rem !important; } .commerce-modal .modal-dialog .wrapper .container .content .gallery, .buy-now-category .modal-dialog .wrapper .container .content .gallery { position: relative; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .img-box, .buy-now-category .modal-dialog .wrapper .container .content .gallery .img-box { display: flex; height: 428px; align-items: center; justify-content: center; padding-left: 80px; padding-right: 80px; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .img-box img, .buy-now-category .modal-dialog .wrapper .container .content .gallery .img-box img { max-height: 100%; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .prev-page, .commerce-modal .modal-dialog .wrapper .container .content .gallery .next-page, .buy-now-category .modal-dialog .wrapper .container .content .gallery .prev-page, .buy-now-category .modal-dialog .wrapper .container .content .gallery .next-page { top: 50%; cursor: pointer; opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .commerce-modal .modal-dialog .wrapper .container .content .gallery .prev-page-icon, .commerce-modal .modal-dialog .wrapper .container .content .gallery .next-page-icon, .buy-now-category .modal-dialog .wrapper .container .content .gallery .prev-page-icon, .buy-now-category .modal-dialog .wrapper .container .content .gallery .next-page-icon { width: 20px; height: 28px; display: inline-block; font-size: 1.4rem; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .prev-page, .buy-now-category .modal-dialog .wrapper .container .content .gallery .prev-page { left: 20px; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .prev-page .prev-page-icon, .buy-now-category .modal-dialog .wrapper .container .content .gallery .prev-page .prev-page-icon { background-image: url("clientlib-site/resources/icons/angle-left.svg"); } .commerce-modal .modal-dialog .wrapper .container .content .gallery .next-page, .buy-now-category .modal-dialog .wrapper .container .content .gallery .next-page { right: 20px; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .next-page .next-page-icon, .buy-now-category .modal-dialog .wrapper .container .content .gallery .next-page .next-page-icon { background-image: url("clientlib-site/resources/icons/angle-right.svg"); } .commerce-modal .modal-dialog .wrapper .container .content .gallery .thumbnails, .buy-now-category .modal-dialog .wrapper .container .content .gallery .thumbnails { position: relative; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator, .buy-now-category .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator { width: 40px; height: 40px; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator .thumbnail, .buy-now-category .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator .thumbnail { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .commerce-modal .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator .thumbnail img, .buy-now-category .modal-dialog .wrapper .container .content .gallery .thumbnails .indicator .thumbnail img { max-height: 100%; } .commerce-modal .modal-dialog .wrapper .container .model-selector, .buy-now-category .modal-dialog .wrapper .container .model-selector { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.7rem; margin-bottom: 20px; text-transform: uppercase; } @media (min-width: 768px) { .commerce-modal .modal-dialog .wrapper .container .model-selector, .buy-now-category .modal-dialog .wrapper .container .model-selector { margin-bottom: 15px; } } .commerce-modal .modal-dialog .wrapper .container .model-selector .value-container, .buy-now-category .modal-dialog .wrapper .container .model-selector .value-container { text-transform: uppercase; } .commerce-modal .modal-dialog .wrapper .container .prevPrice, .buy-now-category .modal-dialog .wrapper .container .prevPrice { text-decoration: line-through; color: #bbb; padding-left: 10px; } .commerce-modal .modal-dialog .wrapper .container .price-cart, .buy-now-category .modal-dialog .wrapper .container .price-cart { display: flex; align-items: center; justify-content: space-between; } .commerce-modal .modal-dialog .wrapper .container .price-cart .price, .buy-now-category .modal-dialog .wrapper .container .price-cart .price { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 44px; line-height: 66px; font-weight: 600; } .commerce-modal .modal-dialog .wrapper .container .price-cart .btn-add-to-cart, .buy-now-category .modal-dialog .wrapper .container .price-cart .btn-add-to-cart { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; } .inline-buy-now-modal-component { background-color: white; } .inline-buy-now-modal-component .component-hide { display: none; } @media (min-width: 992px) { .inline-buy-now-modal-component .commerce-modal .modal-dialog { width: 100%; } .inline-buy-now-modal-component .inline-buynow-content { display: flex; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel { flex: 0 0 60%; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text { flex: 0 0 40%; align-items: center; } } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper { width: 350px; overflow: hidden; position: relative; margin: auto; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .previous-page-arrow { position: absolute; cursor: pointer; font-size: 20px; top: 45px; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .navigate-container { width: 330px; overflow: hidden; margin: auto; display: flex; align-items: center; justify-content: center; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .navigate-container .carousel-indicators li { width: 60px; height: auto; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .navigate-container .carousel-indicators li .thumbnail { text-indent: 0; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .next-page-arrow { position: absolute; right: 0; cursor: pointer; font-size: 20px; top: 45px; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .less-than-five-items .navigate-container { width: auto; padding: 0 30px; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-carousel .carousel .navigate-wrapper .less-than-five-items .carousel-indicators { left: 0; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .content .product-features { padding-bottom: 15px; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .product-cart-details .custom-dropdown { border: 1px solid black; } @media (min-width: 992px) { .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .product-cart-details .custom-dropdown { max-width: 375px; } } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .product-cart-details .custom-dropdown .dropdown-panel { border: 1px solid black; max-height: 500px; overflow-y: scroll; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .product-cart-details .product-description { margin: 10px 0; } .inline-buy-now-modal-component .inline-buynow-content .inline-buynow-text .product-cart-details .price-cart .price .base-price { font-size: 2.4rem; font-weight: 600; line-height: 30px; text-transform: uppercase; } .inline-buy-now-modal-component .commerce-modal .modal-dialog .wrapper { padding: 25px 0; } .inline-buy-now-modal-component .commerce-modal .modal-dialog .wrapper .container .inline-buynow-content .inline-buynow-text .price-cart { display: inline-block; } .contact-sales-modal .modal-dialog { margin: 0; max-width: 100%; width: 100%; } @media (min-width: 768px) { .contact-sales-modal .modal-dialog { width: 680px; margin: 1.75rem auto; } } .contact-sales-modal .modal-dialog .modal-content { border: 0; border-radius: 0; min-height: 100vh; } @media (min-width: 768px) { .contact-sales-modal .modal-dialog .modal-content { min-height: auto; } } .contact-sales-modal .modal-dialog .modal-content .modal-header { border: 0; display: block; padding: 20px; position: relative; } .contact-sales-modal .modal-dialog .modal-content .modal-header .close { top: 20px; right: 20px; margin: 0; opacity: 1; padding: 0; position: absolute; } .contact-sales-modal .modal-dialog .modal-content .modal-header .close span { width: 13px; height: 13px; display: inline-block; background-image: url("clientlib-site/resources/icons/close.svg"); background-size: cover; background-repeat: no-repeat; } .contact-sales-modal .modal-dialog .modal-content .modal-header .modal-title { margin: 0; float: left; text-align: center; text-transform: uppercase; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; font-weight: 600; text-transform: uppercase; } .contact-sales-modal .modal-dialog .modal-content .modal-body { padding: 40px 20px; } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container { margin-right: 30px; } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container:last-child { margin-right: 0; } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container:hover { color: #000110; } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container .item { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-align: center; text-transform: uppercase; } @media (min-width: 768px) { .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container .item { font-size: 1.6rem; } } .contact-sales-modal .modal-dialog .modal-content .modal-body .quick-info .link-container .item img { display: block; height: 36px; margin: 0 auto; margin-bottom: 10px; } .contact-sales-modal .modal-dialog .modal-content .modal-body .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 23px; } @media (min-width: 768px) { .contact-sales-modal .modal-dialog .modal-content .modal-body .description { width: 65%; font-size: 1.6rem; } } .promo-basic { height: 720px; position: relative; } @media (min-width: 992px) { .promo-basic { height: 780px; } } .promo-basic .inner-container { width: 100%; height: 720px; margin: 0 auto; position: relative; max-width: 1436px; } @media (min-width: 992px) { .promo-basic .inner-container { height: 780px; } } .promo-basic .category { top: 50px; left: 20px; z-index: 10; font-size: 1.2rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; position: absolute; text-transform: uppercase; } @media (min-width: 768px) { .promo-basic .category { left: 40px; } } @media (min-width: 992px) { .promo-basic .category { left: 50px; } } .promo-basic .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .promo-basic .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .promo-basic .content-box { bottom: 0; width: 100%; display: flex; position: absolute; padding: 50px 20px; flex-direction: column; justify-content: flex-end; } @media (min-width: 768px) { .promo-basic .content-box { top: 0; bottom: 0; width: 60%; padding: 60px 40px; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .promo-basic .content-box { width: 40%; padding: 100px 50px; } } .promo-basic .content-box.content-left { left: 0; } .promo-basic .content-box.content-right { right: 0; } .promo-basic .content-box .title { font-weight: 600; font-size: 3.6rem; line-height: 43.2px; text-transform: uppercase; } @media (min-width: 768px) { .promo-basic .content-box .title { font-size: 4.5rem; line-height: 53px; } } @media (min-width: 992px) { .promo-basic .content-box .title { font-size: 6.4rem; line-height: 72px; } } .promo-basic .content-box .description { margin-top: 24px; margin-bottom: 40px; font-size: 1.8rem; line-height: 27px; } @media (min-width: 768px) { .promo-basic .content-box .description { margin-top: 1rem; margin-bottom: 6.5rem; } } @media (min-width: 992px) { .promo-basic .content-box .description { margin-top: 0.8rem; margin-bottom: 10.5rem; } } .promo-basic .content-box .content-cta .btn { font-size: 1.4rem; padding: 8px 15px; margin-right: 15px; margin-bottom: 15px; } .promo-basic .content-box .btn-secondary { border: none; } .basic-video-player { height: 720px; position: relative; } @media (min-width: 992px) { .basic-video-player { height: 780px; } } .basic-video-player .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .basic-video-player .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; } .basic-video-player .overlay-container { width: 100%; height: 720px; margin: 0 auto; position: relative; } @media (min-width: 992px) { .basic-video-player .overlay-container { height: 780px; } } .basic-video-player .overlay-container .video-cta-box { position: relative; margin: 0 auto; bottom: 0; width: 100%; max-width: 1436px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .basic-video-player .overlay-container .video-cta-box .btn-play { display: block; width: 10%; aspect-ratio: 1 / 1; background-image: url("clientlib-site/resources/images/scene7-player-icons-play.png"); background-size: cover; border: none; } .basic-video-player .overlay-container .video-cta-box .video-cta-label { padding-top: 0.5rem; text-transform: uppercase; } .product-hero { margin: 3rem 0; position: relative; } @media (min-width: 768px) { .product-hero.wide-layout .nickname, .product-hero.standard-layout .nickname { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.5s 0.4s; } .product-hero.wide-layout .wrapper .container .content-box .product-type, .product-hero.wide-layout .wrapper .container .content-box .product-name, .product-hero.wide-layout .wrapper .container .content-box .description, .product-hero.wide-layout .wrapper .container .content-box .price, .product-hero.wide-layout .wrapper .container .content-box .content-cta, .product-hero.standard-layout .wrapper .container .content-box .product-type, .product-hero.standard-layout .wrapper .container .content-box .product-name, .product-hero.standard-layout .wrapper .container .content-box .description, .product-hero.standard-layout .wrapper .container .content-box .price, .product-hero.standard-layout .wrapper .container .content-box .content-cta { opacity: 0; transition-duration: 0.3s; -webkit-transform: translateY(50px); transform: translateY(50px); } .product-hero.wide-layout .wrapper .container .content-box .product-type, .product-hero.standard-layout .wrapper .container .content-box .product-type { transition-delay: 0.4s; } .product-hero.wide-layout .wrapper .container .content-box .product-name, .product-hero.standard-layout .wrapper .container .content-box .product-name { transition-delay: 0.5s; } .product-hero.wide-layout .wrapper .container .content-box .description, .product-hero.standard-layout .wrapper .container .content-box .description { transition-delay: 0.6s; } .product-hero.wide-layout .wrapper .container .content-box .price, .product-hero.standard-layout .wrapper .container .content-box .price { transition-delay: 0.7s; } .product-hero.wide-layout .wrapper .container .content-box .content-cta, .product-hero.standard-layout .wrapper .container .content-box .content-cta { transition-delay: 0.8s; } .product-hero.wide-layout.animate-in .nickname, .product-hero.standard-layout.animate-in .nickname { transition-duration: 0.01s; transition-delay: 0s; } .product-hero.wide-layout.animate-in .wrapper .container .content-box .product-type, .product-hero.wide-layout.animate-in .wrapper .container .content-box .product-name, .product-hero.wide-layout.animate-in .wrapper .container .content-box .description, .product-hero.wide-layout.animate-in .wrapper .container .content-box .price, .product-hero.wide-layout.animate-in .wrapper .container .content-box .content-cta, .product-hero.standard-layout.animate-in .wrapper .container .content-box .product-type, .product-hero.standard-layout.animate-in .wrapper .container .content-box .product-name, .product-hero.standard-layout.animate-in .wrapper .container .content-box .description, .product-hero.standard-layout.animate-in .wrapper .container .content-box .price, .product-hero.standard-layout.animate-in .wrapper .container .content-box .content-cta { transition-duration: 0.01s; transition-delay: 0s; } .product-hero.wide-layout.end-animate .nickname, .product-hero.standard-layout.end-animate .nickname { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .product-hero.wide-layout.end-animate .wrapper .container .content-box .product-type, .product-hero.wide-layout.end-animate .wrapper .container .content-box .product-name, .product-hero.wide-layout.end-animate .wrapper .container .content-box .description, .product-hero.wide-layout.end-animate .wrapper .container .content-box .price, .product-hero.wide-layout.end-animate .wrapper .container .content-box .content-cta, .product-hero.standard-layout.end-animate .wrapper .container .content-box .product-type, .product-hero.standard-layout.end-animate .wrapper .container .content-box .product-name, .product-hero.standard-layout.end-animate .wrapper .container .content-box .description, .product-hero.standard-layout.end-animate .wrapper .container .content-box .price, .product-hero.standard-layout.end-animate .wrapper .container .content-box .content-cta { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .product-hero .tagline { top: 3rem; font-size: 12rem; line-height: 120px; margin: 0 auto; max-width: 1436px; } @media (min-width: 768px) { .product-hero .tagline { top: 6rem; font-size: 25rem; line-height: normal; } } .product-hero .wrapper { position: relative; } .product-hero .wrapper .bg-box { top: 0; bottom: 0; left: 0; right: 0; position: absolute; } .product-hero .wrapper .container { position: relative; } .product-hero .wrapper .container .content-box .product-type, .product-hero .wrapper .container .content-box .product-name { font-weight: 600; text-transform: uppercase; } .product-hero .wrapper .container .content-box .product-type { color: #E13200; font-size: 1.2rem; letter-spacing: 0.4px; } .product-hero .wrapper .container .content-box .description { font-size: 1.4rem; line-height: 20px; } .product-hero .wrapper .container .content-box .content-cta .btn { padding: 5px 7px; font-weight: 600; font-size: 1.4rem; } .product-hero .wrapper .container .content-box .content-cta .btn:first-child:not(:last-child) { margin-right: 20px; } @media (min-width: 768px) { .product-hero .wrapper .container .content-box .content-cta .btn { padding: 7px 10px; } } @media (min-width: 992px) { .product-hero .wrapper .container .content-box .content-cta .btn { padding: 12px 30px; } } .product-hero .wrapper .container .content-box .price { color: #C0C0C0; font-weight: 600; font-size: 1.2rem; line-height: 16px; margin-bottom: 15px; } @media (min-width: 992px) { .product-hero .wrapper .container .content-box .price { font-size: 1.4rem; line-height: 24px; } } .product-hero.wide-layout { padding: 0; } @media (min-width: 768px) { .product-hero.wide-layout.animate-in .wrapper { transition-duration: 0.01s; } .product-hero.wide-layout.end-animate .wrapper { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .product-hero.wide-layout .nickname { top: -2rem; font-size: 6rem; } @media (min-width: 768px) { .product-hero.wide-layout .nickname { top: 0; font-size: 18rem; line-height: 180px; letter-spacing: -3.75px; } } @media (min-width: 992px) { .product-hero.wide-layout .nickname { top: 1rem; } } .product-hero.wide-layout .wrapper { width: 95%; margin: 0 auto; text-align: center; } @media (min-width: 768px) { .product-hero.wide-layout .wrapper { width: 85%; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition-duration: 0.5s; } } .product-hero.wide-layout .wrapper .container { margin: 0 auto; flex-direction: column; } .product-hero.wide-layout .wrapper .container .content-box { padding: 20px 15px 45px; } @media (min-width: 768px) { .product-hero.wide-layout .wrapper .container .content-box { padding: 30px 50px 45px; } } @media (min-width: 992px) { .product-hero.wide-layout .wrapper .container .content-box { padding: 30px 220px 50px; } } .product-hero.wide-layout .wrapper .container .content-box .product-name { font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; } @media (min-width: 768px) { .product-hero.wide-layout .wrapper .container .content-box .product-name { font-size: 4.8rem; line-height: 58px; letter-spacing: 0.6px; } } .product-hero.wide-layout .wrapper .container .content-box .description { margin-bottom: 30px; } @media (min-width: 768px) { .product-hero.wide-layout .wrapper .container .content-box .description { font-size: 1.6rem; line-height: 23px; } } .product-hero.wide-layout .wrapper .container .product-image img { left: 0; top: -3rem; width: 100%; max-width: 100%; position: relative; } @media (min-width: 768px) { .product-hero.standard-layout { padding-bottom: 5rem; } .product-hero.standard-layout.animate-in .wrapper .bg-box { transition-duration: 0.01s; } .product-hero.standard-layout.animate-in .wrapper .container .product-image { transition-duration: 0.01s; transition-delay: 0s; } .product-hero.standard-layout.end-animate .wrapper .bg-box { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .product-hero.standard-layout.end-animate .wrapper .container .product-image { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .product-hero.standard-layout .wrapper .bg-box { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition-duration: 0.5s; } } @media (min-width: 992px) { .product-hero.standard-layout { padding-bottom: 10rem; } } @media (min-width: 768px) { .product-hero.standard-layout.with-padding-top { padding-top: 5rem; } } @media (min-width: 992px) { .product-hero.standard-layout.with-padding-top { padding-top: 20rem; } } .product-hero.standard-layout .container { padding: 10px 20px 40px; } @media (min-width: 768px) { .product-hero.standard-layout .container { padding: 0; display: flex; flex-direction: row; } } @media (min-width: 768px) { .product-hero.standard-layout .container .content-box { padding: 35px 25px 25px; flex: 1 1 58.333333%; max-width: 58.333333%; } } @media (min-width: 992px) { .product-hero.standard-layout .container .content-box { padding: 30px 50px 45px; flex: 1 1 41.666667%; max-width: 41.666667%; } } @media (min-width: 768px) { .product-hero.standard-layout .container .content-box .product-type { margin-bottom: 20px; } } @media (min-width: 992px) { .product-hero.standard-layout .container .content-box .product-type { margin-bottom: 100px; } } .product-hero.standard-layout .container .content-box .product-name { font-size: 2.4rem; line-height: 28.8px; letter-spacing: 0.3px; } @media (min-width: 768px) { .product-hero.standard-layout .container .content-box .product-name { font-size: 3.2rem; line-height: 38px; letter-spacing: 0.4px; } } @media (min-width: 992px) { .product-hero.standard-layout .container .content-box .product-name { font-size: 4.8rem; line-height: 58px; letter-spacing: 0.6px; } } .product-hero.standard-layout .container .content-box .description { margin-bottom: 30px; } @media (min-width: 992px) { .product-hero.standard-layout .container .content-box .description { font-size: 1.6rem; line-height: 23px; } } .product-hero.standard-layout .container .product-image { position: relative; text-align: center; } @media (min-width: 768px) { .product-hero.standard-layout .container .product-image { margin-bottom: 0; flex: 1 1 41.666667%; max-width: 41.666667%; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.5s 0.4s; } } @media (min-width: 992px) { .product-hero.standard-layout .container .product-image { flex: 1 1 58.333333%; max-width: 58.333333%; } } @media (min-width: 768px) { .product-hero.standard-layout .container .product-image img { left: 50%; top: 45%; max-width: 90%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .product-hero.lifestyle-layout .wrapper .container { display: flex; flex-direction: column; } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container { flex-direction: row; } } .product-hero.lifestyle-layout .wrapper .container .content-box { padding: 10px; } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container .content-box { flex: 1 1 50%; max-width: 50%; padding: 25px 10px 10px; } } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box { padding: 25px 20px 20px; flex: 1 1 33.333333%; max-width: 33.333333%; } } .product-hero.lifestyle-layout .wrapper .container .content-box .product-type { color: #000110; margin-bottom: 10px; } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-type { margin-bottom: 20px; } } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-type { margin-bottom: 45px; } } .product-hero.lifestyle-layout .wrapper .container .content-box .product-name { font-size: 1.2rem; line-height: 16px; text-decoration: none; } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-name { font-size: 2rem; line-height: 22px; } } .product-hero.lifestyle-layout .wrapper .container .content-box .product-image { overflow: hidden; text-align: center; margin-bottom: 40px; } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-image { margin-bottom: 80px; } } .product-hero.lifestyle-layout .wrapper .container .content-box .product-image img { height: 165px; } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-image img { height: 178px; } } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box .product-image img { height: 280px; } } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container .content-box .description { margin-bottom: 20px; } } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .content-box .description { margin-bottom: 35px; } } .product-hero.lifestyle-layout .wrapper .container .img-box { min-height: 225px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .product-hero.lifestyle-layout .wrapper .container .img-box { flex: 1 1 50%; max-width: 50%; } } @media (min-width: 992px) { .product-hero.lifestyle-layout .wrapper .container .img-box { flex: 1 1 66.666667%; max-width: 66.666667%; } } .product-hero.content-left.standard-layout .product-image { order: 1; margin-bottom: 20px; } @media (min-width: 768px) { .product-hero.content-left.standard-layout .product-image { order: 2; margin-top: 0; margin-bottom: 0; } } .product-hero.content-left.standard-layout .content-box { order: 2; } @media (min-width: 768px) { .product-hero.content-left.standard-layout .content-box { order: 1; } } .product-hero.content-left.lifestyle-layout .img-box { order: 2; text-align: right; } .product-hero.content-left.lifestyle-layout .content-box { order: 1; } .product-hero.content-right.standard-layout .product-image { margin-bottom: 20px; } @media (min-width: 768px) { .product-hero.content-right.standard-layout .product-image { margin-bottom: 0; } } .product-hero.content-right.lifestyle-layout .img-box { order: 2; } @media (min-width: 768px) { .product-hero.content-right.lifestyle-layout .img-box { order: 1; } } .product-hero.content-right.lifestyle-layout .content-box { order: 1; } @media (min-width: 768px) { .product-hero.content-right.lifestyle-layout .content-box { order: 2; } } .product-hero .list-unstyled li { display: none; } .product-hero .list-unstyled li.active { display: block; } .custom-promo { position: relative; } .custom-promo .tagline { margin: 0 auto; max-width: 1436px; left: 0; top: 0.8rem; font-size: 6rem; } @media (min-width: 768px) { .custom-promo .tagline { top: 1.2rem; font-size: 8rem; } } @media (min-width: 992px) { .custom-promo .tagline { top: 1.5rem; font-size: 10rem; letter-spacing: -2.08px; } } .custom-promo .wrapper { position: relative; } .custom-promo .wrapper .container { max-width: 1436px; margin: 0 auto; position: relative; } .custom-promo .wrapper .category { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; } .custom-promo .wrapper .content-box .title { color: #E13200; font-size: 3.6rem; font-weight: 600; margin-bottom: 32px; line-height: 43.2px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .custom-promo .wrapper .content-box .title { font-size: 6.4rem; line-height: 72px; } } .custom-promo .wrapper .content-box .description { font-size: 1.6rem; line-height: 23px; } @media (min-width: 992px) { .custom-promo .wrapper .content-box .description { font-size: 1.8rem; line-height: 27px; } } .custom-promo .wrapper .open-area .logo-content { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .custom-promo .wrapper .open-area.only-image .img-box { display: flex; flex: 1 1 50%; max-width: 50%; padding-left: 15px; margin-bottom: 35px; align-items: center; justify-content: center; } @media (min-width: 768px) { .custom-promo .wrapper .open-area.only-image .img-box { margin-bottom: 45px; } } @media (min-width: 992px) { .custom-promo .wrapper .open-area.only-image .img-box { margin-bottom: 85px; } } .custom-promo .wrapper .open-area.only-image .img-box:nth-child(odd) { padding-left: 0; padding-right: 15px; } .custom-promo .wrapper .open-area.only-image .img-box:nth-child(2n+1):nth-last-child(-n+2), .custom-promo .wrapper .open-area.only-image .img-box:nth-child(2n+1):nth-last-child(-n+2) ~ .img-box { margin-bottom: 0; } .custom-promo .wrapper .open-area.only-image .img-box img { max-width: 100%; max-height: 20px; } @media (min-width: 768px) { .custom-promo .wrapper .open-area.only-image .img-box img { max-height: 24px; } } @media (min-width: 992px) { .custom-promo .wrapper .open-area.only-image .img-box img { max-height: 30px; } } .custom-promo .wrapper .open-area.icon-text { padding: 40px; } .custom-promo .wrapper .open-area.icon-text .img-box { text-align: center; margin-bottom: 55px; flex: 1 1 33.333333%; max-width: 33.333333%; } @media (min-width: 992px) { .custom-promo .wrapper .open-area.icon-text .img-box { padding-left: 15px; margin-bottom: 85px; } .custom-promo .wrapper .open-area.icon-text .img-box:nth-child(3n+1) { padding-left: 0; padding-right: 15px; } } .custom-promo .wrapper .open-area.icon-text .img-box:nth-child(3n+1):nth-last-child(-n+3), .custom-promo .wrapper .open-area.icon-text .img-box:nth-child(3n+1):nth-last-child(-n+3) ~ .img-box { margin-bottom: 0; } .custom-promo .wrapper .open-area.icon-text .img-box img { width: 40px; height: 40px; display: block; margin: 0 auto; margin-bottom: 15px; } @media (min-width: 992px) { .custom-promo .wrapper .open-area.icon-text .img-box img { margin-bottom: 32px; } } .custom-promo .wrapper .content-cta .btn { font-size: 14px; margin-top: 20px; } .custom-promo .wrapper .content-cta .btn:first-child { margin-right: 20px; } @media (min-width: 768px) { .custom-promo .wrapper .content-cta .btn:first-child { margin-right: 24px; } } @media (min-width: 992px) { .custom-promo .wrapper .content-cta .btn:first-child { margin-right: 20px; } } .custom-promo.platform-layout .wrapper .container { padding: 30px 20px; } @media (min-width: 768px) { .custom-promo.platform-layout .wrapper .container { padding: 35px 40px; } } @media (min-width: 992px) { .custom-promo.platform-layout .wrapper .container { padding: 50px; } } .custom-promo.platform-layout .wrapper .container .content-box { margin-bottom: 40px; } .custom-promo.platform-layout .wrapper .container .content-box .title { z-index: 10; position: relative; } @media (min-width: 768px) { .custom-promo.platform-layout .wrapper .container .content-box .title { width: calc(52% + 80px); margin-top: 45px; } } @media (min-width: 992px) { .custom-promo.platform-layout .wrapper .container .content-box .title { width: calc(45% + 100px); margin-top: 100px; margin-bottom: 60px; } } @media (min-width: 768px) { .custom-promo.platform-layout .wrapper .container .content-box .description { width: calc(40% - 20px); } } .custom-promo.platform-layout .wrapper .container .open-area { margin-bottom: 28px; padding: 40px 30px; background: #ffffff; } @media (min-width: 768px) { .custom-promo.platform-layout .wrapper .container .open-area { right: 40px; bottom: 80px; padding: 30px 40px; margin-bottom: 0; position: absolute; width: calc(60% - 40px); } } @media (min-width: 992px) { .custom-promo.platform-layout .wrapper .container .open-area { right: 50px; bottom: 40px; padding: 80px 40px; width: calc(60% - 50px); } } @media (min-width: 768px) { .custom-promo.platform-layout .wrapper .container .content-cta { width: calc(40% - 20px); } } .custom-promo.platform-layout.theme-light .wrapper { background: #E0E0E0; } .custom-promo.platform-layout.theme-dark .wrapper { color: #ffffff; background: #002A4E; } .custom-promo.platform-layout.theme-dark .wrapper .content-cta .btn:not(:focus):not(:hover):not(:active) { color: #ffffff; } @media (min-width: 768px) { .custom-promo.support-layout .wrapper .container { display: flex; } } .custom-promo.support-layout .wrapper .container .category { top: 30px; left: 20px; z-index: 10; position: absolute; } @media (min-width: 768px) { .custom-promo.support-layout .wrapper .container .category { top: 35px; left: 40px; } } @media (min-width: 992px) { .custom-promo.support-layout .wrapper .container .category { top: 50px; left: 50px; } } .custom-promo.support-layout .wrapper .container .content-box, .custom-promo.support-layout .wrapper .container .open-area { position: relative; } @media (min-width: 768px) { .custom-promo.support-layout .wrapper .container .content-box, .custom-promo.support-layout .wrapper .container .open-area { flex: 1 1 50%; max-width: 50%; } } .custom-promo.support-layout .wrapper .container .content-box { padding: 60px 20px; } @media (min-width: 768px) { .custom-promo.support-layout .wrapper .container .content-box { padding: 100px 40px 200px; } } @media (min-width: 992px) { .custom-promo.support-layout .wrapper .container .content-box { padding: 150px 50px 200px; } } .custom-promo.support-layout .wrapper .container .open-area { display: flex; align-items: center; padding: 50px 20px; background: #EBEBEB; } .custom-promo.support-layout .wrapper .container .content-cta { background: rgba(224, 224, 224, 0.75); padding: 0 20px 30px; } @media (min-width: 768px) { .custom-promo.support-layout .wrapper .container .content-cta { bottom: 60px; left: 40px; padding: 0; position: absolute; background: none; width: calc(50% - 40px); } } @media (min-width: 992px) { .custom-promo.support-layout .wrapper .container .content-cta { left: 50px; width: calc(50% - 50px); } } .custom-promo.support-layout.theme-light .wrapper .container .content-box { background: #ffffff; } .custom-promo.support-layout.theme-dark .wrapper .container .category { color: #ffffff; } .custom-promo.support-layout.theme-dark .wrapper .container .content-box { color: #ffffff; background: #002A4E; } @media (min-width: 768px) { .custom-promo.support-layout.theme-dark .wrapper .container .content-cta .btn:not(:focus):not(:hover):not(:active) { color: #ffffff; } } .resources a { font-size: 1.4rem; text-decoration: underline; color: #000110; text-transform: uppercase; } .resources a, .resources .resource-title, .resources .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; } @media (min-width: 768px) { .resources .resource-region .defined-resources { display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; } } .resources .resource-region .defined-resources .resource-section { margin-bottom: 6.5rem; width: 100%; } .resources .resource-region .defined-resources .resource-section:first-of-type { margin-top: 4.8rem; } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section { position: relative; margin-bottom: 4rem; margin-right: 3rem; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 24rem) / 4 - 0.1%); max-width: calc((100% - 6rem) / 4 - 0.1%); } .resources .resource-region .defined-resources .resource-section:first-of-type { margin-top: 0; } .resources .resource-region .defined-resources .resource-section:nth-child(4n+0) { margin-right: 0; } } @media (min-width: 992px) { .resources .resource-region .defined-resources .resource-section { margin-bottom: 8rem; } } .resources .resource-region .defined-resources .resource-section .resource-title { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 2rem 0; } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .resource-title { margin-bottom: 3rem; } } @media (min-width: 992px) { .resources .resource-region .defined-resources .resource-section .resource-title { font-size: 1.8rem; margin-bottom: 1.1rem; } } .resources .resource-region .defined-resources .resource-section .resource-description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .resource-description { margin-bottom: 5rem; } } @media (min-width: 992px) { .resources .resource-region .defined-resources .resource-section .resource-description { margin-bottom: 4rem; } } .resources .resource-region .defined-resources .resource-section .download-url:focus, .resources .resource-region .defined-resources .resource-section .download-url:hover, .resources .resource-region .defined-resources .resource-section .download-url:not(:disabled):not(.disabled):active, .resources .resource-region .defined-resources .resource-section .normal-url:focus, .resources .resource-region .defined-resources .resource-section .normal-url:hover, .resources .resource-region .defined-resources .resource-section .normal-url:not(:disabled):not(.disabled):active { color: #E13200; } .resources .resource-region .defined-resources .resource-section .download-url { position: relative; } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .download-url { position: absolute; bottom: 0; } } .resources .resource-region .defined-resources .resource-section .download-url::after { content: ''; top: -2px; width: 15px; height: 15px; right: -20px; position: absolute; background-image: url("clientlib-site/resources/icons/download-black.svg"); background-repeat: no-repeat; background-size: contain; } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .download-url::after { top: 1px; } } .resources .resource-region .defined-resources .resource-section .download-url:focus::after, .resources .resource-region .defined-resources .resource-section .download-url:hover::after, .resources .resource-region .defined-resources .resource-section .download-url:not(:disabled):not(.disabled):active::after { background-image: url("clientlib-site/resources/icons/download-red.svg"); } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .normal-url { position: absolute; bottom: 0px; } } @media (min-width: 768px) { .resources .resource-region .defined-resources .resource-section .video-cta { position: absolute; bottom: 0px; } } .resources .resource-region .defined-resources .resource-section .video-cta .launch-video { padding: 0 0 0 30px; } .resources .resource-region .defined-resources .resource-section .video-cta .launch-video::before { top: 0; width: 20px; height: 20px; } .resources .resource-region .resources-view-button .btn { padding: 0; color: #E13200; display: none; } .resources .resource-region .resources-view-button .resources-view-all { position: relative; } .resources .resource-region .resources-view-button .resources-view-all::after { content: ''; bottom: 5px; width: 14px; height: 14px; right: -26px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); background-repeat: no-repeat; background-size: contain; } .feature-carousel { width: 100%; } @media (min-width: 768px) { .feature-carousel.image-right { flex-direction: row-reverse; } } @media (min-width: 768px) { .feature-carousel { display: flex; padding: 25px 0; } } @media (min-width: 768px) { .feature-carousel .image-wrapper { flex: 0 0 50%; max-width: 50%; } } .feature-carousel .image-wrapper .container { position: relative; background-color: #D1D3D4; } .feature-carousel .image-wrapper .container .product-image { position: relative; opacity: 0; transition: opacity 0.6s ease,-webkit-transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease,-webkit-transform 0.6s ease; z-index: 1; } .feature-carousel .image-wrapper .container .product-image img { position: absolute; width: 100%; } .feature-carousel .image-wrapper .container .layout-container { display: flex; align-items: center; justify-content: center; position: absolute; opacity: 0; transition: opacity 0.6s ease,-webkit-transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease,-webkit-transform 0.6s ease; width: 100%; } .feature-carousel .image-wrapper .container .layout-container > div { width: 100%; } .feature-carousel .image-wrapper .container .box-chosen { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 2; } .feature-carousel .content-wrapper .content-box, .feature-carousel .description-wrapper .content-box { position: absolute; opacity: 0; transition: opacity 0.6s ease,-webkit-transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease; transition: opacity 0.6s ease,transform 0.6s ease,-webkit-transform 0.6s ease; z-index: -1; } .feature-carousel .content-wrapper .content-box .subtitle, .feature-carousel .description-wrapper .content-box .subtitle { font-size: 1.6rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; line-height: 19px; text-transform: uppercase; margin-top: 0; margin-bottom: 1.8rem; } @media (min-width: 992px) { .feature-carousel .content-wrapper .content-box .subtitle, .feature-carousel .description-wrapper .content-box .subtitle { font-size: 2.4rem; line-height: 3rem; margin-bottom: 2.5rem; } } .feature-carousel .content-wrapper .content-box .description, .feature-carousel .description-wrapper .content-box .description { font-size: 1.4rem; font-family: "ff-good-web-pro", Arial sans-serif; line-height: 2rem; margin-bottom: 2.2rem; } @media (min-width: 992px) { .feature-carousel .content-wrapper .content-box .description, .feature-carousel .description-wrapper .content-box .description { font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 4.5rem; } } .feature-carousel .content-wrapper .content-box .learn-more .btn, .feature-carousel .description-wrapper .content-box .learn-more .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; margin-right: 1.5rem; } @media (min-width: 992px) { .feature-carousel .content-wrapper .content-box .learn-more .btn, .feature-carousel .description-wrapper .content-box .learn-more .btn { font-size: 1.4rem; } } .feature-carousel .content-wrapper .content-box.box-chosen, .feature-carousel .description-wrapper .content-box.box-chosen { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 3; } @media (min-width: 768px) { .feature-carousel .content-wrapper { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .feature-carousel .content-wrapper .content-main { padding: 2rem 2.5rem 2.5rem 2.5rem; } } @media (min-width: 992px) { .feature-carousel .content-wrapper .content-main { padding: 4.8rem 13.5rem 2.5rem 4.8rem; } } .feature-carousel .content-wrapper .feature-nav { overflow: hidden; margin-bottom: 2rem; } @media (min-width: 768px) { .feature-carousel .content-wrapper .feature-nav { margin-bottom: 4rem; } } @media (min-width: 992px) { .feature-carousel .content-wrapper .feature-nav { margin-bottom: 8rem; } } .feature-carousel .content-wrapper .feature-nav .title { cursor: pointer; font-size: 2.4rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; line-height: 2.88rem; margin: 0.2rem 0 0 0; position: relative; letter-spacing: 0.3px; text-transform: uppercase; z-index: 1; } @media (min-width: 768px) { .feature-carousel .content-wrapper .feature-nav .title { font-size: 1.8rem; line-height: 2.16rem; letter-spacing: 0.23px; } } @media (min-width: 992px) { .feature-carousel .content-wrapper .feature-nav .title { font-size: 3.2rem; line-height: 3.8rem; letter-spacing: 0.4px; } } .feature-carousel .content-wrapper .feature-nav .title:hover { color: #E13200; } .feature-carousel .content-wrapper .feature-nav .feature-chosen { color: #E13200; text-decoration: none; } .feature-carousel .content-wrapper .content-box { padding-right: 25px; } .feature-carousel .content-wrapper .content-box .subtitle { color: #E13200; } .feature-carousel .content-wrapper .span-nav .previous-page { content: ''; width: 5px; height: 5px; position: absolute; border-top: 1px solid #000110; border-right: 1px solid #000110; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); position: static; } .feature-carousel .content-wrapper .span-nav .next-page { content: ''; width: 5px; height: 5px; position: absolute; border-top: 1px solid #000110; border-right: 1px solid #000110; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: static; } .feature-carousel .content-wrapper .span-nav .pip { border-color: #000110; } .feature-carousel .content-wrapper .span-nav .pip-chosen { background-color: #000110; } @media (min-width: 768px) { .feature-carousel .content-wrapper { position: relative; } } .feature-carousel .span-nav { display: flex; align-items: center; } .feature-carousel .span-nav .previous-page { cursor: pointer; margin-right: 0.5rem; } .feature-carousel .span-nav .next-page { cursor: pointer; } .feature-carousel .span-nav .pip { cursor: pointer; width: 0.8rem; height: 0.8rem; border-radius: 50%; border: 0.1rem solid; margin-right: 0.5rem; } .feature-carousel .span-nav .pip-chosen { width: 1.2rem; height: 1.2rem; border-radius: 50%; } .feature-carousel .top-to-bottom.product-image, .feature-carousel .top-to-bottom.layout-container { -webkit-transform: translate(0, -2rem); transform: translate(0, -2rem); } @media (min-width: 768px) { .feature-carousel .top-to-bottom.product-image, .feature-carousel .top-to-bottom.layout-container { -webkit-transform: translate(0, -10rem); transform: translate(0, -10rem); } } .feature-carousel .top-to-bottom.content-box { -webkit-transform: translate(0, -2rem); transform: translate(0, -2rem); } .feature-carousel .bottom-to-top.product-image, .feature-carousel .bottom-to-top.layout-container { -webkit-transform: translate(0, 2rem); transform: translate(0, 2rem); } @media (min-width: 768px) { .feature-carousel .bottom-to-top.product-image, .feature-carousel .bottom-to-top.layout-container { -webkit-transform: translate(0, 10rem); transform: translate(0, 10rem); } } .feature-carousel .bottom-to-top.content-box { -webkit-transform: translate(0, 2rem); transform: translate(0, 2rem); } .feature-carousel.no-image .feature-wrapper { padding: 8.5rem 2rem 19rem; position: relative; } @media (min-width: 768px) { .feature-carousel.no-image .feature-wrapper { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .feature-carousel.no-image .feature-wrapper { padding: 11rem 3.5% 21rem; } } .feature-carousel.no-image .feature-wrapper .title { color: #ffffff; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 2.2rem; font-weight: 600; letter-spacing: 0.3px; line-height: 28.8px; text-decoration: none; text-transform: uppercase; cursor: pointer; } @media (min-width: 992px) { .feature-carousel.no-image .feature-wrapper .title { font-size: 4.6rem; letter-spacing: 0.6px; line-height: 58px; } } .feature-carousel.no-image .feature-wrapper .title:hover, .feature-carousel.no-image .feature-wrapper .title.feature-chosen { color: #E13200; } .feature-carousel.no-image .feature-wrapper .span-nav { bottom: 3rem; position: absolute; } @media (min-width: 992px) { .feature-carousel.no-image .feature-wrapper .span-nav { bottom: 7rem; } } .feature-carousel.no-image .feature-wrapper .span-nav .previous-page { content: ''; width: 5px; height: 5px; position: absolute; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); position: static; } .feature-carousel.no-image .feature-wrapper .span-nav .next-page { content: ''; width: 5px; height: 5px; position: absolute; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: static; } .feature-carousel.no-image .feature-wrapper .span-nav .pip { border-color: #ffffff; } .feature-carousel.no-image .feature-wrapper .span-nav .pip-chosen { background-color: #ffffff; } .feature-carousel.no-image .description-wrapper { padding: 4.5rem 2rem 9.5rem; position: relative; overflow: hidden; } @media (min-width: 768px) { .feature-carousel.no-image .description-wrapper { flex: 0 0 50%; max-width: 50%; padding-top: 8.5rem; } } @media (min-width: 992px) { .feature-carousel.no-image .description-wrapper { padding: 11rem 3.5% 12rem; } } @media (min-width: 768px) { .feature-carousel.no-image .description-wrapper .content-box .subtitle { margin-bottom: 3.5rem; } } @media (min-width: 992px) { .feature-carousel.no-image .description-wrapper .content-box .subtitle { margin-bottom: 6rem; } } @media (min-width: 768px) { .feature-carousel.no-image .description-wrapper .content-box .description { margin-bottom: 4rem; } } .feature-carousel.no-image .description-wrapper .content-box .learn-more { position: absolute; bottom: -6.5rem; } @media (min-width: 768px) { .feature-carousel.no-image .description-wrapper .content-box .learn-more { bottom: -8.5rem; } } @media (min-width: 992px) { .feature-carousel.no-image .description-wrapper .content-box .learn-more { bottom: -9.5rem; } } .feature-carousel.no-image .description-wrapper .content-box .learn-more .btn { padding: 1rem; } .feature-carousel.no-image .description-wrapper .content-box.box-chosen { position: relative; } .feature-carousel-edit-mode .item-wrapper { margin-bottom: 5rem; } .feature-carousel-edit-mode .item-wrapper .subtitle { color: #E13200; } .feature-carousel-edit-mode .item-wrapper img { max-height: 300px; } .related-products .tab-section { padding: 0; display: flex; margin-bottom: 20px; border-bottom: 1px solid #E0E0E0; } @media (min-width: 768px) { .related-products .tab-section { margin-bottom: 40px; } } @media (min-width: 992px) { .related-products .tab-section { margin-bottom: 20px; } } .related-products .tab-section li { cursor: pointer; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; list-style: none; margin-right: 15px; position: relative; padding-left: 5px; padding-right: 5px; text-transform: uppercase; } @media (min-width: 992px) { .related-products .tab-section li { font-size: 1.8rem; margin-right: 20px; padding-left: 10px; padding-right: 10px; } } .related-products .tab-section li.active { color: #E13200; border-bottom: 2px solid #E13200; } .related-products .tab-section li.active::after { left: 50%; bottom: -5px; background: #ffffff; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; width: 8px; height: 8px; position: absolute; border-top: 2px solid #E13200; border-right: 2px solid #E13200; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .related-products .container .products-section:not(.active) { display: none; } .related-products .container .products-section .product-list { padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 30px; } .related-products .container .products-section .product-list .product-item { background-color: #ffffff; display: none; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 6px) / 2); max-width: calc((100% - 6px) / 2); margin-right: 6px; margin-bottom: 6px; padding: 10px; } .related-products .container .products-section .product-list .product-item:nth-child(2n+2) { margin-right: 0; } .related-products .container .products-section .product-list .product-item:nth-child(-n+3) { display: block; } @media (min-width: 768px) { .related-products .container .products-section .product-list .product-item { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 30px) / 3); max-width: calc((100% - 30px) / 3); margin-right: 10px; margin-bottom: 10px; padding: 20px; } .related-products .container .products-section .product-list .product-item:nth-child(2n+2) { margin-right: 10px; } .related-products .container .products-section .product-list .product-item:nth-child(3n+3) { margin-right: 0; } } .related-products .container .products-section .product-list .product-item .navigate-link { color: #000110; } .related-products .container .products-section .product-list .product-item .navigate-link:hover { text-decoration: none; } .related-products .container .products-section .product-list .product-item .img-box { display: flex; align-items: center; justify-content: center; height: 115px; margin-top: 25px; margin-bottom: 30px; } @media (min-width: 992px) { .related-products .container .products-section .product-list .product-item .img-box { height: 115px; margin-top: 50px; margin-bottom: 90px; } } .related-products .container .products-section .product-list .product-item .img-box img { flex-shrink: 0; max-height: 100%; } .related-products .container .products-section .product-list .product-item .product-name { margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 16px; text-transform: uppercase; } @media (min-width: 992px) { .related-products .container .products-section .product-list .product-item .product-name { font-size: 2rem; line-height: 22px; } } .related-products .container .products-section .product-list .product-item .price-list { color: #C0C0C0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 16px; } @media (min-width: 992px) { .related-products .container .products-section .product-list .product-item .price-list { font-size: 1.4rem; line-height: 24px; } } .related-products .container .products-section .operation .btn { display: none; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-decoration: underline; text-transform: uppercase; } .support { width: 100%; } @media (min-width: 992px) { .support { display: flex; } } .support .guides-title, .support .software-title { font-size: 1.6rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; line-height: 19.2px; text-decoration: none; text-transform: uppercase; } @media (min-width: 768px) { .support .guides-title, .support .software-title { font-size: 2rem; } } @media (min-width: 992px) { .support .guides-title, .support .software-title { font-size: 2.4rem; line-height: 3rem; } } .support a { color: #000110; font-weight: 600; font-family: "ff-good-web-pro", Arial sans-serif; text-transform: uppercase; } .support a:hover { color: #E13200; } .support .view-all-support { margin-bottom: 5rem; } @media (min-width: 992px) { .support .view-all-support { padding-right: 4rem; flex: 0 0 33.333333%; max-width: 33.333333%; } } .support .view-all-support .description { font-size: 1.4rem; font-family: "ff-good-web-pro", Arial sans-serif; line-height: 2rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .support .view-all-support .description { font-size: 1.6rem; margin-bottom: 3rem; } } @media (min-width: 992px) { .support .view-all-support .description { font-size: 1.8rem; line-height: 2.7rem; margin-bottom: 1.8rem; } } .support .view-all-support .view-all-link { font-size: 1.4rem; position: relative; text-decoration: underline; } .support .view-all-support .view-all-link::after { content: ''; bottom: 2px; width: 14px; height: 14px; right: -25px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .support .view-all-support .view-all-link:hover::after { background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); } @media (min-width: 768px) { .support .guides-software { display: flex; } } @media (min-width: 992px) { .support .guides-software { flex: 0 0 66.666666%; max-width: 66.666666%; } } .support .guides-software .guides { margin-right: 6rem; } .support .guides-software .guides, .support .guides-software .software { margin-bottom: 4.5rem; } @media (min-width: 768px) { .support .guides-software .guides, .support .guides-software .software { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 6rem)/2 - 0.1%); max-width: calc((100% - 6rem)/2 - 0.1%); } } .support .guides-software .guides h5, .support .guides-software .software h5 { position: relative; margin: 1.3rem; padding-left: 2rem; } @media (min-width: 768px) { .support .guides-software .guides h5, .support .guides-software .software h5 { margin-bottom: 2.5rem; } } @media (min-width: 992px) { .support .guides-software .guides h5, .support .guides-software .software h5 { margin-bottom: 1.3rem; margin-top: 0; } } .support .guides-software .guides h5::before, .support .guides-software .software h5::before { content: ''; left: -13px; position: absolute; background-size: contain; background-repeat: no-repeat; } .support .guides-software .guides h5.guides-title::before, .support .guides-software .software h5.guides-title::before { width: 21px; height: 21px; background-image: url("clientlib-site/resources/icons/icon-guides.png"); } @media (min-width: 768px) { .support .guides-software .guides h5.guides-title::before, .support .guides-software .software h5.guides-title::before { width: 24px; height: 24px; } } @media (min-width: 992px) { .support .guides-software .guides h5.guides-title::before, .support .guides-software .software h5.guides-title::before { top: 4px; width: 26px; height: 26px; } } .support .guides-software .guides h5.software-title::before, .support .guides-software .software h5.software-title::before { width: 23px; height: 23px; background-image: url("clientlib-site/resources/icons/icon-software.png"); } @media (min-width: 768px) { .support .guides-software .guides h5.software-title::before, .support .guides-software .software h5.software-title::before { width: 26px; height: 26px; } } @media (min-width: 992px) { .support .guides-software .guides h5.software-title::before, .support .guides-software .software h5.software-title::before { top: 4px; width: 29px; height: 29px; } } .support .guides-software .guides li, .support .guides-software .software li { font-size: 1.4rem; margin-bottom: 1.3rem; } .support .guides-software .guides li .download, .support .guides-software .software li .download { position: relative; } .support .guides-software .guides li .download::after, .support .guides-software .software li .download::after { content: ''; bottom: 1px; width: 15px; height: 15px; right: -25px; position: absolute; background-image: url("clientlib-site/resources/icons/download-black.svg"); background-repeat: no-repeat; background-size: contain; } .support .guides-software .guides li .download:hover::after, .support .guides-software .software li .download:hover::after { background-image: url("clientlib-site/resources/icons/download-red.svg"); } .support .guides-software .guides li .link, .support .guides-software .software li .link { position: relative; } .support .guides-software .guides li .link::after, .support .guides-software .software li .link::after { content: ''; bottom: 2px; width: 14px; height: 14px; right: -25px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .support .guides-software .guides li .link:hover::after, .support .guides-software .software li .link:hover::after { background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); } .specifications .key-specs, .specifications .specs-group, .specifications .collapse-specs { padding: 0; } .specifications .key-specs > li, .specifications .specs-group > li, .specifications .collapse-specs > li { list-style: none; } .specifications .specs-group { margin-bottom: 0; } .specifications .key-specs { display: flex; flex-wrap: wrap; margin-bottom: 3rem; } @media (min-width: 768px) { .specifications .key-specs { margin-bottom: 5rem; } } .specifications .key-specs .item { text-align: center; flex-grow: 0; flex-shrink: 0; flex-basis: calc(((100% - 40px) / 3) - 0.1%); max-width: calc(((100% - 40px) / 3) - 0.1%); margin-bottom: 10px; margin-right: 20px; } .specifications .key-specs .item:nth-child(3n+3) { margin-right: 0; } @media (min-width: 768px) { .specifications .key-specs .item { flex-grow: 0; flex-shrink: 0; flex-basis: calc(((100% - 200px) / 6) - 0.1%); max-width: calc(((100% - 200px) / 6) - 0.1%); margin-right: 40px; } .specifications .key-specs .item:nth-child(3n+3) { margin-right: 40px; } .specifications .key-specs .item:nth-child(6n+6) { margin-right: 0; } } .specifications .key-specs .item .img-box { display: flex; align-items: center; justify-content: center; height: 35px; margin-bottom: 0.5rem; } @media (min-width: 992px) { .specifications .key-specs .item .img-box { height: 50px; } } .specifications .key-specs .item img { max-height: 35px; max-width: 45px; } @media (min-width: 992px) { .specifications .key-specs .item img { max-height: 50px; max-width: 65px; } } .specifications .key-specs .item .short-description { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; text-decoration: underline; text-transform: uppercase; font-size: 1.2rem; } @media (min-width: 992px) { .specifications .key-specs .item .short-description { font-size: 1.4rem; } } .specifications .specs-group .section .specs-title { margin: 0; cursor: pointer; padding: 10px 7px; padding-left: 15px; position: relative; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #E0E0E0; } .specifications .specs-group .section .specs-title::before { top: 13px; left: 0; content: '\f068'; position: absolute; font-family: 'Font Awesome 5 Free'; font-size: 8px; } .specifications .specs-group .section .specs-title.collapsed::before { content: '\f067'; } .specifications .specs-group .section .collapse-specs { padding-left: 15px; } .specifications .specs-group .section .collapse-specs .item { border-bottom: 1px solid #E0E0E0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 19px; padding-top: 5px; padding-bottom: 5px; } .specifications .specs-group .section .collapse-specs .item.has-child { border-bottom: none; } .specifications .specs-group .section .collapse-specs .item.has-child > div { padding-bottom: 5px; border-bottom: 1px solid #E0E0E0; } .specifications .specs-group .section .collapse-specs .item.has-child > ul { padding-top: 5px; } .specifications .specs-group .section .collapse-specs .item.has-child > ul li { padding: 5px 0; list-style-type: disc; } .specifications .operations { margin-top: 50px; } .specifications .operations .btn { margin-right: 40px; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-decoration: underline; text-transform: uppercase; } .specifications .operations .btn.btn-download { position: relative; padding-right: 22px; } .specifications .operations .btn.btn-download::after { content: ''; right: 0px; top: 10px; width: 11px; height: 13px; position: absolute; background-image: url("clientlib-site/resources/icons/download-black.svg"); } .specifications .operations .btn.btn-download:focus::after, .specifications .operations .btn.btn-download:hover::after, .specifications .operations .btn.btn-download:not(:disabled):not(.disabled):active::after { background-image: url("clientlib-site/resources/icons/download-red.svg"); } .quote { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; overflow: hidden; } @media (min-width: 992px) { .quote .quote-container { width: 76%; margin: 0 auto; } } .quote.quote-light .content-wrapper::before, .quote.quote-light .content-wrapper::after { color: #E13200; } .quote.quote-light .previous-page, .quote.quote-light .next-page { color: #000110; } .quote.quote-light.more5-quotes .carousel-indicators .pip { border-color: #000110; } .quote.quote-light.more5-quotes .carousel-indicators .active { background-color: #000110; } .quote.quote-dark .content-wrapper::before, .quote.quote-dark .content-wrapper::after { color: #C0C0C0; } .quote.quote-dark .previous-page, .quote.quote-dark .next-page { color: #C0C0C0; } .quote.quote-dark.more5-quotes .carousel-indicators .pip { border-color: #ffffff; } .quote.quote-dark.more5-quotes .carousel-indicators .active { background-color: #ffffff; } .quote.more2-quotes .wrapper, .quote.more5-quotes .wrapper { display: flex; flex-direction: column; justify-content: center; } .quote.one-quote { padding: 35px 0 20px; } @media (min-width: 768px) { .quote.one-quote { padding: 140px 0 55px; } } @media (min-width: 992px) { .quote.one-quote { padding: 140px 0 55px; } } .quote.more2-quotes { padding: 5px 0 30px; } @media (min-width: 768px) { .quote.more2-quotes { padding: 80px 0 65px; } } @media (min-width: 992px) { .quote.more2-quotes { padding: 100px 0 85px; } } .quote.more2-quotes .carousel-inner { padding-top: 3rem; } @media (min-width: 768px) { .quote.more2-quotes .carousel-inner { padding-top: 6rem; } } .quote.more2-quotes .introduction-wrapper { display: flex; align-items: center; } .quote.more2-quotes .introduction-wrapper.carousel-indicators { position: static; margin: 0; } .quote.more2-quotes .introduction-wrapper .icon-box, .quote.more2-quotes .introduction-wrapper .avatars-box { cursor: pointer; flex: 0 0 25%; max-width: 25%; padding: 0 1rem; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; opacity: 0.3; transition: opacity 0.8s ease, -webkit-filter 0.8s ease; transition: opacity 0.8s ease, filter 0.8s ease; transition: opacity 0.8s ease, filter 0.8s ease, -webkit-filter 0.8s ease; } @media (min-width: 992px) { .quote.more2-quotes .introduction-wrapper .icon-box, .quote.more2-quotes .introduction-wrapper .avatars-box { padding: 0 2rem; } } .quote.more2-quotes .introduction-wrapper .icon-box.active, .quote.more2-quotes .introduction-wrapper .avatars-box.active { -webkit-filter: none; filter: none; opacity: 1; } .quote.more5-quotes { padding: 35px 38px 40px; } @media (min-width: 768px) { .quote.more5-quotes { padding: 80px 58px 115px; } } @media (min-width: 992px) { .quote.more5-quotes { padding: 110px 0 200px; } } .quote.more5-quotes .carousel-inner { padding-top: 3rem; } @media (min-width: 768px) { .quote.more5-quotes .carousel-inner { padding-top: 6rem; } } .quote.more5-quotes .carousel-indicators { align-items: center; bottom: -2.5rem; } @media (min-width: 992px) { .quote.more5-quotes .carousel-indicators { bottom: -4.5rem; } } .quote.more5-quotes .carousel-indicators .pip { cursor: pointer; width: 0.8rem; height: 0.8rem; border-radius: 50%; border: 0.1rem solid; margin-right: 0.5rem; } @media (min-width: 768px) { .quote.more5-quotes .carousel-indicators .pip { width: 1rem; height: 1rem; } } .quote.more5-quotes .carousel-indicators .active { width: 1.2rem; height: 1.2rem; border-radius: 50%; } @media (min-width: 768px) { .quote.more5-quotes .carousel-indicators .active { width: 1.7rem; height: 1.7rem; } } .quote.more5-quotes .arrow .carousel-control-prev, .quote.more5-quotes .arrow .carousel-control-next { width: 3rem; } .quote.more5-quotes .arrow .previous-page { left: -3.5rem; top: -25%; } @media (min-width: 768px) { .quote.more5-quotes .arrow .previous-page { left: -5rem; } } @media (min-width: 992px) { .quote.more5-quotes .arrow .previous-page { left: -9rem; } } .quote.more5-quotes .arrow .previous-page::before { cursor: pointer; content: '<'; font-size: 4.5rem; font-weight: 300; } @media (min-width: 768px) { .quote.more5-quotes .arrow .previous-page::before { font-size: 6rem; } } .quote.more5-quotes .arrow .next-page { right: -3.5rem; top: -25%; } @media (min-width: 768px) { .quote.more5-quotes .arrow .next-page { right: -5rem; } } @media (min-width: 992px) { .quote.more5-quotes .arrow .next-page { right: -9rem; } } .quote.more5-quotes .arrow .next-page::before { cursor: pointer; content: '>'; font-size: 4.5rem; font-weight: 300; } @media (min-width: 768px) { .quote.more5-quotes .arrow .next-page::before { font-size: 6rem; } } .quote .content-wrapper { position: relative; margin-bottom: 3rem; } @media (min-width: 768px) { .quote .content-wrapper { margin-bottom: 5rem; } } @media (min-width: 992px) { .quote .content-wrapper { margin-bottom: 3.5rem; } } .quote .content-wrapper::before { content: '“'; font-size: 10rem; letter-spacing: -2.08px; position: absolute; top: -4rem; z-index: 1; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .quote .content-wrapper::before { top: -3rem; } } @media (min-width: 768px) { .quote .content-wrapper::before { font-size: 30rem; letter-spacing: -6.25px; top: -13rem; } } @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .quote .content-wrapper::before { top: -10rem; } } .quote .content-wrapper::after { content: '”'; bottom: -10rem; font-size: 10rem; letter-spacing: -2.08px; position: absolute; right: 0; z-index: 1; } @media (min-width: 768px) { .quote .content-wrapper::after { bottom: -31rem; font-size: 30rem; letter-spacing: -6.25px; } } @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .quote .content-wrapper::after { bottom: -34rem; } } .quote .content-wrapper .quote-text { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; line-height: 1.92rem; text-align: center; text-transform: uppercase; position: relative; z-index: 2; } @media (min-width: 768px) { .quote .content-wrapper .quote-text { font-size: 2.4rem; line-height: 3rem; } } @media (min-width: 992px) { .quote .content-wrapper .quote-text { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 3.8rem; } } .quote .introduction-wrapper.author-person, .quote .introduction-wrapper .author-person, .quote .introduction-wrapper.author-company, .quote .introduction-wrapper .author-company { text-align: center; } .quote .introduction-wrapper.author-person span, .quote .introduction-wrapper .author-person span, .quote .introduction-wrapper.author-company span, .quote .introduction-wrapper .author-company span { font-size: 1.2rem; margin: 0; text-transform: uppercase; } @media (min-width: 768px) { .quote .introduction-wrapper.author-person span, .quote .introduction-wrapper .author-person span, .quote .introduction-wrapper.author-company span, .quote .introduction-wrapper .author-company span { font-size: 1.6rem; } } .quote .introduction-wrapper.author-person img, .quote .introduction-wrapper .author-person img { border-radius: 50%; margin-top: 1rem; height: 40px; width: 40px; -o-object-fit: cover; object-fit: cover; } .quote .introduction-wrapper.author-company .img-box, .quote .introduction-wrapper .author-company .img-box { text-align: center; } .quote .introduction-wrapper.author-company .img-box img, .quote .introduction-wrapper .author-company .img-box img { max-height: 2.6rem; } @media (min-width: 768px) { .quote .introduction-wrapper.author-company .img-box img, .quote .introduction-wrapper .author-company .img-box img { max-height: 4rem; } } @media (min-width: 992px) { .quote .introduction-wrapper.author-company .img-box img, .quote .introduction-wrapper .author-company .img-box img { max-height: 5.8rem; } } .logo-component { display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 30px; width: 100%; } @media (min-width: 992px) { .logo-component { padding: 70px 10%; } } .logo-component a:hover { text-decoration: none; } .logo-component.only-logo .logo-box { display: flex; flex: 0 0 50%; max-width: 50%; margin-bottom: 3.5rem; align-items: center; justify-content: center; padding-left: 1rem; } @media (min-width: 768px) { .logo-component.only-logo .logo-box { margin-bottom: 4.5rem; } } @media (min-width: 992px) { .logo-component.only-logo .logo-box { margin-bottom: 8.5rem; } } .logo-component.only-logo .logo-box:nth-child(odd) { padding-left: 0; padding-right: 1rem; } .logo-component.only-logo .logo-box:nth-child(2n+1):nth-last-child(-n+2), .logo-component.only-logo .logo-box:nth-child(2n+1):nth-last-child(-n+2) ~ .logo-box { margin-bottom: 0; } .logo-component.only-logo .logo-box:first-child:last-child { flex: 0 0 100%; max-width: 100%; padding-left: 0; } .logo-component.only-logo .logo-box a { display: flex; align-items: center; height: 2rem; width: 100%; } @media (min-width: 768px) { .logo-component.only-logo .logo-box a { height: 2.5rem; } } @media (min-width: 992px) { .logo-component.only-logo .logo-box a { height: 5rem; } } .logo-component.only-logo .logo-box .img-box { flex: 0 0 100%; text-align: center; } .logo-component.only-logo .logo-box .img-box img { height: 2rem; } @media (min-width: 768px) { .logo-component.only-logo .logo-box .img-box img { height: 2.5rem; } } @media (min-width: 992px) { .logo-component.only-logo .logo-box .img-box img { height: 5rem; } } .logo-component.text-logo span { color: #002A4E; display: block; font-size: 1.2rem; font-weight: 600; } @media (min-width: 992px) { .logo-component.text-logo span { font-size: 1.6rem; } } .logo-component.text-logo .logo-box { text-align: center; margin-bottom: 5.5rem; flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 1rem; } @media (min-width: 992px) { .logo-component.text-logo .logo-box { margin-bottom: 9rem; } } .logo-component.text-logo .logo-box:nth-child(3n) { padding-right: 0; } .logo-component.text-logo .logo-box:nth-child(3n+1):nth-last-child(-n+3), .logo-component.text-logo .logo-box:nth-child(3n+1):nth-last-child(-n+3) ~ .logo-box { margin-bottom: 0; } .logo-component.text-logo .logo-box:first-child:last-child { padding-right: 0; flex: 0 0 100%; max-width: 100%; } .logo-component.text-logo .logo-box .img-box { display: flex; align-items: center; justify-content: center; height: 4rem; margin-bottom: 1.5rem; } @media (min-width: 992px) { .logo-component.text-logo .logo-box .img-box { height: 6.5rem; margin-bottom: 3.2rem; } } .logo-component.text-logo .logo-box .img-box img { height: 4rem; } @media (min-width: 992px) { .logo-component.text-logo .logo-box .img-box img { height: 6.5rem; } } .ttc { padding: 20px 20px; } @media (min-width: 768px) { .ttc { padding: 55px 10%; } } @media (min-width: 992px) { .ttc { padding: 120px 10%; } } .ttc .title { font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; margin: 0 0 3.2rem 0; text-transform: capitalize; } @media (min-width: 992px) { .ttc .title { margin-bottom: 6.5rem; } } .ttc .title span { display: block; } .ttc .title.ttc-large { font-size: 3.6rem; line-height: 43.2px; } @media (min-width: 992px) { .ttc .title.ttc-large { font-size: 6.4rem; line-height: 72px; } } .ttc .title.ttc-small { font-size: 2.4rem; line-height: 3rem; } @media (min-width: 992px) { .ttc .title.ttc-small { font-size: 3.6rem; line-height: 43.2px; } } .ttc .subtitle { font-size: 1.6rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; line-height: 3rem; margin: 0 0 1rem 0; text-transform: uppercase; } @media (min-width: 992px) { .ttc .subtitle { font-size: 2.4rem; } } .ttc .description { font-size: 1.6rem; line-height: 2.3rem; margin-bottom: 3rem; } @media (min-width: 768px) { .ttc .description { margin-bottom: 6.5rem; } } @media (min-width: 992px) { .ttc .description { font-size: 1.8rem; line-height: 27px; } } .ttc .cta .btn { font-size: 1.4rem; } .ttc .cta .btn-primary { margin-right: 2rem; padding: 1.2rem 3.2rem; } @media (min-width: 768px) { .ttc .cta .btn-primary { padding: 1.2rem 2rem; } } @media (min-width: 992px) { .ttc .cta .btn-primary { padding: 1.2rem 3.2rem; } } .footnote .content { font-size: 1.4rem; line-height: 2em; padding: 10px 20px; } @media (min-width: 992px) { .footnote .content { margin: 0 auto; padding: 50px; max-width: 1436px; } } @media (min-width: 768px) { .footnote .content { padding: 30px 40px; } } .product-detail .bg-box, .family-detail .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .product-detail .bg-box .img-box, .family-detail .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .product-detail .bg-box .bg, .family-detail .bg-box .bg { width: 100%; height: 100%; opacity: 0; top: 0; left: 0; position: absolute; background-size: cover; transition: opacity 0.2s linear; } .product-detail .bg-box .bg.shown, .family-detail .bg-box .bg.shown { opacity: 1; } .product-detail.no-main-img .product-carousel, .family-detail.no-main-img .product-carousel { height: 410px; } @media (min-width: 768px) { .product-detail.no-main-img .product-carousel, .family-detail.no-main-img .product-carousel { height: auto; } } .product-detail .pdp-breadcrum, .family-detail .pdp-breadcrum { color: #E13200; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; padding: 0; position: relative; text-transform: uppercase; width: calc(100vw - 40px); max-width: 1336px; } @media (min-width: 768px) { .product-detail .pdp-breadcrum, .family-detail .pdp-breadcrum { width: calc(100vw - 80px); } } @media (min-width: 992px) { .product-detail .pdp-breadcrum, .family-detail .pdp-breadcrum { width: calc(100vw - 144px); } } .product-detail .pdp-breadcrum .breadcrumb-item.active, .family-detail .pdp-breadcrum .breadcrumb-item.active { color: #E13200; } .product-detail .pdp-breadcrum .breadcrumb-item::before, .family-detail .pdp-breadcrum .breadcrumb-item::before { color: #E13200; } .product-detail .pdp-breadcrum.white, .family-detail .pdp-breadcrum.white { color: #ffffff; } .product-detail .pdp-breadcrum.white .breadcrumb-item.active, .family-detail .pdp-breadcrum.white .breadcrumb-item.active { color: #ffffff; } .product-detail .pdp-breadcrum.white .breadcrumb-item::before, .family-detail .pdp-breadcrum.white .breadcrumb-item::before { color: #ffffff; } .product-detail .wrapper, .family-detail .wrapper { position: relative; max-width: 1436px; margin: 0 auto; } .product-detail .wrapper .container, .family-detail .wrapper .container { padding: 45px 20px 0px 20px; } .product-detail .wrapper .container.no-gradient, .family-detail .wrapper .container.no-gradient { background: none; } .product-detail .wrapper .container nav, .family-detail .wrapper .container nav { padding-top: 15px; } @media (min-width: 768px) { .product-detail .wrapper .container nav, .family-detail .wrapper .container nav { padding-top: 80px; } } @media (min-width: 768px) { .product-detail .wrapper .container, .family-detail .wrapper .container { width: 50%; padding: 40px 0 40px 40px; } } .product-detail .wrapper .container .constrain-text, .family-detail .wrapper .container .constrain-text { width: 65%; } @media (min-width: 768px) { .product-detail .wrapper .container.large-container, .family-detail .wrapper .container.large-container { width: 70%; } .product-detail .wrapper .container.large-container .constrain-text, .family-detail .wrapper .container.large-container .constrain-text { width: 45%; } } @media (min-width: 768px) { .product-detail .wrapper .container.extra-small-container, .family-detail .wrapper .container.extra-small-container { width: 40%; } .product-detail .wrapper .container.extra-small-container .constrain-text, .family-detail .wrapper .container.extra-small-container .constrain-text { width: 85%; } } .product-detail .wrapper .container .title, .product-detail .wrapper .container .family-name, .family-detail .wrapper .container .title, .family-detail .wrapper .container .family-name { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; font-size: 7.2rem; line-height: 60px; margin-bottom: 11px; position: relative; text-transform: uppercase; } @media (min-width: 768px) { .product-detail .wrapper .container .title, .product-detail .wrapper .container .family-name, .family-detail .wrapper .container .title, .family-detail .wrapper .container .family-name { font-size: 12rem; line-height: 120px; margin-bottom: 20px; } } @media (min-width: 992px) { .product-detail .wrapper .container .title, .product-detail .wrapper .container .family-name, .family-detail .wrapper .container .title, .family-detail .wrapper .container .family-name { font-size: 18rem; letter-spacing: -3.75px; line-height: 180px; } } .product-detail .wrapper .container .title.small-font, .product-detail .wrapper .container .family-name.small-font, .family-detail .wrapper .container .title.small-font, .family-detail .wrapper .container .family-name.small-font { font-size: 4.2rem; line-height: 42px; } @media (min-width: 768px) { .product-detail .wrapper .container .title.small-font, .product-detail .wrapper .container .family-name.small-font, .family-detail .wrapper .container .title.small-font, .family-detail .wrapper .container .family-name.small-font { font-size: 5.2rem; line-height: 52px; } } @media (min-width: 992px) { .product-detail .wrapper .container .title.small-font, .product-detail .wrapper .container .family-name.small-font, .family-detail .wrapper .container .title.small-font, .family-detail .wrapper .container .family-name.small-font { font-size: 7.2rem; letter-spacing: -2.75px; line-height: 80px; } } .product-detail .wrapper .container .title.medium-font, .product-detail .wrapper .container .family-name.medium-font, .family-detail .wrapper .container .title.medium-font, .family-detail .wrapper .container .family-name.medium-font { font-size: 5.2rem; line-height: 52px; } @media (min-width: 768px) { .product-detail .wrapper .container .title.medium-font, .product-detail .wrapper .container .family-name.medium-font, .family-detail .wrapper .container .title.medium-font, .family-detail .wrapper .container .family-name.medium-font { font-size: 7.2rem; line-height: 72px; } } @media (min-width: 992px) { .product-detail .wrapper .container .title.medium-font, .product-detail .wrapper .container .family-name.medium-font, .family-detail .wrapper .container .title.medium-font, .family-detail .wrapper .container .family-name.medium-font { font-size: 10rem; line-height: 100px; letter-spacing: -1.08px; } } .product-detail .wrapper .container .product-animation, .family-detail .wrapper .container .product-animation { display: flex; align-items: center; justify-content: center; flex-direction: column; } .product-detail .wrapper .container .product-animation.shown, .family-detail .wrapper .container .product-animation.shown { visibility: visible; } @media (min-width: 768px) { .product-detail .wrapper .container .product-animation, .family-detail .wrapper .container .product-animation { top: 5%; bottom: 0; right: 40px; width: 60%; height: 100%; position: absolute; } } .product-detail .wrapper .container .product-animation .animation-container, .family-detail .wrapper .container .product-animation .animation-container { width: 100%; position: relative; aspect-ratio: 1 / .65; } .product-detail .wrapper .container .product-animation .animation-container #product-animation-container_videoPlayer, .family-detail .wrapper .container .product-animation .animation-container #product-animation-container_videoPlayer { background: white; } .product-detail .wrapper .container .product-animation .animation-container .s7iconeffect, .product-detail .wrapper .container .product-animation .animation-container .s7controlbar, .family-detail .wrapper .container .product-animation .animation-container .s7iconeffect, .family-detail .wrapper .container .product-animation .animation-container .s7controlbar { display: none !important; } .product-detail .wrapper .container .product-carousel, .family-detail .wrapper .container .product-carousel { display: flex; padding: 20px; align-items: center; justify-content: center; flex-direction: column; visibility: hidden; } .product-detail .wrapper .container .product-carousel.shown, .family-detail .wrapper .container .product-carousel.shown { visibility: visible; } @media (min-width: 768px) { .product-detail .wrapper .container .product-carousel, .family-detail .wrapper .container .product-carousel { top: 0; bottom: 0; right: 40px; width: 60%; height: 100%; padding: 0; position: absolute; } } .product-detail .wrapper .container .product-carousel .carousel-container, .family-detail .wrapper .container .product-carousel .carousel-container { width: 100%; height: 65%; position: relative; } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner, .family-detail .wrapper .container .product-carousel .carousel-container .carousel-inner { height: 100%; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item, .family-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item { cursor: default; height: 100%; } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box, .family-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box { height: 316px; position: relative; } @media (min-width: 768px) { .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box, .family-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box { height: 100%; } } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box img, .family-detail .wrapper .container .product-carousel .carousel-container .carousel-inner .carousel-item .product-img-box img { position: absolute; max-height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-detail .wrapper .container .product-carousel .navigate-container, .family-detail .wrapper .container .product-carousel .navigate-container { display: flex; align-items: center; justify-content: center; } .product-detail .wrapper .container .product-carousel .navigate-container .previous-page, .product-detail .wrapper .container .product-carousel .navigate-container .next-page, .family-detail .wrapper .container .product-carousel .navigate-container .previous-page, .family-detail .wrapper .container .product-carousel .navigate-container .next-page { cursor: pointer; } .product-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators, .family-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .product-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators li, .family-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators li { text-indent: 0; height: auto; } .product-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators .item, .family-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000110; margin-right: 5px; } .product-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators .item.active, .family-detail .wrapper .container .product-carousel .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; border-radius: 50%; background-color: #000110; } .product-detail .wrapper .container .bottom-container, .family-detail .wrapper .container .bottom-container { margin-left: -20px; margin-right: -20px; padding: 20px; } .product-detail .wrapper .container .bottom-container.no-gradient, .family-detail .wrapper .container .bottom-container.no-gradient { background: none; } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container, .family-detail .wrapper .container .bottom-container { margin-left: 0; margin-right: 0; padding: 0; background: none; } } .product-detail .wrapper .container .bottom-container .btn, .family-detail .wrapper .container .bottom-container .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; } .product-detail .wrapper .container .bottom-container .content .product-descriptor, .product-detail .wrapper .container .bottom-container .content .family-descriptor, .family-detail .wrapper .container .bottom-container .content .product-descriptor, .family-detail .wrapper .container .bottom-container .content .family-descriptor { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 30px; margin: 0; text-transform: uppercase; } @media (min-width: 992px) { .product-detail .wrapper .container .bottom-container .content .product-descriptor, .product-detail .wrapper .container .bottom-container .content .family-descriptor, .family-detail .wrapper .container .bottom-container .content .product-descriptor, .family-detail .wrapper .container .bottom-container .content .family-descriptor { font-size: 2.4rem; } } .product-detail .wrapper .container .bottom-container .content .product-features, .product-detail .wrapper .container .bottom-container .content .family-features, .family-detail .wrapper .container .bottom-container .content .product-features, .family-detail .wrapper .container .bottom-container .content .family-features { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; } @media (min-width: 992px) { .product-detail .wrapper .container .bottom-container .content .product-features, .product-detail .wrapper .container .bottom-container .content .family-features, .family-detail .wrapper .container .bottom-container .content .product-features, .family-detail .wrapper .container .bottom-container .content .family-features { font-size: 1.8rem; line-height: 27px; } } .product-detail .wrapper .container .bottom-container .link-operation .btn, .family-detail .wrapper .container .bottom-container .link-operation .btn { position: relative; margin-right: 30px; text-decoration: none; } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview::after { top: 12px; right: -15px; content: ''; position: absolute; width: 12px; height: 10px; background-repeat: no-repeat; background-image: url("clientlib-site/resources/icons/icon-video-overview.svg"); } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview.white::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview.white::after { background-image: url("clientlib-site/resources/icons/icon-video-overview-white.svg"); } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview:hover::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-video-overview:hover::after { background-image: url("clientlib-site/resources/icons/icon-video-overview-red.svg"); } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-download::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-download::after { top: 11px; right: -15px; content: ''; position: absolute; width: 12px; height: 12px; background-image: url("clientlib-site/resources/icons/download-black.svg"); } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-download.white::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-download.white::after { background-image: url("clientlib-site/resources/icons/download-white.svg"); } .product-detail .wrapper .container .bottom-container .link-operation .btn.btn-download:hover::after, .family-detail .wrapper .container .bottom-container .link-operation .btn.btn-download:hover::after { background-image: url("clientlib-site/resources/icons/download-red.svg"); } .product-detail .wrapper .container .bottom-container .price-list, .family-detail .wrapper .container .bottom-container .price-list { font-weight: 600; margin-top: 20px; text-transform: uppercase; } .product-detail .navigate-wrapper.less-than-five-items { width: auto; } .product-detail .navigate-wrapper { width: 350px; overflow: hidden; position: relative; } .product-detail .carousel-indicators li { width: 60px; } @media (min-width: 768px) { .product-detail .pdp-breadcrum { margin-bottom: 100px; } } .product-detail .wrapper .no-gradient .will-change.product-poly-name { color: black; } @media (min-width: 992px) { .product-detail .wrapper .container { padding: 45px 0px 130px 72px; } } .product-detail .wrapper .container .title { z-index: 10; } .product-detail .wrapper .container .title .product-poly-name { display: block; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; font-size: 4.8rem; line-height: 58px; position: relative; text-transform: capitalize; } @media (min-width: 768px) { .product-detail .wrapper .container .title .product-poly-name { font-size: 5.4rem; line-height: 54px; top: 5px; } } @media (min-width: 992px) { .product-detail .wrapper .container .title .product-poly-name { font-size: 7.2rem; line-height: 60px; top: 10px; } } .product-detail .wrapper .container .title .product-poly-name.with-overlap { left: 5px; top: 20px; } @media (min-width: 768px) { .product-detail .wrapper .container .title .product-poly-name.with-overlap { left: 10px; top: 30px; } } @media (min-width: 992px) { .product-detail .wrapper .container .title .product-poly-name.with-overlap { left: 15px; } } .product-detail .wrapper .container .reviews { display: flex; align-items: center; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .product-detail .wrapper .container .reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar .bv-rating-ratio-number .bv-rating, .product-detail .wrapper .container .reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar .bv-rating-ratio-count, .product-detail .wrapper .container .reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review { color: #ffffff !important; } .product-detail .wrapper .container .reviews.black .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar .bv-rating-ratio-number .bv-rating, .product-detail .wrapper .container .reviews.black .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar .bv-rating-ratio-count, .product-detail .wrapper .container .reviews.black .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review { color: #000110 !important; } .product-detail .wrapper .container .product-carousel { /* .previous-page { position: absolute; top: 45px; cursor: pointer; font-size: 20px; } .next-page { position: absolute; right: 0; top: 45px; cursor: pointer; font-size: 20px; }*/ } .product-detail .wrapper .container .product-carousel .prev-page, .product-detail .wrapper .container .product-carousel .next-page { top: 50%; cursor: pointer; opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-detail .wrapper .container .product-carousel .previous-page-div, .product-detail .wrapper .container .product-carousel .next-page-div { width: 20px; height: 28px; display: inline-block; font-size: 1.4rem; } .product-detail .wrapper .container .product-carousel .prev-page { left: 20px; } .product-detail .wrapper .container .product-carousel .prev-page .previous-page-div { background-image: url("clientlib-site/resources/icons/angle-left.svg"); } .product-detail .wrapper .container .product-carousel .next-page { right: 20px; } .product-detail .wrapper .container .product-carousel .next-page .next-page-div { background-image: url("clientlib-site/resources/icons/angle-right.svg"); } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner.to-previous { -webkit-transform: translateX(40px); transform: translateX(40px); } .product-detail .wrapper .container .product-carousel .carousel-container .carousel-inner.to-next { -webkit-transform: translateX(-40px); transform: translateX(-40px); } .product-detail .wrapper .container .product-carousel .navigate-container { width: 330px; overflow: hidden; margin: auto; } .product-detail .wrapper .container .product-carousel .carousel-indicators { left: 99px; } .product-detail .wrapper .container .product-carousel .less-than-five-items .navigate-container { width: auto; padding: 0 30px; } .product-detail .wrapper .container .product-carousel .less-than-five-items .carousel-indicators { left: 0; } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container .content { margin-top: 20px; margin-bottom: 65px; position: relative; } } @media (min-width: 992px) { .product-detail .wrapper .container .bottom-container .content { margin-top: 80px; margin-bottom: 50px; } } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container .link-operation { margin-bottom: 100px; } } .product-detail .wrapper .container .bottom-container .price-list { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container .price-list { font-size: 2.4rem; line-height: 30px; } } .product-detail .wrapper .container .bottom-container .displayPrice { font-size: 44px; padding-right: 10px; line-height: 66px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; text-transform: uppercase; } .product-detail .wrapper .container .bottom-container .actualPrice { text-decoration: line-through; color: #bbb; font-family: "ff-good-headline-web-pro", Arial, sans-serif; text-transform: uppercase; } .product-detail .wrapper .container .bottom-container .btn-operation { margin-top: 35px; } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container .btn-operation { margin-top: 15px; } } .product-detail .wrapper .container .bottom-container .btn-operation .btn { margin-bottom: 8px; margin-right: 8px; } @media (min-width: 768px) { .product-detail .wrapper .container .bottom-container .btn-operation .btn { margin-bottom: 20px; margin-right: 20px; } } @media (min-width: 768px) { .family-detail .pdp-breadcrum { margin-bottom: 69px; } } .family-detail .wrapper .no-gradient .will-change.product-poly-name { color: black; } @media (min-width: 992px) { .family-detail .wrapper .container { padding: 45px 0px 142px 72px; } } .family-detail .wrapper .container .family-name { font-family: "ff-good-headline-web-pro", Arial, sans-serif; } @media (min-width: 768px) { .family-detail .wrapper .container .family-name { font-family: "ff-good-web-pro", Arial sans-serif; } } .family-detail .wrapper .container .family-name .product-poly-name { display: block; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; font-size: 4.8rem; line-height: 58px; position: relative; text-transform: capitalize; } @media (min-width: 768px) { .family-detail .wrapper .container .family-name .product-poly-name { font-size: 5.4rem; line-height: 54px; top: 5px; } } @media (min-width: 992px) { .family-detail .wrapper .container .family-name .product-poly-name { font-size: 7.2rem; line-height: 60px; top: 10px; } } .family-detail .wrapper .container .family-name .product-poly-name.with-overlap { left: 5px; top: 20px; } @media (min-width: 768px) { .family-detail .wrapper .container .family-name .product-poly-name.with-overlap { left: 10px; top: 30px; } } @media (min-width: 992px) { .family-detail .wrapper .container .family-name .product-poly-name.with-overlap { left: 15px; } } .family-detail .wrapper .container .product-carousel .product-name { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 30px; margin-top: 10px; margin-bottom: 10px; text-align: center; text-transform: uppercase; } @media (min-width: 768px) { .family-detail .wrapper .container .product-carousel .product-name { margin-top: 25px; margin-bottom: 25px; } } .family-detail .wrapper .container .bottom-container .content { margin-bottom: 20px; } @media (min-width: 768px) { .family-detail .wrapper .container .bottom-container .content { margin-top: 20px; margin-bottom: 50px; position: relative; } } .family-detail .wrapper .container .bottom-container .content .family-descriptor { margin-bottom: 15px; } .family-detail .wrapper .container .bottom-container .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; } @media (min-width: 768px) { .family-detail .wrapper .container .bottom-container .content .description { font-size: 1.8rem; line-height: 27px; } } .family-detail .wrapper .container .bottom-container .btn-contact-sales { margin-top: 35px; } @media (min-width: 768px) { .family-detail .wrapper .container .bottom-container .btn-contact-sales { margin-top: 15px; } } h1 span { color: black; font-size: 2.4rem; letter-spacing: normal; display: block; line-height: 1.0; margin-top: 35px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; } .basic-compare-modal { display: none; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1436px; } .basic-compare-modal .modal-dialog { max-width: 100%; } .btn-basic-compare-modal-center { display: block; margin: 0 auto; } .basic-compare:not(.in-page-nav-basic-compare) { background-color: #F5F5F5; } .basic-compare .btn-hide { display: none; } .basic-compare .compare-nav { background-color: #E0E0E0; padding: 20px 25px 15px 20px; position: relative; } .basic-compare .compare-nav .category-modal-title { font-size: 1.4rem; font-weight: 600; } .basic-compare .compare-nav .category-modal-close-btn { cursor: pointer; position: absolute; right: 2.5rem; top: 1.6rem; } .basic-compare .compare-nav .category-modal-close-btn::before { content: '\f060'; font-family: 'Font Awesome 5 Free'; } .basic-compare .compare-nav .category-modal-close-btn span { font-size: 1.4rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; text-decoration: underline; } .basic-compare:not(.modal-dialog):not(.in-page-nav-basic-compare) .basic-compare-main { max-width: 1436px; margin: 0 auto; position: relative; } .basic-compare .basic-compare-main { padding: 40px 20px; } @media (min-width: 768px) { .basic-compare .basic-compare-main { padding: 40px 45px; } } @media (min-width: 992px) { .basic-compare .basic-compare-main { padding: 45px 50px; } } .basic-compare .basic-compare-main .topic { cursor: auto; font-size: 2.4rem; line-height: 30px; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; margin: 0; position: relative; text-decoration: underline; text-transform: uppercase; } @media (min-width: 768px) { .basic-compare .basic-compare-main .topic { margin-bottom: 0; } } .basic-compare .basic-compare-main .title-region { display: none; } @media (min-width: 768px) { .basic-compare .basic-compare-main .title-region { margin-top: 5rem; display: block; text-align: center; } } @media (min-width: 992px) { .basic-compare .basic-compare-main .title-region { margin-top: 8rem; } } .basic-compare .basic-compare-main .title-region .title { font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; text-transform: uppercase; } @media (min-width: 992px) { .basic-compare .basic-compare-main .title-region .title { font-size: 4.8rem; letter-spacing: 0.6px; line-height: 5.8rem; } } .basic-compare .basic-compare-main .title-region .description { font-size: 1.6rem; line-height: 23px; } @media (min-width: 992px) { .basic-compare .basic-compare-main .title-region .description { font-size: 1.8rem; line-height: 27px; } } .basic-compare .basic-compare-main .product-compare .product-table { margin-bottom: 2.5rem; table-layout: fixed; width: 100%; word-wrap: break-word; } @media (min-width: 768px) { .basic-compare .basic-compare-main .product-compare .product-table { margin-bottom: 3rem; margin-top: 8rem; } } @media (min-width: 992px) { .basic-compare .basic-compare-main .product-compare .product-table { margin-bottom: 5rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-image td { padding: 0.5rem; } @media (min-width: 768px) { .basic-compare .basic-compare-main .product-compare .product-table .product-image td { padding-bottom: 4rem; } } @media (min-width: 992px) { .basic-compare .basic-compare-main .product-compare .product-table .product-image td { padding: 0.5rem 1rem 3rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-image td img { width: 100%; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td { text-align: center; padding-bottom: 2rem; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector { margin: 0 .5rem; padding: 0.5rem 0; border: 1px solid #D1D3D4; background-color: transparent; text-align: center; } @media (min-width: 992px) { .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector { margin: 0 1rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector::after { background-image: none; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector.dropdown-mark .value-container { width: 95%; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector.dropdown-mark .value-container::after { background-image: url("clientlib-site/resources/icons/angle-down-red.svg"); background-size: auto; content: ''; height: 8px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 11px; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector.dropdown-mark .value-container:hover { cursor: pointer; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector.dropdown-mark .value-container:hover::after { background-image: url("clientlib-site/resources/icons/angle-down-black.svg"); } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector.dropdown-mark.active .value-container:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .value-container { display: inline-block; font-size: 1.2rem; font-weight: 600; padding: 0 20px 0 0; width: auto; } @media (min-width: 768px) { .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .value-container { font-size: 1.8rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .value-container:hover { cursor: default; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .dropdown-panel { background-color: #ffffff; height: auto; border: 1px solid #D1D3D4; } .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .dropdown-panel .item { font-size: 1.2rem; text-transform: uppercase; text-align: left; } @media (min-width: 768px) { .basic-compare .basic-compare-main .product-compare .product-table .product-name td .product-selector .dropdown-panel .item { font-size: 1.6rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-price td { padding-bottom: 4rem; text-align: center; } .basic-compare .basic-compare-main .product-compare .product-table .product-price .price-value { font-weight: 600; } .basic-compare .basic-compare-main .product-compare .product-table .product-path-cta td { padding-bottom: 5rem; text-align: center; } .basic-compare .basic-compare-main .product-compare .product-table .product-path-cta .learn-more { color: #000110; font-weight: 600; text-transform: uppercase; text-decoration: underline; } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-key { border-bottom: 1px solid #D1D3D4; font-size: 2.5rem; } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-key th { text-align: center; } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value td { padding: 1.5rem 1rem; font-size: 1.6rem; line-height: 2.3rem; } @media (min-width: 768px) { .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value td { padding: 3rem 1rem; } } @media (min-width: 992px) { .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value td { padding: 3rem 2rem; } } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check { text-align: center; } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check .check-no, .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check .check-yes { background-repeat: no-repeat; background-size: contain; display: inline-block; height: 2rem; width: 2rem; } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check .check-no { background-image: url("clientlib-site/resources/icons/check-no.svg"); } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check .check-yes { background-image: url("clientlib-site/resources/icons/check-yes.svg"); } .basic-compare .basic-compare-main .product-compare .product-table .product-feature-value .feature-check img { max-width: 40px; max-height: 40px; min-width: 20px; } .basic-compare .basic-compare-main .product-compare .product-table.show-2column tr td:nth-child(3) { display: none; } .basic-compare .basic-compare-main .see-hide-btn { text-align: center; } .basic-compare .basic-compare-main .see-hide-btn .btn { font-size: 1.4rem; padding: 1rem 3rem; } .basic-compare .basic-compare-main .see-hide-btn .hide-full { display: none; } .basic-compare.in-page-nav-basic-compare .basic-compare-main { padding-top: 0; } .basic-compare.in-page-nav-basic-compare .basic-compare-main .product-table .product-feature td { padding: 1.5rem 0; } @media (min-width: 768px) { .basic-compare.in-page-nav-basic-compare .basic-compare-main .product-table .product-feature td { padding: 3rem 0; } } .basic-compare.in-page-nav-basic-compare .basic-compare-main .see-hide-btn { text-align: left; } .basic-compare.in-page-nav-basic-compare .basic-compare-main .see-hide-btn .btn { padding: 0; position: relative; } .basic-compare.in-page-nav-basic-compare .basic-compare-main .see-hide-btn .btn::after { content: ''; top: 1px; width: 13px; height: 13px; right: -20px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .promo-container { position: relative; } .promo-container .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; z-index: -1; } .promo-container .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; } .promo-container .topic { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; position: absolute; left: 2rem; top: 1rem; } @media (min-width: 768px) { .promo-container .topic { left: 4rem; top: 3rem; } } @media (min-width: 992px) { .promo-container .topic { left: 5rem; top: 5rem; } } .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title:first-child { padding: 2rem 2rem 0; } @media (min-width: 768px) { .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title:first-child { padding: 4rem 4rem 0; } } @media (min-width: 992px) { .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title:first-child { padding: 5rem 5rem 0; } } .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title, .promo-container .inner-component-container > .cmp-container > .aem-Grid > .text { padding: 0 2rem; } @media (min-width: 768px) { .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title, .promo-container .inner-component-container > .cmp-container > .aem-Grid > .text { padding: 0 4rem; } } @media (min-width: 992px) { .promo-container .inner-component-container > .cmp-container > .aem-Grid > .title, .promo-container .inner-component-container > .cmp-container > .aem-Grid > .text { padding: 0 5rem; } } .promo-container.divide64-column, .promo-container.divide-column, .promo-container.parsys-4-panel, .promo-container.parsys-single-panel, .promo-container.single-parsys, .promo-container .left-parsys, .promo-container .right-parsys, .promo-container .parsys, .promo-container .single-parsys, .promo-container .other-area { display: flex; flex-direction: column; } @media (min-width: 768px) { .promo-container.divide64-column, .promo-container.divide-column, .promo-container.parsys-4-panel, .promo-container.parsys-single-panel, .promo-container.single-parsys, .promo-container .left-parsys, .promo-container .right-parsys, .promo-container .parsys, .promo-container .single-parsys, .promo-container .other-area { flex-direction: row; align-content: center; justify-content: center; } } .promo-container.divide64-column .inner-component-container > div:not(.bg-box), .promo-container.divide-column .inner-component-container > div:not(.bg-box), .promo-container.single-parsys-full .inner-component-container > div:not(.bg-box) { width: 100%; } .promo-container.divide64-column .inner-component-container, .promo-container.divide-column .inner-component-container, .promo-container.parsys-4-panel .inner-component-container, .promo-container.parsys-single-panel .inner-component-container, .promo-container.single-parsys .inner-component-container { height: 100%; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .promo-container.divide64-column .left-parsys, .promo-container.divide64-column .right-parsys { align-items: center; position: relative; } @media (min-width: 768px) { .promo-container.divide64-column .left-parsys { flex: 0 0 60%; max-width: 60%; } } @media (min-width: 992px) { .promo-container.divide64-column .left-parsys { justify-content: flex-end; } } @media (min-width: 1440px) { .promo-container.divide64-column .left-parsys { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 1436px) / 2 + 1436px * 0.6); max-width: calc((100% - 1436px) / 2 + 1436px * 0.6); } } @media (min-width: 992px) { .promo-container.divide64-column .left-parsys .inner-component-container { max-width: 861.6px; } } @media (min-width: 768px) { .promo-container.divide64-column .right-parsys { flex: 0 0 40%; max-width: 40%; } } @media (min-width: 992px) { .promo-container.divide64-column .right-parsys { justify-content: flex-start; } } @media (min-width: 1440px) { .promo-container.divide64-column .right-parsys { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 1436px) / 2 + 1436px * 0.4); max-width: calc((100% - 1436px) / 2 + 1436px * 0.4); } } @media (min-width: 992px) { .promo-container.divide64-column .right-parsys .inner-component-container { max-width: 574.4px; } } .promo-container.divide-column .left-parsys, .promo-container.divide-column .right-parsys { align-items: center; position: relative; } @media (min-width: 768px) { .promo-container.divide-column .left-parsys, .promo-container.divide-column .right-parsys { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .promo-container.divide-column .left-parsys .inner-component-container, .promo-container.divide-column .right-parsys .inner-component-container { max-width: 718px; } } @media (min-width: 992px) { .promo-container.divide-column .left-parsys { justify-content: flex-end; } } @media (min-width: 992px) { .promo-container.divide-column .right-parsys { justify-content: flex-start; } } .promo-container.parsys-4-panel .left-parsys { position: relative; } @media (min-width: 768px) { .promo-container.parsys-4-panel .left-parsys { flex: 0 0 35%; max-width: 35%; } } .promo-container.parsys-4-panel .left-parsys .inner-component-container > div:not(.bg-box) { width: 100%; } .promo-container.parsys-4-panel .right-parsys { position: relative; } @media (min-width: 768px) { .promo-container.parsys-4-panel .right-parsys { flex: 0 0 65%; max-width: 65%; } } .promo-container.parsys-4-panel .right-parsys .inner-component-container { align-content: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding: 1rem; position: relative; } @media (min-width: 768px) { .promo-container.parsys-4-panel .right-parsys .inner-component-container { padding: 2rem; } } .promo-container.parsys-4-panel .right-parsys .inner-component-container .parsys { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 0.5rem)/2 - 0.1%); max-width: calc((100% - 0.5rem)/2 - 0.1%); } .promo-container.parsys-4-panel .right-parsys .inner-component-container .parsys:nth-last-of-type(2n+2) { margin-right: 0.5rem; } .promo-container.parsys-4-panel .right-parsys .inner-component-container .parsys:nth-last-of-type(-n+2) { margin-top: 0.5rem; } .promo-container.parsys-4-panel .right-parsys .inner-component-container .parsys > div:not(.bg-box) { width: 100%; } @media (min-width: 992px) { .promo-container.parsys-4-panel .left-parsys { justify-content: flex-end; } } @media (min-width: 992px) { .promo-container.parsys-4-panel .left-parsys .inner-component-container { max-width: 502.6px; } } @media (min-width: 992px) { .promo-container.parsys-4-panel .right-parsys { justify-content: flex-start; } } @media (min-width: 992px) { .promo-container.parsys-4-panel .right-parsys .inner-component-container { max-width: 933.4px; } } .promo-container.parsys-single-panel .parsys, .promo-container.parsys-single-panel .other-area { position: relative; } @media (min-width: 768px) { .promo-container.parsys-single-panel .parsys, .promo-container.parsys-single-panel .other-area { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .promo-container.parsys-single-panel .parsys .inner-component-container, .promo-container.parsys-single-panel .other-area .inner-component-container { max-width: 718px; } } .promo-container.parsys-single-panel .parsys { position: relative; z-index: 2; } .promo-container.parsys-single-panel .parsys .inner-component-container > div:not(.bg-box) { width: 100%; } @media (min-width: 992px) { .promo-container.parsys-single-panel .parsys { justify-content: flex-end; } } .promo-container.parsys-single-panel .other-area { position: relative; } .promo-container.parsys-single-panel .other-area .single-panel { margin: 3rem; width: 100%; } @media (min-width: 768px) { .promo-container.parsys-single-panel .other-area .single-panel { position: absolute; bottom: 20%; left: -4rem; margin: 0; width: calc(100% + 3rem); max-height: calc(100% - 10rem); z-index: 10; } } @media (min-width: 992px) { .promo-container.parsys-single-panel .other-area .single-panel { bottom: 10%; left: -5rem; margin: 0; max-width: calc(100% + 4rem); max-height: calc(100% - 4rem); } } .promo-container.parsys-single-panel .other-area .single-panel > div:not(.bg-box) { width: 100%; } @media (min-width: 992px) { .promo-container.parsys-single-panel .other-area { justify-content: flex-start; } } @media (min-width: 768px) { .promo-container.parsys-single-panel.end-animate .ttc .title, .promo-container.parsys-single-panel.end-animate .ttc .description, .promo-container.parsys-single-panel.end-animate .ttc .cta { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .promo-container.parsys-single-panel.end-animate .other-area .single-panel { opacity: 1; width: calc(100% + 3rem); } .promo-container.parsys-single-panel.end-animate .other-area .single-panel .logo-box { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .promo-container.parsys-single-panel .ttc.animate-in .title, .promo-container.parsys-single-panel .ttc.animate-in .description, .promo-container.parsys-single-panel .ttc.animate-in .cta { transition-duration: 0.3s; } .promo-container.parsys-single-panel .ttc.animate-in .description { transition-delay: 0.2s; } .promo-container.parsys-single-panel .ttc.animate-in .cta { transition-delay: 0.3s; } .promo-container.parsys-single-panel .ttc .title, .promo-container.parsys-single-panel .ttc .description, .promo-container.parsys-single-panel .ttc .cta { opacity: 0; transition-duration: 0.01s; -webkit-transform: translateY(50px); transform: translateY(50px); } .promo-container.parsys-single-panel .other-area .single-panel { opacity: 0; width: 0; transition: all 0.5s; } .promo-container.parsys-single-panel .other-area .single-panel .logo-box { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } } .promo-container.single-parsys { padding-bottom: 8rem; } .promo-container.single-parsys .single-parsys, .promo-container.single-parsys .other-area { position: relative; } @media (min-width: 768px) { .promo-container.single-parsys .single-parsys, .promo-container.single-parsys .other-area { flex: 0 0 50%; max-width: 50%; } } .promo-container.single-parsys .single-parsys .inner-component-container > div:not(.bg-box), .promo-container.single-parsys .other-area .inner-component-container > div:not(.bg-box) { width: 100%; } @media (min-width: 992px) { .promo-container.single-parsys .single-parsys .inner-component-container, .promo-container.single-parsys .other-area .inner-component-container { max-width: 718px; } } @media (min-width: 992px) { .promo-container.single-parsys .single-parsys { justify-content: flex-end; } } @media (min-width: 992px) { .promo-container.single-parsys .other-area { justify-content: flex-start; } } .promo-container.single-parsys-full .left-parsys, .promo-container.single-parsys-full .right-parsys { display: block; position: relative; margin: 0 auto; max-width: 1436px; } .promo-container.single-parsys-full .left-parsys .inner-component-container > .cmp-container > .aem-Grid > .image > div > img, .promo-container.single-parsys-full .right-parsys .inner-component-container > .cmp-container > .aem-Grid > .image > div > img { width: 100%; } .promo-container.single-parsys-full .ttc { padding: 50px 12%; } @media (min-width: 768px) { .promo-container.single-parsys-full .ttc { padding: 100px 12%; } } .promo-container.promo-container-right { flex-direction: column-reverse; } @media (min-width: 768px) { .promo-container.promo-container-right { flex-direction: row-reverse; } } @media (min-width: 992px) { .promo-container.promo-container-right.divide64-column .left-parsys, .promo-container.promo-container-right.divide-column .left-parsys, .promo-container.promo-container-right.parsys-4-panel .left-parsys { justify-content: flex-start; } } @media (min-width: 992px) { .promo-container.promo-container-right.divide64-column .right-parsys, .promo-container.promo-container-right.divide-column .right-parsys, .promo-container.promo-container-right.parsys-4-panel .right-parsys { justify-content: flex-end; } } @media (min-width: 992px) { .promo-container.promo-container-right.parsys-single-panel .parsys { justify-content: flex-start; } } @media (min-width: 992px) { .promo-container.promo-container-right.parsys-single-panel .other-area { justify-content: flex-end; } } @media (min-width: 768px) { .promo-container.promo-container-right.parsys-single-panel .other-area .single-panel { left: auto; right: -4rem; } } @media (min-width: 992px) { .promo-container.promo-container-right.parsys-single-panel .other-area .single-panel { right: -5rem; } } @media (min-width: 992px) { .promo-container.promo-container-right.single-parsys .single-parsys { justify-content: flex-start; } } @media (min-width: 992px) { .promo-container.promo-container-right.single-parsys .other-area { justify-content: flex-end; } } .promo-container-test { width: 100%; } .promo-container-test .logo-component { display: none; } .promo-container-test .logo-component.show { display: flex; } .promo-container-test .ttc { display: none; } .promo-container-test .ttc.show { display: block; } .in-page-nav__nav { display: block; visibility: hidden; width: 100%; position: fixed; top: 0; left: 0; text-transform: uppercase; z-index: 990; -webkit-filter: drop-shadow(0 0 10px #212529); filter: drop-shadow(0 0 10px #212529); } .in-page-nav__nav.in-page-nav__teaser { position: static; background: transparent; } .in-page-nav__nav.in-page-nav__teaser ul { display: flex; flex-wrap: wrap; } .in-page-nav__nav.in-page-nav__teaser ul li { margin: 0; padding: 0; flex-shrink: 0; flex-grow: 0; flex-basis: calc((100% - 5px) / 2); max-width: calc((100% - 5px) / 2); margin-right: 5px; } .in-page-nav__nav.in-page-nav__teaser ul li:nth-child(2n+2) { margin-right: 0; } @media (min-width: 992px) { .in-page-nav__nav.in-page-nav__teaser ul li { flex-basis: calc((100% - 64px) / 5); max-width: calc((100% - 64px) / 5); margin-right: 16px; } .in-page-nav__nav.in-page-nav__teaser ul li:nth-child(2n+2) { margin-right: 16px; } .in-page-nav__nav.in-page-nav__teaser ul li:nth-child(5n+5) { margin-right: 0; } } .in-page-nav__nav.in-page-nav__teaser ul li .img-box { height: 152px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 992px) { .in-page-nav__nav.in-page-nav__teaser ul li .img-box { height: 236px; } } .in-page-nav__nav.in-page-nav__teaser ul li .title { margin-top: 1px; margin-bottom: 13px; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; font-size: 1.2rem; line-height: 16px; text-transform: uppercase; } @media (min-width: 992px) { .in-page-nav__nav.in-page-nav__teaser ul li .title { font-size: 2rem; line-height: 22px; margin-left: 20px; margin-top: 17px; } } .in-page-nav__nav .in-page-nav__nav-wrapper { margin: 0 auto; max-width: 1436px; padding: 0 20px; } @media (max-width: 991.98px) { .in-page-nav__nav .in-page-nav__nav-wrapper { padding: 20px 20px 0 20px; } } @media (min-width: 768px) { .in-page-nav__nav .in-page-nav__nav-wrapper { padding: 0 40px; } } @media (min-width: 992px) { .in-page-nav__nav .in-page-nav__nav-wrapper { display: flex; padding: 0 50px; } } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container { position: relative; height: 35px; vertical-align: middle; background-color: #e5e5e5; width: 100%; } @media (min-width: 768px) { .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container { display: none; } } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container .inPageNav-select-title { height: 100%; position: absolute; top: 50%; left: 2%; -webkit-transform: translate(0%, -30%); transform: translate(0%, -30%); } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container #inPageNav-select-options { position: absolute; top: 35px; right: 0; z-index: 3; display: none; width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: left; background-color: #e5e5e5; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container #inPageNav-select-options .inPageNav-select-option { padding: 10px 20px 10px 30px; margin: 0; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container #inPageNav-select-options .inPageNav-select-option a { display: inline-block; width: 100%; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container #inPageNav-select-options .inPageNav-select-option:hover { border-bottom: 2px solid #E13200; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container #inPageNav-select-options .inPageNav-select-option:hover a { color: #E13200 !important; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container .inPageNav-select-options-show { display: inline-block !important; } .in-page-nav__nav .in-page-nav__nav-wrapper #inPageNav-select-container:after { content: ""; position: absolute; right: 10px; top: 13px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #343a40; } .in-page-nav__nav .in-page-nav__nav-product-data { margin-right: 1.5rem; } .in-page-nav__nav ul, .in-page-nav__nav p { display: none; font-size: 1.4rem; } @media (min-width: 768px) { .in-page-nav__nav ul, .in-page-nav__nav p { display: inline-block; } } .in-page-nav__nav ul { margin: 0; } @media (min-width: 992px) { .in-page-nav__nav ul { margin: 1rem 0; flex: 1; } } .in-page-nav__nav p { margin: 1rem 0 0; font-weight: 700; } @media (min-width: 992px) { .in-page-nav__nav p { margin-top: 2rem; } } .in-page-nav__nav span { margin: 1rem 0 0; font-weight: 400; } @media (min-width: 992px) { .in-page-nav__nav span { margin-top: 2rem; } } .in-page-nav__nav li { margin: 0 2.3rem; padding: 1rem 0 0.9rem; text-decoration: none !important; border-bottom: 2px solid transparent; } .in-page-nav__nav li:hover { border-bottom: 2px solid #E13200; } .in-page-nav__nav li:hover a { color: #E13200 !important; } .in-page-nav__nav a:not(.btn) { color: #000110; text-decoration: none !important; } .in-page-nav__nav .in-page-nav__button-wrapper .contact-btn { background-color: #E0E0E0; } .in-page-nav__nav .in-page-nav__button-wrapper .contact-btn:hover { background-color: #D1D3D4; } @media (min-width: 768px) { .in-page-nav__nav .in-page-nav__button-wrapper { display: block !important; } } @media (max-width: 991.98px) { .in-page-nav__nav .in-page-nav__button-wrapper { display: flex; align-items: center; justify-content: center; } .in-page-nav__nav .in-page-nav__button-wrapper .btn { margin: 1rem 1.5rem; padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 1.2rem; min-width: 10rem; } } @media (min-width: 992px) { .in-page-nav__nav .in-page-nav__button-wrapper { padding-left: 2rem; overflow: auto; } .in-page-nav__nav .in-page-nav__button-wrapper .btn { margin-left: 1.6rem; font-size: 1.4rem; } } .in-page-nav__nav .in-page-nav__button-wrapper button, .in-page-nav__nav .in-page-nav__button-wrapper a { display: inline-block; } .in-page-nav__container { position: relative; } .in-page-nav__container .tagline { top: 2rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 7.2rem; line-height: 60px; } @media (min-width: 768px) { .in-page-nav__container .tagline { top: 3rem; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 18rem; line-height: 180px; letter-spacing: -3.75px; z-index: -1; } } .in-page-nav__container .in-page-nav__section-wrapper { position: relative; } .in-page-nav__container .in-page-nav__bg-box { top: 0; bottom: 0; right: 0; left: 0; z-index: -1; position: absolute; } .in-page-nav__container .mobile-accordion-section { padding: 25px 20px; } @media (min-width: 768px) { .in-page-nav__container .mobile-accordion-section { padding: 60px 40px; } } @media (min-width: 992px) { .in-page-nav__container .mobile-accordion-section { display: flex; margin: 0 auto; max-width: 1436px; padding: 110px 50px; } } .in-page-nav__container .mobile-accordion-section > .title { cursor: pointer; font-size: 1.6rem; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; line-height: 19.2px; margin: 0; position: relative; text-decoration: underline; text-transform: uppercase; } @media (min-width: 768px) { .in-page-nav__container .mobile-accordion-section > .title { cursor: auto; font-size: 2.4rem; line-height: 30px; margin-bottom: 40px; } } @media (min-width: 992px) { .in-page-nav__container .mobile-accordion-section > .title { flex: 0 0 25%; max-width: 25%; margin-bottom: 0; } } @media (max-width: 991.98px) { .in-page-nav__container .mobile-accordion-section > .title { display: none; } } @media (min-width: 992px) { .in-page-nav__container .mobile-accordion-section > .wrapper { flex: 0 0 75%; max-width: 75%; } } .in-page-nav__container .mobile-accordion-section > .wrapper.collapse:not(.show) { display: block; overflow: hidden; opacity: 0; height: 0; } .in-page-nav__container .mobile-accordion-section > .wrapper.collapse.show { opacity: 1; padding-top: 2rem; } .in-page-nav__container .mobile-accordion-section.no-paddding { padding-bottom: 0; padding-top: 0; } .in-page-nav__container .mobile-accordion-section.no-paddding > .title[aria-expanded='false'] { margin: 25px 0; } .in-page-nav__container .mobile-accordion-section.no-paddding > .title[aria-expanded='true'] { margin-top: 25px; } @media (min-width: 768px) { .in-page-nav__container .mobile-accordion-section.no-paddding > .title { margin: 0; } } @media (min-width: 768px) { .in-page-nav__container .in-page-nav__container--hidden-header .mobile-accordion-section > .title { display: none; } .in-page-nav__container .in-page-nav__container--hidden-header .mobile-accordion-section .wrapper { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .in-page-nav__container .in-page-nav__container--top-header .mobile-accordion-section { display: block; } .in-page-nav__container .in-page-nav__container--top-header .mobile-accordion-section > .title { margin-bottom: 4rem; flex: 0 0 100%; max-width: 100%; } .in-page-nav__container .in-page-nav__container--top-header .mobile-accordion-section .wrapper { flex: 0 0 100%; max-width: 100%; } } .ratings-reviews .star-box { width: 80px; } .ratings-reviews .star-box .star { background-size: 16px 12px; } .ratings-reviews .label, .ratings-reviews .nickname { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .ratings-reviews .label { line-height: 13px; } @media (min-width: 768px) { .ratings-reviews .summary-info { display: flex; flex-wrap: wrap; } } .ratings-reviews .summary-info .section { padding-top: 30px; } @media (min-width: 768px) { .ratings-reviews .summary-info .section { padding-top: 0; } } .ratings-reviews .summary-info .section .section-title { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; text-transform: uppercase; } .ratings-reviews .summary-info .section .score, .ratings-reviews .summary-info .section .total { font-size: 1.2rem; font-family: "ff-good-web-pro", Arial sans-serif; letter-spacing: 0.4px; } .ratings-reviews .summary-info .section .section-title { margin: 0; border-bottom: 1px solid #D1D3D4; font-size: 1.4rem; } @media (min-width: 768px) { .ratings-reviews .summary-info .average-reviews { flex: 1; margin-right: 10px; } } @media (min-width: 992px) { .ratings-reviews .summary-info .average-reviews { margin-right: 20px; } } .ratings-reviews .summary-info .average-reviews .item { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; border-bottom: 1px solid #D1D3D4; } .ratings-reviews .summary-info .average-reviews .item .score { width: 18px; display: inline-block; line-height: 13px; text-align: right; } @media (min-width: 768px) { .ratings-reviews .summary-info .snapshot { flex: 2; } } .ratings-reviews .summary-info .snapshot .item { align-items: center; display: flex; } @media (min-width: 768px) { .ratings-reviews .summary-info .snapshot .item { margin-bottom: 10px; } } .ratings-reviews .summary-info .snapshot .item:first-of-type { padding-top: 20px; } .ratings-reviews .summary-info .snapshot .item .label { width: 13px; } .ratings-reviews .summary-info .snapshot .item .percentage-box { flex: auto; margin-left: 10px; margin-right: 5px; position: relative; } .ratings-reviews .summary-info .snapshot .item .percentage-box .percentage { top: 50%; left: 0; width: 100%; height: 4px; display: inline-block; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ratings-reviews .summary-info .snapshot .item .total { width: 26px; display: inline-block; text-align: right; } @media (min-width: 768px) { .ratings-reviews .summary-info .featured-review { flex: 0 0 100%; max-width: 100%; margin-top: 60px; } } .ratings-reviews .summary-info .featured-review .review-info { border-bottom: 1px solid #D1D3D4; } .ratings-reviews .summary-info .featured-review .review-info .review-details { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 300; font-size: 1.4rem; line-height: 22px; margin-top: 24px; margin-bottom: 24px; } @media (min-width: 768px) { .ratings-reviews .summary-info .featured-review .review-info .review-details { font-size: 1.8rem; line-height: 26px; } } @media (min-width: 992px) { .ratings-reviews .summary-info .featured-review .review-info .review-details { font-size: 2.4rem; line-height: 34px; } } .ratings-reviews .operations { margin-top: 30px; } @media (min-width: 992px) { .ratings-reviews .operations { margin-top: 50px; } } @media (min-width: 992px) { .ratings-reviews .operations { margin-top: 40px; } } .ratings-reviews .operations .btn { color: #E13200; padding-right: 15px; position: relative; margin-right: 30px; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; font-size: 1.4rem; } .ratings-reviews .operations .btn::after { top: 50%; right: 0; content: ''; position: absolute; width: 12px; height: 12px; background-image: url("clientlib-site/resources/icons/arrow-right-lava.svg"); background-repeat: no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ratings-reviews .all-reviews { display: none; margin-top: 100px; } @media (min-width: 768px) { .ratings-reviews .all-reviews { margin-top: 136px; } } .ratings-reviews .all-reviews .total-count { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; } @media (min-width: 768px) { .ratings-reviews .all-reviews .total-count { font-size: 1.4rem; } } .ratings-reviews .all-reviews .total-count-sort-by { display: flex; justify-content: space-between; text-transform: uppercase; border-bottom: 1px solid #D1D3D4; } .ratings-reviews .all-reviews .total-count-sort-by .sort-by { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .ratings-reviews .all-reviews .total-count-sort-by .sort-by .sorting-selector { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background-color: transparent; cursor: pointer; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; position: relative; text-transform: uppercase; } .ratings-reviews .all-reviews .total-count-sort-by .sort-by .sorting-selector::-ms-expand { display: none; } .ratings-reviews .all-reviews .review-list .review-item { border-bottom: 1px solid #D1D3D4; } .ratings-reviews .all-reviews .review-list .review-item .basic-info { margin-top: 12px; } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .basic-info { margin-top: 24px; } } .ratings-reviews .all-reviews .review-list .review-item .basic-info .star-box { margin-right: 10px; } .ratings-reviews .all-reviews .review-list .review-item .basic-info .nickname { margin-right: 5px; } .ratings-reviews .all-reviews .review-list .review-item .basic-info .review-date { color: rgba(0, 1, 16, 0.54); font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings { margin-top: 18px; } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .review-ratings { display: flex; } } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .review-ratings .review-info { flex: 1 1 65%; max-width: 65%; margin-right: 110px; } } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .review-info .review-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 2.4rem; font-weight: 600; line-height: 30px; margin: 0; text-transform: uppercase; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .review-info .review-details { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.8rem; line-height: 27px; margin-top: 24px; margin-bottom: 0; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings { margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings { flex: 1 1 35%; max-width: 35%; margin-top: 0; margin-bottom: 0; } } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .general-ratings { display: flex; justify-content: space-between; flex-wrap: wrap; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .general-ratings .item { margin-bottom: 10px; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .general-ratings .item .label { margin-right: 10px; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .specific-ratings { margin-top: 14px; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .specific-ratings .item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D1D3D4; margin-top: 14px; } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .specific-ratings .item .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 19px; flex: 0 0 65%; max-width: 65%; } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .specific-ratings .item .description { flex: 0 0 80%; max-width: 80%; } } .ratings-reviews .all-reviews .review-list .review-item .review-ratings .overall-ratings .specific-ratings .item .result { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } .ratings-reviews .all-reviews .review-list .review-item .conclusion { margin-top: 15px; margin-bottom: 20px; } @media (min-width: 768px) { .ratings-reviews .all-reviews .review-list .review-item .conclusion { align-items: center; display: flex; margin-top: 25px; margin-bottom: 30px; } } .ratings-reviews .all-reviews .review-list .review-item .conclusion .helpful-label { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; margin-right: 10px; } .ratings-reviews .all-reviews .review-list .review-item .conclusion .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; margin-right: 5px; min-width: 58px; } .ratings-reviews .all-reviews .review-list .review-item .conclusion .btn .count { font-weight: bold; } .ratings-reviews .all-reviews .total-count-pagination { display: flex; justify-content: space-between; } .ratings-reviews .all-reviews .total-count-pagination .pagination .page-link { background-color: transparent; border: none; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; padding: 5px; text-align: center; } .ratings-reviews .all-reviews .total-count-pagination .pagination .page-link.active { text-decoration: underline; } .filter-element-container { height: 50px; position: relative; } @media (min-width: 992px) { .filter-element-container { background-color: #D1D3D4; } } .filter-element-container .filter-content-wrapper { position: relative; height: 100%; width: 100%; z-index: 10; } @media (min-width: 992px) { .filter-element-container .filter-content-wrapper { max-width: 1436px; margin: 0 auto; } } .filter-element-container.filter-fixed { background-color: unset; } .filter-element-container.filter-fixed .filter-content-wrapper { background-color: #E0E0E0; position: fixed; height: auto; z-index: 100; left: 0; bottom: 0; } @media (min-width: 992px) { .filter-element-container.filter-fixed .filter-content-wrapper { background-color: #D1D3D4; max-width: unset; bottom: auto; top: 0; } } .filter-element-container.filter-fixed .filter-element { max-width: 1436px; margin: 0 auto; position: relative; width: 100%; } .filter-element-container .filter-content-wrapper.z-index-high { top: 0; z-index: 1000; } @media (min-width: 992px) { .filter-element-container .filter-content-wrapper.z-index-high { z-index: 100; } } .filter-element { position: absolute; width: 100%; } @media (min-width: 992px) { .filter-element { height: 51px; } } .filter-element .clear, .filter-element .chosen-filters > button { border: none; background-color: transparent; font-size: 1.4rem; margin-right: 4rem; text-transform: uppercase; position: relative; outline: none; } .filter-element .clear::before, .filter-element .clear::after, .filter-element .chosen-filters > button::before, .filter-element .chosen-filters > button::after { position: absolute; top: 45%; left: 98%; display: block; background: #000110; width: 1.2rem; height: 0.1rem; -webkit-transform-origin: center; transform-origin: center; content: ''; } .filter-element .clear::before, .filter-element .chosen-filters > button::before { -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .filter-element .clear::after, .filter-element .chosen-filters > button::after { -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); } .filter-element .filter-bar { background-color: #D1D3D4; min-height: 50px; padding: 1.3rem 2rem; position: relative; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; } @media (min-width: 992px) { .filter-element .filter-bar { padding: 1rem 5rem; font-size: 1.6rem; } } .filter-element .filter-bar > div { display: inline-block; } .filter-element .filter-bar .filters { padding-right: 2rem; } .filter-element .filter-bar .filter-close { position: absolute; right: 2rem; top: 1.4rem; } @media (min-width: 992px) { .filter-element .filter-bar .filter-close { right: 5rem; top: 1.1rem; } } .filter-element .filter-bar .filters { background: url("clientlib-site/resources/icons/angle-down-black.svg") no-repeat 100% center; margin-right: 2rem; cursor: pointer; text-decoration: underline; } @media (min-width: 992px) { .filter-element .filter-bar .filters { margin-right: 4rem; } } .filter-element .filter-bar .sort-by { float: right; } .filter-element .filter-bar .sort-by .sort-label { text-decoration: none; margin: 0 1rem 0 0; } .filter-element .filter-bar .sort-by .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .filter-element .filter-bar .sort-by .select { cursor: pointer; display: inline-block; position: relative; color: #000110; } .filter-element .filter-bar .sort-by .select-styled { background: url("clientlib-site/resources/icons/angle-down-black.svg") no-repeat 100% center; padding-right: 2rem; position: relative; top: 0; right: 0; bottom: 0; left: 0; background-color: #D1D3D4; transition: all 0.2s ease-in; } @media (prefers-reduced-motion: reduce) { .filter-element .filter-bar .sort-by .select-styled { transition: none; } } .filter-element .filter-bar .sort-by .select-styled:hover { background-color: #cccecf; } .filter-element .filter-bar .sort-by .select-styled:active, .filter-element .filter-bar .sort-by .select-styled.active { background-color: #c4c6c8; } .filter-element .filter-bar .sort-by .select-styled:active:after, .filter-element .filter-bar .sort-by .select-styled.active:after { top: 9px; border-color: transparent transparent #000110 transparent; } .filter-element .filter-bar .sort-by .select-options { display: none; position: absolute; top: initial; right: -2rem; left: initial; bottom: 3rem; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #c4c6c8; } @media (min-width: 992px) { .filter-element .filter-bar .sort-by .select-options { top: 3rem; bottom: initial; } } .filter-element .filter-bar .sort-by .select-options li { padding: 1.3rem 2rem; text-align: center; margin: 0; border-top: 1px solid #b7babb; transition: all 0.15s ease-in; } @media (prefers-reduced-motion: reduce) { .filter-element .filter-bar .sort-by .select-options li { transition: none; } } .filter-element .filter-bar .sort-by .select-options li:hover, .filter-element .filter-bar .sort-by .select-options li.selected { color: #D1D3D4; background: #000110; } .filter-element .filter-bar .sort-by .select-options li[rel="hide"] { display: none; } .filter-element .filter-bar .sort-by .select-options li:last-child { border-bottom: 1px solid #b7babb; } .filter-element .filter-bar .key-filter { background-color: transparent; border: 1px solid #ffffff; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; margin-right: 1.2rem; outline: none; min-width: 10rem; padding: 0.35rem 0.5rem; } .filter-element .filter-bar .key-filter:hover { background-color: white; } .filter-element .filter-bar .key-filter.key-filter-chosen { background-color: #C0C0C0; border-color: #C0C0C0; color: #ffffff; } .filter-element .filter-bar .filter-close { display: none; } .filter-element .filter-bar .filter-close::after { content: '\f00d'; font-family: 'Font Awesome 5 Free'; } .filter-element .filter-bar .filter-close:hover { cursor: pointer; } .filter-element .filter-bar.hide-all .key-filters, .filter-element .filter-bar.hide-all .clear, .filter-element .filter-bar.hide-all .chosen-filters { display: none; } .filter-element .filter-bar.show-clear .clear { display: inline-block; } .filter-element .filter-bar.show-clear .key-filters, .filter-element .filter-bar.show-clear .chosen-filters { display: none; } .filter-element .filter-bar.show-key-filters .key-filters { display: inline-block; } .filter-element .filter-bar.show-key-filters .clear, .filter-element .filter-bar.show-key-filters .chosen-filters { display: none; } .filter-element .filter-bar.show-chosen-filters .chosen-filters { display: inline-block; } .filter-element .filter-bar.show-chosen-filters .clear, .filter-element .filter-bar.show-chosen-filters .key-filters { display: none; } .filter-element .expand-region { background-color: #E0E0E0; overflow-y: scroll; } @media (min-width: 992px) { .filter-element .expand-region { width: 25%; } } .filter-element .expand-region .search-container { margin: 2rem 0; text-align: center; } @media (min-width: 992px) { .filter-element .expand-region .search-container { margin-top: 4rem; } } .filter-element .expand-region .search-container .search-icon { background-image: url("clientlib-site/resources/icons/search.svg"); background-position: bottom; background-size: contain; background-repeat: no-repeat; display: inline-block; height: 24px; margin-right: 1.2rem; width: 21px; } .filter-element .expand-region .search-container .search { background-color: transparent; border: none; border-bottom: solid 2px; font-size: 1.7rem; line-height: 1; } .filter-element .expand-region .search-container .search::-webkit-input-placeholder { color: #b1adad; vertical-align: bottom; } .filter-element .expand-region .search-container .search::-moz-placeholder { color: #b1adad; vertical-align: bottom; } .filter-element .expand-region .search-container .search:-ms-input-placeholder { color: #b1adad; vertical-align: bottom; } .filter-element .expand-region .search-container .search::-ms-input-placeholder { color: #b1adad; vertical-align: bottom; } .filter-element .expand-region .search-container .search::placeholder { color: #b1adad; vertical-align: bottom; } .filter-element .expand-region .search-container .search:focus { outline: none; } @media (min-width: 992px) { .filter-element .expand-region .all-filters { width: 100%; } } .filter-element .expand-region::-webkit-scrollbar { background-color: #E0E0E0; width: 5px; } .filter-element .expand-region::-webkit-scrollbar-thumb { background-color: #D1D3D4; border-radius: 10px; } .filter-element .expand-region::-webkit-scrollbar-thumb:hover { background-color: #C0C0C0; } .filter-element .expand-region { scrollbar-arrow-color: #E0E0E0; scrollbar-face-color: #D1D3D4; scrollbar-darkshadow-color: #E0E0E0; scrollbar-track-color: #D1D3D4; } .filter-element .all-filters { background-color: #E0E0E0; padding: 3rem 2rem 7rem; position: relative; z-index: 100; } @media (min-width: 992px) { .filter-element .all-filters { padding: 3rem 0; } } .filter-element .all-filters .filters-region { display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .filter-element .all-filters .filters-region { padding: 0 8%; } } .filter-element .all-filters .filters-region .filter-section { flex: 0 0 50%; max-width: 50%; margin-bottom: 3.5rem; padding-right: 1rem; } .filter-element .all-filters .filters-region .filter-section .category-title { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; margin: 0 0 1.3rem; } .filter-element .all-filters .filters-region .filter-section ul li { display: flex; font-size: 1.4rem; line-height: 16px; margin-bottom: 1.3rem; text-transform: uppercase; } .filter-element .all-filters .filters-region .filter-section ul li:hover { cursor: pointer; } .filter-element .all-filters .filters-region .filter-section ul li .chosen-box { background-color: #ffffff; display: inline-block; flex-shrink: 0; height: 12px; width: 12px; margin-right: 8px; } .filter-element .all-filters .filters-region .filter-section .filter-chosen { font-weight: 600; text-transform: uppercase; } .filter-element .all-filters .filters-region .filter-section .filter-chosen .chosen-box { overflow: hidden; position: relative; } .filter-element .all-filters .filters-region .filter-section .filter-chosen .chosen-box::before { content: '×'; font-size: 2.5rem; position: absolute; top: -1px; } .filter-element .all-filters .filter-operation { background-color: #D1D3D4; bottom: 0; left: 0; padding: 1.3rem 2rem; position: fixed; width: 100%; } @media (min-width: 992px) { .filter-element .all-filters .filter-operation { position: static; background-color: transparent; padding: 2.5rem 10%; } } .filter-element .all-filters .filter-operation div { display: inline-block; } @media (min-width: 992px) { .filter-element .all-filters .filter-operation div { display: block; } } .filter-element .all-filters .filter-operation .apply-filters { font-size: 1.2rem; min-width: 10rem; position: absolute; top: 0.9rem; right: 2rem; } @media (min-width: 992px) { .filter-element .all-filters .filter-operation .apply-filters { font-size: 1.4rem; min-width: 14rem; margin-top: 1.5rem; position: static; padding: 10px 7px 8px; } } .filter-element.filter-expand .sort-by { display: none; } @media (min-width: 992px) { .filter-element.filter-expand .sort-by { display: block; } } .filter-element.filter-expand .filter-close { display: block; } @media (min-width: 992px) { .filter-element.filter-expand .filter-close { display: none; } } .filter-element.filter-expand .expand-region { max-height: calc(100vh - 120px); } @media (min-width: 992px) { .filter-element.filter-expand .expand-region { height: calc(100vh - 50px); max-height: none; } } .flip-container { width: 100%; } .flipper-front { width: 100%; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .flipper-back { width: 100%; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .editing-flipper .flipper-front { -webkit-backface-visibility: visible; backface-visibility: visible; position: relative; top: 0; left: 0; } .editing-flipper .flipper-back { -webkit-backface-visibility: visible; backface-visibility: visible; position: relative; top: 0; left: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .flipper-fb { min-height: 500px; position: relative; overflow: hidden; } @media (min-width: 768px) { .flipper-fb { min-height: 275px; } } @media (min-width: 992px) { .flipper-fb { min-height: 375px; } } .live .flipper-fb img { max-height: 450px; position: absolute; left: 0; right: 0; margin: 0 auto; top: auto; } @media (min-width: 768px) { .live .flipper-fb { max-height: 250px; } } @media (min-width: 992px) { .live .flipper-fb { max-height: 350px; } } .flipper-fb.flip .flipper-front { z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flipper-fb.flip .flipper-back { z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); display: block; } .grid-promo { position: relative; } .grid-promo.single-column-width { width: 100%; } @media (min-width: 768px) { .grid-promo.single-column-width { flex: 0 0 33.333333%; max-width: 33.333333%; } @supports (display: grid) { .grid-promo.single-column-width { grid-column-start: span 1; max-width: 100%; } } } .grid-promo .text-container { position: relative; } .grid-promo .bg-box { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .grid-promo .bg-box ~ *:not(.btn) { position: relative; } .grid-promo.double-column-width { width: 100%; } @media (min-width: 768px) { .grid-promo.double-column-width { flex: 0 0 66.666666%; max-width: 66.666666%; } @supports (display: grid) { .grid-promo.double-column-width { grid-column-start: span 2; max-width: 100%; } } } .grid-promo.full-width { width: 100%; } @media (min-width: 768px) { .grid-promo.full-width { flex: 0 0 100%; max-width: 100%; } @supports (display: grid) { .grid-promo.full-width { grid-column-start: span 3; max-width: 100%; } } } .grid-promo.text .text-container { height: 100%; } .grid-promo.image .img-container { height: 100%; } .grid-promo.text > .destination-url, .grid-promo.image-text > .destination-url, .grid-promo.image > .destination-url { color: #000110; display: flex; flex-wrap: wrap; height: 100%; width: 100%; } .grid-promo.text > .destination-url:hover, .grid-promo.image-text > .destination-url:hover, .grid-promo.image > .destination-url:hover { text-decoration: none; } .grid-promo.text > .destination-url .text-container, .grid-promo.image-text > .destination-url .text-container, .grid-promo.image > .destination-url .text-container { flex: 0 0 100%; max-width: 100%; } .grid-promo.text > .destination-url .img-container, .grid-promo.image-text > .destination-url .img-container, .grid-promo.image > .destination-url .img-container { flex: 0 0 100%; max-width: 100%; } .grid-promo.image-text.content-right > .destination-url { flex-wrap: wrap-reverse; } @media (min-width: 768px) { .grid-promo.image-text.content-right > .destination-url { flex-direction: row-reverse; } } @media (min-width: 768px) { .grid-promo.image-text.full-width .text-container { flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (min-width: 768px) { .grid-promo.image-text.full-width .img-container { flex: 0 0 66.666666%; max-width: 66.666666%; } } @media (min-width: 768px) { .grid-promo.image-text.double-column-width .text-container { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .grid-promo.image-text.double-column-width .img-container { flex: 0 0 50%; max-width: 50%; } } .grid-promo.text .text-container, .grid-promo.image-text .text-container { position: relative; padding: 5rem 1rem; } @media (min-width: 768px) { .grid-promo.text .text-container, .grid-promo.image-text .text-container { padding: 5rem 2rem 8rem; } } @media (min-width: 992px) { .grid-promo.text .text-container, .grid-promo.image-text .text-container { padding: 7rem 3rem 8rem; } } .grid-promo.text .text-container .title, .grid-promo.image-text .text-container .title { font-size: 1.8rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; letter-spacing: 0.23px; line-height: 21.6px; margin: 0 0 2.5rem; text-decoration: none; text-transform: uppercase; } @media (min-width: 992px) { .grid-promo.text .text-container .title, .grid-promo.image-text .text-container .title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; margin-bottom: 2rem; } } .grid-promo.text .text-container .description, .grid-promo.image-text .text-container .description { font-size: 1.4rem; line-height: 2rem; } .grid-promo.text .text-container .btn, .grid-promo.image-text .text-container .btn { font-size: 1.2rem; position: absolute; bottom: 1.5rem; } @media (min-width: 992px) { .grid-promo.text .text-container .btn, .grid-promo.image-text .text-container .btn { bottom: 1rem; font-size: 1.4rem; } } .grid-promo.image .img-box, .grid-promo.image-text .img-box { height: 100%; min-height: 250px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 992px) { .grid-promo.image .img-box, .grid-promo.image-text .img-box { min-height: 350px; } } .grid-promo.image .video-box, .grid-promo.image-text .video-box { height: 100% !important; min-height: 250px !important; } @media (min-width: 992px) { .grid-promo.image .video-box, .grid-promo.image-text .video-box { min-height: 350px !important; } } /*reister: this file has me a bit concerned because of the lack of scoping on these classes */ .panel { margin-bottom: 1px; } .panel-heading { padding: 0.75rem 1.25rem; margin-bottom: 0; border: none; } .panel-title > h5, .panel-title > h5:active { display: block; padding: 15px; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; word-spacing: 3px; text-decoration: none; } .panel-heading h5:before { font-family: 'Glyphicons Halflings'; content: "\2b"; float: right; transition: all 0.5s; } .panel-heading.active h5:before { content: "\2212"; } .panel-body { margin-top: 15px; margin-bottom: 25px; margin-left: 10px; } .software-downloads-container .downloads-row { border-bottom: 0 !important; } .pdf-icon { display: inline-block; background: url(clientlib-site/resources/icons/file-pdf.svg); background-repeat: no-repeat; background-size: 13px; width: 22px; height: 24px; vertical-align: text-bottom; -webkit-transform: translateY(6px); transform: translateY(6px); } .html-icon { display: inline-block; background: url(clientlib-site/resources/icons/file-html.svg); background-repeat: no-repeat; background-size: 15px; width: 22px; height: 25px; vertical-align: text-bottom; -webkit-transform: translateY(9px); transform: translateY(9px); } .support-videos-container .support-product-videoType { width: 100%; } .support-videos-container .support-product-video { height: 130px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; position: relative !important; } .support-videos-container .support-product-video .support-launchvideo-btn { width: 25%; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); aspect-ratio: 1 / 1; background-image: url("clientlib-site/resources/images/scene7-player-icons-play.png"); background-size: cover; border: none; } .support-videos-container .support-product-video:hover .support-launchvideo-btn { opacity: 1; } .video-playback { font-size: 2rem; position: absolute; left: 40%; opacity: 1.0; color: rgba(0, 0, 0, 0.7); top: 15%; width: auto; z-index: 2; } .awards { position: relative; } .awards .inner-container { max-width: 1436px; margin: 0 auto; position: relative; } .awards .topic { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; position: absolute; top: 27px; left: 20px; text-transform: uppercase; } @media (min-width: 768px) { .awards .topic { top: 35px; left: 40px; } } @media (min-width: 992px) { .awards .topic { top: 66px; left: 52px; } } .awards .wrapper { overflow: hidden; padding-left: 20px; padding-right: 20px; padding-top: 73px; padding-bottom: 70px; } @media (min-width: 768px) { .awards .wrapper { display: flex; justify-content: space-between; padding-left: 40px; padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { .awards .wrapper { padding-left: 52px; padding-right: 52px; } } @media (min-width: 768px) { .awards .wrapper .award-gallery { display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 31px; } } .awards .wrapper .award-gallery .carousel-inner { display: flex; } @media (min-width: 768px) { .awards .wrapper .award-gallery .carousel-inner { flex: 1; display: flex; align-items: flex-end; } } .awards .wrapper .award-gallery .carousel-inner .carousel-item { flex: 0 0 100%; visibility: hidden; transition: none; } @media (min-width: 768px) { .awards .wrapper .award-gallery .carousel-inner .carousel-item { visibility: visible; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } } .awards .wrapper .award-gallery .carousel-inner .carousel-item:not(.carousel-item-next):not(.carousel-item-prev):not(.active) { display: block; } @media (min-width: 768px) { .awards .wrapper .award-gallery .carousel-inner .carousel-item:not(.carousel-item-next):not(.carousel-item-prev):not(.active) { display: none; } } .awards .wrapper .award-gallery .carousel-inner .carousel-item.active { visibility: visible; } @media (min-width: 768px) { .awards .wrapper .award-gallery .carousel-inner .carousel-item.active { display: block; } } .awards .wrapper .award-gallery .carousel-inner .carousel-item .description { word-break: break-word; } .awards .wrapper .award-gallery .navigate-container { display: flex; align-items: center; } .awards .wrapper .award-gallery .navigate-container .previous-page, .awards .wrapper .award-gallery .navigate-container .next-page { cursor: pointer; } .awards .wrapper .award-gallery .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .awards .wrapper .award-gallery .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000110; margin-right: 5px; } .awards .wrapper .award-gallery .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; border-radius: 50%; background-color: #000110; } .awards .wrapper .main-image { display: flex; align-items: center; background-size: contain; background-repeat: no-repeat; background-position: center center; justify-content: center; height: 299px; width: calc(100% - 40px); } @media (min-width: 768px) { .awards .wrapper .main-image { width: auto; height: 401px; margin-top: 90px; margin-bottom: 31px; } } @media (min-width: 992px) { .awards .wrapper .main-image { height: 698px; margin-top: 41px; margin-bottom: 41px; } } @media (min-width: 768px) { .awards.awards-logo-bottom .award-gallery { flex: 0 0 53%; max-width: 53%; } } @media (min-width: 992px) { .awards.awards-logo-bottom .award-gallery { flex: 0 0 43.5%; max-width: 43.5%; margin-bottom: 117px; } } .awards.awards-logo-bottom .award-gallery .source-organization { margin: 0; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; font-size: 3.6rem; line-height: 43.2px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .awards.awards-logo-bottom .award-gallery .source-organization { font-size: 4.8rem; letter-spacing: 0.6px; line-height: 58px; } } .awards.awards-logo-bottom .award-gallery .description { margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; line-height: 23px; margin-top: 30px; margin-bottom: 400px; } @media (min-width: 768px) { .awards.awards-logo-bottom .award-gallery .description { margin-bottom: 0; } } @media (min-width: 992px) { .awards.awards-logo-bottom .award-gallery .description { font-size: 1.8rem; line-height: 27px; margin-top: 35px; margin-bottom: 25px; } } .awards.awards-logo-bottom .award-gallery .icon-box { display: flex; align-items: center; position: absolute; bottom: 0; left: 0; } @media (min-width: 768px) { .awards.awards-logo-bottom .award-gallery .icon-box, .awards.awards-logo-bottom .award-gallery .icon-box a { height: 112px; width: 105px; position: static; } } @media (min-width: 992px) { .awards.awards-logo-bottom .award-gallery .icon-box, .awards.awards-logo-bottom .award-gallery .icon-box a { width: 147px; height: 157px; } } .awards.awards-logo-bottom .award-gallery .icon-box img { max-height: 100%; max-width: 100%; } .awards.awards-logo-bottom .main-image { position: absolute; bottom: 180px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 768px) { .awards.awards-logo-bottom .main-image { flex: 0 0 47%; max-width: 47%; position: static; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .awards.awards-logo-bottom .main-image { flex: 0 0 57.5%; max-width: 57.5%; } } .awards.awards-logo-top .award-gallery { position: static; } @media (min-width: 768px) { .awards.awards-logo-top .award-gallery { flex: 0 0 55%; max-width: 55%; } } .awards.awards-logo-top .award-gallery .source-organization { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; text-transform: uppercase; font-size: 1.4rem; } @media (min-width: 992px) { .awards.awards-logo-top .award-gallery .source-organization { font-size: 1.6rem; } } .awards.awards-logo-top .award-gallery .description { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; text-transform: uppercase; font-size: 1.8rem; letter-spacing: 0.23px; line-height: 26px; } @media (min-width: 992px) { .awards.awards-logo-top .award-gallery .description { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .awards.awards-logo-top .award-gallery .icon-box { display: flex; align-items: center; } .awards.awards-logo-top .award-gallery .icon-box, .awards.awards-logo-top .award-gallery .icon-box a { height: 115px; width: 184px; } @media (min-width: 992px) { .awards.awards-logo-top .award-gallery .icon-box, .awards.awards-logo-top .award-gallery .icon-box a { height: 129px; width: 206px; } } .awards.awards-logo-top .award-gallery .icon-box img { max-height: 100%; max-width: 100%; } .awards.awards-logo-top .navigate-container { left: 0; width: 100%; bottom: 64px; position: absolute; justify-content: center; } @media (min-width: 768px) { .awards.awards-logo-top .navigate-container { margin-top: 64px; position: static; justify-content: flex-start; } } @media (min-width: 992px) { .awards.awards-logo-top .navigate-container { margin-top: 107px; } } .awards.awards-logo-top .main-image { margin-bottom: 50px; } @media (min-width: 768px) { .awards.awards-logo-top .main-image { margin-bottom: 0; flex: 0 0 45%; max-width: 45%; } } .category-container { display: flex; } .category-container .space-wrapper { width: 0; transition: width 0.4s ease; } @media (min-width: 992px) { .category-container.category-narrow .space-wrapper { width: 25%; } } @media (min-width: 992px) { .category-container.category-narrow .category-grid { width: 75%; transition: width 0.4s ease; } } .category-grid { width: 100%; } @media (min-width: 768px) { .category-grid { padding: 2rem 0; } } @media (min-width: 992px) { .category-grid { padding: 4rem 0; } } .category-grid .btn-cat-buy { color: #ff3b00; font-weight: 500; } .category-grid .prevPrice { text-decoration: line-through; color: #bbb; padding-right: 5px; } .category-grid .grid-content-wrapper { display: flex; flex-wrap: wrap; } @media (min-width: 768px) { @supports (display: grid) { .category-grid .grid-content-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); grid-auto-rows: 1fr; grid-row-gap: 1rem; grid-column-gap: 1rem; } } } @media (min-width: 992px) { @supports (display: grid) { .category-grid .grid-content-wrapper { grid-row-gap: 2rem; grid-column-gap: 2rem; } } } @media (max-width: 767.98px) { .category-grid .grid-content-wrapper .rowSecondItem, .category-grid .grid-content-wrapper .rowThirdItem { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 5px)/2 - 0.1%); max-width: calc((100% - 5px)/2 - 0.1%); } } .category-grid .grid-content-wrapper .rowSecondItem { margin-right: 5px; } @media (min-width: 768px) { .category-grid .grid-content-wrapper .rowSecondItem { margin-right: 0; } } .category-grid .grid-content-wrapper > li { margin-bottom: 5px; } @media (min-width: 768px) { .category-grid .grid-content-wrapper > li { border: white 5px solid; margin-bottom: 0; } @supports (display: grid) { .category-grid .grid-content-wrapper > li { border: none; } } } @media (min-width: 992px) { .category-grid .grid-content-wrapper > li { border: white 10px solid; } @supports (display: grid) { .category-grid .grid-content-wrapper > li { border: none; } } } .category-grid .category-pagination { justify-content: center; } .category-grid.product-category .product-card, .category-grid.product-category .support-card, .category-grid.support-category .product-card, .category-grid.support-category .support-card { background-color: #F5F5F5; overflow: hidden; padding: 1rem; position: relative; width: 100%; } @media (min-width: 768px) { .category-grid.product-category .product-card, .category-grid.product-category .support-card, .category-grid.support-category .product-card, .category-grid.support-category .support-card { flex: 0 0 33.333333%; max-width: 33.333333%; } @supports (display: grid) { .category-grid.product-category .product-card, .category-grid.product-category .support-card, .category-grid.support-category .product-card, .category-grid.support-category .support-card { max-width: 100%; } } } @media (min-width: 992px) { .category-grid.product-category .product-card, .category-grid.product-category .support-card, .category-grid.support-category .product-card, .category-grid.support-category .support-card { padding: 2rem; } } .category-grid.product-category .product-card .product-card-front, .category-grid.product-category .product-card .support-card-front, .category-grid.product-category .support-card .product-card-front, .category-grid.product-category .support-card .support-card-front, .category-grid.support-category .product-card .product-card-front, .category-grid.support-category .product-card .support-card-front, .category-grid.support-category .support-card .product-card-front, .category-grid.support-category .support-card .support-card-front { position: relative; height: 100%; } .category-grid.product-category .product-card .product-card-front .product-title, .category-grid.product-category .product-card .support-card-front .product-title, .category-grid.product-category .support-card .product-card-front .product-title, .category-grid.product-category .support-card .support-card-front .product-title, .category-grid.support-category .product-card .product-card-front .product-title, .category-grid.support-category .product-card .support-card-front .product-title, .category-grid.support-category .support-card .product-card-front .product-title, .category-grid.support-category .support-card .support-card-front .product-title { font-size: 1.2rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-front .product-title, .category-grid.product-category .product-card .support-card-front .product-title, .category-grid.product-category .support-card .product-card-front .product-title, .category-grid.product-category .support-card .support-card-front .product-title, .category-grid.support-category .product-card .product-card-front .product-title, .category-grid.support-category .product-card .support-card-front .product-title, .category-grid.support-category .support-card .product-card-front .product-title, .category-grid.support-category .support-card .support-card-front .product-title { font-size: 2rem; line-height: 2.2rem; margin-bottom: 5px; } } .category-grid.support-category .support-card:hover { cursor: pointer; } .category-grid.support-category .support-card .support-card-front { align-items: center; display: flex; flex-wrap: wrap; position: relative; } .category-grid.support-category .support-card .support-card-front .img-box { padding: 8% 8% calc(8% + 30px); width: 100%; min-height: 200px; } @media (min-width: 768px) { .category-grid.support-category .support-card .support-card-front .img-box { min-height: 240px; } } @media (min-width: 992px) { .category-grid.support-category .support-card .support-card-front .img-box { min-height: 280px; } } .category-grid.support-category .support-card .support-card-front .product-title { bottom: 0; color: #000110; left: 0; position: absolute; } .category-grid.product-category .product-card:hover .showDetailCard { display: block; } .category-grid.product-category .product-card .showDetailCard { position: absolute; top: 0; right: 0; z-index: 100; background: #D1D3D4; width: 115px; display: none; } .category-grid.product-category .product-card.showDetails .product-card-front { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); transition: opacity 0.6s ease, -webkit-transform 0.6s ease; transition: opacity 0.6s ease, transform 0.6s ease; transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .category-grid.product-category .product-card.showDetails .product-card-behind { opacity: 1; top: 0; transition: opacity 2s ease, top 0.6s ease; } .category-grid.product-category .product-card .product-card-front .img-box { padding: 20% 10% calc(25% + 32px); width: 100%; min-height: 250px; } @media (min-width: 768px) { .category-grid.product-category .product-card .product-card-front .img-box { min-height: 310px; } } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-front .img-box { min-height: 350px; padding-bottom: calc(25% + 51px); } } .category-grid.product-category .product-card .product-card-front .content-box { font-size: 1.2rem; font-weight: 600; line-height: 1.6rem; position: absolute; bottom: 0; } .category-grid.product-category .product-card .product-card-front .content-box .list-price { text-transform: uppercase; color: #C0C0C0; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-front .content-box .list-price { font-size: 1.4rem; line-height: 2.4rem; } } .category-grid.product-category .product-card .product-card-behind { opacity: 0; font-weight: 600; height: 100%; width: 100%; position: absolute; right: 0; padding: 1rem 1rem 4rem; top: 100%; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind { padding: 2rem 2rem 4rem; } } .category-grid.product-category .product-card .product-card-behind .title-compare { position: relative; margin-bottom: 5px; } .category-grid.product-category .product-card .product-card-behind .title-compare .product-title { color: #E13200; font-size: 1.4rem; line-height: 1.6rem; text-transform: uppercase; padding-right: 5.5rem; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .title-compare .product-title { font-size: 2rem; line-height: 2.8rem; } } .category-grid.product-category .product-card .product-card-behind .title-compare .compare-link { font-size: 1.2rem; position: absolute; padding: 0; top: -4px; right: 0; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .title-compare .compare-link { font-size: 1.4rem; top: 2px; } } .category-grid.product-category .product-card .product-card-behind .list-price { text-transform: uppercase; font-size: 1.2rem; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .list-price { font-size: 1.4rem; line-height: 2.4rem; } } .category-grid.product-category .product-card .product-card-behind .ratings-review { margin-top: 5px; } .category-grid.product-category .product-card .product-card-behind .ratings-review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-on, .category-grid.product-category .product-card .product-card-behind .ratings-review .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-rating-container .bv-rating-stars-off { font-size: 1.8rem !important; } .category-grid.product-category .product-card .product-card-behind .description { height: calc(100% - 100px); overflow-y: scroll; margin-top: 4rem; } @media (min-width: 768px) { .category-grid.product-category .product-card .product-card-behind .description { margin-top: 2rem; } } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .description { margin-top: 4.5rem; height: calc(100% - 180px); } } .category-grid.product-category .product-card .product-card-behind .description::-webkit-scrollbar { background-color: #F5F5F5; width: 5px; } .category-grid.product-category .product-card .product-card-behind .description::-webkit-scrollbar-thumb { background-color: #E0E0E0; border-radius: 10px; } .category-grid.product-category .product-card .product-card-behind .description::-webkit-scrollbar-thumb:hover { background-color: #D1D3D4; } .category-grid.product-category .product-card .product-card-behind .description { scrollbar-arrow-color: #F5F5F5; scrollbar-face-color: #E0E0E0; scrollbar-darkshadow-color: #F5F5F5; scrollbar-track-color: #EBEBEB; } .category-grid.product-category .product-card .product-card-behind .descriptor { text-transform: uppercase; } .category-grid.product-category .product-card .product-card-behind .descriptor, .category-grid.product-category .product-card .product-card-behind .short-description { font-size: 1.2rem; line-height: 1.6rem; margin-bottom: 5px; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .descriptor, .category-grid.product-category .product-card .product-card-behind .short-description { font-size: 1.4rem; line-height: 2rem; } } .category-grid.product-category .product-card .product-card-behind .short-description { font-weight: 400; left: 0; } .category-grid.product-category .product-card .product-card-behind .link-group { position: absolute; bottom: 1rem; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .link-group { bottom: 2rem; } } .category-grid.product-category .product-card .product-card-behind .link-group .btn { font-size: 1.2rem; min-width: 0; padding: 5px; } @media (min-width: 992px) { .category-grid.product-category .product-card .product-card-behind .link-group .btn { font-size: 1.4rem; padding: 1.2rem 1.2rem 1rem; } } .category-grid.product-category .product-card .product-card-behind .link-group .btn-secondary { text-decoration: underline; } .category-grid.product-category .product-card.rowSecondItem .product-card-behind .description, .category-grid.product-category .product-card.rowThirdItem .product-card-behind .description { margin-top: 2rem; height: calc(100% - 145px); } @media (min-width: 768px) { .category-grid.product-category .product-card.rowSecondItem .product-card-behind .description, .category-grid.product-category .product-card.rowThirdItem .product-card-behind .description { height: calc(100% - 100px); } } @media (min-width: 992px) { .category-grid.product-category .product-card.rowSecondItem .product-card-behind .description, .category-grid.product-category .product-card.rowThirdItem .product-card-behind .description { margin-top: 4.5rem; height: calc(100% - 180px); } } .category-grid.resources-category .grid-content-wrapper { margin-bottom: 5rem; } .category-grid.resources-category .grid-content-wrapper .resource-card { background-color: #F5F5F5; padding: 1rem 1rem 12rem; position: relative; width: 100%; } @media (min-width: 768px) { .category-grid.resources-category .grid-content-wrapper .resource-card { flex: 0 0 33.333333%; max-width: 33.333333%; } @supports (display: grid) { .category-grid.resources-category .grid-content-wrapper .resource-card { max-width: 100%; } } } @media (min-width: 992px) { .category-grid.resources-category .grid-content-wrapper .resource-card { padding: 1rem 2rem 15rem; } } .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon { position: relative; margin-bottom: 7rem; } @media (min-width: 992px) { .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon { margin-bottom: 10rem; } } .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon .topic { font-size: 1rem; font-weight: 600; letter-spacing: 0.33px; text-transform: uppercase; } .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon .icon { position: absolute; right: 0; top: 0; } .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon .icon img { width: 3rem; } @media (min-width: 992px) { .category-grid.resources-category .grid-content-wrapper .resource-card .topic-icon .icon img { width: 4rem; max-height: 3.5rem; } } .category-grid.resources-category .grid-content-wrapper .resource-card .resource-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 19.2px; margin-bottom: 1.5rem; text-transform: uppercase; } @media (min-width: 992px) { .category-grid.resources-category .grid-content-wrapper .resource-card .resource-title { font-size: 2rem; line-height: 22px; } } .category-grid.resources-category .grid-content-wrapper .resource-card .resource-description { font-size: 1.4rem; line-height: 2rem; } .category-grid.resources-category .grid-content-wrapper .resource-card .btn { font-size: 1.2rem; position: absolute; bottom: 1rem; } @media (min-width: 992px) { .category-grid.resources-category .grid-content-wrapper .resource-card .btn { font-size: 1.4rem; } } .page-banner { position: relative; } .page-banner .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .page-banner .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; } .page-banner .wrapper { width: 100%; height: 100%; margin: 0 auto; position: relative; max-width: 1436px; display: flex; flex-direction: column; align-items: flex-start; } .page-banner .wrapper .breadcrumb { padding: 0; z-index: 20; position: absolute; } .page-banner .wrapper .breadcrumb.lava .breadcrumb-item a { color: #E13200; } .page-banner .wrapper .breadcrumb.lava .breadcrumb-item.active { color: #E13200; } .page-banner .wrapper .breadcrumb.lava .breadcrumb-item::before { color: #E13200; } .page-banner .wrapper .breadcrumb.white .breadcrumb-item a { color: #ffffff; } .page-banner .wrapper .breadcrumb.white .breadcrumb-item.active { color: #ffffff; } .page-banner .wrapper .breadcrumb.white .breadcrumb-item::before { color: #ffffff; } .page-banner .wrapper .breadcrumb.black .breadcrumb-item a { color: #000110; } .page-banner .wrapper .breadcrumb.black .breadcrumb-item.active { color: #000110; } .page-banner .wrapper .breadcrumb.black .breadcrumb-item::before { color: #000110; } .page-banner .wrapper .align-right { align-self: flex-end; text-align: right; } .page-banner .wrapper .title, .page-banner .wrapper .subtitle { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; text-transform: uppercase; } .page-banner .wrapper .title-container { width: 100%; position: absolute; margin-top: 0; } .page-banner .wrapper .title-container.fill-screen { margin-top: 300px; } .page-banner .wrapper .title-container .title { font-size: 7.2rem; line-height: 60px; margin: 0 1.25rem; display: block; } @media (min-width: 768px) { .page-banner .wrapper .title-container .title { font-size: 10rem; line-height: 100px; } } @media (min-width: 992px) { .page-banner .wrapper .title-container .title { font-size: 15rem; line-height: 150px; } } @media (min-width: 1440px) { .page-banner .wrapper .title-container .title { font-size: 20rem; line-height: 200px; } } .page-banner .wrapper .container { width: 100%; } @media (min-width: 992px) { .page-banner .wrapper .container { display: flex; flex-direction: column; justify-content: center; } } @media (min-width: 992px) { .page-banner .wrapper .container.container-right .gradient-container { left: auto; right: 0; } } .page-banner .wrapper .container.container-right .content { align-self: flex-end; } .page-banner .wrapper .container .gradient-container { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .page-banner .wrapper .container .content { position: relative; } @media (min-width: 992px) { .page-banner .wrapper .container .content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } } .page-banner .wrapper .container .content .subtitle { margin-top: 0; } .page-banner .wrapper .container .content .description { width: 100%; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; line-height: 23px; margin: 0; } .page-banner .wrapper .btn { position: relative; margin-top: 20px; } .page-banner.standard-layout { margin-top: 60px; } @media (min-width: 768px) { .page-banner.standard-layout { margin-top: 100px; } } @media (min-width: 992px) { .page-banner.standard-layout { margin-top: 150px; } } @media (min-width: 1440px) { .page-banner.standard-layout { margin-top: 220px; } } .page-banner.standard-layout .wrapper { padding: 220px 21px 44px 21px; } .page-banner.standard-layout .wrapper.standard-single-title { padding-top: 110px; } @media (min-width: 992px) { .page-banner.standard-layout .wrapper { padding: 325px 52px 70px 52px; } .page-banner.standard-layout .wrapper.standard-single-title { padding-top: 175px; } } .page-banner.standard-layout .wrapper .breadcrumb { top: 45px; left: 21px; } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .breadcrumb { left: 52px; } } .page-banner.standard-layout .wrapper .breadcrumb.fill-screen { margin-top: 300px; } .page-banner.standard-layout .wrapper .title-container { left: 0; z-index: 10; top: -40px; } @media (min-width: 768px) { .page-banner.standard-layout .wrapper .title-container { top: -60px; } } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .title-container { top: -100px; } } @media (min-width: 1440px) { .page-banner.standard-layout .wrapper .title-container { top: -140px; } } .page-banner.standard-layout .wrapper .container.container-full .gradient-container, .page-banner.standard-layout .wrapper .container.container-full .content { width: 100%; } .page-banner.standard-layout .wrapper .container .gradient-container { top: 176px; } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .container .gradient-container { top: 0; width: 37%; } } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .container .content { width: 37%; } } .page-banner.standard-layout .wrapper .container .content .subtitle { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; margin-bottom: 16px; } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .container .content .subtitle { width: 80%; } } .page-banner.standard-layout .wrapper .container .content.fill-screen { margin-top: 300px; } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .container.container-full .description { width: 32%; } } @media (min-width: 992px) { .page-banner.standard-layout .wrapper .container.container-full .subtitle { width: 26%; } } .page-banner.solutions-layout { height: 750px; } @media (min-width: 992px) { .page-banner.solutions-layout { height: 1000px; } } @media (min-width: 1440px) { .page-banner.solutions-layout { height: 1500px; } } .page-banner.solutions-layout .breadcrumb { top: 90px; left: 21px; } @media (min-width: 992px) { .page-banner.solutions-layout .breadcrumb { left: 52px; } } .page-banner.solutions-layout .title-container { left: 0; top: 70px; } @media (min-width: 992px) { .page-banner.solutions-layout .title-container { top: 130px; } } @media (min-width: 1440px) { .page-banner.solutions-layout .title-container { top: 150px; } } .page-banner.solutions-layout .bg-lifestyle { height: 100%; background-size: cover; } .page-banner.solutions-layout .container { bottom: 0; position: absolute; padding: 70px 21px; } @media (min-width: 992px) { .page-banner.solutions-layout .container { padding: 100px 52px 112px 52px; } } .page-banner.solutions-layout .container .gradient-container { left: 50%; width: 100vw; } .page-banner.solutions-layout .container .content { display: block; position: relative; text-align: center; } @media (min-width: 992px) { .page-banner.solutions-layout .container .content { margin: 0 auto; width: 60%; } } .page-banner.solutions-layout .container .content .subtitle { font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; margin-bottom: 23px; } @media (min-width: 992px) { .page-banner.solutions-layout .container .content .subtitle { width: 80%; margin: 0 auto; margin-bottom: 40px; font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } @media (min-width: 1440px) { .page-banner.solutions-layout .container .content .subtitle { font-size: 6.4rem; line-height: 72px; } } @media (min-width: 992px) { .page-banner.solutions-layout .container .content .description { margin: 0; } } .page-banner.generic-layout .breadcrumb { top: 90px; left: 14px; } @media (min-width: 992px) { .page-banner.generic-layout .breadcrumb { top: 100px; left: 52px; } } .page-banner.generic-layout .wrapper { padding: 219px 14px 66px 14px; } @media (min-width: 992px) { .page-banner.generic-layout .wrapper { padding: 165px 52px 155px 52px; } } .page-banner.generic-layout .wrapper .container.container-full .gradient-container, .page-banner.generic-layout .wrapper .container.container-full .content { width: 100%; } .page-banner.generic-layout .wrapper .container .gradient-container { top: 135px; } @media (min-width: 992px) { .page-banner.generic-layout .wrapper .container .gradient-container { top: 0; width: 60%; } } @media (min-width: 992px) { .page-banner.generic-layout .wrapper .container .content { width: 60%; } } .page-banner.generic-layout .wrapper .container .content .title { font-size: 4.2rem; line-height: 50.4px; margin-top: 0; margin-bottom: 24px; } @media (min-width: 1440px) { .page-banner.generic-layout .wrapper .container .content .title { font-size: 9.2rem; line-height: 110.4px; } } @media (min-width: 992px) { .page-banner.generic-layout .wrapper .container .content .description { width: 65%; } } @media (min-width: 992px) { .page-banner.generic-layout .wrapper .container.container-full .title { width: 60%; } } @media (min-width: 992px) { .page-banner.generic-layout .wrapper .container.container-full .description { width: 37%; } } .page-banner.generic-compact-layout .breadcrumb { top: 90px; left: 14px; } @media (min-width: 992px) { .page-banner.generic-compact-layout .breadcrumb { left: 52px; } } .page-banner.generic-compact-layout .wrapper { padding: 219px 14px 84px 14px; } @media (min-width: 992px) { .page-banner.generic-compact-layout .wrapper { padding: 162px 52px 84px 52px; } } .page-banner.generic-compact-layout .wrapper .container .gradient-container { top: 135px; } @media (min-width: 992px) { .page-banner.generic-compact-layout .wrapper .container .gradient-container { top: 0; width: 90%; } } @media (min-width: 992px) { .page-banner.generic-compact-layout .wrapper .container .content { width: 90%; } } .page-banner.generic-compact-layout .wrapper .container .content .title { width: 100%; font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; margin: 0; } @media (min-width: 992px) { .page-banner.generic-compact-layout .wrapper .container .content .title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } @media (min-width: 1440px) { .page-banner.generic-compact-layout .wrapper .container .content .title { font-size: 6.4rem; line-height: 72px; } } .page-banner.hero-layout { margin: 0 auto; } .page-banner.hero-layout .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .page-banner.hero-layout .bg-box .img-box { height: 100vh; display: flex; width: 100%; top: 0; left: 0; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; } .page-banner.hero-layout .breadcrumb { top: 90px; left: 14px; } @media (min-width: 992px) { .page-banner.hero-layout .breadcrumb { left: 52px; } } .page-banner.hero-layout .wrapper { padding: 0px 52px; justify-content: center; width: 100vw; } .page-banner.hero-layout .wrapper .container { align-items: center; text-align: center; } .page-banner.hero-layout .wrapper .container.container-full .gradient-container, .page-banner.hero-layout .wrapper .container.container-full .content { width: 100%; } .page-banner.hero-layout .wrapper .container .multiple-cta { width: 100%; } .page-banner.hero-layout .wrapper .container .multiple-cta .video-cta { display: inline-block; } .page-banner.hero-layout .wrapper .container .gradient-container { max-height: 100vh; top: 135px; } @media (min-width: 992px) { .page-banner.hero-layout .wrapper .container .gradient-container { top: 0; width: 60%; } } @media (max-width: 991.98px) { .page-banner.hero-layout .wrapper .container .gradient-container { width: 100% !important; } } .page-banner.hero-layout .wrapper .container .content { align-items: center; text-align: center; margin: auto; width: 60%; } @media (max-width: 991.98px) { .page-banner.hero-layout .wrapper .container .content { width: 100% !important; } } .page-banner.hero-layout .wrapper .container .content .title { font-size: 4.2rem; line-height: 50.4px; margin-top: 0; margin-bottom: 24px; } @media (min-width: 1440px) { .page-banner.hero-layout .wrapper .container .content .title { font-size: 9.2rem; line-height: 110.4px; } } @media (min-width: 992px) { .page-banner.hero-layout .wrapper .container .content .description { width: 75%; } } @media (min-width: 992px) { .page-banner.hero-layout .wrapper .container.container-full .title { width: 60%; } } @media (min-width: 992px) { .page-banner.hero-layout .wrapper .container.container-full .description { width: 37%; } } .page-banner.hero-layout .wrapper .container.container-left { align-items: normal; text-align: left; } .page-banner.hero-layout .wrapper .container.container-left .gradient-container, .page-banner.hero-layout .wrapper .container.container-left .content { width: 60%; } .page-banner.hero-layout .wrapper .container.container-left .gradient-container { max-height: 100vh; top: 135px; } @media (min-width: 992px) { .page-banner.hero-layout .wrapper .container.container-left .gradient-container { top: 0; width: 60%; } } .page-banner.hero-layout .wrapper .container.container-left .content { text-align: left; margin: initial; align-items: baseline; } .page-banner.hero-layout .wrapper .container.container-left .content .description { width: 100%; } .page-banner.hero-layout .wrapper .container.container-left .btn-primary { max-width: 1em; } .page-banner.fill-screen { height: 100vh; margin-top: 0px; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner { padding: 0 1.4rem; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item.active, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev { display: flex; } @media (min-width: 768px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next { -webkit-transform: translateX(33.333%); transform: translateX(33.333%); } } @media (min-width: 992px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next { -webkit-transform: translateX(20%); transform: translateX(20%); } } @media (min-width: 768px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-33.333%); transform: translateX(-33.333%); } } @media (min-width: 992px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-20%); transform: translateX(-20%); } } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right, .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left { -webkit-transform: translateX(0); transform: translateX(0); } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container { flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 992px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container { flex: 0 0 20%; max-width: 20%; } } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container .card { background-color: #F5F5F5; border: none; padding: 1.5rem; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container .card .img-box img { max-height: 100%; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container .card h5 { font-size: 1.85rem; height: 100px; } .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .card-container .card p { color: #C0C0C0; margin: 0; } @media (max-width: 767.98px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div { display: none; } } @media (max-width: 767.98px) { .models-detail .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child { display: block; } } .models-detail .slide-large .models-carousel .carousel-control-prev-icon { background-image: url("clientlib-site/resources/icons/arrow-left-black.svg"); } .models-detail .slide-large .models-carousel .carousel-control-next-icon { background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); } .models-detail .slide-large .models-carousel .navigate-container { display: flex; align-items: center; justify-content: center; } .models-detail .slide-large .models-carousel .navigate-container .previous-page, .models-detail .slide-large .models-carousel .navigate-container .next-page { cursor: pointer; } .models-detail .slide-large .models-carousel .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .models-detail .slide-large .models-carousel .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000; margin-right: 5px; } .models-detail .slide-large .models-carousel .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; background-color: #000; } @media (max-width: 991.98px) { .models-detail .slide-medium .desktop-view { display: none; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner { padding: 0 1.4rem; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item.active, .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-next, .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-prev { display: flex; } } @media (max-width: 991.98px) and (min-width: 768px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-next { -webkit-transform: translateX(33.333%); transform: translateX(33.333%); } } @media (max-width: 991.98px) and (min-width: 768px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-33.333%); transform: translateX(-33.333%); } } @media (max-width: 991.98px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-right, .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-left { -webkit-transform: translateX(0); transform: translateX(0); } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } } @media (max-width: 991.98px) and (min-width: 768px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container { flex: 0 0 33.333%; max-width: 33.333%; } } @media (max-width: 991.98px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card { background-color: #F5F5F5; border: none; padding: 1.5rem; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card .img-box img { max-height: 100%; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card h5 { font-size: 1.85rem; height: 100px; } .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card p { color: #C0C0C0; margin: 0; } } @media (max-width: 991.98px) and (max-width: 767.98px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item > div { display: none; } } @media (max-width: 991.98px) and (max-width: 767.98px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child { display: block; } } @media (max-width: 991.98px) { .models-detail .slide-medium .mobile-view .models-carousel .carousel-control-prev-icon { background-image: url("clientlib-site/resources/icons/arrow-left-black.svg"); } .models-detail .slide-medium .mobile-view .models-carousel .carousel-control-next-icon { background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); } .models-detail .slide-medium .mobile-view .models-carousel .navigate-container { display: flex; align-items: center; justify-content: center; } .models-detail .slide-medium .mobile-view .models-carousel .navigate-container .previous-page, .models-detail .slide-medium .mobile-view .models-carousel .navigate-container .next-page { cursor: pointer; } .models-detail .slide-medium .mobile-view .models-carousel .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .models-detail .slide-medium .mobile-view .models-carousel .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000; margin-right: 5px; } .models-detail .slide-medium .mobile-view .models-carousel .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; background-color: #000; } } @media (min-width: 992px) { .models-detail .slide-medium .mobile-view { display: none; } .models-detail .slide-medium .desktop-view .small-models-container { display: flex; padding: 0; } .models-detail .slide-medium .desktop-view .small-models-container li { list-style: none; flex-basis: 20%; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container .card { border: none; padding: 1.5rem; background-color: #F5F5F5; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container .card .img-box img { max-height: 100%; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container .card h5 { font-size: 1.85rem; height: 100px; } .models-detail .slide-medium .desktop-view .small-models-container li .card-container .card p { color: #C0C0C0; margin: 0; } } @media (max-width: 767.98px) { .models-detail .slide-small .desktop-view { display: none; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner { padding: 0 1.4rem; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item.active, .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-next, .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-prev { display: flex; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-right, .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item-left { -webkit-transform: translateX(0); transform: translateX(0); } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card { background-color: #F5F5F5; border: none; padding: 1.5rem; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card .img-box img { max-height: 100%; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card h5 { font-size: 1.85rem; height: 100px; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .card-container .card p { color: #C0C0C0; margin: 0; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item > div { display: none; } .models-detail .slide-small .mobile-view .models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child { display: block; } .models-detail .slide-small .mobile-view .models-carousel .carousel-control-prev-icon { background-image: url("clientlib-site/resources/icons/arrow-left-black.svg"); } .models-detail .slide-small .mobile-view .models-carousel .carousel-control-next-icon { background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); } .models-detail .slide-small .mobile-view .models-carousel .navigate-container { display: flex; align-items: center; justify-content: center; } .models-detail .slide-small .mobile-view .models-carousel .navigate-container .previous-page, .models-detail .slide-small .mobile-view .models-carousel .navigate-container .next-page { cursor: pointer; } .models-detail .slide-small .mobile-view .models-carousel .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .models-detail .slide-small .mobile-view .models-carousel .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000; margin-right: 5px; } .models-detail .slide-small .mobile-view .models-carousel .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; background-color: #000; } } @media (min-width: 768px) { .models-detail .slide-small .mobile-view { display: none; } .models-detail .slide-small .desktop-view .small-models-container { display: flex; padding: 0; } .models-detail .slide-small .desktop-view .small-models-container li { list-style: none; } } @media (min-width: 768px) and (min-width: 768px) { .models-detail .slide-small .desktop-view .small-models-container li { flex-basis: 33.333%; } } @media (min-width: 768px) and (min-width: 992px) { .models-detail .slide-small .desktop-view .small-models-container li { flex-basis: 20%; } } @media (min-width: 768px) { .models-detail .slide-small .desktop-view .small-models-container li .card-container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .models-detail .slide-small .desktop-view .small-models-container li .card-container .card { background-color: #F5F5F5; border: none; padding: 1.5rem; } .models-detail .slide-small .desktop-view .small-models-container li .card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; } .models-detail .slide-small .desktop-view .small-models-container li .card-container .card .img-box img { max-height: 100%; } .models-detail .slide-small .desktop-view .small-models-container li .card-container .card h5 { font-size: 1.85rem; height: 100px; } .models-detail .slide-small .desktop-view .small-models-container li .card-container .card p { color: #C0C0C0; margin: 0; } } #indiaQuickWebForm .form-control { margin-bottom: 10px; max-width: 50%; } #indiaQuickWebForm .btn { margin-bottom: 10px; } .mosaic { position: relative; background-color: rgba(255, 255, 255, 0.75); } @media (min-width: 992px) { .mosaic .wrapper { display: flex; justify-content: space-between; } } .mosaic .topic { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .mosaic .feature { overflow: hidden; } @media (min-width: 992px) { .mosaic .left-panel { flex: 0 0 64.5%; max-width: 64.5%; } } .mosaic .left-panel .product-feature { padding: 21px; } .mosaic .left-panel .product-feature .img-box { display: flex; align-items: center; justify-content: center; } .mosaic .left-panel .product-feature .img-box .product-image { flex: none; max-width: 80%; -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 992px) { .mosaic .left-panel .product-feature .img-box .product-image { max-width: 100%; max-height: 100%; transition: -webkit-transform .1s linear; transition: transform .1s linear; transition: transform .1s linear, -webkit-transform .1s linear; } } .mosaic .left-panel .product-feature .img-box .product-image:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); } @media (min-width: 992px) { .mosaic .left-panel .product-feature .content { width: 100%; } } .mosaic .left-panel .product-feature .content .topic { margin-bottom: 20px; } .mosaic .left-panel .product-feature .content .title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; text-transform: uppercase; } @media (min-width: 992px) { .mosaic .left-panel .product-feature .content .title { margin-top: 0; margin-bottom: 15px; } } .mosaic .left-panel .product-feature .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.8rem; line-height: 27px; } .mosaic .right-panel { overflow: hidden; } @media (min-width: 992px) { .mosaic .right-panel { flex: 0 0 35.5%; max-width: 35.5%; } } .mosaic .right-panel .lifestyle-feature, .mosaic .right-panel .cta-feature { width: 100%; } @media (min-width: 992px) { .mosaic .right-panel .lifestyle-feature, .mosaic .right-panel .cta-feature { height: 50%; } } .mosaic .right-panel .lifestyle-feature { position: relative; } @media (min-width: 992px) { .mosaic .right-panel .lifestyle-feature { height: 50%; } } .mosaic .right-panel .lifestyle-feature .img-box { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .mosaic .right-panel .lifestyle-feature .video-box { height: 100%; } .mosaic .right-panel .lifestyle-feature .content .title { font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; } .mosaic .right-panel .lifestyle-feature .content .operation { display: flex; align-items: center; } .mosaic .right-panel .lifestyle-feature .content .operation .btn { margin-right: 15px; margin-bottom: 20px; } .mosaic .right-panel .lifestyle-feature .content .operation .video-cta { display: flex; font-size: 4.8rem; line-height: 58px; } .mosaic .right-panel .cta-feature { position: relative; } @media (min-width: 992px) { .mosaic .right-panel .cta-feature { height: 50%; } } .mosaic .right-panel .cta-feature .title { margin-top: 20px; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; text-transform: uppercase; } @media (min-width: 992px) { .mosaic .right-panel .cta-feature .title { margin-top: 20px; margin-bottom: 20px; } } .mosaic:not(.mosaic-static).in-animate .icon-back { display: inline-block; } .mosaic:not(.mosaic-static).in-animate .left-panel { margin-left: -64.5%; } .mosaic:not(.mosaic-static).in-animate .right-panel { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 60px); max-width: calc(100% - 60px); } .mosaic:not(.mosaic-static).in-animate .right-panel .lifestyle-feature, .mosaic:not(.mosaic-static).in-animate .right-panel .cta-feature { height: 0; } .mosaic:not(.mosaic-static) .icon-back { width: 20px; height: 20px; left: 20px; top: 50%; cursor: pointer; display: none; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("clientlib-site/resources/icons/arrow-left-black.svg"); background-repeat: no-repeat; background-size: cover; background-position: center center; } .mosaic:not(.mosaic-static) .feature[data-destination-url] { cursor: pointer; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .left-panel { transition: all .3s ease-in-out; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .left-panel .product-feature { padding: 52px 52px 20px 52px; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .left-panel .product-feature .img-box { height: 684px; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .left-panel .product-feature .content { -webkit-transform: translateY(-40px); transform: translateY(-40px); } } .mosaic:not(.mosaic-static) .left-panel .product-feature .content .title { text-decoration: underline; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .left-panel .product-feature .content .title { font-size: 9.2rem; line-height: 110.4px; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel { transition: all .3s ease-in-out; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature, .mosaic:not(.mosaic-static) .right-panel .cta-feature { transition: all .3s ease-in-out; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature { height: 700px; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature { height: 50%; } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature.feature-animate { height: 100%; } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature.feature-animate .content { visibility: visible; } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature.feature-animate .content .title { -webkit-transform: scaleY(1); transform: scaleY(1); } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature.feature-animate .content .description { opacity: 1; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .topic { top: 21px; left: 21px; position: absolute; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .topic { top: 23px; left: 19px; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content { width: 100%; bottom: 0; position: absolute; margin-bottom: 80px; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content { visibility: hidden; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .title { margin: 0; font-size: 7.2rem; line-height: 60px; } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .title.title-line-2 { text-align: right; } @media (min-width: 768px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .title { font-size: 13.5rem; line-height: 140px; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .title { font-size: 18rem; line-height: 180px; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scaleY(0); transform: scaleY(0); transition: -webkit-transform .3s ease-in 1s; transition: transform .3s ease-in 1s; transition: transform .3s ease-in 1s, -webkit-transform .3s ease-in 1s; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .description { top: -100px; left: 21px; width: 50%; position: absolute; font-weight: 600; font-family: "ff-good-headline-web-pro", Arial, sans-serif; text-decoration: underline; font-size: 2.4rem; letter-spacing: 0.3px; line-height: 28.8px; } @media (min-width: 768px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .description { width: 30%; font-size: 3.2rem; line-height: 3.8rem; } } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .description { top: -140px; opacity: 0; left: 52px; font-size: 3.6rem; line-height: 43.2px; transition: opacity .3s linear .5s; } } .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .operation { padding-left: 21px; padding-right: 21px; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .lifestyle-feature .content .operation { padding-left: 52px; padding-right: 21px; } } .mosaic:not(.mosaic-static) .right-panel .cta-feature { padding: 21px; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .cta-feature { padding: 39px 19px; } .mosaic:not(.mosaic-static) .right-panel .cta-feature.feature-animate { height: 100%; } .mosaic:not(.mosaic-static) .right-panel .cta-feature.feature-animate .title { width: 100%; font-size: 13.5rem; line-height: 140px; } .mosaic:not(.mosaic-static) .right-panel .cta-feature.feature-animate .foreground { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .mosaic:not(.mosaic-static) .right-panel .cta-feature .topic { top: 21px; left: 21px; position: absolute; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .cta-feature .topic { top: 39px; left: 19px; } } .mosaic:not(.mosaic-static) .right-panel .cta-feature .title { text-decoration: underline; } @media (min-width: 992px) { .mosaic:not(.mosaic-static) .right-panel .cta-feature .title { width: 84%; font-size: 4.8rem; letter-spacing: 0.6px; line-height: 58px; transition: all .3s ease-in-out; } } .mosaic:not(.mosaic-static) .right-panel .cta-feature .foreground { bottom: 0; right: 0; max-width: 60%; max-height: 70%; position: absolute; transition: all .3s ease-in-out; } .mosaic.mosaic-static .wrapper { height: 100%; } .mosaic.mosaic-static .title span { display: block; } .mosaic.mosaic-static .left-panel .product-feature { height: 100%; display: flex; flex-direction: column; } @media (min-width: 992px) { .mosaic.mosaic-static .left-panel .product-feature { padding: 0 20px 52px 52px; } } .mosaic.mosaic-static .left-panel .product-feature .img-box { overflow: hidden; } @media (min-width: 992px) { .mosaic.mosaic-static .left-panel .product-feature .img-box { padding-top: 20px; flex-direction: column; flex: 0 0 66.666667%; } .mosaic.mosaic-static .left-panel .product-feature .img-box .product-image { flex: none; } } @media (min-width: 992px) { .mosaic.mosaic-static .left-panel .product-feature .content { flex: 0 0 33.333333%; } } .mosaic.mosaic-static .right-panel .lifestyle-feature .img-box, .mosaic.mosaic-static .right-panel .lifestyle-feature .video-box { top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; } .mosaic.mosaic-static .right-panel .lifestyle-feature .content { height: 100%; overflow: hidden; position: relative; padding: 21px; } @media (min-width: 992px) { .mosaic.mosaic-static .right-panel .lifestyle-feature .content { padding: 23px 20px; } } .mosaic.mosaic-static .right-panel .lifestyle-feature .content .topic { margin-bottom: 20px; } .mosaic.mosaic-static .right-panel .lifestyle-feature .content .title { font-size: 2.4rem; } @media (min-width: 992px) { .mosaic.mosaic-static .right-panel .lifestyle-feature .content .title { font-size: 3.6rem; } } .mosaic.mosaic-static .right-panel .lifestyle-feature .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; } .mosaic.mosaic-static .right-panel .lifestyle-feature .content .operation .btn { margin-top: 15px; } .mosaic.mosaic-static .right-panel .cta-feature { padding: 21px; } @media (min-width: 992px) { .mosaic.mosaic-static .right-panel .cta-feature { display: flex; padding: 23px 20px; } .mosaic.mosaic-static .right-panel .cta-feature .content { flex: 0 0 60%; } .mosaic.mosaic-static .right-panel .cta-feature .img-content { flex: 0 0 40%; } } .mosaic.mosaic-static .right-panel .cta-feature .img-content { display: flex; align-items: center; justify-content: center; margin-top: 15px; } .mosaic.mosaic-static .right-panel .cta-feature .img-content img { flex: none; max-height: 200px; max-width: 80%; } @media (min-width: 992px) { .mosaic.mosaic-static .right-panel .cta-feature .img-content { margin-top: 0; } .mosaic.mosaic-static .right-panel .cta-feature .img-content img { max-height: 100%; max-width: 100%; } } .mosaic.mosaic-static .right-panel .cta-feature .title { font-size: 2.4rem; } @media (min-width: 992px) { .mosaic.mosaic-static .right-panel .cta-feature .title { font-size: 3.6rem; } } .site-map .title { background-color: #EFF0E9; padding: 3rem 0; } .site-map .title h1 { font-size: 4.8rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; line-height: 1.4; margin: 0 auto 0.9rem; max-width: 1436px; padding: 0 1.5rem; text-transform: uppercase; } @media (min-width: 768px) { .site-map .title h1 { padding: 0 2rem; } } @media (min-width: 992px) { .site-map .title h1 { font-size: 5.4rem; } } .site-map .map-region { display: table; max-width: 1436px; width: 100%; margin: 0 auto 0; padding: 3rem 0; } .site-map .map-region .map-column { padding: 0 1.5rem 1.5rem; } @media (min-width: 768px) { .site-map .map-region .map-column { width: 25%; float: left; } .site-map .map-region .map-column:not(:first-of-type) { border-left: #ddd solid 1px; } } @media (min-width: 992px) { .site-map .map-region .map-column { font-size: 1.8rem; padding: 0 1.7rem 1.5rem; } } .site-map .map-region .map-column .list-section .list-unstyled { margin-bottom: 0; } .site-map .map-region .map-column .list-section .start-page { margin-bottom: 4.8px; font-weight: bold; } @media (min-width: 992px) { .site-map .map-region .map-column .list-section .start-page { margin-bottom: 5.4px; } } .site-map .map-region .map-column .list-section .start-page a { color: #000110; } .site-map .map-region .map-column .list-section .start-page a:hover { text-decoration: none; color: #9f2200; } .site-map .map-region .map-column .list-section .child-pages { line-height: 1.6; margin: 0 0 1.6rem 2rem; } @media (min-width: 992px) { .site-map .map-region .map-column .list-section .child-pages { margin: 0 0 1.8rem 2.25rem; } } .site-map .map-region .map-column .list-section .child-pages .child-page a { color: #EB3300; } .site-map .map-region .map-column .list-section .child-pages .child-page a:hover { text-decoration: none; color: #9f2200; } .site-map .map-region .map-column .list-section .child-pages .child-page a::after { content: '\203A'; margin-left: 5px; } .contact-numbers label { margin-top: 14px; font-size: 1.4rem; font-weight: bold; font-family: "ff-good-web-pro", Arial sans-serif; line-height: 20px; text-transform: uppercase; } @media (min-width: 768px) { .contact-numbers label { color: black; } } @media (min-width: 992px) { .contact-numbers label { font-size: 1.6rem; font-weight: 600; margin-top: 44px; margin-bottom: 15px; } } .contact-numbers .sales-phone-number, .contact-numbers .sales-hours { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; } @media (min-width: 992px) { .contact-numbers .sales-phone-number, .contact-numbers .sales-hours { font-size: 1.7rem; line-height: 25px; } } .contact-numbers .sales-phone-number { color: #000110; display: block; } @media (min-width: 992px) { .contact-numbers .sales-hours span { display: block; } } .contact-numbers .description { font-family: "ff-good-web-pro", Arial sans-serif; margin: 0; } @media (min-width: 768px) { .contact-numbers .description { font-size: 1.4rem; line-height: 20px; margin-bottom: 10px; } } @media (min-width: 992px) { .contact-numbers .description { font-size: 1.6rem; line-height: 23px; margin-bottom: 0; } } .contact-us-form { padding: 72px 20px; } @media (min-width: 768px) { .contact-us-form { padding: 24px 40px; } } @media (min-width: 992px) { .contact-us-form { padding: 64px 50px; } } .contact-us-form .title { margin: 0; font-size: 5.2rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; letter-spacing: -1.08px; line-height: 52px; margin-bottom: 26px; text-transform: uppercase; } @media (min-width: 768px) { .contact-us-form .title { margin-bottom: 24px; } } @media (min-width: 992px) { .contact-us-form .title { font-size: 10rem; letter-spacing: -2.08px; line-height: 100px; margin-bottom: 64px; } } @media (min-width: 992px) { .contact-us-form .wrapper { display: flex; } } .contact-us-form .wrapper .section-left { margin-top: 21px; } @media (min-width: 768px) { .contact-us-form .wrapper .section-left { margin-top: 55px; } } @media (min-width: 992px) { .contact-us-form .wrapper .section-left { order: 1; flex: 1 1 77%; max-width: 77%; margin-top: 0; margin-right: 67px; position: relative; } } .contact-us-form .wrapper .section-left .form-title { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; margin-top: 0; margin-bottom: 8px; text-transform: uppercase; } @media (min-width: 768px) { .contact-us-form .wrapper .section-left .form-title { font-weight: bold; } } @media (min-width: 992px) { .contact-us-form .wrapper .section-left .form-title { left: 0; top: -27px; font-weight: 600; margin-bottom: 0; position: absolute; } } .contact-us-form .wrapper .section-left .marketo-contact-form input, .contact-us-form .wrapper .section-left .marketo-contact-form select { margin-top: 9px; margin-bottom: 9px; } .contact-us-form .wrapper .section-left .marketo-contact-form .opt-in-description { font-size: 1.7rem; font-family: "ff-good-web-pro", Arial sans-serif; margin-top: 24px; margin-bottom: 18px; } @media (min-width: 768px) { .contact-us-form .wrapper .section-left .marketo-contact-form .opt-in-description { width: 76%; } } @media (min-width: 992px) { .contact-us-form .wrapper .section-left .marketo-contact-form .opt-in-description { width: 45%; } } .contact-us-form .wrapper .section-left .marketo-contact-form .opt-in-description .privacy-policy { text-decoration: underline; } .contact-us-form .wrapper .section-left .marketo-contact-form .btn-submit { width: auto; margin-top: 6px; } @media (min-width: 768px) { .contact-us-form .wrapper .section-left .marketo-contact-form .btn-submit { margin-top: 40px; } } @media (min-width: 768px) { .contact-us-form .wrapper .contact-numbers { width: 50%; } } @media (min-width: 992px) { .contact-us-form .wrapper .contact-numbers { order: 2; width: auto; flex: 1 1 23%; max-width: 23%; margin-top: 5px; } } .solution-promo-container { overflow: hidden; position: relative; } .solution-promo-container .bg-box { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .solution-promo-container .bg-box .bg-element, .solution-promo-container .bg-box .pixel-element { width: 100%; height: 100%; position: absolute; } .solution-promo-container .bg-box .bg-element { background-repeat: no-repeat; background-size: cover; background-position: center center; } .solution-promo-container .bg-box .pixel-element { z-index: 10; } .solution-promo-container .wrapper { z-index: 20; margin: 0 auto; position: relative; max-width: 1436px; } @media (min-width: 768px) { .solution-promo-container .wrapper .img-box { -webkit-transform: translateY(10%); transform: translateY(10%); transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } } @media (min-width: 768px) { .solution-promo-container .wrapper .content-container .content { -webkit-transform: translateY(20%); transform: translateY(20%); transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } } .solution-promo-container .wrapper .tagline { width: 40%; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; font-size: 1.8rem; line-height: 21.6px; letter-spacing: 0.23px; margin-top: 60px; margin-left: 23px; position: static; text-decoration: underline; text-transform: uppercase; } @media (min-width: 768px) { .solution-promo-container .wrapper .tagline { width: 20%; margin-top: 95px; margin-left: 88px; } } @media (min-width: 992px) { .solution-promo-container .wrapper .tagline { font-size: 3.2rem; line-height: 38px; letter-spacing: 0.4px; margin-top: 171px; margin-left: 165px; margin-bottom: 30px; } } .solution-promo-container .wrapper .tagline span { display: block; } .solution-promo-container .wrapper .title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; font-size: 7.2rem; line-height: 60px; margin: 0; text-align: right; } @media (min-width: 768px) { .solution-promo-container .wrapper .title { font-size: 12rem; line-height: 90px; margin-left: 55px; text-align: left; } } @media (min-width: 992px) { .solution-promo-container .wrapper .title { font-size: 25rem; line-height: 220px; margin-left: 0; } } .solution-promo-container .wrapper .foreground { height: 280px; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .solution-promo-container .wrapper .foreground { bottom: 0; height: 72%; position: absolute; } } .solution-promo-container .wrapper .content-container { display: flex; position: relative; justify-content: flex-end; } .solution-promo-container .wrapper .content-container .content { padding: 60px 20px; } @media (min-width: 768px) { .solution-promo-container .wrapper .content-container .content { margin-top: 15px; margin-bottom: 48px; margin-right: 41px; padding: 0; width: 35%; } } @media (min-width: 992px) { .solution-promo-container .wrapper .content-container .content { width: 30%; margin-top: 40px; margin-right: 52px; margin-bottom: 291px; } } .solution-promo-container .wrapper .content-container .content .icon { height: 32px; } @media (min-width: 768px) { .solution-promo-container .wrapper .content-container .content .icon { height: 27px; } } @media (min-width: 992px) { .solution-promo-container .wrapper .content-container .content .icon { height: 43px; } } .solution-promo-container .wrapper .content-container .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; line-height: 23px; margin-top: 33px; margin-bottom: 45px; } @media (min-width: 768px) { .solution-promo-container .wrapper .content-container .content .description { margin-top: 23px; margin-bottom: 41px; } } @media (min-width: 992px) { .solution-promo-container .wrapper .content-container .content .description { font-size: 1.8rem; line-height: 27px; margin-top: 31px; margin-bottom: 33px; } } .solution-promo-container .wrapper .content-container .content .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 600; margin-right: 20px; margin-bottom: 20px; text-transform: uppercase; } .solution-promo-container .wrapper .content-container .content .btn:last-child { margin-right: 0; } @media (min-width: 768px) { .solution-promo-container .wrapper .content-container .content .btn.btn-primary { font-size: 1.2rem; } } @media (min-width: 992px) { .solution-promo-container .wrapper .content-container .content .btn.btn-primary { font-size: 1.4rem; margin-right: 16px; } } .homepage-carousel { background-color: #C0C0C0; } @media (min-width: 992px) { .homepage-carousel { padding-bottom: 2rem; } } .homepage-carousel .content-wrapper { max-width: 1436px; padding: 5rem 2rem 0; position: relative; margin: 0 auto; } @media (min-width: 768px) { .homepage-carousel .content-wrapper { padding: 3rem 0 0; } } @media (min-width: 992px) { .homepage-carousel .content-wrapper { padding-top: 8rem; } } .homepage-carousel .title-wrapper { position: relative; z-index: 2; } @media (min-width: 768px) { .homepage-carousel .title-wrapper { position: absolute; width: 40%; left: 3.5rem; top: 8rem; } } @media (min-width: 992px) { .homepage-carousel .title-wrapper { left: 5%; top: 19rem; } } .homepage-carousel .title-wrapper .title { font-size: 2.4rem; font-weight: 600; letter-spacing: 0.3px; line-height: 28.8px; margin-bottom: 2rem; text-decoration: underline; } @media (min-width: 992px) { .homepage-carousel .title-wrapper .title { font-size: 4.8rem; letter-spacing: 0.6px; line-height: 5.8rem; margin-bottom: 4.5rem; } } .homepage-carousel .title-wrapper .panel-titles h6 { line-height: 3rem; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; margin: 0; } @media (min-width: 992px) { .homepage-carousel .title-wrapper .panel-titles h6 { font-size: 2.2rem; margin-bottom: 0.8rem; } } .homepage-carousel .title-wrapper .panel-titles h6 span:hover { color: #ffffff; cursor: pointer; text-decoration: underline; } .homepage-carousel .title-wrapper .panel-titles h6 span.chosen-title { color: #ffffff; text-decoration: underline; } .homepage-carousel .panel-wrapper { height: 350px; overflow: hidden; position: relative; -webkit-transform: translate(0, -6rem); transform: translate(0, -6rem); width: 100%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper { height: 465px; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper { height: 880px; } } .homepage-carousel .panel-wrapper .wrapper { display: flex; height: 100%; position: relative; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .homepage-carousel .panel-wrapper .wrapper .img-link { height: 263px; position: absolute; text-align: center; width: 85%; z-index: 0; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .img-link { height: 334px; width: 65%; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .img-link { height: 653px; width: 70%; } } .homepage-carousel .panel-wrapper .wrapper .img-link .large-img { height: 229px; width: 100%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .img-link .large-img { height: 300px; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .img-link .large-img { height: 610px; } } .homepage-carousel .panel-wrapper .wrapper .img-link .btn { color: #000110; font-size: 1.2rem; text-decoration: none; } .homepage-carousel .panel-wrapper .wrapper .img-link .btn:hover { color: #ffffff; text-decoration: underline; } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .img-link .btn { font-size: 1.8rem; } } .homepage-carousel .panel-wrapper .wrapper .video-box { height: 116px; position: absolute; width: 205px; z-index: 1; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .video-box { height: 166px; width: 300px; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .video-box { height: 300px; width: 533px; } } .homepage-carousel .panel-wrapper .wrapper .video-box video { width: 100%; } .homepage-carousel .panel-wrapper .wrapper .large-img, .homepage-carousel .panel-wrapper .wrapper .small-img { background-size: cover; background-repeat: no-repeat; } .homepage-carousel .panel-wrapper .wrapper .small-img { height: 116px; position: absolute; width: 205px; z-index: 1; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .small-img { height: 166px; width: 300px; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .small-img { height: 300px; width: 533px; } } .homepage-carousel .panel-wrapper .wrapper .panel { flex: 0 0 100%; } .homepage-carousel .panel-wrapper .wrapper .panel-0 .img-link, .homepage-carousel .panel-wrapper .wrapper .panel-3 .img-link { bottom: 0; } .homepage-carousel .panel-wrapper .wrapper .panel-0 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-0 .small-img, .homepage-carousel .panel-wrapper .wrapper .panel-3 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-3 .small-img { top: 0; transition: right 1s ease; } .homepage-carousel .panel-wrapper .wrapper .panel-1 .img-link, .homepage-carousel .panel-wrapper .wrapper .panel-4 .img-link { top: 0; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .homepage-carousel .panel-wrapper .wrapper .panel-1 .img-link .btn, .homepage-carousel .panel-wrapper .wrapper .panel-4 .img-link .btn { margin-left: 16rem; } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-1 .img-link .btn, .homepage-carousel .panel-wrapper .wrapper .panel-4 .img-link .btn { margin-left: 40rem; } } .homepage-carousel .panel-wrapper .wrapper .panel-1 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-1 .small-img, .homepage-carousel .panel-wrapper .wrapper .panel-4 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-4 .small-img { bottom: 3.4rem; } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-1 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-1 .small-img, .homepage-carousel .panel-wrapper .wrapper .panel-4 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-4 .small-img { bottom: 4.3rem; } } .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link, .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link { top: 0; } .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link .btn, .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link .btn { margin-right: 16rem; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link .btn, .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link .btn { margin-right: 1rem; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link .btn, .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link .btn { position: absolute; display: block; bottom: -22.5rem; right: 0; } } .homepage-carousel .panel-wrapper .wrapper .panel-2 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-2 .small-img, .homepage-carousel .panel-wrapper .wrapper .panel-5 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-5 .small-img { bottom: 3.4rem; } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-2 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-2 .small-img, .homepage-carousel .panel-wrapper .wrapper .panel-5 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-5 .small-img { bottom: 4.3rem; } } .homepage-carousel .panel-wrapper .wrapper .panel-0 .img-link { left: 0; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-0 .img-link { left: 17.5%; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-0 .img-link { left: 15%; } } .homepage-carousel .panel-wrapper .wrapper .panel-0 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-0 .small-img { right: 0; } .homepage-carousel .panel-wrapper .wrapper .panel-1 .img-link { right: -100%; } .homepage-carousel .panel-wrapper .wrapper .panel-1 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-1 .small-img { left: 100%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-1 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-1 .small-img { left: calc(150% - 150px); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-1 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-1 .small-img { left: calc(150% - 266px); } } .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link { left: 200%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link { left: 217.5%; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-2 .img-link { left: 215%; } } .homepage-carousel .panel-wrapper .wrapper .panel-2 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-2 .small-img { right: -200%; } .homepage-carousel .panel-wrapper .wrapper .panel-3 .img-link { left: 300%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-3 .img-link { left: 317.5%; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-3 .img-link { left: 315%; } } .homepage-carousel .panel-wrapper .wrapper .panel-3 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-3 .small-img { right: -300%; } .homepage-carousel .panel-wrapper .wrapper .panel-4 .img-link { right: -400%; } .homepage-carousel .panel-wrapper .wrapper .panel-4 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-4 .small-img { left: 400%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-4 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-4 .small-img { left: calc(450% - 150px); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-4 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-4 .small-img { left: calc(450% - 266px); } } .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link { left: 500%; } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link { left: 517.5%; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper .panel-5 .img-link { left: 515%; } } .homepage-carousel .panel-wrapper .wrapper .panel-5 .video-box, .homepage-carousel .panel-wrapper .wrapper .panel-5 .small-img { right: -500%; } .homepage-carousel .panel-wrapper .wrapper.panel-0-chosen { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .homepage-carousel .panel-wrapper .wrapper.panel-1-chosen { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper.panel-1-chosen .panel-0 .video-box, .homepage-carousel .panel-wrapper .wrapper.panel-1-chosen .panel-0 .small-img { right: -75px; } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper.panel-1-chosen .panel-0 .video-box, .homepage-carousel .panel-wrapper .wrapper.panel-1-chosen .panel-0 .small-img { right: -133px; } } .homepage-carousel .panel-wrapper .wrapper.panel-2-chosen { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper.panel-2-chosen .panel-1 .img-link { right: -110%; -webkit-transform: translate(0, 80px); transform: translate(0, 80px); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper.panel-2-chosen .panel-1 .img-link { -webkit-transform: translate(0, 115px); transform: translate(0, 115px); } } .homepage-carousel .panel-wrapper .wrapper.panel-2-chosen .panel-1 .img-link .btn { display: none; } .homepage-carousel .panel-wrapper .wrapper.panel-3-chosen { -webkit-transform: translate(-300%, 0); transform: translate(-300%, 0); } .homepage-carousel .panel-wrapper .wrapper.panel-4-chosen { -webkit-transform: translate(-400%, 0); transform: translate(-400%, 0); } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper.panel-4-chosen .panel-3 .video-box, .homepage-carousel .panel-wrapper .wrapper.panel-4-chosen .panel-3 .small-img { right: calc(-300% - 75px); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper.panel-4-chosen .panel-3 .video-box, .homepage-carousel .panel-wrapper .wrapper.panel-4-chosen .panel-3 .small-img { right: calc(-300% - 133px); } } .homepage-carousel .panel-wrapper .wrapper.panel-5-chosen { -webkit-transform: translate(-500%, 0); transform: translate(-500%, 0); } @media (min-width: 768px) { .homepage-carousel .panel-wrapper .wrapper.panel-5-chosen .panel-4 .img-link { right: -410%; -webkit-transform: translate(0, 80px); transform: translate(0, 80px); } } @media (min-width: 992px) { .homepage-carousel .panel-wrapper .wrapper.panel-5-chosen .panel-4 .img-link { -webkit-transform: translate(0, 115px); transform: translate(0, 115px); } } .homepage-carousel .panel-wrapper .wrapper.panel-5-chosen .panel-4 .img-link .btn { display: none; } .header-contact-container { height: 100%; } @media (min-width: 992px) { .header-contact-container { height: auto; } } .header-contact-container .see-all { font-size: 1.4rem; margin-bottom: 1.5rem; position: relative; padding: 0; } .header-contact-container .see-all::after { content: ''; top: 2px; width: 12px; height: 12px; right: -20px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .header-contact-container .see-all:hover::after { background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); } .header-contact-container .section-wrapper { display: flex; flex-direction: column; height: calc(100% - 4.8rem); min-height: 520px; max-height: 620px; } @media (min-width: 768px) { .header-contact-container .section-wrapper { min-height: 600px; max-height: 760px; } } @media (min-width: 992px) { .header-contact-container .section-wrapper { flex-direction: row; flex-wrap: wrap; height: auto; min-height: auto; max-height: auto; } } .header-contact-container .section-wrapper .section { align-items: center; align-content: center; background-color: #F5F5F5; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1rem; } @media (min-width: 768px) { .header-contact-container .section-wrapper .section { margin-bottom: 2rem; } } @media (min-width: 992px) { .header-contact-container .section-wrapper .section { margin-bottom: 0; } } .header-contact-container .section-wrapper .section .icon-title .title, .header-contact-container .section-wrapper .section .icon-title .phone-number { color: #000110; font-weight: 600; text-align: center; text-transform: uppercase; } .header-contact-container .section-wrapper .section .icon-title .icon { margin: 0 auto 1.5rem; } .header-contact-container .section-wrapper .section .main-item { flex: 0 0 100%; max-width: 100%; } .header-contact-container .section-wrapper .section .main-item .title { font-size: 1.8rem; letter-spacing: 0.23px; line-height: 28px; } .header-contact-container .section-wrapper .section .other-items { display: flex; flex: 0 0 100%; max-width: 100%; } .header-contact-container .section-wrapper .section .other-items .logo-box { flex: 0 0 33.333333%; max-width: 33.333333%; } .header-contact-container .section-wrapper .section .other-items .logo-box .sales-chat-trigger:focus { opacity: 0; z-index: -1; position: absolute; } .header-contact-container .section-wrapper .section .other-items .logo-box a { opacity: 0; z-index: -1; position: absolute; } .header-contact-container .section-wrapper .section .other-items .logo-box a .icon { margin-top: 4.5rem; } @media (min-width: 768px) { .header-contact-container .section-wrapper .section .other-items .logo-box a .icon { margin-top: 7rem; } } @media (min-width: 992px) { .header-contact-container .section-wrapper .section .other-items .logo-box a .icon { margin-top: 5rem; } } .header-contact-container .section-wrapper .section .other-items .logo-box a .icon .title { display: none; } .header-contact-container .section-wrapper .section .other-items .logo-box a:focus { opacity: 1; z-index: 0; position: static; } .header-contact-container .section-wrapper .section .other-items .logo-box a:focus .icon .title { display: block; } .header-contact-container .section-wrapper .section .other-items .logo-box .title, .header-contact-container .section-wrapper .section .other-items .logo-box .phone-number { font-size: 1.6rem; } @media (min-width: 992px) { .header-contact-container .section-wrapper .section .other-items .logo-box .title, .header-contact-container .section-wrapper .section .other-items .logo-box .phone-number { font-size: 1.4rem; } } .header-contact-container .section-wrapper .section .other-items .logo-box .icon { height: 3.5rem; width: 4rem; } .header-contact-container .section-wrapper .section:hover a { text-decoration: none; } .header-contact-container .section-wrapper .section:hover .title, .header-contact-container .section-wrapper .section:hover .phone-number { color: #E13200; } .header-contact-container .section-wrapper .sales-section, .header-contact-container .section-wrapper .support-section, .header-contact-container .section-wrapper .main-image-section, .header-contact-container .section-wrapper .partners-offices-section { flex-grow: 1; } @media (min-width: 992px) { .header-contact-container .section-wrapper .sales-section, .header-contact-container .section-wrapper .support-section, .header-contact-container .section-wrapper .main-image-section, .header-contact-container .section-wrapper .partners-offices-section { flex-grow: 0; flex-shrink: 0; flex-basis: calc(24.9% - 1.5rem); max-width: calc(24.9% - 1.5rem); height: 390px; margin-left: 2rem; } } .header-contact-container .section-wrapper .sales-section .icon, .header-contact-container .section-wrapper .support-section .icon, .header-contact-container .section-wrapper .main-image-section .icon, .header-contact-container .section-wrapper .partners-offices-section .icon { background-size: contain; background-repeat: no-repeat; background-position: center; } .header-contact-container .section-wrapper .main-image-section { display: none; } .header-contact-container .section-wrapper .main-image-section .icon { background-size: cover; width: 100%; height: 100%; } @media (min-width: 992px) { .header-contact-container .section-wrapper .main-image-section { display: block; margin-left: 0; } } .header-contact-container .section-wrapper .sales-section:hover .other-items a { opacity: 1; z-index: 0; position: static; } .header-contact-container .section-wrapper .sales-section:hover .other-items .sales-chat-trigger { opacity: 1 !important; z-index: 0 !important; position: static !important; } @media (min-width: 992px) { .header-contact-container .section-wrapper .sales-section:hover .main-item .icon { margin-bottom: 0.8rem; } } @media (min-width: 992px) { .header-contact-container .section-wrapper .sales-section:hover .main-item .title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .header-contact-container .section-wrapper .sales-section .other-items .mail-icon { background-image: url("clientlib-site/resources/icons/icon-email-red.svg"); } .header-contact-container .section-wrapper .sales-section .other-items .chat-icon { background-image: url("clientlib-site/resources/icons/icon-chat-red.svg"); } .header-contact-container .section-wrapper .sales-section .other-items .phone-icon { background-image: url("clientlib-site/resources/icons/icon-call-red.svg"); } .header-contact-container .section-wrapper .sales-section .main-item .icon { background-image: url("clientlib-site/resources/icons/icon-sales.svg"); height: 61px; width: 44px; } .header-contact-container .section-wrapper .sales-section:hover .main-item .icon { background-image: url("clientlib-site/resources/icons/icon-sales-red.svg"); } .header-contact-container .section-wrapper .support-section .main-item .icon { background-image: url("clientlib-site/resources/icons/icon-support.svg"); height: 61px; width: 60px; } .header-contact-container .section-wrapper .support-section:hover .main-item .icon { background-image: url("clientlib-site/resources/icons/icon-support-red.svg"); } .header-contact-container .section-wrapper .partners-offices-section { display: flex; flex-wrap: wrap; } .header-contact-container .section-wrapper .partners-offices-section .partners-section, .header-contact-container .section-wrapper .partners-offices-section .offices-section { flex-grow: 0; flex-shrink: 0; flex-basis: calc(49.9% - 5px); max-width: calc(49.9% - 5px); text-decoration: none; } @media (min-width: 768px) { .header-contact-container .section-wrapper .partners-offices-section .partners-section, .header-contact-container .section-wrapper .partners-offices-section .offices-section { flex-basis: calc(49.9% - 10px); max-width: calc(49.9% - 10px); } } @media (min-width: 992px) { .header-contact-container .section-wrapper .partners-offices-section .partners-section, .header-contact-container .section-wrapper .partners-offices-section .offices-section { flex: 0 0 100%; max-width: 100%; } } .header-contact-container .section-wrapper .partners-offices-section .partners-section { margin-right: 0.5rem; } @media (min-width: 768px) { .header-contact-container .section-wrapper .partners-offices-section .partners-section { margin-right: 1rem; } } @media (min-width: 992px) { .header-contact-container .section-wrapper .partners-offices-section .partners-section { margin: 0 0 2rem; } } .header-contact-container .section-wrapper .partners-offices-section .partners-section:hover .icon { background-image: url("clientlib-site/resources/icons/icon-partner-red.svg"); } .header-contact-container .section-wrapper .partners-offices-section .partners-section .icon { background-image: url("clientlib-site/resources/icons/icon-partner.svg"); height: 60px; width: 75px; } .header-contact-container .section-wrapper .partners-offices-section .offices-section { margin-left: 0.5rem; } @media (min-width: 768px) { .header-contact-container .section-wrapper .partners-offices-section .offices-section { margin-left: 1rem; } } @media (min-width: 992px) { .header-contact-container .section-wrapper .partners-offices-section .offices-section { margin-left: 0; } } .header-contact-container .section-wrapper .partners-offices-section .offices-section:hover .icon { background-image: url("clientlib-site/resources/icons/icon-office-red.svg"); } .header-contact-container .section-wrapper .partners-offices-section .offices-section .icon { background-image: url("clientlib-site/resources/icons/icon-office.svg"); height: 60px; width: 54px; } .filmstrip-links { overflow: hidden; } .filmstrip-links .slide { width: 20000em; position: relative; } @media (min-width: 768px) { .filmstrip-links .slide { width: 100%; display: flex; } } .filmstrip-links .slide .item { float: left; } @media (min-width: 768px) { .filmstrip-links .slide .item { flex: 1; transition: all 0.2s linear; } .filmstrip-links .slide .item.no-description-cta:hover { flex: 1.2; } } .filmstrip-links .slide .item.has-description-cta .rollover-card { bottom: 0px; left: 0; max-height: 420px; width: 100%; padding: 2rem; position: absolute; -webkit-transform: translateY(100%); transform: translateY(100%); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .filmstrip-links .slide .item.has-description-cta .rollover-card .title { padding: 0; margin-bottom: 4rem; } .filmstrip-links .slide .item.has-description-cta .rollover-card .description { margin-bottom: 4rem; font-size: 1.4rem; max-height: 232px; overflow-y: scroll; } .filmstrip-links .slide .item.has-description-cta .rollover-card .description::-webkit-scrollbar { background-color: #ffffff; width: 5px; } .filmstrip-links .slide .item.has-description-cta .rollover-card .description::-webkit-scrollbar-thumb { background-color: #E0E0E0; border-radius: 10px; } .filmstrip-links .slide .item.has-description-cta .rollover-card .description::-webkit-scrollbar-thumb:hover { background-color: #D1D3D4; } .filmstrip-links .slide .item.has-description-cta .rollover-card .description { scrollbar-arrow-color: #ffffff; scrollbar-face-color: #E0E0E0; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } .filmstrip-links .slide .item.has-description-cta .rollover-card .btn { font-size: 1.2rem; padding: 8px; } .filmstrip-links .slide .item.has-description-cta:hover .rollover-card.canshow { -webkit-transform: translateY(0); transform: translateY(0); } .filmstrip-links .slide .item.has-description-cta:hover > .title { opacity: 0; transition: none; } .filmstrip-links .slide .item .link-container:hover { color: #000110; text-decoration: none; } .filmstrip-links .slide .item .zoom-box { height: 497px; position: relative; overflow: hidden; } .filmstrip-links .slide .item .zoom-box .img-box { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .filmstrip-links .slide .item .zoom-box .img-box { -webkit-transform: translateY(100%); transform: translateY(100%); transition: all .3s ease-in-out; } } .filmstrip-links .slide .item .title { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 2rem; font-weight: 600; line-height: 22px; margin-top: 10px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; opacity: 1; transition: opacity 0.01s ease 0.3s; } .software-downloads-container .modal h1, .software-downloads-container .modal .h1 { font-size: 4.2rem; } .software-downloads-container .card, .software-downloads-container .card-header { border: none; } .software-downloads-container .card-header-title { font-size: 1.6rem; line-height: 19.2px; } @media (min-width: 768px) { .software-downloads-container .card-header-title { font-size: 2rem; } } @media (min-width: 992px) { .software-downloads-container .card-header-title { font-size: 2.4rem; line-height: 3rem; } } .software-downloads-container .downloads-list { width: 100%; } .software-downloads-container .downloads-header { color: #6c757d; font-weight: 400; } .software-downloads-container .download-link, .software-downloads-container .download-size-link, .software-downloads-container .notes-link { color: #000110; } .software-downloads-container .download-icon { display: inline-block; width: 15px; height: 15px; background-image: url("clientlib-site/resources/icons/download-black.svg"); background-repeat: no-repeat; background-size: contain; } .software-downloads-container .download-icon:hover { background-image: url("clientlib-site/resources/icons/download-red.svg"); } .software-downloads-container .downloads-row { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .software-downloads-container .release-name { width: 100%; } @media (min-width: 768px) { .software-downloads-container .release-name { width: 55%; } } @media (min-width: 992px) { .software-downloads-container .release-name { width: 55%; } } .software-downloads-container .release-date-header, .software-downloads-container .release-notes-header, .software-downloads-container .release-size-header, .software-downloads-container .release-date, .software-downloads-container .release-notes, .software-downloads-container .release-size { width: 100%; } @media (min-width: 768px) { .software-downloads-container .release-date-header, .software-downloads-container .release-notes-header, .software-downloads-container .release-size-header, .software-downloads-container .release-date, .software-downloads-container .release-notes, .software-downloads-container .release-size { width: 15%; } } @media (min-width: 992px) { .software-downloads-container .release-date-header, .software-downloads-container .release-notes-header, .software-downloads-container .release-size-header, .software-downloads-container .release-date, .software-downloads-container .release-notes, .software-downloads-container .release-size { width: 15%; } } .software-downloads-container .release-notes { text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container { position: relative; margin-left: auto; margin-right: auto; overflow: hidden; max-width: 1436px; min-height: 850px; } } .solution-finder-container .slider-enter { -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1; } .solution-finder-container .slider-enter-active { -webkit-transform: translateX(0); transform: translateX(0); transition: -webkit-transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; } .solution-finder-container .slider-exit { display: none; } .solution-finder-container .solution-finder { position: relative; padding: calc(6rem + 20px) 19px 20px 19px; } .solution-finder-container .solution-finder .progressBar { display: flex; position: relative; } .solution-finder-container .solution-finder .progressBar .breadcrumb-ol { width: 80%; } @media (min-width: 992px) { .solution-finder-container .solution-finder { padding: calc(8rem + 19px) 51px 19px 51px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } } .solution-finder-container .solution-finder.loading { display: flex; justify-content: center; align-items: center; font-size: 50px; height: 900px; } .solution-finder-container .solution-finder .position-indicator { display: flex; position: relative; align-items: center; justify-content: space-between; border-top: 2px solid #000110; } .solution-finder-container .solution-finder .position-indicator .startOver { padding-top: 5px; } .solution-finder-container .solution-finder .position-indicator .item span { display: none; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 22px; padding-top: 20px; text-transform: uppercase; } .solution-finder-container .solution-finder .position-indicator .item a { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 50px; padding-top: 20px; text-transform: uppercase; text-decoration: none; } @media (min-width: 992px) { .solution-finder-container .solution-finder .position-indicator .item.item-viewed span, .solution-finder-container .solution-finder .position-indicator .item.item-viewed a { display: inline-block; } } .solution-finder-container .solution-finder .position-indicator .item::before { top: -4px; content: ''; width: 6px; height: 6px; z-index: 10; margin-left: -3px; position: absolute; border-radius: 50%; background-color: #000110; } @media (min-width: 992px) { .solution-finder-container .solution-finder .position-indicator .item::before { top: -6px; width: 11px; height: 11px; margin-left: 0; } } .solution-finder-container .solution-finder .position-indicator .item.active::before, .solution-finder-container .solution-finder .position-indicator .item.item-viewed::before { top: -6px; width: 11px; height: 11px; } @media (min-width: 992px) { .solution-finder-container .solution-finder .position-indicator .item.active::before, .solution-finder-container .solution-finder .position-indicator .item.item-viewed::before { top: -9px; width: 18px; height: 18px; } } .solution-finder-container .solution-finder .position-indicator .item.active::before { background-color: #E13200; } .solution-finder-container .solution-finder .position-indicator .item.item-viewed::before { background-color: #000110; } .solution-finder-container .solution-finder .position-indicator .item.item-viewed.active-item::before { background-color: #E13200; } .solution-finder-container .solution-finder .solution-header { display: flex; align-items: center; margin-top: 11px; margin-bottom: 25px; position: relative; } @media (min-width: 992px) { .solution-finder-container .solution-finder .solution-header { margin-top: 0; margin-bottom: 20px; line-height: 1.25; } } .solution-finder-container .solution-finder .solution-header .position-number { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 5.2rem; font-weight: 500; letter-spacing: -1.08px; line-height: 52px; margin-right: 18px; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder .solution-header .position-number { font-size: 10rem; line-height: inherit; margin-right: 28px; } } .solution-finder-container .solution-finder .solution-header .question { margin: 0; font-size: 1.8rem; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; letter-spacing: 0.23px; line-height: 21.6px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder .solution-header .question { width: 33%; font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .solution-finder-container .solution-finder .carousel-inner { margin: 0; } @media (min-width: 992px) { .solution-finder-container .solution-finder .carousel-inner { display: flex; } } @media (min-width: 992px) { .solution-finder-container .solution-finder .carousel-inner .carousel-item { display: block; float: none; flex: 1; margin-right: 0; } } .solution-finder-container .solution-finder .navigate-container { display: flex; align-items: center; justify-content: center; padding-top: 21px; padding-bottom: 21px; } .solution-finder-container .solution-finder .navigate-container .previous-page { cursor: pointer; margin-right: 20px; font-size: 4.6rem; } .solution-finder-container .solution-finder .navigate-container .next-page { cursor: pointer; margin-left: 20px; font-size: 4.6rem; } .solution-finder-container .solution-finder .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0; position: relative; } .solution-finder-container .solution-finder .navigate-container .carousel-indicators .item { width: 20px; height: 20px; cursor: pointer; border-radius: 50%; border: 1px solid #ffffff; background-color: transparent; margin-left: 0; margin-right: 20px; } .solution-finder-container .solution-finder .navigate-container .carousel-indicators .item:last-child { margin-right: 0; } .solution-finder-container .solution-finder .navigate-container .carousel-indicators .item.active { width: 24px; height: 24px; background-color: #ffffff; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one { height: 850px; } } .solution-finder-container .solution-finder.variant-one .solution-gallery { position: relative; margin-left: -19px; margin-right: -19px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery { margin-left: 0; margin-right: 0; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .carousel-inner { overflow: visible; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .carousel-inner .carousel-item { height: 685px; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .carousel-inner .carousel-item:hover .main-image { -webkit-transform: translateY(-25px); transform: translateY(-25px); } } .solution-finder-container .solution-finder.variant-one .solution-gallery .main-image { height: 345px; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.3s; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .main-image { height: 465px; } } .solution-finder-container .solution-finder.variant-one .solution-gallery .content { padding-left: 19px; padding-right: 19px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .content { background-color: #f5f3f2; position: absolute; top: 465px; height: 145px; overflow: hidden; padding: 27px 23px 36px 23px; transition: all 0.3s; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .content.active { left: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); background-color: #ffffff; height: auto; } .solution-finder-container .solution-finder.variant-one .solution-gallery .content.active .description, .solution-finder-container .solution-finder.variant-one .solution-gallery .content.active .btn { opacity: 1; } } .solution-finder-container .solution-finder.variant-one .solution-gallery .content .answer-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 19.2px; margin-top: 34px; margin-bottom: 14px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .content .answer-title { font-size: 2.4rem; line-height: 30px; margin: 0; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .content .description, .solution-finder-container .solution-finder.variant-one .solution-gallery .content .btn { opacity: 0; } } .solution-finder-container .solution-finder.variant-one .solution-gallery .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; margin-bottom: 32px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .content .description { font-size: 1.6rem; line-height: 23px; margin-top: 44px; margin-bottom: 77px; } } .solution-finder-container .solution-finder.variant-one .solution-gallery .content .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; } .solution-finder-container .solution-finder.variant-one .solution-gallery .navigate-container { left: 0; right: 0; top: 284px; position: absolute; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-one .solution-gallery .navigate-container { display: none; } } .solution-finder-container .solution-finder.variant-two { padding-bottom: 0; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two { height: 850px; padding-bottom: 19px; } } .solution-finder-container .solution-finder.variant-two .bg_box { top: 0; bottom: 0; left: 0; right: 0; position: absolute; background-size: cover; background-repeat: no-repeat; } .solution-finder-container .solution-finder.variant-two .solution-gallery { margin-left: -19px; margin-right: -19px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two .solution-gallery { left: 0; right: 0; bottom: 0; margin-left: 0; margin-right: 0; position: absolute; } } .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slider { display: flex; align-items: flex-end; min-height: 590px; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-inner { display: flex; align-items: flex-end; min-height: 590px; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-inner.panel-layout { flex-direction: column; justify-content: flex-end; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-inner.panel-layout .carousel-item { flex: 1; float: none; display: flex; margin-right: 0; align-items: center; justify-content: center; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-inner { min-height: auto; } } .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slide:nth-child(even) { background-color: #EBEBEB; outline: solid #EBEBEB 1px !important; } .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slide:nth-child(odd) { background-color: #E0E0E0; outline: solid #E0E0E0 1px !important; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slide:nth-child(even) { background-color: #E0E0E0; } } .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slide:hover { background-color: #D1D3D4; } .solution-finder-container .solution-finder.variant-two .solution-gallery .slick-slide:hover .answer-title span::after { opacity: 1; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-item:nth-child(even) { background-color: #EBEBEB; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-item:nth-child(odd) { background-color: #E0E0E0; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-item:nth-child(even) { background-color: #E0E0E0; } } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-item:hover { background-color: #D1D3D4; } .solution-finder-container .solution-finder.variant-two .solution-gallery .carousel-item:hover .answer-title span::after { opacity: 1; } .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title { cursor: pointer; color: #000; margin: 0; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 19.2px; padding: 27px 0 27px 0; text-align: center; text-decoration: underline; text-transform: uppercase; } .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title span::after { opacity: 1; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title { font-size: 2.4rem; line-height: 30px; padding: 40px 0; color: #000; } .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title span::after { opacity: 0; } } .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title span { position: relative; color: #000; text-decoration: none; } .solution-finder-container .solution-finder.variant-two .solution-gallery .answer-title span::after { content: ''; top: 50%; right: -20px; width: 12px; height: 12px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); } .solution-finder-container .solution-finder.variant-two .solution-gallery .navigate-container { left: 0; right: 0; bottom: 77px; position: absolute; } .solution-finder-container .solution-finder.variant-three .product-list { margin: 0; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list { display: flex; margin-bottom: 81px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item { display: block; float: none; margin-bottom: 16px; overflow: hidden; position: relative; padding: 31px 16px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item { flex: 1; margin-bottom: 0; margin-right: 20px; padding: 20px; } .solution-finder-container .solution-finder.variant-three .product-list .product-item:last-child { margin-right: 0; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item.recommended-product::after { top: 9px; left: 16px; color: #ffffff; background-color: #E13200; padding: 10px 5px; content: 'Recommended'; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.4px; position: absolute; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item.recommended-product::after { top: 0; left: 20px; padding: 13px 10px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .img-box { height: 273px; margin-top: 30px; margin-bottom: 25px; text-align: center; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .img-box { height: 320px; margin-top: 43px; margin-bottom: 35px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .img-box img { max-height: 100%; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .solution-img-box { height: 273px; margin-top: 30px; margin-bottom: 25px; text-align: center; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .solution-img-box { height: 320px; margin-top: 43px; margin-bottom: 35px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .solution-img-box img { max-height: 100%; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .product-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; font-size: 1.8rem; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.23px; line-height: 21.6px; margin-top: 0; margin-bottom: 6px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .product-title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .list-price { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; font-size: 1.4rem; line-height: 24px; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content { position: absolute; width: 100%; top: 100%; height: 0; left: 0; right: 0; overflow: hidden; z-index: 10; padding: 36px 22px; background-color: #E0E0E0; transition: all 0.3s; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active { height: 100%; top: 0; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .btn-compare, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .star-box, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .descriptor, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .description, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .operation { opacity: 1; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active .product-title { width: calc(100% - 80px); } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .content.active { padding: 36px 22px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .btn-compare { top: 45px; right: 17px; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 500; padding: 0; position: absolute; text-decoration: underline; text-transform: uppercase; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .product-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; font-size: 1.8rem; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.23px; line-height: 21.6px; margin-top: 0; margin-bottom: 6px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .product-title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .list-price { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; font-size: 1.4rem; line-height: 24px; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .btn-compare, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .star-box, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .descriptor, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .description, .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .operation { opacity: 0; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .star-box { width: 85px; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .star-box .star { background-size: 17px 12px; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .descriptor { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .descriptor { font-size: 2rem; line-height: 22px; text-transform: uppercase; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .description { font-family: "ff-good-web-pro", Arial sans-serif; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .description { font-size: 1.8rem; line-height: 27px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .operation { top: 85%; left: 16px; position: absolute; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .operation { top: 88%; left: 22px; } } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .operation .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; font-weight: 500; margin-right: 27px; text-transform: uppercase; } .solution-finder-container .solution-finder.variant-three .product-list .product-item .content .operation .btn:last-child { margin-right: 0; } .solution-finder-container .solution-finder.variant-three .solution-header { margin: 0; } .solution-finder-container .solution-finder.variant-three .content-container { position: relative; margin-left: -19px; margin-right: -19px; padding: 36px 20px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container { display: flex; margin-left: 0; margin-right: 0; height: 550px; padding: 35px 30px; } } .solution-finder-container .solution-finder.variant-three .content-container .close-solution { font-size: 14px; position: absolute; top: 10px; left: 10px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .close-solution { top: 20px; left: 20px; } } .solution-finder-container .solution-finder.variant-three .content-container .img-box { display: flex; justify-content: center; } @media (max-width: 991.98px) { .solution-finder-container .solution-finder.variant-three .content-container .img-box { height: 500px; } } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .img-box { flex: 0 0 65%; max-width: 65%; } } .solution-finder-container .solution-finder.variant-three .content-container .img-box img { max-height: 100%; } .solution-finder-container .solution-finder.variant-three .content-container .solution-img-box { text-align: center; justify-content: center; flex: 0 0 65%; max-width: 65%; } .solution-finder-container .solution-finder.variant-three .content-container .solution-img-box img { max-height: 100%; } .solution-finder-container .solution-finder.variant-three .content-container .content { position: relative; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content { flex: 0 0 35%; max-width: 35%; } } .solution-finder-container .solution-finder.variant-three .content-container .content .product-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 500; font-size: 1.8rem; letter-spacing: 0.23px; line-height: 21.6px; margin-top: 63px; margin-bottom: 6px; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .product-title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; margin-top: 0; } } .solution-finder-container .solution-finder.variant-three .content-container .content .list-price { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; font-size: 14px; line-height: 24px; margin-bottom: 3px; } .solution-finder-container .solution-finder.variant-three .content-container .content .star-box { width: 85px; } .solution-finder-container .solution-finder.variant-three .content-container .content .star-box .star { background-size: 17px 12px; } .solution-finder-container .solution-finder.variant-three .content-container .content .descriptor { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 30px; margin-top: 35px; margin-bottom: 11px; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .descriptor { font-size: 2rem; line-height: 22px; } } .solution-finder-container .solution-finder.variant-three .content-container .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; margin-bottom: 26px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .description { font-size: 18px; line-height: 27px; margin-bottom: 30px; } } .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements { margin-bottom: 36px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements { margin-bottom: 25px; } } .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements span { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; text-transform: uppercase; font-weight: 600; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements span { font-size: 1.8rem; line-height: 27px; } } .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements div { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 500; font-size: 1.4rem; line-height: 26px; padding: 0; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .bundle-elements div { font-size: 1.6rem; line-height: 27px; } } .solution-finder-container .solution-finder.variant-three .content-container .content .operation { margin-top: 74px; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .operation { left: 0; bottom: -20px; min-width: 350px; margin-top: 0; position: absolute; } } .solution-finder-container .solution-finder.variant-three .content-container .content .operation .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; } .solution-finder-container .solution-finder.variant-three .content-container .content .operation .btn:last-child { margin-right: 0; } @media (min-width: 992px) { .solution-finder-container .solution-finder.variant-three .content-container .content .operation .btn { margin-right: 27px; } } .solution-finder-promo { position: relative; } .solution-finder-promo .bg-box { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-repeat: no-repeat; background-size: cover; } .solution-finder-promo .wrapper { margin: 0 auto; padding: 50px 20px 0 20px; max-width: 1436px; } @media (min-width: 768px) { .solution-finder-promo .wrapper { padding-bottom: 50px; } } @media (min-width: 992px) { .solution-finder-promo .wrapper { padding: 37px 48px; } } .solution-finder-promo .wrapper .topic { font-size: 1.2rem; font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; letter-spacing: 0.4px; position: relative; text-transform: uppercase; } .solution-finder-promo .wrapper .content { margin-top: 80px; margin-bottom: 80px; position: relative; } @media (min-width: 768px) { .solution-finder-promo .wrapper .content { width: 45%; margin-top: 96px; margin-bottom: 69px; } } .solution-finder-promo .wrapper .content .question { margin-bottom: 8px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 4.8rem; font-weight: 600; letter-spacing: 0.6px; line-height: 58px; text-transform: uppercase; text-decoration: underline; } @media (min-width: 992px) { .solution-finder-promo .wrapper .content .question { font-size: 6.4rem; line-height: 72px; margin-bottom: 18px; } } .solution-finder-promo .wrapper .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.8rem; line-height: 27px; } .solution-finder-promo .wrapper .answer-item-list { display: flex; margin-left: -20px; margin-right: -20px; margin-bottom: 0; position: relative; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; } @media (min-width: 768px) { .solution-finder-promo .wrapper .answer-item-list { flex-direction: row; margin-left: 0; margin-right: 0; } } .solution-finder-promo .wrapper .answer-item-list > li { flex: 1; } .solution-finder-promo .wrapper .answer-item-list > li:nth-child(even) { background-color: #EBEBEB; } .solution-finder-promo .wrapper .answer-item-list > li:nth-child(odd) { background-color: #E0E0E0; } @media (min-width: 768px) { .solution-finder-promo .wrapper .answer-item-list > li { flex: 1; max-width: 100%; } .solution-finder-promo .wrapper .answer-item-list > li:nth-child(even) { background-color: #E0E0E0; } } .solution-finder-promo .wrapper .answer-item-list > li:hover { background-color: #D1D3D4; } .solution-finder-promo .wrapper .answer-item-list > li:hover .answer-title::after { opacity: 1; } .solution-finder-promo .wrapper .answer-item-list > li .answer-item { display: block; text-align: center; padding: 30px 20px; text-decoration: underline; color: #000110; } @media (min-width: 992px) { .solution-finder-promo .wrapper .answer-item-list > li .answer-item { text-decoration: none; } } .solution-finder-promo .wrapper .answer-item-list > li .answer-title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 19.2px; position: relative; text-transform: uppercase; } .solution-finder-promo .wrapper .answer-item-list > li .answer-title::after { opacity: 1; } @media (min-width: 992px) { .solution-finder-promo .wrapper .answer-item-list > li .answer-title { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.8rem; line-height: inherit; } .solution-finder-promo .wrapper .answer-item-list > li .answer-title::after { opacity: 0; } } .solution-finder-promo .wrapper .answer-item-list > li .answer-title::after { content: ''; bottom: 5px; right: -20px; width: 12px; height: 12px; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); } .write-a-review-modal .modal-dialog { max-width: 1100px; width: 100%; } .write-a-review-modal .modal-header { border: 0; display: block; padding: 20px; position: relative; } .write-a-review-modal .modal-header .close { display: block; position: absolute; top: 2.5rem; right: 2.5rem; z-index: 1; background: transparent; border: 0; border-radius: 0; padding: 0; width: 2rem; height: 2rem; } .write-a-review-modal .modal-header .close::before, .write-a-review-modal .modal-header .close::after { position: absolute; top: 50%; left: 50%; display: block; background: #000110; width: 1.8rem; height: 0.2rem; -webkit-transform-origin: center; transform-origin: center; content: ''; } .write-a-review-modal .modal-header .close::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .write-a-review-modal .modal-header .close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @media (min-width: 992px) { .write-a-review-modal .modal-body { padding: 1rem 4% 4rem; } } .write-a-review-modal .modal-body input, .write-a-review-modal .modal-body select, .write-a-review-modal .modal-body textarea { font-size: 1.3rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body input, .write-a-review-modal .modal-body select, .write-a-review-modal .modal-body textarea { font-size: 1.7rem; } } .write-a-review-modal .modal-body input::-webkit-input-placeholder, .write-a-review-modal .modal-body select::-webkit-input-placeholder, .write-a-review-modal .modal-body textarea::-webkit-input-placeholder { color: #101010; opacity: 0.54; } .write-a-review-modal .modal-body input::-moz-placeholder, .write-a-review-modal .modal-body select::-moz-placeholder, .write-a-review-modal .modal-body textarea::-moz-placeholder { color: #101010; opacity: 0.54; } .write-a-review-modal .modal-body input:-ms-input-placeholder, .write-a-review-modal .modal-body select:-ms-input-placeholder, .write-a-review-modal .modal-body textarea:-ms-input-placeholder { color: #101010; opacity: 0.54; } .write-a-review-modal .modal-body input::-ms-input-placeholder, .write-a-review-modal .modal-body select::-ms-input-placeholder, .write-a-review-modal .modal-body textarea::-ms-input-placeholder { color: #101010; opacity: 0.54; } .write-a-review-modal .modal-body input::placeholder, .write-a-review-modal .modal-body select::placeholder, .write-a-review-modal .modal-body textarea::placeholder { color: #101010; opacity: 0.54; } .write-a-review-modal .modal-body .modal-title { color: #E13200; font-size: 4rem; top: 0.5rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body .modal-title { font-size: 10rem; top: 1.5rem; } } .write-a-review-modal .modal-body .rating-info { background-color: #ffffff; padding: 2rem; display: flex; max-height: 19rem; margin-bottom: 4rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body .rating-info { padding: 2.5rem 4rem; } } .write-a-review-modal .modal-body .rating-info .img-box { flex: 0 0 30%; max-width: 30%; margin-right: 8%; max-height: 15rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body .rating-info .img-box { flex: 0 0 20%; max-width: 20%; max-height: 14rem; } } .write-a-review-modal .modal-body .rating-info .img-box img { max-height: 100%; } .write-a-review-modal .modal-body .rating-info .right-region { display: flex; flex-wrap: wrap; align-content: center; } .write-a-review-modal .modal-body .rating-info .right-region .product-title { font-size: 1.8rem; font-weight: 600; flex: 0 0 100%; max-width: 100%; margin-bottom: 1rem; text-decoration: underline; text-transform: uppercase; } .write-a-review-modal .modal-body .rating-info .right-region .overall-rating { color: #101010; font-size: 1.7rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body .rating-info .right-region .overall-rating label { margin-right: 0.7rem; } } .write-a-review-modal .modal-body .rating-info .right-region .hidden-text { height: 0; width: 0; padding: 0; opacity: 0; } .write-a-review-modal .modal-body .rating { background-color: #ffffff; } .write-a-review-modal .modal-body .rating .selector { display: inline-block; } @media (min-width: 768px) { .write-a-review-modal .modal-body .rating .selector { margin-right: 1.2rem; } } .write-a-review-modal .modal-body .rating .selector .box { display: flex; position: relative; top: 2px; } .write-a-review-modal .modal-body .rating .selector .box .star { background-image: url("clientlib-site/resources/icons/star-no-width-height.svg"); background-size: contain; background-repeat: no-repeat; margin-right: 0.7rem; height: 17px; width: 18px; } .write-a-review-modal .modal-body .rating .selector .box .star:hover { cursor: pointer; } .write-a-review-modal .modal-body .rating .selector .box .star.marked { background-image: url("clientlib-site/resources/icons/star-marked-no-width-height.svg"); } .write-a-review-modal .modal-body .rating .click-label { font-size: 1.7rem; margin-right: 1rem; opacity: 0.54; } .write-a-review-modal .modal-body .rating.quality-rating, .write-a-review-modal .modal-body .rating.value-rating { margin: 9px 0; padding: 14px 15px 13px; } .write-a-review-modal .modal-body .input-item .label { font-size: 1.7rem; margin: 1.5rem 0 0.5rem; } @media (min-width: 768px) { .write-a-review-modal .modal-body .input-item .label { margin: 2rem 0 0.9rem; } } @media (min-width: 768px) { .write-a-review-modal .modal-body input, .write-a-review-modal .modal-body select { margin: 9px 0; } } @media (min-width: 768px) { .write-a-review-modal .modal-body textarea { margin-top: 9px; } } @media (min-width: 768px) { .write-a-review-modal .modal-body .one-row-items { display: flex; } } @media (min-width: 768px) { .write-a-review-modal .modal-body .one-row-items:not(.label-too-long) .input-item:first-child { flex-grow: 1; flex-shrink: 0; flex-basis: calc(49.9% - 1rem); max-width: calc(49.9% - 1rem); margin-right: 1rem; } } @media (min-width: 768px) { .write-a-review-modal .modal-body .one-row-items:not(.label-too-long) .input-item:last-child { flex-grow: 1; flex-shrink: 0; flex-basis: calc(49.9% - 1rem); max-width: calc(49.9% - 1rem); margin-left: 1rem; } } @media (min-width: 768px) { .write-a-review-modal .modal-body .one-row-items.label-too-long .input-item:first-child { flex-grow: 1; flex-shrink: 1; margin-right: 1rem; } .write-a-review-modal .modal-body .one-row-items.label-too-long .input-item:last-child { flex-grow: 1; flex-shrink: 1; margin-left: 1rem; } } @media (min-width: 992px) { .write-a-review-modal .modal-body .one-row-items.label-too-long .input-item:first-child { flex-shrink: 0; flex-basis: calc(49.9% - 1rem); max-width: calc(49.9% - 1rem); } .write-a-review-modal .modal-body .one-row-items.label-too-long .input-item:last-child { flex-shrink: 0; flex-basis: calc(49.9% - 1rem); max-width: calc(49.9% - 1rem); } } .write-a-review-modal .modal-body .terms-conditions { margin-top: 3rem; } .write-a-review-modal .modal-body .terms-conditions .check-box-container { height: 13px; width: 12px; display: inline-block; margin-right: 0.8rem; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .write-a-review-modal .modal-body .terms-conditions .check-box-container input[type=checkbox] { cursor: pointer; margin: 0; height: 13px; position: absolute; width: 13px; opacity: 0; z-index: 10; } .write-a-review-modal .modal-body .terms-conditions .check-box-container input[type=checkbox]:checked ~ .checkmark::after { display: block; } .write-a-review-modal .modal-body .terms-conditions .check-box-container .checkmark { background-color: #ffffff; border: solid 0.5px #D1D3D4; position: absolute; border-radius: 2px; top: 0; left: 0; height: 13px; width: 13px; } .write-a-review-modal .modal-body .terms-conditions .check-box-container .checkmark::after { content: ""; position: absolute; display: none; left: 3px; top: 1px; width: 5px; height: 10px; border: solid #000110; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .write-a-review-modal .modal-body .terms-conditions .check-box-container .error-message { left: 0; position: absolute; top: 15px; width: 100px; } .write-a-review-modal .modal-body .terms-conditions .email-communication-label { margin-top: 1rem; } .write-a-review-modal .modal-body .btn-submit { letter-spacing: 0.6px; font-size: 1.3rem; margin-top: 1rem; padding: 0.9rem; width: auto; } @media (min-width: 768px) { .write-a-review-modal .modal-body .btn-submit { margin-top: 2rem; } } .standalone-resource-card { margin-bottom: 10px; } .standalone-resource-card .card-image { height: 212px; background-size: cover; background-repeat: no-repeat; } .standalone-resource-card .content { position: relative; padding: 12px 20px; } @media (min-width: 992px) { .standalone-resource-card .content { padding: 13px 10px; } } .standalone-resource-card .content .topic { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.33px; margin-bottom: 25px; text-transform: uppercase; } @media (min-width: 992px) { .standalone-resource-card .content .topic { margin-bottom: 41px; } } .standalone-resource-card .content .topic-icon { top: 15px; right: 17px; width: 29px; position: absolute; } @media (min-width: 992px) { .standalone-resource-card .content .topic-icon { top: 12px; right: 10px; width: 42px; } } .standalone-resource-card .content .title { font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 18px; text-transform: uppercase; } @media (min-width: 992px) { .standalone-resource-card .content .title { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 2rem; line-height: 22px; margin-bottom: 10px; } } .standalone-resource-card .content .description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 20px; margin-bottom: 15px; } @media (min-width: 992px) { .standalone-resource-card .content .description { margin-bottom: 38px; } } .standalone-resource-card .content .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; text-decoration: underline; text-transform: uppercase; } @media (min-width: 992px) { .standalone-resource-card .content .btn { font-size: 1.4rem; } } @media (min-width: 992px) { .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-left .animation-dialogue { left: 50%; } .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-left .animation-media-content { left: 0; } .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-center .animation-dialogue { left: 0; } .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-center .animation-media-content { left: 0; } } @media (min-width: 992px) and (min-width: 992px) { .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-center .animation-media-content { width: 100% !important; } } @media (min-width: 992px) { .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-right .animation-dialogue { left: 0; } .scroll-animation .scroll-animation-component-container .animation-container.scroll-asset-right .animation-media-content { left: 50%; } } .scroll-animation .scroll-animation-component-container .animation-container .animation-dialogue-content { position: -webkit-sticky; position: sticky; top: 0; bottom: 0; height: 100vh; } .scroll-animation .scroll-animation-component-container .animation-container .animation-dialogue-content .animation-dialogue { display: flex; position: absolute; width: 100%; top: 0; padding-top: 50vh; padding-left: 2vw; padding-right: 2vw; height: 100vh; opacity: 0; transition: 2s ease 0s; } @media (min-width: 992px) { .scroll-animation .scroll-animation-component-container .animation-container .animation-dialogue-content .animation-dialogue { width: 50% !important; align-items: center; padding-top: 0; } } .scroll-animation .scroll-animation-component-container .animation-container .animation-dialogue-content .animation-dialogue h2 { text-transform: capitalize; } .scroll-animation .scroll-animation-component-container .animation-container .animation-dialogue-content .animation-dialogue h4 { text-transform: capitalize; } .scroll-animation .scroll-animation-component-container .animation-container .animation-media-content { position: -webkit-sticky; position: sticky; display: flex; padding: 5vh 0 50vh 0; top: 0; bottom: 0; z-index: 0; height: 100vh; justify-content: center; } @media (min-width: 992px) { .scroll-animation .scroll-animation-component-container .animation-container .animation-media-content { width: 50%; padding: 0; align-items: center; } } @media (min-width: 992px) { .scroll-sequence .scroll-sequence-component-container .sequence-container.scroll-asset-left .sequence-dialogue { left: 50%; } .scroll-sequence .scroll-sequence-component-container .sequence-container.scroll-asset-left .sequence-media-content { left: 0; } .scroll-sequence .scroll-sequence-component-container .sequence-container.scroll-asset-right .sequence-dialogue { left: 0; } .scroll-sequence .scroll-sequence-component-container .sequence-container.scroll-asset-right .sequence-media-content { left: 50%; } } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-dialogue-content { position: -webkit-sticky; position: sticky; top: 0; bottom: 0; height: 100vh; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-dialogue-content .sequence-header { text-align: center; padding-top: 10vh; padding-bottom: 80vh; text-transform: capitalize; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-dialogue-content .sequence-dialogue { display: flex; position: absolute; width: 100%; top: 0; padding-top: 60vh; padding-left: 2vw; padding-right: 2vw; height: 100vh; opacity: 0; transition: 1s ease; } @media (min-width: 992px) { .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-dialogue-content .sequence-dialogue { width: 50% !important; align-items: center; padding-top: 0; } } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-dialogue-content .sequence-dialogue h4 { text-transform: uppercase; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content { position: -webkit-sticky; position: sticky; padding: 20vh 0 40vh 0; top: 0; bottom: 0; z-index: 0; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 992px) { .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content { width: 50% !important; padding: 22vh 0 22vh 0; } } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content .s7videoplayer { background: transparent; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content .seq-video-manual .s7controlbar { display: none !important; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content .seq-video-auto .s7controlbar { display: none !important; } .scroll-sequence .scroll-sequence-component-container .sequence-container .sequence-media-content .sequence-media-container { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; } .rollover-messaging-layout { padding: 2.9rem 0; } @media (min-width: 768px) { .rollover-messaging-layout { display: flex; padding: 3.5rem 0; } .rollover-messaging-layout > div { flex: 1; margin-right: 1rem; } .rollover-messaging-layout > div:last-child { margin-right: 0; } } @media (min-width: 992px) { .rollover-messaging-layout { padding: 5rem 0; } .rollover-messaging-layout > div { margin-right: 2rem; } .rollover-messaging-layout > div:last-child { margin-right: 0; } } .rollover-messaging { overflow: hidden; text-align: center; } .rollover-messaging .img-box { background-size: cover; background-repeat: no-repeat; transition: padding-bottom 0.6s ease; width: 100%; height: 0; padding-bottom: 52.6%; } .rollover-messaging .title { font-size: 1.6rem; text-decoration: underline; font-weight: 600; line-height: 3rem; margin-bottom: 5px; } @media (min-width: 768px) { .rollover-messaging .title { margin: 1.5rem 0; } } @media (min-width: 992px) { .rollover-messaging .title { font-size: 2.4rem; margin: 3rem 0 1rem; } } .rollover-messaging .short-description, .rollover-messaging .long-description { font-size: 1.4rem; line-height: 2rem; } @media (min-width: 992px) { .rollover-messaging .short-description, .rollover-messaging .long-description { font-size: 1.8rem; line-height: 2.7rem; } } .rollover-messaging .long-description, .rollover-messaging .btn { opacity: 0; } .rollover-messaging .long-description { margin-bottom: 1.5rem; } .rollover-messaging .long-description::-webkit-scrollbar { background-color: #F5F5F5; width: 5px; } .rollover-messaging .long-description::-webkit-scrollbar-thumb { background-color: #EBEBEB; border-radius: 10px; } .rollover-messaging .long-description::-webkit-scrollbar-thumb:hover { background-color: #E0E0E0; } .rollover-messaging .long-description { scrollbar-arrow-color: #F5F5F5; scrollbar-face-color: #E0E0E0; scrollbar-darkshadow-color: #F5F5F5; scrollbar-track-color: #EBEBEB; } .rollover-messaging .btn { font-size: 1.4rem; } .rollover-messaging:hover .img-box, .rollover-messaging.on-focus .img-box { padding-bottom: 26.3%; transition: padding-bottom 0.6s ease; } .rollover-messaging:hover .short-description, .rollover-messaging.on-focus .short-description { display: none; } .rollover-messaging:hover .long-description, .rollover-messaging:hover .btn, .rollover-messaging.on-focus .long-description, .rollover-messaging.on-focus .btn { opacity: 1; } .hotspot-component { padding: 2rem 0; } @media (min-width: 768px) { .hotspot-component { display: flex; padding: 4rem 0; } } @media (min-width: 992px) { .hotspot-component { padding: 7rem 0; } } @media (min-width: 768px) { .hotspot-component .content-wrapper { flex: 0 0 35%; max-width: 35%; } } @media (min-width: 992px) { .hotspot-component .content-wrapper { flex: 0 0 30%; max-width: 30%; } } .hotspot-component .content-wrapper .component-title { font-weight: 600; line-height: 43.2px; margin: 0 0 1.5rem; text-transform: uppercase; } @media (min-width: 768px) { .hotspot-component .content-wrapper .component-title { font-size: 48px; letter-spacing: 0.6px; line-height: 58px; margin-bottom: 3rem; } } @media (min-width: 992px) { .hotspot-component .content-wrapper .component-title { margin-bottom: 6rem; padding-right: 60%; } } .hotspot-component .content-wrapper .feature-title { color: #E13200; font-weight: 600; line-height: 19px; margin: 0 0 2.2rem; text-transform: uppercase; } @media (min-width: 768px) { .hotspot-component .content-wrapper .feature-title { font-size: 2rem; line-height: 40px; margin-bottom: 2rem; } } @media (min-width: 992px) { .hotspot-component .content-wrapper .feature-title { font-size: 2.4rem; line-height: 45px; margin-bottom: 2.5rem; } } .hotspot-component .content-wrapper .description { line-height: 23px; margin: 0 0 3rem; } @media (min-width: 992px) { .hotspot-component .content-wrapper .description { margin-bottom: 5rem; } } .hotspot-component .content-wrapper .btn { font-size: 1.4rem; padding: 0; position: relative; margin-bottom: 2rem; } .hotspot-component .content-wrapper .btn::after { content: ''; top: 1px; width: 13px; height: 13px; right: -20px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .hotspot-component .content-wrapper .btn:hover::after { background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); } .hotspot-component .content-wrapper .btn[href=''], .hotspot-component .content-wrapper .btn:not([href]) { display: none; } .hotspot-component .content-wrapper .feature-wrapper { overflow: hidden; } .hotspot-component .content-wrapper .feature-item { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); transition: all ease-out 0.2s; } .hotspot-component .content-wrapper .feature-item.transition-animation { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: none; } .hotspot-component .img-wrapper { min-height: 200px; } @media (min-width: 768px) { .hotspot-component .img-wrapper { align-items: center; display: flex; flex: 0 0 65%; max-width: 65%; height: 350px; } } @media (min-width: 992px) { .hotspot-component .img-wrapper { flex: 0 0 70%; max-width: 70%; height: 500px; } } .hotspot-component .img-wrapper .spot-image-container { position: relative; } .hotspot-component .img-wrapper .spot-image-container .s7zoomview { outline: none; } .hotspot-component .img-wrapper .spot-image-container .s7icon { background-color: #E13200 !important; background-image: none !important; height: 2rem !important; width: 2rem !important; border-radius: 50% !important; position: absolute !important; font-size: 16px; line-height: 30px; font-weight: 600; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; z-index: 1; } @media (min-width: 768px) { .hotspot-component .img-wrapper .spot-image-container .s7icon { font-size: 20px; height: 2.4rem !important; width: 2.4rem !important; } } @media (min-width: 992px) { .hotspot-component .img-wrapper .spot-image-container .s7icon { font-size: 24px; height: 3rem !important; width: 3rem !important; } } .hotspot-component .img-wrapper .spot-image-container .s7icon:hover { background-image: none !important; } .hotspot-component .img-wrapper .spot-image-container .s7icon.chosen, .hotspot-component .img-wrapper .spot-image-container .s7icon.hover { height: 3rem !important; width: 3rem !important; } @media (min-width: 768px) { .hotspot-component .img-wrapper .spot-image-container .s7icon.chosen, .hotspot-component .img-wrapper .spot-image-container .s7icon.hover { height: 3.6rem !important; width: 3.6rem !important; } } @media (min-width: 992px) { .hotspot-component .img-wrapper .spot-image-container .s7icon.chosen, .hotspot-component .img-wrapper .spot-image-container .s7icon.hover { height: 4.6rem !important; width: 4.6rem !important; } } .spotline { position: absolute; width: 0; z-index: 1; } @media (min-width: 768px) { .spotline { background-color: #E13200; height: 2px; transition: width ease-out 0.2s; } } .event-display { padding: 3rem 0; } .event-display .event-tab { font-size: 1.6rem; margin-bottom: 2rem; width: 100%; } @media (min-width: 768px) { .event-display .event-tab { font-size: 1.8rem; } } @media (min-width: 992px) { .event-display .event-tab { font-size: 2.2rem; } } .event-display .event-tab th, .event-display .event-tab td { border-top: 0; border-right: 1px solid #D1D3D4; border-bottom: 1px solid #D1D3D4; border-left: 0; padding: 0.5rem; } @media (min-width: 768px) { .event-display .event-tab th, .event-display .event-tab td { padding: 1rem 2rem; } } @media (min-width: 992px) { .event-display .event-tab th, .event-display .event-tab td { padding: 2rem 3.5%; } } .event-display .event-tab tr:last-child td { border-bottom: 0; } .event-display .event-tab th:last-child, .event-display .event-tab tr td:last-child { border-right: 0; } .event-display .event-tab th, .event-display .event-tab tr td:first-child, .event-display .event-tab tr td:last-child { text-transform: uppercase; } .event-display .event-tab th, .event-display .event-tab tr td:first-child { font-weight: 600; } .event-display .event-tab th:first-child, .event-display .event-tab tr td:first-child { padding-left: 0; } .event-display .event-tab tr td:first-child { color: #E13200; } .event-display .btn { font-size: 1.4rem; font-weight: 600; padding: 0; position: relative; } .event-display .btn::after { content: ''; top: 1px; width: 13px; height: 13px; right: -20px; position: absolute; background-image: url("clientlib-site/resources/icons/arrow-right-black.svg"); background-repeat: no-repeat; background-size: contain; } .event-display .btn:hover::after { background-image: url("clientlib-site/resources/icons/arrow-right-red.svg"); } .simple-container:not(.with-padding) .simple-content-wrapper .topic { position: absolute; top: 10px; left: 20px; z-index: 10; } @media (min-width: 768px) { .simple-container:not(.with-padding) .simple-content-wrapper .topic { top: 30px; left: 40px; } } @media (min-width: 992px) { .simple-container:not(.with-padding) .simple-content-wrapper .topic { top: 50px; left: 50px; } } .fullscreen .simple-container .simple-content-wrapper, .simple-container.with-padding .simple-content-wrapper { padding: 10px 20px; } @media (min-width: 768px) { .fullscreen .simple-container .simple-content-wrapper, .simple-container.with-padding .simple-content-wrapper { padding: 30px 40px; } } @media (min-width: 992px) { .fullscreen .simple-container .simple-content-wrapper, .simple-container.with-padding .simple-content-wrapper { padding: 50px; } } .fullscreen .simple-container .simple-content-wrapper .topic, .simple-container.with-padding .simple-content-wrapper .topic { top: 0; left: 0; position: relative; } .simple-container { position: relative; } .simple-container .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .simple-container .bg-box .img-box { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-size: cover; background-repeat: no-repeat; } .simple-container .simple-content-wrapper { margin: 0 auto; max-width: 1436px; position: relative; } .simple-container .simple-content-wrapper .topic { font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; } .image-tabs .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .image-tabs .tab-images-container { display: flex; height: 65px; padding: 1.5rem; position: relative; max-width: 1436px; margin: 0 auto; } @media (min-width: 768px) { .image-tabs .tab-images-container { height: 80px; padding: 1.8rem; } } @media (min-width: 992px) { .image-tabs .tab-images-container { height: 116px; padding: 2.5rem; } } .image-tabs .tab-images-container .img-box { cursor: pointer; flex: 1; position: relative; text-align: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; opacity: 0.6; transition: opacity 0.5s ease, -webkit-filter 0.8s ease; transition: opacity 0.5s ease, filter 0.8s ease; transition: opacity 0.5s ease, filter 0.8s ease, -webkit-filter 0.8s ease; } .image-tabs .tab-images-container .img-box.chosen, .image-tabs .tab-images-container .img-box:hover { -webkit-filter: none; filter: none; opacity: 1; } .image-tabs .tab-images-container .img-box img { max-height: 100%; max-width: calc(100% - 2rem); left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 768px) { .image-tabs .tab-images-container .img-box img { max-width: calc(100% - 5rem); } } .image-tabs .content-container { margin: 0 auto; max-width: 1436px; position: relative; padding: 4rem 2rem 3rem; } @media (min-width: 768px) { .image-tabs .content-container { padding: 5.5rem 4rem 3.5rem; } } @media (min-width: 992px) { .image-tabs .content-container { padding: 7rem 5rem; } } .image-tabs .content-container .panel { display: none; } .image-tabs .content-container .panel.chosen { display: block; } @media (min-width: 768px) { .image-tabs .content-container .panel.chosen { display: flex; flex-direction: row-reverse; } } .image-tabs .content-container .panel .img-box { max-width: 100%; position: relative; text-align: center; } @media (min-width: 768px) { .image-tabs .content-container .panel .img-box { flex: 0 0 50%; max-width: 50%; } } .image-tabs .content-container .panel .img-box img { max-height: 15rem; } @media (min-width: 768px) { .image-tabs .content-container .panel .img-box img { max-height: 40rem; max-width: calc(100% - 1rem); left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 768px) { .image-tabs .content-container .panel .content-box { flex: 0 0 50%; max-width: 50%; padding-right: 1rem; } } @media (min-width: 992px) { .image-tabs .content-container .panel .content-box { padding-right: 3.1%; } } .image-tabs .content-container .panel .content-box .title { letter-spacing: 0.23px; line-height: 21.6px; margin: 4rem 0 0; text-decoration: underline; text-transform: uppercase; } @media (min-width: 768px) { .image-tabs .content-container .panel .content-box .title { font-size: 1.8rem; margin-top: 0; } } @media (min-width: 992px) { .image-tabs .content-container .panel .content-box .title { font-size: 3.2rem; letter-spacing: 0.4px; line-height: 38px; } } .image-tabs .content-container .panel .content-box .description { font-size: 1.4rem; line-height: 20px; margin: 2rem 0 0; } @media (min-width: 992px) { .image-tabs .content-container .panel .content-box .description { font-size: 1.6rem; line-height: 23px; } } .image-tabs .content-container .panel .content-box .bottom-box { margin-top: 2.5rem; } @media (min-width: 768px) { .image-tabs .content-container .panel .content-box .bottom-box { margin-top: 3.5rem; } } @media (min-width: 992px) { .image-tabs .content-container .panel .content-box .bottom-box { margin-top: 3rem; } } .image-tabs .content-container .panel .content-box .bottom-box .btn { font-size: 1.4rem; padding: 0.9rem 0 0.7rem; } .image-tabs .content-container .panel .content-box .bottom-box .btn:first-child { font-weight: 500; margin-right: 2rem; } .support-detail-top-section .detail-container { margin: 0 auto; position: relative; max-width: 1436px; padding: 2.5rem 2rem; } @media (min-width: 768px) { .support-detail-top-section .detail-container { display: flex; padding: 3rem 4rem; } } @media (min-width: 992px) { .support-detail-top-section .detail-container { padding: 5rem; } } .support-detail-top-section .detail-container .product-image { margin: 0 0 2rem; } @media (min-width: 768px) { .support-detail-top-section .detail-container .product-image { flex: 0 0 40%; max-width: 40%; align-self: center; display: flex; justify-content: center; } } .support-detail-top-section .detail-container .product-image .img-box { display: none; text-align: center; } .support-detail-top-section .detail-container .product-image .img-box.active { display: block; } .support-detail-top-section .detail-container .product-image .img-box img { max-height: 300px; } @media (min-width: 768px) { .support-detail-top-section .detail-container .product-image .img-box img { max-height: unset; } } @media (min-width: 768px) { .support-detail-top-section .detail-container .content-box { flex: 0 0 60%; max-width: 60%; padding: 0 0 0 2rem; } } .support-detail-top-section .detail-container .content-box h1 { color: #E13200; font-size: 3.6rem; letter-spacing: 0.3px; margin: 0; } @media (min-width: 768px) { .support-detail-top-section .detail-container .content-box h1 { font-size: 4.8rem; } } @media (min-width: 992px) { .support-detail-top-section .detail-container .content-box h1 { font-size: 6.4rem; letter-spacing: 0.6px; } } .support-detail-top-section .detail-container .content-box .product-descriptor { margin: 1rem 0; } @media (min-width: 768px) { .support-detail-top-section .detail-container .content-box .product-descriptor { font-size: 2.4rem; margin: 1.5rem 0; } } .support-detail-top-section .detail-container .content-box .support-model-list .modal-item { color: #E13200; cursor: pointer; } .support-detail-top-section .detail-container .content-box .support-model-list .modal-item:hover { text-decoration: underline; color: #952100; } .support-documents-container .modal h1, .support-documents-container .modal .h1 { font-size: 4.2rem; } .support-documents-container .card, .support-documents-container .card-header { border: none; } .support-documents-container .card-header-title { font-size: 1.6rem; line-height: 19.2px; text-transform: uppercase; } @media (min-width: 768px) { .support-documents-container .card-header-title { font-size: 2rem; } } @media (min-width: 992px) { .support-documents-container .card-header-title { font-size: 2.4rem; line-height: 3rem; } } .support-documents-container .documents-list { width: 100%; } .support-documents-container .documents-header { color: #6c757d; font-weight: bolder; } .support-documents-container .documents-link { color: #000110; padding-right: 12px; } .support-documents-container .documents-row { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .support-documents-container .document-name, .support-documents-container document-name-header { width: 100%; padding: 6px 0px 6px 0px; } .support-documents-container p { margin-bottom: 0px; } .spacer .bg-box { top: 0; bottom: 0; right: 0; left: 0; position: absolute; } .CoveoSearchInterface { color: #000110; font-family: "ff-good-web-pro", Arial sans-serif; } .CoveoSearchInterface .coveo-search-section { max-width: 500px; margin: 20px 0; padding: 0; } @media (max-width: 480px) { .CoveoSearchInterface .CoveoSearchbox { max-width: none; margin-right: 0; } } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input { height: 43px; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input .magic-box-underlay, .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input > input { height: 43px; padding-top: 5px; padding-left: 45px; padding-bottom: 5px; font-size: 2rem; font-family: "ff-good-web-pro", Arial sans-serif; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input > input { color: #E13200; font-weight: 600; text-transform: uppercase; padding-right: 30px; } @media (min-width: 992px) { .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input > input { padding-right: 49px; } } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-suggestions { font-family: "ff-good-web-pro", Arial sans-serif; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-suggestions .suggestion-title { color: #E13200; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-suggestions .magic-box-suggestion { font-size: 1.8rem; line-height: 27px; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-suggestions .magic-box-suggestion:hover { background: transparent; } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear { width: 25px; height: 100%; line-height: 43px; margin-right: 4px; visibility: visible; } @media (min-width: 992px) { .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear { width: 48px; margin-right: 0; } } .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear-svg { color: #002A4E; } @media (min-width: 992px) { .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear-svg { width: 18px; height: 18px; } } .CoveoSearchInterface .CoveoSearchbox .CoveoSearchButton { left: 0; border: none; width: 45px; height: 45px; position: absolute; } .CoveoSearchInterface .CoveoSearchbox .coveo-search-button-svg { width: 22px; height: 22px; color: #002A4E; } .CoveoSearchInterface .coveo-main-section { max-width: none; } .CoveoSearchInterface .coveo-results-column { padding: 0; } .CoveoSearchInterface .CoveoResultLink, .CoveoSearchInterface a.CoveoResultLink, .CoveoSearchInterface .CoveoResult a.CoveoResultLink { color: #000110; font-weight: 600; text-decoration: none; } .CoveoSearchInterface .CoveoResultLink:hover, .CoveoSearchInterface a.CoveoResultLink:hover, .CoveoSearchInterface .CoveoResult a.CoveoResultLink:hover { background: transparent; color: #E13200; text-decoration: underline; } .CoveoSearchInterface .CoveoResult a { color: #E13200; text-decoration: underline; } .CoveoSearchInterface .CoveoQuerySummary { color: #000110; } .CoveoSearchInterface .coveo-summary-section { display: flex; align-items: center; font-size: 1.6rem; } .CoveoSearchInterface .coveo-results-header { box-shadow: none; margin-bottom: 15px; } .CoveoSearchInterface .CoveoResultList { margin-bottom: 130px; } .CoveoSearchInterface .CoveoResultList .CoveoFieldValue .coveo-clickable { color: #E13200 !important; } @media (max-width: 480px) { .CoveoSearchInterface .CoveoResultList { margin-bottom: 30px; } } .CoveoSearchInterface .coveo-list-layout.CoveoResult { padding: 10px 0; border-bottom: none; } @media (max-width: 480px) { .CoveoSearchInterface .coveo-result-frame .coveo-result-cell, .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell { display: block; margin-bottom: 20px; } } .CoveoSearchInterface .coveo-result-frame .coveo-result-cell .CoveoFieldValue[data-field="@pcommondescription"], .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell .CoveoFieldValue[data-field="@pcommondescription"] { display: block; font-size: 1.6rem; margin-top: 15px; margin-bottom: 15px; } @media (max-width: 480px) { .CoveoSearchInterface .coveo-result-frame .coveo-result-cell .CoveoFieldValue[data-field="@pcommondescription"], .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell .CoveoFieldValue[data-field="@pcommondescription"] { margin-bottom: 5px; } } @media (max-width: 480px) { .CoveoSearchInterface .coveo-result-frame, .CoveoSearchInterface .CoveoResult.coveo-result-frame { display: block; } } .CoveoSearchInterface .coveo-result-frame .coveo-result-cell.img-box, .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell.img-box { width: 160px; display: flex; flex: none; align-items: center; justify-content: center; margin-right: 30px; } @media (max-width: 480px) { .CoveoSearchInterface .coveo-result-frame .coveo-result-cell.img-box, .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell.img-box { width: 100%; margin-right: 0; margin-bottom: 30px; } } .CoveoSearchInterface .coveo-result-frame .coveo-result-cell.img-box img, .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell.img-box img { max-height: 100px; } .CoveoSearchInterface .coveo-result-frame .coveo-result-cell.img-box + .coveo-result-cell, .CoveoSearchInterface .CoveoResult.coveo-result-frame .coveo-result-cell.img-box + .coveo-result-cell { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% - 190px); } .CoveoSearchInterface .CoveoPager { display: block; text-align: center; margin-bottom: 40px; } .CoveoSearchInterface .coveo-pager-list-item { color: #000110; border: none; padding: 0 1px; margin-left: 3px; margin-right: 3px; } .CoveoSearchInterface .coveo-pager-list-item.coveo-active, .CoveoSearchInterface .coveo-pager-list-item:hover { color: #000110; border: none; font-weight: 600; border-bottom: 2px solid #000110; background-color: transparent; } .CoveoSearchInterface .coveo-pager-next-icon-svg, .CoveoSearchInterface .coveo-pager-previous-icon-svg { width: 8px; height: 8px; color: #000110; } .CoveoSearchInterface .coveo-pager-next { margin-left: 5px; } .CoveoSearchInterface .coveo-pager-previous { margin-right: 5px; } #search.CoveoSearchInterface { color: #000110; font-family: "ff-good-web-pro", Arial sans-serif; } #search.CoveoSearchInterface .coveo-tab-section { border-bottom: none; background-color: transparent; overflow: hidden; text-align: left; } @media (max-width: 480px) { #search.CoveoSearchInterface .coveo-tab-section { background-color: transparent; } } #search.CoveoSearchInterface .CoveoPrintableUri .CoveoResultLink, #search.CoveoSearchInterface .CoveoResultLink.printable-uri { color: #E13200; text-decoration: underline; font-size: 12px; } #search.CoveoSearchInterface .CoveoTab { height: 45px; font-size: 1.7rem; margin-right: 8px; padding-left: 30px; padding-right: 30px; } @media (max-width: 480px) { #search.CoveoSearchInterface .CoveoTab { font-size: 1.4rem; padding-left: 10px; padding-right: 10px; } } #search.CoveoSearchInterface .CoveoTab p { color: #000110; font-weight: 600; } #search.CoveoSearchInterface .CoveoTab.coveo-selected { border-bottom-color: #E13200; padding-left: 42px; padding-right: 42px; } @media (max-width: 480px) { #search.CoveoSearchInterface .CoveoTab.coveo-selected { padding-left: 15px; padding-right: 15px; } } #search.CoveoSearchInterface .CoveoTab.coveo-selected:hover { border-bottom-color: #E13200; } #search.CoveoSearchInterface .CoveoTab.coveo-selected p { color: #E13200; } #search.CoveoSearchInterface.coveo-small-tabs .CoveoTab.coveo-selected:hover p, #search.CoveoSearchInterface.coveo-small-tabs .CoveoTab.coveo-selected p { border-bottom-color: #E13200; } #search.CoveoSearchInterface .coveo-result-frame, #search.CoveoSearchInterface .CoveoResult.coveo-result-frame { display: flex; } #search.CoveoSearchInterface .coveo-result-frame.product-result .coveo-result-cell.img-box img, #search.CoveoSearchInterface .CoveoResult.coveo-result-frame.product-result .coveo-result-cell.img-box img { max-height: 130px; } #search.CoveoSearchInterface .CoveoResultLink:not(.product-name):not(.coveo-printable-uri-part) { display: block; margin-top: 15px; } #search.CoveoSearchInterface .CoveoResultLink.product-name { font-size: 1.8rem; text-transform: uppercase; } @media (max-width: 480px) { #search.CoveoSearchInterface .CoveoResultLink.product-name { display: block; } } #search.CoveoSearchInterface .CoveoResult a.btn-secondary { font-size: 1.4rem; margin-right: 30px; } @media (max-width: 480px) { #search.CoveoSearchInterface .CoveoResult a.btn-secondary { margin-bottom: 15px; } } #kb-search.CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header, #kb-search.CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header, #kb-search.CoveoSearchInterface.coveo-small-recommendation .coveo-dropdown-header { color: #000110; } @media (max-width: 480px) { #kb-search.CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header-wrapper { margin-left: 10px; justify-content: flex-start; } } #kb-search.CoveoSearchInterface .coveo-more-tabs-svg { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-header-title { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-header-wait-animation-svg { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-header-btn { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-collapse-toggle-svg { color: #000110; } #kb-search.CoveoSearchInterface .coveo-checkbox-label { color: #000110; } #kb-search.CoveoSearchInterface input[type='checkbox'].coveo-checkbox:checked + button:before { border-color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-value .coveo-checkbox-span-label-suffix { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-value .coveo-checkbox-label:hover .coveo-checkbox-span-label, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-value .coveo-checkbox-label:hover .coveo-checkbox-span-label-suffix { color: #E13200; opacity: 1; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-value.coveo-focused .coveo-checkbox-span-label, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-value.coveo-focused .coveo-checkbox-span-label-suffix { opacity: 1; } #kb-search.CoveoSearchInterface .coveo-breadcrumb-items { padding-bottom: 0; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-title { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-value, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-collapse { color: #000110; } #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-value:hover, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-value:hover a, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-collapse:hover, #kb-search.CoveoSearchInterface .coveo-dynamic-facet-breadcrumb-collapse:hover a { text-decoration: none; } @media (max-width: 480px) { #kb-search.CoveoSearchInterface .CoveoBreadcrumb { display: flex; flex-direction: column; } #kb-search.CoveoSearchInterface .CoveoBreadcrumb .coveo-breadcrumb-clear-all { order: 1; margin-left: 0; padding-left: 0; padding-right: 0; } #kb-search.CoveoSearchInterface .CoveoBreadcrumb .coveo-breadcrumb-items { order: 2; } } #kb-search.CoveoSearchInterface .coveo-breadcrumb-clear-all { color: #000110; } #kb-search.CoveoSearchInterface .coveo-breadcrumb-clear-all:hover, #kb-search.CoveoSearchInterface .coveo-breadcrumb-clear-all:hover a { text-decoration: none; } #kb-search.CoveoSearchInterface .coveo-sort-icon-descending-svg { color: #000110; } #kb-search.CoveoSearchInterface .CoveoSort.coveo-ascending .coveo-sort-icon-ascending-svg { color: #000110; } #kb-search.CoveoSearchInterface .CoveoSort.coveo-selected { color: #E13200; border-bottom-color: #E13200; } #kb-search.CoveoSearchInterface .CoveoSort.coveo-selected:hover { border-bottom-color: #E13200; } #kb-search.CoveoSearchInterface .CoveoSort.coveo-selected.coveo-ascending .coveo-sort-icon-ascending-svg, #kb-search.CoveoSearchInterface .CoveoSort.coveo-selected.coveo-descending .coveo-sort-icon-descending-svg { color: #E13200; } #kb-search.CoveoSearchInterface .CoveoQueryDuration { color: #000110; margin-left: 10px; } #kb-search.CoveoSearchInterface .CoveoFieldValue .coveo-field-caption { color: #000110; font-weight: 600; } .coveo-icon-for-quickview-svg { color: unset; } .video-wp video { position: relative !important; } .video-wp:hover video ~ .s7iconeffect[state='replay'] { display: block; } .video-wp .s7videoplayer { position: relative !important; background: white; } .video-wp .s7iconeffect, .video-wp .s7controlbar { display: none; } .work-with .product-list { padding: 0; display: flex; flex-wrap: wrap; } .work-with .product-list .product-item { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 6px) / 2); max-width: calc((100% - 6px) / 2); margin-right: 6px; margin-bottom: 6px; padding: 10px; } .work-with .product-list .product-item:nth-child(2n+2) { margin-right: 0; } @media (min-width: 768px) { .work-with .product-list .product-item { flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 40px) / 4); max-width: calc((100% - 40px) / 4); margin-right: 10px; margin-bottom: 10px; padding: 20px; } .work-with .product-list .product-item:nth-child(2n+2) { margin-right: 10px; } .work-with .product-list .product-item:nth-child(3n+3) { margin-right: 0; } } .work-with .product-list .product-item .navigate-link { color: #000110; } .work-with .product-list .product-item .navigate-link:hover { text-decoration: none; } .work-with .product-list .product-item .img-box { display: flex; align-items: center; justify-content: center; height: 115px; margin-top: 25px; margin-bottom: 30px; } @media (min-width: 992px) { .work-with .product-list .product-item .img-box { margin-top: 50px; margin-bottom: 90px; } } .work-with .product-list .product-item .img-box img { flex-shrink: 0; max-height: 100%; } .work-with .product-list .product-item .product-name { margin: 0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 16px; text-transform: uppercase; } @media (min-width: 992px) { .work-with .product-list .product-item .product-name { font-size: 2rem; line-height: 22px; margin-bottom: 5px; } } .work-with .product-list .product-item .price-list { color: #C0C0C0; font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 16px; } @media (min-width: 992px) { .work-with .product-list .product-item .price-list { font-size: 1.4rem; line-height: 24px; } } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox { background-color: #EBEBEB !important; } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-sidebar .bv-submission-sidebar { background-color: #ffffff !important; padding: 1rem !important; margin: 3rem 1rem 1rem !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-sidebar .bv-submission-sidebar { margin: 5rem 1rem 1rem !important; } } @media (min-width: 992px) { #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-sidebar .bv-submission-sidebar .bv-subject-info-section .bv-subject-info span { font-size: 1.6rem !important; } } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container { background-color: #EBEBEB !important; } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-mbox-breadcrumb { padding: 2rem 2rem 1rem !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-mbox-breadcrumb { padding: 4rem 2rem 1rem !important; } } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-mbox-breadcrumb .bv-mbox-breadcrumb-item { color: #E13200 !important; } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-submission-section { background-color: #EBEBEB !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-submission-section .bv-required-fields-text { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; } } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-fieldsets { background-color: #EBEBEB !important; } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-fieldsets .bv-fieldset.bv-fieldset-active { background-color: #E0E0E0 !important; } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-fieldsets .bv-fieldset.bv-fieldset-agreements .bv-fieldset-label-checkbox { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.6rem !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-fieldsets .bv-fieldset-label .bv-fieldset-label-text { font-size: 1.6rem !important; } } #bv-mboxzone-lightbox div[class*="bv-core-container"] .bv-mbox .bv-mbox-content-container .bv-fieldsets .bv-fieldset-inner .bv-fieldset-casltext { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-mbox { padding: 20px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-mbox .bv-mbox-close { top: 25px !important; right: 25px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-mbox .bv-rating-helper { clear: none !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets input.bv-text, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets textarea { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.7rem !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets input.bv-text { border: 2px solid !important; border-color: transparent !important; border-radius: unset !important; padding: 11px 15px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets textarea { border: 2px solid !important; border-color: transparent !important; box-shadow: none !important; border-radius: unset !important; background-color: #ffffff !important; padding: 11px 15px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets #bv-fieldset-label-rating .bv-fieldset-label, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-label { font-size: 1.7rem !important; font-weight: 400 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset .bv-fieldset-label { padding-right: 40px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset .bv-fieldset-label { padding-right: 10px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active input { border-color: #000110 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset:hover .bv-review-field-content-wrapper, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active .bv-review-field-content-wrapper, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset .bv-fieldset-active:hover .bv-review-field-content-wrapper { border-color: #000110 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-valid .bv-fieldset-label { color: #000110 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper .bv-select:hover, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active.bv-select-field .bv-fieldset-select-wrapper .bv-select:hover, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper .bv-select:focus, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-active.bv-select-field .bv-fieldset-select-wrapper .bv-select:focus { border-color: #000110 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset:not(.bv-select-field):not(.bv-fieldset-secondary-rating):not(.bv-fieldset-isrecommended) .bv-helper { top: 7px !important; margin-top: 0px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset:not(.bv-fieldset-reviewtext) textarea:focus, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset:not(.bv-fieldset-reviewtext) .bv-fieldset:hover, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset:not(.bv-fieldset-reviewtext) .bv-fieldset.bv-fieldset-active:hover textarea { border-color: #000110 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-error .bv-fieldset-label { color: #E13200 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-error span.bv-helper-label, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-error:hover span.bv-helper-label { color: #E13200 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-error .bv-helper-icon-negative { color: #E13200 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-error .bv-helper { border: none !important; border-radius: none !important; background-color: transparent !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper { height: auto !important; float: none !important; flex: 0 0 100% !important; max-width: 100% !important; width: auto !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper { flex: 0 0 50% !important; max-width: 50% !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper .bv-select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: 2px solid !important; border-color: transparent !important; box-shadow: none !important; border-radius: unset !important; background-image: url("clientlib-site/resources/icons/angle-down-black.svg") !important; background-repeat: no-repeat !important; background-position: calc(100% - 20px) center !important; background-color: #ffffff !important; height: auto !important; line-height: 1.2em !important; margin-left: 0px !important; position: relative !important; padding: 11px 15px !important; width: 100% !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-select-wrapper .bv-select { margin-left: 36px !important; width: 82% !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-helper { top: 7px !important; margin-top: 0px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-helper { top: 50% !important; margin-top: -13px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-label-wrapper { float: none !important; flex: 0 0 100% !important; max-width: 100% !important; padding-right: 0 !important; width: auto !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-select-field .bv-fieldset-label-wrapper { flex: 0 0 50% !important; max-width: 50% !important; padding-right: 35px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-rating .bv-fieldset-label, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-rating .bv-rating-helper { padding-top: 0 !important; padding-bottom: 0 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-rating .bv-rating-helper { clear: none !important; margin-right: 0px !important; padding-right: 0px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-rating .bv-rating-helper { margin-right: 60px !important; padding-right: 30px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore > .bv-fieldset-label-wrapper { width: auto !important; margin-left: 0px !important; padding-top: 0px !important; padding-left: 10px !important; padding-right: 10px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore > .bv-fieldset-label-wrapper { margin-left: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore > .bv-fieldset-label-wrapper .bv-fieldset-label { padding-left: 5px !important; padding-right: 40px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore > .bv-fieldset-label-wrapper .bv-fieldset-label { padding-right: 10px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore .bv-netpromotercomment-wrapper { padding-top: 0px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore .bv-radio-group .bv-radio-container-li-active .bv-radio-wrapper-label, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-netpromoterscore .bv-radio-group .bv-radio-container-li .bv-radio-wrapper-label:hover { color: #E13200 !important; border-color: #E13200 !important; text-shadow: none !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-label-wrapper { float: none !important; width: auto !important; padding-top: 0px !important; padding-left: 10px !important; padding-right: 10px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-label-wrapper { float: left !important; width: 50% !important; padding-left: 0px !important; padding-right: 0px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-label-wrapper .bv-fieldset-label { padding-left: 5px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-label-wrapper .bv-fieldset-label { padding-left: 20px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-helper { top: 7px !important; margin-top: 0px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-isrecommended-wrapper { display: block !important; width: 100% !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-fieldset-isrecommended-wrapper { width: auto !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-radio-group { width: 35% !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-radio-group { width: 60% !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-radio-group ul { display: flex !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-isrecommended .bv-radio-group ul .bv-radio-container-li-active .bv-radio-wrapper-label { color: #ffffff !important; background-color: #E13200 !important; border-color: #E13200 !important; box-shadow: none !important; text-shadow: unset !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-contextdatavalue_Product .bv-fieldset-label-wrapper { padding-top: 0px !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset.bv-fieldset-agreements.bv-error .bv-fieldset-label-text { color: #E13200 !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-mincount .bv-helper { border: none !important; border-radius: none !important; background-color: transparent !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-rating.bv-error #bv-fieldset-label-rating .bv-fieldset-label { color: #E13200 !important; float: none !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-rating.bv-error #bv-fieldset-label-rating .bv-fieldset-label { float: left !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-rating .bv-fieldset-radio-wrapper { display: flex !important; float: none !important; justify-content: left !important; align-items: center !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-rating .bv-fieldset-radio-wrapper { width: auto !important; float: left !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-rating .bv-fieldset-radio-wrapper .bv-radio-group { width: auto !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-email-field.bv-fieldset-small-alone .bv-fieldset-inner { width: 100% !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating { display: flex !important; align-items: center !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-label-wrapper { float: none !important; width: 100% !important; padding-top: 0px !important; padding-left: 10px !important; padding-right: 10px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-label-wrapper { float: left !important; width: 50% !important; padding-left: 0px !important; padding-right: 0px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-label-wrapper .bv-fieldset-label { float: none !important; padding-left: 5px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-label-wrapper .bv-fieldset-label { float: left !important; padding-left: 20px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-radio-wrapper { width: 100% !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-radio-wrapper { width: auto !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-radio-wrapper .bv-radio-group { float: none !important; width: auto !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-fieldset-radio-wrapper .bv-radio-group { float: left !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-helper { top: 7px !important; margin-top: 0px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-helper { top: 50% !important; margin-top: -13px !important; } } @media (min-width: 768px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-fieldset-secondary-rating .bv-rating-helper { clear: none !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets li label.bv-radio-wrapper-label { color: #000110 !important; box-shadow: none !important; background-color: #ffffff !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-isrecommended-group-true .bv-radio-wrapper-label { border-radius: unset !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-isrecommended-group-false .bv-radio-wrapper-label { border-radius: unset !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-field .bv-fieldset-radio-wrapper:not(.bv-fieldset-netpromoterscore-wrapper) { display: flex !important; align-items: center !important; justify-content: left !important; padding-left: 0px !important; } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-field .bv-fieldset-radio-wrapper:not(.bv-fieldset-netpromoterscore-wrapper) { padding-left: 20px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-select-field .bv-fieldset-inner { display: flex !important; align-items: center !important; flex-wrap: wrap !important; padding-left: 10px !important; padding-right: 10px !important; justify-content: space-between !important; } @media (min-width: 768px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-select-field .bv-fieldset-inner { padding-left: 20px !important; padding-right: 20px !important; } } @media (min-width: 992px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-select-field .bv-fieldset-inner { padding-left: 20px !important; padding-right: 50px !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-container-li .bv-radio-wrapper-label:first-of-type, #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-radio-container-li .bv-radio-wrapper-label:last-of-type { border-radius: unset !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-submit { color: #ffffff !important; border: 1px solid #E13200 !important; background-color: #E13200 !important; font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; font-weight: 600 !important; margin-top: 5px !important; min-width: 14rem !important; padding: 0.9rem !important; text-align: center !important; width: 100% !important; } @media (min-width: 768px) { #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-fieldsets .bv-submit { width: auto !important; } } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-submission-star-rating:not(.bv-submission-star-rating-on):not(.bv-submission-star-rating-hover) .bv-rating-link { background: unset !important; border-color: transparent !important; border-radius: unset !important; box-shadow: none !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-submission-star-rating .bv-rating-link { font-size: 2.4rem !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-submission-star-rating .bv-rating-link span { text-shadow: none !important; } #bv-mboxzone-lightbox.bv-cv2-cleanslate div[class*="bv-core-container"] .bv-submission .bv-review-field-content-wrapper { border: 2px solid !important; border-color: transparent !important; border-radius: unset !important; } .poly-next-steps-links { height: 100%; } .next-steps-links { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding-left: 20px; padding-right: 20px; min-height: 100%; text-transform: uppercase; } @media (max-width: 767.98px) { .next-steps-links { height: 250px; } } .next-steps-links .link-container { display: flex; flex-basis: 50%; justify-content: center; flex-direction: column; color: #ffffff; } .next-steps-links .link-container:hover { color: #E13200; } .next-steps-links .item { width: 100%; } .next-steps-links .icon { margin-left: auto; margin-right: auto; display: block; margin-bottom: 2rem; height: 40px; } .next-steps-links .item-text { text-align: center; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-action-bar { margin: 0 !important; padding: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review:focus, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review:hover { color: #ffffff !important; border: 1px solid #E13200 !important; background-color: #E13200 !important; font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; font-weight: 600 !important; margin-top: 5px !important; min-width: 14rem !important; padding: 0.9rem !important; text-align: center !important; width: 100% !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review:focus, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] button.bv-write-review:hover { width: auto !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary { margin: 0 !important; padding: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-block { padding-top: 30px !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-block { padding: 0 !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary .bv-content-title { font-size: 1.4rem !important; font-family: "ff-good-web-pro", Arial sans-serif !important; font-weight: 600 !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #D1D3D4 !important; text-transform: uppercase !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram { order: 2 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary { order: 1 !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary { margin-right: 10px !important; } } @media (min-width: 992px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary { margin-right: 20px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list { margin: 0 !important; width: 100% !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row { border-bottom: 1px solid #D1D3D4 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-cell { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: 0.4px !important; line-height: 24px !important; padding-top: 20px !important; text-transform: uppercase !important; border-bottom: 1px solid #D1D3D4 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-rating-stars-container .bv-rating-stars { font-size: 1.6rem !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row span.bv-table-cell:nth-of-type(2) { padding-left: 0px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container-column { margin: 0 !important; width: 100% !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container { margin-top: 0px !important; margin-bottom: 10px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container:first-of-type { margin-top: 20px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper { margin: 0 !important; padding-left: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container div:first-child { margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-bottom: 0px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container-column .bv-flex-container div:last-child { width: 26px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-glyph { color: #E13200 !important; margin-left: 2px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-content-secondary-ratings-value, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-secondary-ratings-container { height: 4px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-flex-container div { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; line-height: 13px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-inline-histogram-ratings .bv-inline-histogram-ratings-bar { padding-right: 0px !important; padding-left: 0px !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-flex-container-responsive .bv-head-to-head-item:first-child { margin-right: 20px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-header { padding: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-header-meta { display: flex !important; align-items: center !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-header-meta { display: flex !important; align-items: center !important; margin-top: 5px !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-header-meta { margin-top: 24px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-badges-container { margin: 0 !important; margin-top: 12px !important; padding: 0 !important; position: relative !important; text-align: left !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-badges-container { margin-top: 0 !important; position: absolute !important; text-align: right !important; } } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-badges-container { top: 24px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-item-avatar-offset-off .bv-content-rating .bv-rating-stars-container { margin-right: 10px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data-summary .bv-content-meta .bv-author { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; margin-right: 5px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data-summary .bv-content-meta .bv-content-datetime-stamp { color: rgba(0, 1, 16, 0.54) !important; font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; line-height: 20px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-title-container { margin-top: 18px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-item .bv-content-item-avatar-offset .bv-content-title, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-title { border-bottom: none !important; font-family: "ff-good-headline-web-pro", Arial, sans-serif !important; font-size: 2.4rem !important; font-weight: 600 !important; line-height: 30px !important; margin: 0 !important; padding-bottom: 0 !important; text-transform: uppercase !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-summary { padding-left: 0 !important; padding-right: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-summary p { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.8rem !important; line-height: 27px !important; margin-top: 24px !important; margin-bottom: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-item .bv-content-actions-container { padding: 0 !important; margin-top: 15px !important; margin-bottom: 20px !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-item .bv-content-actions-container { margin-top: 25px !important; margin-bottom: 30px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head a.bv-head-to-head-see-more-positive { padding: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head a.bv-head-to-head-see-more-critical { padding: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-control-bar { border-bottom: 1px solid #D1D3D4 !important; background: none !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 100px !important; margin-bottom: 0 !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-control-bar { margin-top: 136px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-control-bar .bv-control-bar-count { flex: none !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-pagination { margin: 0 !important; padding: 0 !important; background-color: unset !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-pagination-pages-current { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.2rem !important; font-weight: 600 !important; text-transform: uppercase !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-pagination-pages-current { font-size: 1.4rem !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-control-bar .bv-control-bar-sort { margin: 0 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-dropdown-target .bv-dropdown-label, .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-dropdown-target .bv-dropdown-title { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; font-weight: 600 !important; text-transform: uppercase !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-dropdown select.bv-select-cleanslate { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: none !important; border-radius: 0 !important; background-color: transparent !important; cursor: pointer !important; font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; font-weight: 600 !important; position: relative !important; text-transform: uppercase !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-dropdown select.bv-select-cleanslate::-ms-expand { display: none !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-item.bv-content-review { margin: 30px 0px 0px !important; padding: 12px 0px !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-item.bv-content-review { margin: 0 !important; padding: 25px 0px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-head-to-head .bv-content-item .bv-content-rating { display: inline-flex !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data { margin-top: 25px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data dl dt { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; line-height: 19px !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data-label-container .bv-content-data-label { font-weight: 400 !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-data dl dd { font-family: "ff-good-web-pro", Arial sans-serif !important; font-size: 1.4rem !important; font-weight: 600 !important; text-transform: uppercase !important; } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-details-container .bv-secondary-ratings { margin: 0 !important; padding: 0 !important; } @media (min-width: 768px) { .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-details-container .bv-secondary-ratings { margin: 0 10px !important; padding: 0 10px !important; } } .ratings-and-reviews .bv-cv2-cleanslate div[class*="bv-core-container"] .bv-content-actions-container { padding: 0 !important; margin: 0 !important; } .support-hero { margin-bottom: 40px; } .support-hero .support-hero-top-section { margin-bottom: 2px; } .support-hero .support-hero-top-section .btn-primary { margin: 0 50px 0 0; position: absolute; right: 0; bottom: 20px; z-index: 1; } .support-hero .support-hero-top-section .support-hero-get-buttons { margin-top: -45px; margin-left: 25px; } .support-hero .support-hero-top-section .get-help { display: inline-block; height: 80px; position: relative; } .support-hero .support-hero-top-section .get-started { display: inline-block; height: 80px; position: relative; } .support-hero .support-hero-top-section .search-all { position: relative; margin-top: -20px; } .support-hero .support-hero-top-section .get-help-img { height: 80px; } .support-hero .support-hero-top-section .get-started-img { height: 80px; } .support-hero .support-hero-top-section .hidden-support-hero-button { visibility: hidden; } .support-hero .support-hero-container { height: 320px; background-color: #D1D3D4; padding-bottom: 20px; line-height: 1; position: relative; } .support-hero .support-hero-container .breadcrumb { margin: unset; } .support-hero .support-hero-container .product-name { color: #002A4E; padding-left: 10px; font-size: 60px; font-weight: bold; font-stretch: extra-condensed; text-transform: uppercase; } .support-hero .support-hero-image { height: 190px; width: auto; background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; margin-top: -24px; z-index: 1; } .support-hero .support-product-detail-page .breadcrumb-item.active { color: #000110; } #support-search-wrapper { padding: 0 30px 0 50px; } #support-search-wrapper .CoveoSearchInterface { color: #000110; font-family: "ff-good-web-pro", Arial sans-serif; float: right; width: 520px; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox { max-width: 500px; margin-right: 0; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoOmnibox .magic-box-input { height: 100%; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoOmnibox .magic-box-input > input { font-size: 2rem; text-transform: none; padding-left: 5px; color: #002A4E; height: 50px; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoOmnibox .magic-box-clear { height: 100%; line-height: 43px; visibility: visible; width: 48px; margin-right: 0; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoOmnibox .magic-box-clear-svg { width: 18px; height: 18px; color: #002A4E; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoSearchButton { left: 0; border: none; width: 45px; position: relative; background-color: #E13200; } #support-search-wrapper .CoveoSearchInterface .CoveoSearchbox .coveo-search-button-svg { width: 22px; height: 22px; color: white; } .support-product-name { text-align: center; } #product-chooser { display: flex; flex-direction: column; height: auto; margin-bottom: 2rem; } #product-chooser .product-chooser__banner__image { background-image: url("../../../content/dam/www/support/img/support-landing-hero.jpg"); } #product-chooser .product-chooser__poly-support { margin-top: 2rem; width: auto; } #product-chooser .product-chooser__poly-support h1 { color: #E13200; font-size: 11rem; font-weight: 700; letter-spacing: 0.023rem; margin: 0; padding: 0; } #product-chooser .product-chooser__welcome { margin-bottom: .1rem; z-index: 1; } #product-chooser .product-chooser__welcome h3 { color: white; font-weight: 600; margin: 0 0 -7rem 3rem; padding: 0; position: relative; text-transform: none; } #product-chooser .simple-container { margin: 0 28.5rem; } #product-chooser .simple-content-wrapper { padding: 5rem 0 2rem 0; } #product-chooser .product-chooser__category__outer-div--no-banner { position: static; } #product-chooser .product-chooser__category__outer-div--banner { bottom: 40px; } #product-chooser #product-chooser__categories #categorieslist { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -22px; } #product-chooser #product-chooser__categories #categorieslist .overnine:not(:nth-child(-n+10)) { display: none; } #product-chooser #product-chooser__categories .product-chooser__category__tile__label { margin-bottom: 15px; margin-top: auto; } #product-chooser #product-chooser__categories .category-image { margin-left: auto; margin-right: auto; max-height: 65%; max-width: 100%; position: static; vertical-align: middle; } #product-chooser #product-chooser__categories .categoryinputlabel { display: flex; flex-direction: column; float: left; height: 302px; top: 5px; left: 5px; margin: 18px; position: relative; color: black; background-color: white; padding: 20px; text-align: center; width: 220px; cursor: pointer; text-transform: uppercase; } #product-chooser #product-chooser__categories .categoryinputlabel:hover { border: 3px solid #E13200; } #product-chooser #product-chooser__categories .expanderdiv { color: #E13200; cursor: pointer; display: block; height: 25px; width: 155px; float: right; padding: 0; margin-left: 0; margin-right: 0; margin-top: 0; text-transform: uppercase; width: 100%; } #product-chooser #product-chooser__categories .expanderdivLink { text-decoration: none; } #product-chooser #product-chooser__categories .expanderdivLink:hover { color: darkred; text-decoration: underline; } #product-chooser #product-chooser__categories #categoryexpander { display: block; text-align: right; padding-right: 7.5rem; width: 100%; } #product-chooser #product-chooser__categories #categoryshrinker { display: none; padding-right: 64px; text-align: center; width: 100%; } #product-chooser #product-chooser__categories .product-chooser__category__tile__icon { height: 19px; margin-bottom: -10px; margin-left: auto; margin-right: auto; width: 32px; } #product-chooser #product-chooser__categories .product-chooser__category__tile--lava-border { border: 3px solid #E13200; } #product-chooser #product-chooser__categories .product-chooser__category__tile--normal-border { border: 2px solid lightgray; } #product-chooser .product-chooser--hidden { display: none !important; } #product-chooser .bannerfindsupportcaptiondiv { position: relative; color: white; margin-top: 49px; } #product-chooser .findsupportcaptiondiv { color: black; } #product-chooser #product-chooser__family-product-div { display: flex; flex-direction: column; height: auto; margin: 0 26rem; text-align: left; width: 1320px; } #product-chooser #product-chooser__family-product-div #product-chooser__families { height: auto; margin-left: 23px; order: 0; overflow: hidden; width: 1242px; } #product-chooser #product-chooser__family-product-div #product-chooser__families nav { display: block; width: 100%; } #product-chooser #product-chooser__family-product-div #product-chooser__families ul { display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list { display: flex; flex-direction: row; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__category__families { display: none; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family--hidden { display: none; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family--visible { display: block; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family--disabled { display: none !important; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list a { display: block; margin-right: 13px; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list label { display: block; font-size: 1.6rem; margin-bottom: 13px; padding: .5rem 1rem; text-align: left; text-transform: uppercase; white-space: nowrap; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list h3 { display: block; font-size: 3.2rem; margin-bottom: 2rem; margin-top: 2rem; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family__link--active label { background: #E13200; border: 1px solid #C0C0C0; color: white; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family__link--inactive label { background: white; border: 1px solid black; color: black; } #product-chooser #product-chooser__family-product-div #product-chooser__families #product-chooser__families__list .product-chooser__family__link--inactive label:hover { background: #E13200; border: 1px solid #C0C0C0; color: white; } #product-chooser #product-chooser__family-product-div .product-chooser__horizontal__line { border: 1px solid #E13200; display: block; margin-top: 1rem; order: 1; } #product-chooser .product-chooser__category__outer-div { height: auto; overflow: auto; position: static; text-align: left; width: 1320px; } #product-chooser .product-chooser__category__outer-div--no-banner { position: static; } #product-chooser .product-chooser__category__outer-div--banner { bottom: 40px; } #product-chooser #products { display: flex; flex-direction: row; flex-wrap: wrap; order: 2; width: 100%; } #product-chooser #products .productdiv { display: none; min-width: 220px; height: 302px; top: 5px; left: 5px; margin: 18px; position: relative; border: 2px solid lightgray; background-color: white; padding: 20px; text-align: center; width: 220px; cursor: pointer; color: #000110; text-underline-style: none; } #product-chooser #products .productdiv .product-chooser__div--vertical_align { display: flex; flex-direction: column; height: 100%; } #product-chooser #products .productdiv .product-image { height: auto; max-width: 90%; max-height: 180px; margin: auto auto; } #product-chooser #products .productdiv p { margin-bottom: 2rem; } #product-chooser #products .productdiv:hover { color: #000110; border: 3px solid #E13200; text-decoration: none; } #product-chooser #products p { text-transform: uppercase; } #product-chooser #products a { margin-top: 2rem; } #product-chooser #product-chooser__products__dropdown { display: flex; flex-direction: column; margin-left: auto; margin-right: 5.25rem; margin-top: 2rem; position: relative; width: 15rem; } #product-chooser #product-chooser__products__dropdown.product-chooser__products__dropdown--hidden { display: none; visibility: hidden; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__selector { display: flex; flex-direction: row; margin-left: auto; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__selector label { margin-bottom: auto; margin-right: 1rem; margin-top: auto; text-transform: uppercase; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__selector .product-chooser__products__dropdown__selector__selected input { background: transparent; border: 1px solid #000110; color: #000110; cursor: pointer; height: 3rem; padding: 0.25rem; text-align: center; text-transform: uppercase; width: 8rem; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__selector .product-chooser__products__dropdown__selector__selected input:hover { background: #E13200; border: none; color: white; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__selector .product-chooser__products__dropdown__selector__selected__icon { background: transparent; height: 2rem; width: 2rem; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__options { display: flex; flex-direction: column; left: 7.1rem; margin-left: auto; position: absolute; top: 3rem; z-index: 2; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__options:first-child { border-bottom: none; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__options input { background: white; border: 1px solid #000110; bottom: 0; color: #000110; cursor: pointer; height: 3rem; margin-left: -1px; margin-top: -1px; padding: 0.25rem; text-align: center; text-transform: uppercase; width: 8rem; } #product-chooser #product-chooser__products__dropdown .product-chooser__products__dropdown__options input:hover { background: #E13200; border: 1px solid #E13200; color: white; } #product-chooser #banner-search-wrapper .bannersearchproductdiv { color: white; height: 150px; margin-top: 3rem; width: 800px; z-index: 2; } #product-chooser #banner-search-wrapper .CoveoResultLink, #product-chooser #banner-search-wrapper a.CoveoResultLink, #product-chooser #banner-search-wrapper .CoveoResult a.CoveoResultLink { color: #ff3b00; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoStandaloneSearchbox .magic-box-input input::-webkit-input-placeholder { color: #67768b; font-size: 14px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoStandaloneSearchbox .magic-box-input input::-moz-placeholder { color: #67768b; font-size: 14px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoStandaloneSearchbox .magic-box-input input:-ms-input-placeholder { color: #67768b; font-size: 14px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoStandaloneSearchbox .magic-box-input input::-ms-input-placeholder { color: #67768b; font-size: 14px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoStandaloneSearchbox .magic-box-input input::placeholder { color: #67768b; font-size: 14px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .coveo-suggestion-container .coveo-preview-container .coveo-preview-results .coveo-preview-layout .coveo-default-result-preview { padding: unset; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .coveo-suggestion-container .coveo-preview-container .coveo-preview-results .coveo-preview-layout .coveo-default-result-preview .CoveoImageFieldValue { position: relative; height: 100px; width: 100px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame.coveo-default-result-preview div.CoveoIcon { background-repeat: no-repeat; background-position: center; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame .coveo-icon.coveo-icon-with-caption-overlay { height: 100px; width: 100px; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame.coveo-default-result-preview div:nth-child(3) { display: none; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame.coveo-default-result-preview div.CoveoFieldValue a span { display: block; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame.coveo-default-result-preview div.CoveoFieldValue span { display: none; } #product-chooser #banner-search-wrapper .bannersearchproductdiv .CoveoResult .coveo-result-frame.coveo-default-result-preview .coveo-icon[data-with-label="true"] .coveo-icon-caption-overlay { display: none; } #product-chooser #banner-search-wrapper .coveo-icon-caption-overlay { display: none !important; } #product-chooser #banner-search-wrapper .CoveoResultLink, #product-chooser #banner-search-wrapper a.CoveoResultLink, #product-chooser #banner-search-wrapper .CoveoResult a.CoveoResultLink { color: #E13200; } #product-chooser #banner-search-wrapper .CoveoIcon.kb { background: url("clientlib-site/resources/icons/support-kb.png") no-repeat; margin-left: 65px; } #product-chooser #banner-search-wrapper .CoveoIcon.answers { background: url("clientlib-site/resources/icons/support-community.png") no-repeat; margin-left: 65px; } #product-chooser #banner-search-wrapper .CoveoIcon.softreleases { background: url("clientlib-site/resources/icons/support-download.png") no-repeat; margin-left: 65px; } #product-chooser #banner-search-wrapper .CoveoIcon.guides, #product-chooser #banner-search-wrapper .coveo-icon.releases { background: url("https://www.poly.com/etc.clientlibs/poly/clientlibs/clientlib-site/resources/icons/support-document.png") no-repeat; margin-left: 65px; } #product-chooser #banner-search-wrapper .productImage { width: 100px; height: 100px; } #product-chooser #banner-search-wrapper .CoveoSearchInterface { color: #000110; font-family: "ff-good-web-pro", Arial sans-serif; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .coveo-search-section { max-width: 500px; margin: 20px 0; padding: 0; } @media (max-width: 480px) { #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox { max-width: none; margin-right: 0; } } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input { height: 50px; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-input > input { font-size: 1.5rem; font-weight: 200; text-transform: none; padding-left: 5px; padding-top: unset; color: #002A4E; height: 50px; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear { height: 100%; visibility: visible; width: 48px; margin-right: 0; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-clear-svg { width: 18px; height: 18px; color: #002A4E; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .magic-box .magic-box-suggestions { z-index: 100; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .CoveoSearchButton { left: 0; border: none; width: 45px; height: 50px; position: relative; background-color: #E13200; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoSearchbox .coveo-search-button-svg { width: 22px; height: 22px; color: white; } #product-chooser #banner-search-wrapper .CoveoSearchInterface .CoveoQuerySuggestPreview { width: 600px; } .support-tabs { min-height: 500px; } .support-tablist { border-bottom: 2px solid #ff3b00; } .support-tab { background-color: #d1d3d4; color: #002A4E; text-transform: uppercase; font-family: inherit; font-weight: 600; padding: 10px; text-align: center; letter-spacing: -0.3px; opacity: 1; border-right: 10px solid #fff; border-left: 0px solid #fff; } .support-tab:hover, .support-tab:focus { background-color: #E13200 !important; color: #ffffff; } .sp-cmp-tabs__tabpanel { min-height: 500px; margin-top: 20px; margin-bottom: 40px; } .support-tab.cmp-tabs__tab--active { background-color: #E13200 !important; color: #ffffff; } .buy-breadcrumb { margin-bottom: 10px; text-transform: uppercase; } .buy-breadcrumb a { position: relative; padding-left: 15px; font-size: 12px; } .buy-breadcrumb a:before { color: #E13200; font-size: 16px; content: '\f104'; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; } .breadcrumb-text { color: black; text-decoration: none; font-weight: 500; } .buy-now-wrapper .buy-now-container { display: flex; } .buy-now-wrapper .buy-now-container .priceList { padding-top: 15px; } @media (max-width: 480px) { .buy-now-wrapper .buy-now-container { flex-direction: column; } } .buy-now-wrapper .buy-now-container .buynow-carousel { flex: 0 0 60%; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper { background-color: #F8F8F8; } @media (min-width: 768px) { .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper { margin-right: 12%; } } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-container .carousel-img-container { display: flex; height: 428px; align-items: center; justify-content: center; margin: 8% 8% 0 8%; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-container .carousel-img-container img { max-height: 100%; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .prev-page-icon, .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .next-page-icon { width: 15px; height: 25px; display: inline-block; font-size: 1rem; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-prev-arrow, .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-next-arrow { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; color: #ffffff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-prev-arrow { left: calc(3%); } @media (max-width: 480px) { .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-prev-arrow { left: calc(2%); } } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-next-arrow { right: calc(16%); } @media (max-width: 480px) { .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .carousel-next-arrow { right: calc(2%); } } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .prev-page-icon { background-image: url("clientlib-site/resources/icons/carousel-prev-arrow.svg"); } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .next-page-icon { background-image: url("clientlib-site/resources/icons/carousel-next-arrow.svg"); } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .navigate-container .carousel-dot { height: 8px; width: 8px; background-color: #bbb; border-radius: 50%; display: inline-block; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .navigate-container .active .carousel-dot { background-color: #E13200; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .navigate-container .carousel-indicators li { height: auto; width: 20px; } .buy-now-wrapper .buy-now-container .buynow-carousel .carousel .carousel-wrapper .navigate-container .carousel-indicators li .thumbnail { text-indent: 0; } .buy-now-wrapper .buy-now-container .buynow-details-container { flex: 0 0 40%; align-items: center; } .buy-now-wrapper .buy-now-container .buynow-details-container .badge-tag { padding-bottom: 15px; } .buy-now-wrapper .buy-now-container .buynow-details-container .badge-tag span { background-color: #002A4E; padding: 4px 15px; color: #FFF; } .buy-now-wrapper .buy-now-container .buynow-details-container .badge-tag span:not(:first-child) { margin-left: 5px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-title { font-size: 32px; } @media (max-width: 480px) { .buy-now-wrapper .buy-now-container .buynow-details-container .product-title { font-size: 18px; } } .buy-now-wrapper .buy-now-container .buynow-details-container .product-description { font-size: 16px; font-weight: 400; text-transform: none; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-price { display: none; } .buy-now-wrapper .buy-now-container .buynow-details-container .bv_main_container #WAR { display: none !important; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-feature-list { padding-left: 20px; padding-top: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .displayPrice { font-size: 24px; font-weight: 600; text-transform: uppercase; } .buy-now-wrapper .buy-now-container .buynow-details-container .actualPrice { text-decoration: line-through; color: #bbb; font-family: "ff-good-headline-web-pro", Arial, sans-serif; text-transform: uppercase; font-size: 20px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details { padding-top: 30px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel { border-top: 1px solid #E6E6E6; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel [type=radio] { position: absolute; opacity: 0; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container { border: 1px solid #D1D3D4; width: 33%; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container:not(:last-child) { margin-right: 15px; } @media (max-width: 767.98px) { .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container { width: 45%; margin-top: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container:nth-child(2n+1) { margin-right: 10px; } } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container label { flex-direction: column; align-items: center; justify-content: center; display: flex; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; min-height: 94px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .feature-icon-container label img { max-height: 50px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-panel, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel { text-align: center; padding: 0 18px; display: none; background-color: #ffffff; overflow: hidden; } @media (max-width: 767.98px) { .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-panel, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel { padding: 0 0 0 18px; } } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .radio-btn-disabled { opacity: 0.2; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn { padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show { display: flex; padding-bottom: 28px; } @media (max-width: 767.98px) { .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show { flex-wrap: wrap; } } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .selected-radio-btn { font-weight: bold; color: #E13200; border: 2px solid #002A4E; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .radio-btn-disabled.selected-radio-btn { opacity: 1; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-container, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-container { border-bottom: 1px solid #E6E6E6; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn { position: relative; background: transparent; text-transform: uppercase; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn span, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn span { font-weight: 500; color: #000; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn:before, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn:before { top: 20px; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; font-size: 12px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn.expanded:before, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn.expanded:before { content: '\f068'; color: #E13200; font-size: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-accordion-btn.collapsed:before, .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn.collapsed:before { content: '\f067'; color: #E13200; font-size: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart { padding-top: 60px; padding-bottom: 20px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price { display: flex; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price .qty-group { border: solid lightgray 2px; max-width: 135px; display: inline-flex; justify-content: space-around; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart { flex: 1; justify-content: center; align-items: center; margin-left: 20px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price { padding-left: 10px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price .base-price { text-transform: uppercase; text-decoration: line-through; color: #bbb; padding-left: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price span:first-child { border-left: 2px solid #ffffff; padding-left: 10px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #buy-contact-modal { display: none; flex: 1; justify-content: center; align-items: center; margin-left: 20px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price #quantity { max-width: 33%; text-align: center; border: none; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .selected-product { font-weight: 500; font-size: 18px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .selected-product .product-name { font-weight: 400; font-size: 14px; padding: 0 4px; } .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price { display: flex; } @media (max-width: 767.98px) { .buy-now-wrapper .buy-now-container .buynow-details-container .product-cart-details .selected-product-cart .qty-addtocart-price .carousel-item > div:first-child { display: block; } } .buy-now-wrapper .spec-wrapper { padding-bottom: 45px; } .buy-now-wrapper .spec-wrapper .spec-header-wrapper:first-child { padding-top: 80px; } .buy-now-wrapper .spec-wrapper .spec-header { position: relative; background: transparent; text-transform: uppercase; padding: 20px 10px 0 20px; border-top: 1px solid #E6E6E6; cursor: pointer; } .buy-now-wrapper .spec-wrapper .spec-header span { font-weight: 500; color: #000; } .buy-now-wrapper .spec-wrapper .spec-header:before { top: 24px; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; content: '\f067'; color: #E13200; font-size: 10px; } .buy-now-wrapper .spec-wrapper .spec-header.expand:before { content: '\f068'; color: #E13200; font-size: 10px; } .buy-now-wrapper .spec-wrapper ul.show { padding-bottom: 10px; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner { padding: 0; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item.active, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev { display: flex; } @media (min-width: 768px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next { -webkit-transform: translateX(33.333%); transform: translateX(33.333%); } } @media (min-width: 992px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-next, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-next { -webkit-transform: translateX(20%); transform: translateX(20%); } } @media (min-width: 768px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-33.333%); transform: translateX(-33.333%); } } @media (min-width: 992px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-prev, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-prev { -webkit-transform: translateX(-20%); transform: translateX(-20%); } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item:not(.active) .buy-now-card-container:first-child .card.buy-now-card-body, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item:not(.active) .buy-now-card-container:first-child .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item:not(.active) .buy-now-card-container:first-child .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item:not(.active) .buy-now-card-container:first-child .card.buy-now-card-body { padding-left: 2.5rem; color: #000; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link { flex: 0 0 20%; } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item a.navigate-link { flex: 0 0 25%; } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right, .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-right, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item-left, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-right, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item-left { -webkit-transform: translateX(0); transform: translateX(0); } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container { position: relative; width: 100%; } @media (max-width: 1439.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container { flex: 0 0 18%; } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card { border: none; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body { flex: 1 1 auto; padding: 1.25rem 2.5rem 1.25rem 0; color: #000; } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card.buy-now-card-body { padding: 0 1.25rem 0 0; } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 300px; padding: 25px; background-color: #F5F5F5; } @media (max-width: 991.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box { height: 175px; } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box img, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box img, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box img, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card .img-box img { max-height: 100%; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card h5, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card h5, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card h5, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card h5 { font-size: 1.85rem; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card p, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card p, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .buy-now-card-container .card p, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .buy-now-card-container .card p { color: #C0C0C0; margin: 0; } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item > div, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item > div { display: none; } } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-container .carousel-inner .carousel-item > div:first-child { display: block; } } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-control-prev-icon, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-control-prev-icon, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-control-prev-icon, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-control-prev-icon { background-image: url("clientlib-site/resources/icons/carousel-prev-arrow.svg"); } .buy-now-wrapper .related-accessories .slide-large .models-carousel .carousel-control-next-icon, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .carousel-control-next-icon, .buy-now-wrapper .similar-products .slide-large .models-carousel .carousel-control-next-icon, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .carousel-control-next-icon { background-image: url("clientlib-site/resources/icons/carousel-next-arrow.svg"); } .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container { display: flex; align-items: center; justify-content: center; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container .previous-page, .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container .next-page, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container .previous-page, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container .next-page, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container .previous-page, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container .next-page, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container .previous-page, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container .next-page { cursor: pointer; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container .carousel-indicators, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container .carousel-indicators, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container .carousel-indicators, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container .carousel-indicators { display: flex; align-items: center; justify-content: center; margin: 0 5px; position: relative; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container .carousel-indicators .item, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container .carousel-indicators .item, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container .carousel-indicators .item, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container .carousel-indicators .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000; margin-right: 5px; } .buy-now-wrapper .related-accessories .slide-large .models-carousel .navigate-container .carousel-indicators .item.active, .buy-now-wrapper .related-accessories .slide-large .similar-models-carousel .navigate-container .carousel-indicators .item.active, .buy-now-wrapper .similar-products .slide-large .models-carousel .navigate-container .carousel-indicators .item.active, .buy-now-wrapper .similar-products .slide-large .similar-models-carousel .navigate-container .carousel-indicators .item.active { width: 12px; height: 12px; background-color: #000; } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-medium .desktop-view, .buy-now-wrapper .similar-products .slide-medium .desktop-view { display: none; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container { list-style: none; padding-left: 0; display: flex; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container li, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container li { max-width: 25%; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container { position: relative; width: 100%; } } @media (max-width: 767.98px) and (min-width: 768px) { .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container { flex: 0 0 33.333%; max-width: 33.333%; } } @media (max-width: 767.98px) { .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card { border: none; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card.buy-now-card-body { flex: 1 1 auto; padding: 1.25rem 1rem 1.25rem 0; color: #000; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 200px; padding: 25px; background-color: #F5F5F5; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card .img-box img, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card .img-box img { max-height: 100%; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card h5, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card h5 { font-size: 1.85rem; } .buy-now-wrapper .related-accessories .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card p, .buy-now-wrapper .similar-products .slide-medium .mobile-view .mobile-models-container .buy-now-card-container .card p { color: #C0C0C0; margin: 0; } } @media (max-width: 767.98px) and (min-width: 768px) { .buy-now-wrapper .related-accessories .slide-medium .mobile-view, .buy-now-wrapper .similar-products .slide-medium .mobile-view { display: none; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container { display: flex; padding: 0; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li { list-style: none; flex-basis: 25%; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container { position: relative; width: 100%; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card { border: none; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card.buy-now-card-body { flex: 1 1 auto; padding: 1.25rem 2.5rem 1.25rem 0; color: #000; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 300px; padding: 25px; background-color: #F5F5F5; } } @media (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box { height: 175px; } } @media (max-width: 767.98px) and (min-width: 768px) { .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box img, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card .img-box img { max-height: 100%; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card h5, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card h5 { font-size: 1.85rem; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card p, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container li .buy-now-card-container .card p { color: #C0C0C0; margin: 0; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container .item, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container .item { width: 8px; height: 8px; cursor: pointer; border-radius: 50%; border: 1px solid #000; margin-right: 5px; } .buy-now-wrapper .related-accessories .slide-medium .desktop-view .small-models-container .item.active, .buy-now-wrapper .similar-products .slide-medium .desktop-view .small-models-container .item.active { width: 12px; height: 12px; background-color: #000; } } @media (min-width: 768px) { .buy-now-wrapper .related-accessories .mobile-view, .buy-now-wrapper .similar-products .mobile-view { display: none; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container, .buy-now-wrapper .similar-products .desktop-view .small-models-container { display: flex; padding: 0; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li, .buy-now-wrapper .similar-products .desktop-view .small-models-container li { list-style: none; flex-basis: 25%; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container { position: relative; width: 100%; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card { border: none; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card.buy-now-card-body, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card.buy-now-card-body { flex: 1 1 auto; padding: 1.25rem 2.5rem 1.25rem 0; color: #000; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card .img-box { display: flex; align-items: center; justify-content: center; height: 300px; padding: 25px; background-color: #F5F5F5; } } @media (min-width: 768px) and (max-width: 991.98px) { .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card .img-box, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card .img-box { height: 175px; } } @media (min-width: 768px) { .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card .img-box img, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card .img-box img { max-height: 100%; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card h5, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card h5 { font-size: 1.85rem; } .buy-now-wrapper .related-accessories .desktop-view .small-models-container li .buy-now-card-container .card p, .buy-now-wrapper .similar-products .desktop-view .small-models-container li .buy-now-card-container .card p { color: #C0C0C0; margin: 0; } } .buy-now-wrapper .carousel-control-prev, .buy-now-wrapper .carousel-control-next { bottom: auto; } .buy-now-wrapper .carousel-control-next { top: -10%; right: 2%; } @media (max-width: 991.98px) { .buy-now-wrapper .carousel-control-next { right: 4%; } } @media (max-width: 767.98px) { .buy-now-wrapper .carousel-control-next { right: 2%; } } .buy-now-wrapper .carousel-control-prev { top: -10%; left: 94%; } @media (max-width: 991.98px) { .buy-now-wrapper .carousel-control-prev { left: 88%; } } @media (max-width: 767.98px) { .buy-now-wrapper .carousel-control-prev { left: 86%; } } .buy-now-wrapper .sub-heading { font-size: 32px; font-weight: 500; text-transform: none; padding-right: 16%; } @media (max-width: 767.98px) { .buy-now-wrapper .sub-heading { font-size: 26px; } } .buy-now-wrapper .product-feature-list { padding-left: 20px; padding-top: 10px; } .buy-now-wrapper .displayPrice { font-size: 24px; font-weight: 600; text-transform: uppercase; } .buy-now-wrapper .actualPrice { text-decoration: line-through; color: #bbb; font-family: "ff-good-headline-web-pro", Arial, sans-serif; text-transform: uppercase; font-size: 20px; } .buy-now-wrapper .product-cart-details { padding-top: 30px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel { border-top: 1px solid #E6E6E6; } .buy-now-wrapper .product-cart-details .accordion-selection-panel [type=radio] { position: absolute; opacity: 0; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container { border: 1px solid #D1D3D4; width: 33%; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container:not(:last-child) { margin-right: 15px; } @media (max-width: 767.98px) { .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container { width: 45%; margin-top: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container:nth-child(2n+1) { margin-right: 10px; } } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container label { flex-direction: column; align-items: center; justify-content: center; display: flex; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; min-height: 94px; } @media (max-width: 767.98px) { .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container label { flex-wrap: wrap; } } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container img { max-height: 50px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .selected-radio-btn { font-weight: bold; color: #E13200; border: 2px solid #002A4E; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .radio-btn-disabled.selected-radio-btn { opacity: 1; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-container, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-container { border-bottom: 1px solid #E6E6E6; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn { position: relative; background: transparent; text-transform: uppercase; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn span, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn span { font-weight: 500; font-size: 18px; color: #000; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn:before { top: 20px; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; font-size: 12px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn.expanded:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn.expanded:before { content: '\f068'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn.collapsed:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn.collapsed:before { content: '\f067'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-accordion-btn .poly-plus-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .feature-icon-container .buynow-polyplus-accordion-btn .poly-plus-selected { padding-left: 8px; font-weight: 400; font-size: 16px; text-transform: capitalize; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel { text-align: center; padding: 0 18px; display: none; background-color: #ffffff; overflow: hidden; } @media (max-width: 767.98px) { .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel { padding: 0 0 0 18px; } } .buy-now-wrapper .product-cart-details .accordion-selection-panel .radio-btn-disabled { opacity: 0.2; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn { padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show { display: flex; padding-bottom: 28px; } @media (max-width: 767.98px) { .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show { flex-wrap: wrap; } } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show span, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show span { font-weight: 500; font-size: 18px; color: #000; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show:before { top: 20px; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; font-size: 12px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show.expanded:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show.expanded:before { content: '\f068'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show.collapsed:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show.collapsed:before { content: '\f067'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-panel.show .poly-plus-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-panel.show .poly-plus-selected { padding-left: 8px; font-weight: 400; font-size: 16px; text-transform: capitalize; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .selected-radio-btn { font-weight: bold; color: #E13200; border: 2px solid #002A4E; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .radio-btn-disabled.selected-radio-btn { opacity: 1; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-container, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-container { border-bottom: 1px solid #E6E6E6; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn { position: relative; background: transparent; text-transform: uppercase; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn span, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn span { font-weight: 500; font-size: 18px; color: #000; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn:before { top: 20px; left: 0; position: absolute; font-family: 'Font Awesome 5 Free'; font-size: 12px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn.expanded:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn.expanded:before { content: '\f068'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn.collapsed:before, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn.collapsed:before { content: '\f067'; color: #E13200; font-size: 10px; } .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-accordion-btn .poly-plus-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn .value-selected, .buy-now-wrapper .product-cart-details .accordion-selection-panel .buynow-polyplus-accordion-btn .poly-plus-selected { padding-left: 8px; font-weight: 400; font-size: 16px; text-transform: capitalize; } .buy-now-wrapper .product-cart-details .selected-product-cart { padding-top: 60px; padding-bottom: 20px; } .buy-now-wrapper .product-cart-details .selected-product-cart .selected-product { font-weight: 500; font-size: 18px; } .buy-now-wrapper .product-cart-details .selected-product-cart .selected-product .product-name { font-weight: 400; font-size: 14px; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price { display: flex; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price .qty-group { border: solid lightgray 2px; max-width: 135px; display: inline-flex; justify-content: space-around; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart { flex: 1; justify-content: center; align-items: center; margin-left: 20px; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price { padding-left: 10px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price .base-price { text-transform: uppercase; text-decoration: line-through; color: #bbb; padding-left: 10px; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price #buy-now-addtocart .final-price span:first-child { border-left: 2px solid #ffffff; padding-left: 10px; } .buy-now-wrapper .product-cart-details .selected-product-cart .qty-addtocart-price #quantity { max-width: 33%; text-align: center; border: none; } .support-kb-article { display: flex; } .support-kb-article .CoveoRecommendation { border: none; } .support-kb-article .coveo-recommendation-header { background-color: unset; padding: unset; } .support-kb-article .coveo-recommendation-title { color: #002A4E; padding: 0px 0px 10px 0px; font-size: 36px; font-family: "ff-good-headline-web-pro", Arial, sans-serif; font-weight: 600; } .support-kb-article .coveo-recommendation-body .CoveoResultList .CoveoResult { border-top: none; } .support-kb-article .CoveoResultLink, .support-kb-article a.CoveoResultLink, .support-kb-article .CoveoResult a.CoveoResultLink { color: #E13200; font-weight: 600; font-size: 16px; text-decoration: none; text-transform: none; } .support-kb-article .CoveoResultLink:hover, .support-kb-article a.CoveoResultLink:hover, .support-kb-article .CoveoResult a.CoveoResultLink:hover { background: transparent; color: #E13200; text-decoration: underline; } .support-kb-article .CoveoFieldValue { font-size: 12px; text-transform: uppercase; } .sp-kb-article-column-1 { width: 50%; text-align: left; letter-spacing: 0px; color: #002A4E; text-transform: uppercase; opacity: 1; font-family: "ff-good-headline-web-pro", Arial, sans-serif; padding-right: 10px; } .sp-kb-article-column-2 { width: 50%; text-align: left; letter-spacing: 0px; color: #002A4E; text-transform: uppercase; opacity: 1; font-family: "ff-good-headline-web-pro", Arial, sans-serif; } .btn-blue { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-blue:hover { color: #ffffff; background-color: #0069d9; border-color: #0062cc; } .btn-blue:focus, .btn-blue.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-blue.disabled, .btn-blue:disabled { color: #ffffff; background-color: #007bff; border-color: #007bff; } .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active, .show > .btn-blue.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-blue:not(:disabled):not(.disabled):active:hover, .btn-blue:not(:disabled):not(.disabled).active:hover, .show > .btn-blue.dropdown-toggle:hover { background-color: #0069d9; border-color: #0062cc; } .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-indigo { color: #ffffff; background-color: #6610f2; border-color: #6610f2; } .btn-indigo:hover { color: #ffffff; background-color: #560bd0; border-color: #510bc4; } .btn-indigo:focus, .btn-indigo.focus { box-shadow: 0 0 0 0.2rem rgba(125, 52, 244, 0.5); } .btn-indigo.disabled, .btn-indigo:disabled { color: #ffffff; background-color: #6610f2; border-color: #6610f2; } .btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active, .show > .btn-indigo.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-indigo:not(:disabled):not(.disabled):active:hover, .btn-indigo:not(:disabled):not(.disabled).active:hover, .show > .btn-indigo.dropdown-toggle:hover { background-color: #560bd0; border-color: #510bc4; } .btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(125, 52, 244, 0.5); } .btn-purple { color: #ffffff; background-color: #6f42c1; border-color: #6f42c1; } .btn-purple:hover { color: #ffffff; background-color: #5e37a6; border-color: #59339d; } .btn-purple:focus, .btn-purple.focus { box-shadow: 0 0 0 0.2rem rgba(133, 94, 202, 0.5); } .btn-purple.disabled, .btn-purple:disabled { color: #ffffff; background-color: #6f42c1; border-color: #6f42c1; } .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, .show > .btn-purple.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-purple:not(:disabled):not(.disabled):active:hover, .btn-purple:not(:disabled):not(.disabled).active:hover, .show > .btn-purple.dropdown-toggle:hover { background-color: #5e37a6; border-color: #59339d; } .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(133, 94, 202, 0.5); } .btn-pink { color: #ffffff; background-color: #e83e8c; border-color: #e83e8c; } .btn-pink:hover { color: #ffffff; background-color: #e41c78; border-color: #d91a72; } .btn-pink:focus, .btn-pink.focus { box-shadow: 0 0 0 0.2rem rgba(235, 91, 157, 0.5); } .btn-pink.disabled, .btn-pink:disabled { color: #ffffff; background-color: #e83e8c; border-color: #e83e8c; } .btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active, .show > .btn-pink.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-pink:not(:disabled):not(.disabled):active:hover, .btn-pink:not(:disabled):not(.disabled).active:hover, .show > .btn-pink.dropdown-toggle:hover { background-color: #e41c78; border-color: #d91a72; } .btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(235, 91, 157, 0.5); } .btn-red { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-red:hover { color: #ffffff; background-color: #c82333; border-color: #bd2130; } .btn-red:focus, .btn-red.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-red.disabled, .btn-red:disabled { color: #ffffff; background-color: #dc3545; border-color: #dc3545; } .btn-red:not(:disabled):not(.disabled):active, .btn-red:not(:disabled):not(.disabled).active, .show > .btn-red.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-red:not(:disabled):not(.disabled):active:hover, .btn-red:not(:disabled):not(.disabled).active:hover, .show > .btn-red.dropdown-toggle:hover { background-color: #c82333; border-color: #bd2130; } .btn-red:not(:disabled):not(.disabled):active:focus, .btn-red:not(:disabled):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-orange { color: #212529; background-color: #fd7e14; border-color: #fd7e14; } .btn-orange:hover { color: #ffffff; background-color: #e96b02; border-color: #dc6502; } .btn-orange:focus, .btn-orange.focus { box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); } .btn-orange.disabled, .btn-orange:disabled { color: #212529; background-color: #fd7e14; border-color: #fd7e14; } .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active, .show > .btn-orange.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-orange:not(:disabled):not(.disabled):active:hover, .btn-orange:not(:disabled):not(.disabled).active:hover, .show > .btn-orange.dropdown-toggle:hover { background-color: #e96b02; border-color: #dc6502; } .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5); } .btn-yellow { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-yellow:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-yellow:focus, .btn-yellow.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-yellow.disabled, .btn-yellow:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active, .show > .btn-yellow.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-yellow:not(:disabled):not(.disabled):active:hover, .btn-yellow:not(:disabled):not(.disabled).active:hover, .show > .btn-yellow.dropdown-toggle:hover { background-color: #e0a800; border-color: #d39e00; } .btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-green { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-green:hover { color: #ffffff; background-color: #218838; border-color: #1e7e34; } .btn-green:focus, .btn-green.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-green.disabled, .btn-green:disabled { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-green:not(:disabled):not(.disabled):active:hover, .btn-green:not(:disabled):not(.disabled).active:hover, .show > .btn-green.dropdown-toggle:hover { background-color: #218838; border-color: #1e7e34; } .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-teal { color: #ffffff; background-color: #20c997; border-color: #20c997; } .btn-teal:hover { color: #ffffff; background-color: #1ba87e; border-color: #199d76; } .btn-teal:focus, .btn-teal.focus { box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5); } .btn-teal.disabled, .btn-teal:disabled { color: #ffffff; background-color: #20c997; border-color: #20c997; } .btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-teal:not(:disabled):not(.disabled):active:hover, .btn-teal:not(:disabled):not(.disabled).active:hover, .show > .btn-teal.dropdown-toggle:hover { background-color: #1ba87e; border-color: #199d76; } .btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5); } .btn-cyan { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-cyan:hover { color: #ffffff; background-color: #138496; border-color: #117a8b; } .btn-cyan:focus, .btn-cyan.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-cyan.disabled, .btn-cyan:disabled { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active, .show > .btn-cyan.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-cyan:not(:disabled):not(.disabled):active:hover, .btn-cyan:not(:disabled):not(.disabled).active:hover, .show > .btn-cyan.dropdown-toggle:hover { background-color: #138496; border-color: #117a8b; } .btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-white { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-white:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-white:not(:disabled):not(.disabled):active:hover, .btn-white:not(:disabled):not(.disabled).active:hover, .show > .btn-white.dropdown-toggle:hover { background-color: #ececec; border-color: #e6e6e6; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-gray { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-gray:hover { color: #ffffff; background-color: #5a6268; border-color: #545b62; } .btn-gray:focus, .btn-gray.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-gray.disabled, .btn-gray:disabled { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-gray:not(:disabled):not(.disabled):active:hover, .btn-gray:not(:disabled):not(.disabled).active:hover, .show > .btn-gray.dropdown-toggle:hover { background-color: #5a6268; border-color: #545b62; } .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-gray-dark { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-gray-dark:hover { color: #ffffff; background-color: #23272b; border-color: #1d2124; } .btn-gray-dark:focus, .btn-gray-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-gray-dark.disabled, .btn-gray-dark:disabled { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-gray-dark:not(:disabled):not(.disabled):active, .btn-gray-dark:not(:disabled):not(.disabled).active, .show > .btn-gray-dark.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-gray-dark:not(:disabled):not(.disabled):active:hover, .btn-gray-dark:not(:disabled):not(.disabled).active:hover, .show > .btn-gray-dark.dropdown-toggle:hover { background-color: #23272b; border-color: #1d2124; } .btn-gray-dark:not(:disabled):not(.disabled):active:focus, .btn-gray-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-gray-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-lava { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-lava:hover { color: #ffffff; background-color: #bb2a00; border-color: #ae2700; } .btn-lava:focus, .btn-lava.focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-lava.disabled, .btn-lava:disabled { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-lava:not(:disabled):not(.disabled):active, .btn-lava:not(:disabled):not(.disabled).active, .show > .btn-lava.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-lava:not(:disabled):not(.disabled):active:hover, .btn-lava:not(:disabled):not(.disabled).active:hover, .show > .btn-lava.dropdown-toggle:hover { background-color: #bb2a00; border-color: #ae2700; } .btn-lava:not(:disabled):not(.disabled):active:focus, .btn-lava:not(:disabled):not(.disabled).active:focus, .show > .btn-lava.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(230, 81, 38, 0.5); } .btn-midnight { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-midnight:hover { color: #ffffff; background-color: #001528; border-color: #000f1b; } .btn-midnight:focus, .btn-midnight.focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-midnight.disabled, .btn-midnight:disabled { color: #ffffff; background-color: #002A4E; border-color: #002A4E; } .btn-midnight:not(:disabled):not(.disabled):active, .btn-midnight:not(:disabled):not(.disabled).active, .show > .btn-midnight.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-midnight:not(:disabled):not(.disabled):active:hover, .btn-midnight:not(:disabled):not(.disabled).active:hover, .show > .btn-midnight.dropdown-toggle:hover { background-color: #001528; border-color: #000f1b; } .btn-midnight:not(:disabled):not(.disabled):active:focus, .btn-midnight:not(:disabled):not(.disabled).active:focus, .show > .btn-midnight.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 74, 105, 0.5); } .btn-black { color: #ffffff; background-color: #000110; border-color: #000110; } .btn-black:hover { color: #ffffff; background-color: black; border-color: black; } .btn-black:focus, .btn-black.focus { box-shadow: 0 0 0 0.2rem rgba(38, 39, 52, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #ffffff; background-color: #000110; border-color: #000110; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-black:not(:disabled):not(.disabled):active:hover, .btn-black:not(:disabled):not(.disabled).active:hover, .show > .btn-black.dropdown-toggle:hover { background-color: black; border-color: black; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 39, 52, 0.5); } .btn-moonrock { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-moonrock:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-moonrock:focus, .btn-moonrock.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-moonrock.disabled, .btn-moonrock:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-moonrock:not(:disabled):not(.disabled):active, .btn-moonrock:not(:disabled):not(.disabled).active, .show > .btn-moonrock.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-moonrock:not(:disabled):not(.disabled):active:hover, .btn-moonrock:not(:disabled):not(.disabled).active:hover, .show > .btn-moonrock.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-moonrock:not(:disabled):not(.disabled):active:focus, .btn-moonrock:not(:disabled):not(.disabled).active:focus, .show > .btn-moonrock.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-moonrock-80 { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-moonrock-80:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-moonrock-80:focus, .btn-moonrock-80.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-moonrock-80.disabled, .btn-moonrock-80:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-moonrock-80:not(:disabled):not(.disabled):active, .btn-moonrock-80:not(:disabled):not(.disabled).active, .show > .btn-moonrock-80.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-moonrock-80:not(:disabled):not(.disabled):active:hover, .btn-moonrock-80:not(:disabled):not(.disabled).active:hover, .show > .btn-moonrock-80.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-moonrock-80:not(:disabled):not(.disabled):active:focus, .btn-moonrock-80:not(:disabled):not(.disabled).active:focus, .show > .btn-moonrock-80.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-moonrock-60 { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-moonrock-60:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-moonrock-60:focus, .btn-moonrock-60.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-moonrock-60.disabled, .btn-moonrock-60:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-moonrock-60:not(:disabled):not(.disabled):active, .btn-moonrock-60:not(:disabled):not(.disabled).active, .show > .btn-moonrock-60.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-moonrock-60:not(:disabled):not(.disabled):active:hover, .btn-moonrock-60:not(:disabled):not(.disabled).active:hover, .show > .btn-moonrock-60.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-moonrock-60:not(:disabled):not(.disabled):active:focus, .btn-moonrock-60:not(:disabled):not(.disabled).active:focus, .show > .btn-moonrock-60.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-moonrock-40 { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-moonrock-40:hover { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; } .btn-moonrock-40:focus, .btn-moonrock-40.focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-moonrock-40.disabled, .btn-moonrock-40:disabled { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-moonrock-40:not(:disabled):not(.disabled):active, .btn-moonrock-40:not(:disabled):not(.disabled).active, .show > .btn-moonrock-40.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-moonrock-40:not(:disabled):not(.disabled):active:hover, .btn-moonrock-40:not(:disabled):not(.disabled).active:hover, .show > .btn-moonrock-40.dropdown-toggle:hover { background-color: #d8d8d8; border-color: #d2d2d2; } .btn-moonrock-40:not(:disabled):not(.disabled):active:focus, .btn-moonrock-40:not(:disabled):not(.disabled).active:focus, .show > .btn-moonrock-40.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-moonrock-20 { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-moonrock-20:hover { color: #212529; background-color: #e2e2e2; border-color: gainsboro; } .btn-moonrock-20:focus, .btn-moonrock-20.focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-moonrock-20.disabled, .btn-moonrock-20:disabled { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-moonrock-20:not(:disabled):not(.disabled):active, .btn-moonrock-20:not(:disabled):not(.disabled).active, .show > .btn-moonrock-20.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-moonrock-20:not(:disabled):not(.disabled):active:hover, .btn-moonrock-20:not(:disabled):not(.disabled).active:hover, .show > .btn-moonrock-20.dropdown-toggle:hover { background-color: #e2e2e2; border-color: gainsboro; } .btn-moonrock-20:not(:disabled):not(.disabled):active:focus, .btn-moonrock-20:not(:disabled):not(.disabled).active:focus, .show > .btn-moonrock-20.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-sand { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-sand:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-sand:focus, .btn-sand.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-sand.disabled, .btn-sand:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-sand:not(:disabled):not(.disabled):active, .btn-sand:not(:disabled):not(.disabled).active, .show > .btn-sand.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-sand:not(:disabled):not(.disabled):active:hover, .btn-sand:not(:disabled):not(.disabled).active:hover, .show > .btn-sand.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-sand:not(:disabled):not(.disabled):active:focus, .btn-sand:not(:disabled):not(.disabled).active:focus, .show > .btn-sand.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-sand-25 { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-sand-25:hover { color: #212529; background-color: #e2e2e2; border-color: gainsboro; } .btn-sand-25:focus, .btn-sand-25.focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-sand-25.disabled, .btn-sand-25:disabled { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-sand-25:not(:disabled):not(.disabled):active, .btn-sand-25:not(:disabled):not(.disabled).active, .show > .btn-sand-25.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-sand-25:not(:disabled):not(.disabled):active:hover, .btn-sand-25:not(:disabled):not(.disabled).active:hover, .show > .btn-sand-25.dropdown-toggle:hover { background-color: #e2e2e2; border-color: gainsboro; } .btn-sand-25:not(:disabled):not(.disabled):active:focus, .btn-sand-25:not(:disabled):not(.disabled).active:focus, .show > .btn-sand-25.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-sand-50 { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-sand-50:hover { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; } .btn-sand-50:focus, .btn-sand-50.focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-sand-50.disabled, .btn-sand-50:disabled { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-sand-50:not(:disabled):not(.disabled):active, .btn-sand-50:not(:disabled):not(.disabled).active, .show > .btn-sand-50.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-sand-50:not(:disabled):not(.disabled):active:hover, .btn-sand-50:not(:disabled):not(.disabled).active:hover, .show > .btn-sand-50.dropdown-toggle:hover { background-color: #d8d8d8; border-color: #d2d2d2; } .btn-sand-50:not(:disabled):not(.disabled):active:focus, .btn-sand-50:not(:disabled):not(.disabled).active:focus, .show > .btn-sand-50.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-sand-75 { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-sand-75:hover { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; } .btn-sand-75:focus, .btn-sand-75.focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-sand-75.disabled, .btn-sand-75:disabled { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-sand-75:not(:disabled):not(.disabled):active, .btn-sand-75:not(:disabled):not(.disabled).active, .show > .btn-sand-75.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-sand-75:not(:disabled):not(.disabled):active:hover, .btn-sand-75:not(:disabled):not(.disabled).active:hover, .show > .btn-sand-75.dropdown-toggle:hover { background-color: #d8d8d8; border-color: #d2d2d2; } .btn-sand-75:not(:disabled):not(.disabled):active:focus, .btn-sand-75:not(:disabled):not(.disabled).active:focus, .show > .btn-sand-75.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-pearl { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-pearl:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-pearl:focus, .btn-pearl.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-pearl.disabled, .btn-pearl:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-pearl:not(:disabled):not(.disabled):active, .btn-pearl:not(:disabled):not(.disabled).active, .show > .btn-pearl.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-pearl:not(:disabled):not(.disabled):active:hover, .btn-pearl:not(:disabled):not(.disabled).active:hover, .show > .btn-pearl.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-pearl:not(:disabled):not(.disabled):active:focus, .btn-pearl:not(:disabled):not(.disabled).active:focus, .show > .btn-pearl.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-pearl-10 { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-pearl-10:hover { color: #212529; background-color: #e2e2e2; border-color: gainsboro; } .btn-pearl-10:focus, .btn-pearl-10.focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-pearl-10.disabled, .btn-pearl-10:disabled { color: #212529; background-color: #F5F5F5; border-color: #F5F5F5; } .btn-pearl-10:not(:disabled):not(.disabled):active, .btn-pearl-10:not(:disabled):not(.disabled).active, .show > .btn-pearl-10.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-pearl-10:not(:disabled):not(.disabled):active:hover, .btn-pearl-10:not(:disabled):not(.disabled).active:hover, .show > .btn-pearl-10.dropdown-toggle:hover { background-color: #e2e2e2; border-color: gainsboro; } .btn-pearl-10:not(:disabled):not(.disabled):active:focus, .btn-pearl-10:not(:disabled):not(.disabled).active:focus, .show > .btn-pearl-10.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5); } .btn-pearl-25 { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-pearl-25:hover { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; } .btn-pearl-25:focus, .btn-pearl-25.focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-pearl-25.disabled, .btn-pearl-25:disabled { color: #212529; background-color: #EBEBEB; border-color: #EBEBEB; } .btn-pearl-25:not(:disabled):not(.disabled):active, .btn-pearl-25:not(:disabled):not(.disabled).active, .show > .btn-pearl-25.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-pearl-25:not(:disabled):not(.disabled):active:hover, .btn-pearl-25:not(:disabled):not(.disabled).active:hover, .show > .btn-pearl-25.dropdown-toggle:hover { background-color: #d8d8d8; border-color: #d2d2d2; } .btn-pearl-25:not(:disabled):not(.disabled):active:focus, .btn-pearl-25:not(:disabled):not(.disabled).active:focus, .show > .btn-pearl-25.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 205, 206, 0.5); } .btn-pearl-50 { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-pearl-50:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-pearl-50:focus, .btn-pearl-50.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-pearl-50.disabled, .btn-pearl-50:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-pearl-50:not(:disabled):not(.disabled):active, .btn-pearl-50:not(:disabled):not(.disabled).active, .show > .btn-pearl-50.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-pearl-50:not(:disabled):not(.disabled):active:hover, .btn-pearl-50:not(:disabled):not(.disabled).active:hover, .show > .btn-pearl-50.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-pearl-50:not(:disabled):not(.disabled):active:focus, .btn-pearl-50:not(:disabled):not(.disabled).active:focus, .show > .btn-pearl-50.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-pearl-75 { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-pearl-75:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-pearl-75:focus, .btn-pearl-75.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-pearl-75.disabled, .btn-pearl-75:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-pearl-75:not(:disabled):not(.disabled):active, .btn-pearl-75:not(:disabled):not(.disabled).active, .show > .btn-pearl-75.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-pearl-75:not(:disabled):not(.disabled):active:hover, .btn-pearl-75:not(:disabled):not(.disabled).active:hover, .show > .btn-pearl-75.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-pearl-75:not(:disabled):not(.disabled):active:focus, .btn-pearl-75:not(:disabled):not(.disabled).active:focus, .show > .btn-pearl-75.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-linen { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-linen:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-linen:focus, .btn-linen.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-linen.disabled, .btn-linen:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-linen:not(:disabled):not(.disabled):active, .btn-linen:not(:disabled):not(.disabled).active, .show > .btn-linen.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-linen:not(:disabled):not(.disabled):active:hover, .btn-linen:not(:disabled):not(.disabled).active:hover, .show > .btn-linen.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-linen:not(:disabled):not(.disabled):active:focus, .btn-linen:not(:disabled):not(.disabled).active:focus, .show > .btn-linen.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-linen-25 { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-linen-25:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-linen-25:focus, .btn-linen-25.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-linen-25.disabled, .btn-linen-25:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-linen-25:not(:disabled):not(.disabled):active, .btn-linen-25:not(:disabled):not(.disabled).active, .show > .btn-linen-25.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-linen-25:not(:disabled):not(.disabled):active:hover, .btn-linen-25:not(:disabled):not(.disabled).active:hover, .show > .btn-linen-25.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-linen-25:not(:disabled):not(.disabled):active:focus, .btn-linen-25:not(:disabled):not(.disabled).active:focus, .show > .btn-linen-25.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-linen-50 { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-linen-50:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-linen-50:focus, .btn-linen-50.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-linen-50.disabled, .btn-linen-50:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-linen-50:not(:disabled):not(.disabled):active, .btn-linen-50:not(:disabled):not(.disabled).active, .show > .btn-linen-50.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-linen-50:not(:disabled):not(.disabled):active:hover, .btn-linen-50:not(:disabled):not(.disabled).active:hover, .show > .btn-linen-50.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-linen-50:not(:disabled):not(.disabled):active:focus, .btn-linen-50:not(:disabled):not(.disabled).active:focus, .show > .btn-linen-50.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-linen-75 { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-linen-75:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-linen-75:focus, .btn-linen-75.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-linen-75.disabled, .btn-linen-75:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-linen-75:not(:disabled):not(.disabled):active, .btn-linen-75:not(:disabled):not(.disabled).active, .show > .btn-linen-75.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-linen-75:not(:disabled):not(.disabled):active:hover, .btn-linen-75:not(:disabled):not(.disabled).active:hover, .show > .btn-linen-75.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-linen-75:not(:disabled):not(.disabled):active:focus, .btn-linen-75:not(:disabled):not(.disabled).active:focus, .show > .btn-linen-75.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-slate:focus, .btn-slate.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate.disabled, .btn-slate:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active, .show > .btn-slate.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-slate:not(:disabled):not(.disabled):active:hover, .btn-slate:not(:disabled):not(.disabled).active:hover, .show > .btn-slate.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus, .show > .btn-slate.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate-25 { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-slate-25:hover { color: #212529; background-color: #cdcdcd; border-color: #c7c7c7; } .btn-slate-25:focus, .btn-slate-25.focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-slate-25.disabled, .btn-slate-25:disabled { color: #212529; background-color: #E0E0E0; border-color: #E0E0E0; } .btn-slate-25:not(:disabled):not(.disabled):active, .btn-slate-25:not(:disabled):not(.disabled).active, .show > .btn-slate-25.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-slate-25:not(:disabled):not(.disabled):active:hover, .btn-slate-25:not(:disabled):not(.disabled).active:hover, .show > .btn-slate-25.dropdown-toggle:hover { background-color: #cdcdcd; border-color: #c7c7c7; } .btn-slate-25:not(:disabled):not(.disabled):active:focus, .btn-slate-25:not(:disabled):not(.disabled).active:focus, .show > .btn-slate-25.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(195, 196, 197, 0.5); } .btn-slate-50 { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate-50:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-slate-50:focus, .btn-slate-50.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate-50.disabled, .btn-slate-50:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate-50:not(:disabled):not(.disabled):active, .btn-slate-50:not(:disabled):not(.disabled).active, .show > .btn-slate-50.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-slate-50:not(:disabled):not(.disabled):active:hover, .btn-slate-50:not(:disabled):not(.disabled).active:hover, .show > .btn-slate-50.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-slate-50:not(:disabled):not(.disabled):active:focus, .btn-slate-50:not(:disabled):not(.disabled).active:focus, .show > .btn-slate-50.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate-75 { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate-75:hover { color: #212529; background-color: #adadad; border-color: #a7a7a7; } .btn-slate-75:focus, .btn-slate-75.focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-slate-75.disabled, .btn-slate-75:disabled { color: #212529; background-color: #C0C0C0; border-color: #C0C0C0; } .btn-slate-75:not(:disabled):not(.disabled):active, .btn-slate-75:not(:disabled):not(.disabled).active, .show > .btn-slate-75.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-slate-75:not(:disabled):not(.disabled):active:hover, .btn-slate-75:not(:disabled):not(.disabled).active:hover, .show > .btn-slate-75.dropdown-toggle:hover { background-color: #adadad; border-color: #a7a7a7; } .btn-slate-75:not(:disabled):not(.disabled):active:focus, .btn-slate-75:not(:disabled):not(.disabled).active:focus, .show > .btn-slate-75.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 169, 169, 0.5); } .btn-stone { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-stone:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-stone:focus, .btn-stone.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-stone.disabled, .btn-stone:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-stone:not(:disabled):not(.disabled):active, .btn-stone:not(:disabled):not(.disabled).active, .show > .btn-stone.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-stone:not(:disabled):not(.disabled):active:hover, .btn-stone:not(:disabled):not(.disabled).active:hover, .show > .btn-stone.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-stone:not(:disabled):not(.disabled):active:focus, .btn-stone:not(:disabled):not(.disabled).active:focus, .show > .btn-stone.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-sunflower { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-sunflower:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-sunflower:focus, .btn-sunflower.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-sunflower.disabled, .btn-sunflower:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-sunflower:not(:disabled):not(.disabled):active, .btn-sunflower:not(:disabled):not(.disabled).active, .show > .btn-sunflower.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-sunflower:not(:disabled):not(.disabled):active:hover, .btn-sunflower:not(:disabled):not(.disabled).active:hover, .show > .btn-sunflower.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-sunflower:not(:disabled):not(.disabled):active:focus, .btn-sunflower:not(:disabled):not(.disabled).active:focus, .show > .btn-sunflower.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-mint { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-mint:hover { color: #212529; background-color: #bdc0c2; border-color: #b7babb; } .btn-mint:focus, .btn-mint.focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-mint.disabled, .btn-mint:disabled { color: #212529; background-color: #D1D3D4; border-color: #D1D3D4; } .btn-mint:not(:disabled):not(.disabled):active, .btn-mint:not(:disabled):not(.disabled).active, .show > .btn-mint.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-mint:not(:disabled):not(.disabled):active:hover, .btn-mint:not(:disabled):not(.disabled).active:hover, .show > .btn-mint.dropdown-toggle:hover { background-color: #bdc0c2; border-color: #b7babb; } .btn-mint:not(:disabled):not(.disabled):active:focus, .btn-mint:not(:disabled):not(.disabled).active:focus, .show > .btn-mint.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 185, 186, 0.5); } .btn-light { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-light:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #E13200; border-color: #E13200; } .btn-light:not(:disabled):not(.disabled):active:hover, .btn-light:not(:disabled):not(.disabled).active:hover, .show > .btn-light.dropdown-toggle:hover { background-color: #ececec; border-color: #e6e6e6; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-dark { color: #ffffff; background-color: #000110; border-color: #000110; } .btn-dark:hover { color: #ffffff; background-color: black; border-color: black; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 39, 52, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #ffffff; background-color: #000110; border-color: #000110; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #ffffff; background-color: #E13200; border-color: #E13200; } .btn-dark:not(:disabled):not(.disabled):active:hover, .btn-dark:not(:disabled):not(.disabled).active:hover, .show > .btn-dark.dropdown-toggle:hover { background-color: black; border-color: black; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 39, 52, 0.5); } .bg-blue { background-color: #007bff; } .blue { color: #007bff; } .bg-indigo { background-color: #6610f2; } .indigo { color: #6610f2; } .bg-purple { background-color: #6f42c1; } .purple { color: #6f42c1; } .bg-pink { background-color: #e83e8c; } .pink { color: #e83e8c; } .bg-red { background-color: #dc3545; } .red { color: #dc3545; } .bg-orange { background-color: #fd7e14; } .orange { color: #fd7e14; } .bg-yellow { background-color: #ffc107; } .yellow { color: #ffc107; } .bg-green { background-color: #28a745; } .green { color: #28a745; } .bg-teal { background-color: #20c997; } .teal { color: #20c997; } .bg-cyan { background-color: #17a2b8; } .cyan { color: #17a2b8; } .bg-white { background-color: #ffffff; } .white { color: #ffffff; } .bg-gray { background-color: #6c757d; } .gray { color: #6c757d; } .bg-gray-dark { background-color: #343a40; } .gray-dark { color: #343a40; } .bg-lava { background-color: #E13200; } .lava { color: #E13200; } .bg-midnight { background-color: #002A4E; } .midnight { color: #002A4E; } .bg-black { background-color: #000110; } .black { color: #000110; } .bg-moonrock { background-color: #C0C0C0; } .moonrock { color: #C0C0C0; } .bg-moonrock-80 { background-color: #D1D3D4; } .moonrock-80 { color: #D1D3D4; } .bg-moonrock-60 { background-color: #E0E0E0; } .moonrock-60 { color: #E0E0E0; } .bg-moonrock-40 { background-color: #EBEBEB; } .moonrock-40 { color: #EBEBEB; } .bg-moonrock-20 { background-color: #F5F5F5; } .moonrock-20 { color: #F5F5F5; } .bg-sand { background-color: #E0E0E0; } .sand { color: #E0E0E0; } .bg-sand-25 { background-color: #F5F5F5; } .sand-25 { color: #F5F5F5; } .bg-sand-50 { background-color: #EBEBEB; } .sand-50 { color: #EBEBEB; } .bg-sand-75 { background-color: #EBEBEB; } .sand-75 { color: #EBEBEB; } .bg-pearl { background-color: #D1D3D4; } .pearl { color: #D1D3D4; } .bg-pearl-10 { background-color: #F5F5F5; } .pearl-10 { color: #F5F5F5; } .bg-pearl-25 { background-color: #EBEBEB; } .pearl-25 { color: #EBEBEB; } .bg-pearl-50 { background-color: #E0E0E0; } .pearl-50 { color: #E0E0E0; } .bg-pearl-75 { background-color: #D1D3D4; } .pearl-75 { color: #D1D3D4; } .bg-linen { background-color: #C0C0C0; } .linen { color: #C0C0C0; } .bg-linen-25 { background-color: #E0E0E0; } .linen-25 { color: #E0E0E0; } .bg-linen-50 { background-color: #D1D3D4; } .linen-50 { color: #D1D3D4; } .bg-linen-75 { background-color: #C0C0C0; } .linen-75 { color: #C0C0C0; } .bg-slate { background-color: #C0C0C0; } .slate { color: #C0C0C0; } .bg-slate-25 { background-color: #E0E0E0; } .slate-25 { color: #E0E0E0; } .bg-slate-50 { background-color: #C0C0C0; } .slate-50 { color: #C0C0C0; } .bg-slate-75 { background-color: #C0C0C0; } .slate-75 { color: #C0C0C0; } .bg-stone { background-color: #D1D3D4; } .stone { color: #D1D3D4; } .bg-sunflower { background-color: #D1D3D4; } .sunflower { color: #D1D3D4; } .bg-mint { background-color: #D1D3D4; } .mint { color: #D1D3D4; } .bg-light { background-color: #ffffff; } .light { color: #ffffff; } .bg-dark { background-color: #000110; } .dark { color: #000110; } .cursor-pointer { cursor: pointer; } .img-box.bg-top-left { background-position: top left; } .video-box.bg-top-left video { top: 0 !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: none; transform: none; } .img-box.bg-top-center { background-position: top center; } .video-box.bg-top-center video { top: 0 !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .img-box.bg-top-right { background-position: top right; } .video-box.bg-top-right video { top: 0 !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: none; transform: none; } .img-box.bg-center-left { background-position: center left; } .video-box.bg-center-left video { top: 50% !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .img-box.bg-center-center { background-position: center center; } .video-box.bg-center-center video { top: 50% !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .img-box.bg-center-right { background-position: center right; } .video-box.bg-center-right video { top: 50% !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .img-box.bg-bottom-left { background-position: bottom left; } .video-box.bg-bottom-left video { bottom: 0; left: 0 !important; top: auto !important; right: auto; -webkit-transform: none; transform: none; } .img-box.bg-bottom-center { background-position: bottom center; } .video-box.bg-bottom-center video { bottom: 0; left: 50% !important; top: auto !important; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .img-box.bg-bottom-right { background-position: bottom right; } .video-box.bg-bottom-right video { bottom: 0; right: 0; top: auto !important; left: auto !important; -webkit-transform: none; transform: none; } @media (min-width: 768px) { .img-box.bg-top-left-md { background-position: top left; } } @media (min-width: 768px) { .video-box.bg-top-left-md video { top: 0 !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 768px) { .img-box.bg-top-center-md { background-position: top center; } } @media (min-width: 768px) { .video-box.bg-top-center-md video { top: 0 !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 768px) { .img-box.bg-top-right-md { background-position: top right; } } @media (min-width: 768px) { .video-box.bg-top-right-md video { top: 0 !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: none; transform: none; } } @media (min-width: 768px) { .img-box.bg-center-left-md { background-position: center left; } } @media (min-width: 768px) { .video-box.bg-center-left-md video { top: 50% !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 768px) { .img-box.bg-center-center-md { background-position: center center; } } @media (min-width: 768px) { .video-box.bg-center-center-md video { top: 50% !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 768px) { .img-box.bg-center-right-md { background-position: center right; } } @media (min-width: 768px) { .video-box.bg-center-right-md video { top: 50% !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 768px) { .img-box.bg-bottom-left-md { background-position: bottom left; } } @media (min-width: 768px) { .video-box.bg-bottom-left-md video { bottom: 0; left: 0 !important; top: auto !important; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 768px) { .img-box.bg-bottom-center-md { background-position: bottom center; } } @media (min-width: 768px) { .video-box.bg-bottom-center-md video { bottom: 0; left: 50% !important; top: auto !important; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 768px) { .img-box.bg-bottom-right-md { background-position: bottom right; } } @media (min-width: 768px) { .video-box.bg-bottom-right-md video { bottom: 0; right: 0; top: auto !important; left: auto !important; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .img-box.bg-top-left-lg { background-position: top left; } } @media (min-width: 992px) { .video-box.bg-top-left-lg video { top: 0 !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .img-box.bg-top-center-lg { background-position: top center; } } @media (min-width: 992px) { .video-box.bg-top-center-lg video { top: 0 !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 992px) { .img-box.bg-top-right-lg { background-position: top right; } } @media (min-width: 992px) { .video-box.bg-top-right-lg video { top: 0 !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .img-box.bg-center-left-lg { background-position: center left; } } @media (min-width: 992px) { .video-box.bg-center-left-lg video { top: 50% !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 992px) { .img-box.bg-center-center-lg { background-position: center center; } } @media (min-width: 992px) { .video-box.bg-center-center-lg video { top: 50% !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 992px) { .img-box.bg-center-right-lg { background-position: center right; } } @media (min-width: 992px) { .video-box.bg-center-right-lg video { top: 50% !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 992px) { .img-box.bg-bottom-left-lg { background-position: bottom left; } } @media (min-width: 992px) { .video-box.bg-bottom-left-lg video { bottom: 0; left: 0 !important; top: auto !important; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 992px) { .img-box.bg-bottom-center-lg { background-position: bottom center; } } @media (min-width: 992px) { .video-box.bg-bottom-center-lg video { bottom: 0; left: 50% !important; top: auto !important; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 992px) { .img-box.bg-bottom-right-lg { background-position: bottom right; } } @media (min-width: 992px) { .video-box.bg-bottom-right-lg video { bottom: 0; right: 0; top: auto !important; left: auto !important; -webkit-transform: none; transform: none; } } @media (min-width: 1440px) { .img-box.bg-top-left-xl { background-position: top left; } } @media (min-width: 1440px) { .video-box.bg-top-left-xl video { top: 0 !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 1440px) { .img-box.bg-top-center-xl { background-position: top center; } } @media (min-width: 1440px) { .video-box.bg-top-center-xl video { top: 0 !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 1440px) { .img-box.bg-top-right-xl { background-position: top right; } } @media (min-width: 1440px) { .video-box.bg-top-right-xl video { top: 0 !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: none; transform: none; } } @media (min-width: 1440px) { .img-box.bg-center-left-xl { background-position: center left; } } @media (min-width: 1440px) { .video-box.bg-center-left-xl video { top: 50% !important; left: 0 !important; bottom: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 1440px) { .img-box.bg-center-center-xl { background-position: center center; } } @media (min-width: 1440px) { .video-box.bg-center-center-xl video { top: 50% !important; left: 50% !important; bottom: auto; right: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media (min-width: 1440px) { .img-box.bg-center-right-xl { background-position: center right; } } @media (min-width: 1440px) { .video-box.bg-center-right-xl video { top: 50% !important; right: 0; bottom: auto; left: auto !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 1440px) { .img-box.bg-bottom-left-xl { background-position: bottom left; } } @media (min-width: 1440px) { .video-box.bg-bottom-left-xl video { bottom: 0; left: 0 !important; top: auto !important; right: auto; -webkit-transform: none; transform: none; } } @media (min-width: 1440px) { .img-box.bg-bottom-center-xl { background-position: bottom center; } } @media (min-width: 1440px) { .video-box.bg-bottom-center-xl video { bottom: 0; left: 50% !important; top: auto !important; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (min-width: 1440px) { .img-box.bg-bottom-right-xl { background-position: bottom right; } } @media (min-width: 1440px) { .video-box.bg-bottom-right-xl video { bottom: 0; right: 0; top: auto !important; left: auto !important; -webkit-transform: none; transform: none; } } .gradient-dark.gradient-left-to-right { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } @media (min-width: 768px) { .gradient-dark.gradient-left-to-right { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } } .gradient-dark.gradient-right-to-left { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } @media (min-width: 768px) { .gradient-dark.gradient-right-to-left { background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } } .gradient-dark.gradient-top-to-bottom { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } .gradient-dark.gradient-bottom-to-top { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%); } .gradient-light.gradient-left-to-right { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } @media (min-width: 768px) { .gradient-light.gradient-left-to-right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } } .gradient-light.gradient-right-to-left { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } @media (min-width: 768px) { .gradient-light.gradient-right-to-left { background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } } .gradient-light.gradient-top-to-bottom { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } .gradient-light.gradient-bottom-to-top { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 100%); } .text-underline { text-decoration: underline; } @media (min-width: 992px) { .flex-box { display: flex; } .flex-box > div { flex: 1; margin-right: 20px; } .flex-box > div:last-child { margin-right: 0; } } /*# sourceMappingURL=main.css.map */ .navPanel { position: fixed; right: 0px; z-index: 1000; } .navMenuContent { color: #00213c; } .threeDots { background-color:#E13200; border-radius: 1px solid; border-color: white; } .sideArrow { background-color:var(--lwc-colorBrand,#E13200); border-radius: 1px solid; border-color: rgb(255, 59, 0); } .hideIconLayout{ display: none; } .hideSldsGrid{ display: none; } .iconLayout { height: 60px; width: 40px; cursor: pointer; } .quickLinks{ height: 46px; width: 100%; cursor: pointer; font-family:"ff-good-web-pro",sans-serif; color: white; font-size: 1.3em; padding-top:4px; font-weight: 700; padding-left: 24px; text-transform: uppercase; } .arrow { border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-right: 8px; margin-left:-10px; } .innerIcon { height:fit-content; width:fit-content; padding-top:12px; display: block; margin:auto } div.innerIcon{ width: 8px; height: 34px; display: block; } .slds-panel_docked{ position:relative; min-width:var(--lwc-sizeSmall,15rem); height:100%; border-radius:0; display:none } .slds-panel_docked.slds-is-open{ display:block } .slds-panel_docked-left{ box-shadow:var(--lwc-panelDockedLeftShadow,1px 0 3px rgba(0,0,0,0.25)) } .slds-panel_docked-right{ margin-left:auto; box-shadow:var(--lwc-panelDockedRightShadow,-1px 0 3px 0 rgba(0,0,0,0.25)) } .slds-panel_animated{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; transform:translate3d(120%, 0, 0); transition:transform 300ms ease; z-index:var(--lwc-zIndexModal,9000) } .navMenuContent[c-supportPortalNavigationPanel_supportPortalNavigationPanel] { color: #00213c; font-weight: bold; } .slds-panel__body { padding: var(--lwc-spacingSmall,0.75rem); padding-top: 5px; padding-bottom: 2px; padding-left: 16px; padding-right: 16px; cursor: pointer; } slot { display: contents; } .slds-modal_form .slds-modal__header,.slds-modal_form .slds-modal__content:last-child,.slds-modal--form .slds-modal__header,.slds-modal--form .slds-modal__content:last-child{ border-radius:0; box-shadow:none } .slds-modal_form .slds-modal__container,.slds-modal--form .slds-modal__container{ margin:0; padding:0 } .slds-modal_form .slds-modal__header .slds-text-heading_medium,.slds-modal_form .slds-modal__header .slds-text-heading--medium,.slds-modal--form .slds-modal__header .slds-text-heading_medium,.slds-modal--form .slds-modal__header .slds-text-heading--medium{ line-height:var(--lwc-lineHeightText,1.5) } .slds-modal_form .slds-modal__header .slds-button,.slds-modal--form .slds-modal__header .slds-button{ display:inline-block; width:auto } .slds-modal_form .slds-modal__header .slds-button:first-child,.slds-modal--form .slds-modal__header .slds-button:first-child{ float:left; margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-modal_form .slds-modal__header .slds-button:first-child+.slds-button,.slds-modal--form .slds-modal__header .slds-button:first-child+.slds-button{ float:right; margin-top:0; margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-action-overflow_touch,.slds-action-overflow--touch{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9001 } .slds-action-overflow_touch__container,.slds-action-overflow--touch__container{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100% } .slds-action-overflow_touch__content,.slds-action-overflow--touch__content{ padding-top:33.333%; overflow:hidden; overflow-y:auto } .slds-action-overflow_touch__body,.slds-action-overflow--touch__body{ position:relative; top:var(--lwc-spacingXLarge,2rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowOverlay,0 -2px 4px rgba(0, 0, 0, 0.07)) } .slds-action-overflow_touch__footer,.slds-action-overflow--touch__footer{ position:relative; flex-shrink:0; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem); background-color:var(--lwc-colorBackground,#FFFFFF); box-shadow:var(--lwc-shadowActionOverflowFooter,0 -2px 4px #F9F9FA) } .slds-timeline__media,.slds-media_timeline,.slds-media--timeline{ padding-bottom:var(--lwc-spacingLarge,1.5rem); position:relative } .slds-timeline__media:before,.slds-media_timeline:before,.slds-media--timeline:before{ content:''; background:var(--lwc-colorBorder,rgb(0, 1, 16)); height:100%; width:var(--lwc-borderWidthThick,2px); position:absolute; left:.75rem; top:var(--lwc-borderWidthThick,2px); bottom:0; margin-left:var(--lwc-borderWidthThin,1px); z-index:-1 } .slds-timeline__title{ position:relative } .slds-timeline__title-content{ position:relative; top:-1px; padding-right:var(--lwc-spacingMedium,1rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); z-index:2 } .slds-timeline__title:after{ position:absolute; right:0; bottom:var(--lwc-spacingXSmall,0.5rem); left:0; border-bottom:var(--lwc-borderWidthThin,1px) dashed var(--lwc-colorBorder,rgb(0, 1, 16)); content:' '; z-index:1 } .slds-timeline__media_call:before,.slds-timeline__media--call:before{ background:#48c3cc } .slds-timeline__media_email:before,.slds-timeline__media--email:before{ background:#95aec5 } .slds-timeline__media_event:before,.slds-timeline__media--event:before{ background:#eb7092 } .slds-timeline__media_task:before,.slds-timeline__media--task:before{ background:#4bc076 } .slds-timeline__item_expandable{ position:relative; padding-bottom:var(--lwc-spacingMedium,1rem) } .slds-timeline__item_expandable:before{ content:''; background:var(--lwc-colorBorder,rgb(0, 1, 16)); height:100%; width:var(--lwc-borderWidthThick,2px); position:absolute; left:var(--lwc-squareIconMediumBoundaryAlt,2.25rem); top:0; bottom:0; margin-left:var(--lwc-borderWidthThin,1px) } .slds-timeline__item_expandable .slds-media__figure{ margin-right:var(--lwc-spacingXxSmall,0.25rem); z-index:1 } .slds-timeline__item_expandable .slds-media__figure .slds-button_icon{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-timeline__item_expandable .slds-media__body{ padding:0 var(--lwc-spacingXxSmall,0.25rem) } .slds-timeline__item_expandable .slds-checkbox{ margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-timeline__item_expandable .slds-timeline__actions_inline{ flex-flow:row nowrap; align-items:center; flex-shrink:0; margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-timeline__item_expandable .slds-timeline__actions_inline .slds-timeline__date{ padding-right:var(--lwc-spacingXSmall,0.5rem); margin-bottom:0 } .slds-timeline__item_expandable .slds-timeline__item_details{ visibility:hidden; opacity:0; height:0; padding:0 } .slds-timeline__item_expandable.slds-is-open .slds-timeline__item_details{ visibility:visible; opacity:1; height:auto; padding:var(--lwc-spacingMedium,1rem) } .slds-timeline__item_expandable.slds-is-open .slds-timeline__details-action-icon{ transform:rotate(0); transform-origin:45% } .slds-timeline__item_call:before{ background:#48c3cc } .slds-timeline__item_email:before{ background:#95aec5 } .slds-timeline__item_event:before{ background:#eb7092 } .slds-timeline__item_task:before{ background:#4bc076 } .slds-timeline__trigger{ padding:var(--lwc-spacingXxSmall,0.25rem) } .slds-timeline__trigger:hover{ background-color:var(--lwc-colorBackgroundReminder,rgb(250, 250, 249)) } .slds-timeline__icon{ border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-timeline__actions{ display:flex; flex-flow:column nowrap; align-items:flex-end } .slds-timeline__date{ margin-bottom:var(--lwc-spacingXxSmall,0.25rem); font-size:var(--lwc-fontSize2,0.75rem); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-timeline__details-action-icon{ transform:rotate(-90deg) } .slds-badge{ background-color:var(--sds-c-badge-color-background, var(--lwc-colorBackgroundDark,rgb(233, 234, 236))); padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem); border-width:var(--sds-c-badge-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-badge-color-border, transparent); border-radius:var(--sds-c-badge-radius-border, var(--lwc-borderRadiusPill,15rem)); font-size:var(--sds-c-badge-font-size, var(--lwc-fontSize2,0.75rem)); font-weight:var(--lwc-fontWeightBold,700); line-height:var(--sds-c-badge-line-height, normal); color:var(--sds-c-badge-text-color, var(--lwc-colorTextDefault,rgb(0, 1, 16))); white-space:nowrap; display:inline-flex; align-items:center } .slds-badge+.slds-badge{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-badge:empty{ padding:0 } .slds-badge_inverse{ background-color:var(--sds-c-badge-inverse-color-background, var(--lwc-badgeColorBackgroundInverse,rgb(112, 110, 107))); color:var(--sds-c-badge-inverse-text-color, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-badge_lightest{ background-color:var(--sds-c-badge-lightest-color-background, var(--lwc-badgeColorBackgroundLightest,rgb(255, 255, 255))); border-color:var(--sds-c-badge-lightest-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))) } .slds-badge__icon{ color:var(--sds-c-badge-icon-color-foreground, var(--lwc-colorTextIconDefault,rgb(107, 109, 112))); vertical-align:middle; display:inline-flex; align-items:center; line-height:1 } .slds-badge__icon.slds-badge__icon_inverse{ color:currentColor } .slds-badge__icon_left{ margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-badge__icon_right{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-breadcrumb .slds-list__item,.slds-breadcrumb .slds-breadcrumb__item{ position:relative } .slds-breadcrumb .slds-list__item:before,.slds-breadcrumb .slds-breadcrumb__item:before{ content:'\003E'; position:absolute; left:-.25rem } .slds-breadcrumb .slds-list__item>a,.slds-breadcrumb .slds-breadcrumb__item>a{ display:block; padding-top:0; padding-right:var(--sds-c-breadcrumbs-spacing-inline-end, var(--lwc-spacingXSmall,0.5rem)); padding-bottom:0; padding-left:var(--sds-c-breadcrumbs-spacing-inline-start, var(--lwc-spacingXSmall,0.5rem)) } .slds-breadcrumb .slds-list__item>a:hover,.slds-breadcrumb .slds-breadcrumb__item>a:hover{ text-decoration:none } .slds-breadcrumb .slds-list__item:first-child>a,.slds-breadcrumb .slds-breadcrumb__item:first-child>a{ padding-left:0 } .slds-breadcrumb .slds-list__item:first-child:before,.slds-breadcrumb .slds-breadcrumb__item:first-child:before{ content:'' } .slds-breadcrumb .slds-dropdown-trigger{ margin-right:var(--sds-c-breadcrumbs-spacing-inline-end, var(--lwc-spacingXSmall,0.5rem)) } .slds-button-group-row{ display:inline-flex } .slds-button-group-row .slds-button-group-item+.slds-button-group-item{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-button-group-row .slds-button-group-item .slds-button{ margin:0 } .slds-button-group,.slds-button-group-list{ display:inline-flex } .slds-button-group .slds-button,.slds-button-group-list .slds-button{ border-radius:0; border-width:var(--lwc-borderWidthThin,1px) } .slds-button-group .slds-button:focus,.slds-button-group-list .slds-button:focus{ z-index:var(--lwc-zIndexDefault,1) } .slds-button-group .slds-button+.slds-button,.slds-button-group .slds-button+.slds-button_last .slds-button,.slds-button-group .slds-button+.slds-button--last .slds-button,.slds-button-group-list li+li .slds-button{ margin-left:-1px } .slds-button-group .slds-button_brand+.slds-button_last .slds-button_icon-brand,.slds-button-group .slds-button_brand+.slds-button--last .slds-button_icon-brand,.slds-button-group-list li:last-child .slds-button_icon-brand{ box-shadow:inset 1px 0 0 var(--lwc-buttonIconColorBorderPrimary,rgb(255, 255, 255)) } .slds-button-group-list li:first-child .slds-button,.slds-button-group .slds-button:first-child{ border-radius:var(--lwc-buttonBorderRadius,.25rem) 0 0 var(--lwc-buttonBorderRadius,.25rem) } .slds-button-group .slds-button:last-child,.slds-button-group-list li:last-child .slds-button,.slds-button-group .slds-button_last .slds-button,.slds-button-group .slds-button--last .slds-button,.slds-button-group .slds-button.slds-button_last,.slds-button-group .slds-button.slds-button--last,.slds-button-group .slds-button_last .slds-button:only-child,.slds-button-group .slds-button--last .slds-button:only-child,.slds-button-group .slds-button.slds-button_last,.slds-button-group .slds-button.slds-button--last{ border-radius:0 var(--lwc-buttonBorderRadius,.25rem) var(--lwc-buttonBorderRadius,.25rem) 0 } .slds-button-group .slds-button:only-child,.slds-button-group-list li:only-child .slds-button{ border-radius:var(--lwc-buttonBorderRadius,.25rem) } .slds-button.slds-button_first.slds-button_first{ border-right:0; border-radius:var(--lwc-buttonBorderRadius,.25rem) 0 0 var(--lwc-buttonBorderRadius,.25rem) } .slds-button.slds-button_middle.slds-button_middle{ border-radius:0; margin-left:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-button.slds-button_last.slds-button_last{ border-radius:0 var(--lwc-buttonBorderRadius,.25rem) var(--lwc-buttonBorderRadius,.25rem) 0; margin-left:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-button-group+.slds-button-group,.slds-button-group+.slds-button-group-list,.slds-button-group+.slds-button,.slds-button-group-list+.slds-button-group-list,.slds-button-group-list+.slds-button-group,.slds-button-group-list+.slds-button{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-button-space-left{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-button_small,.slds-button--small{ line-height:var(--lwc-lineHeightButtonSmall,1.75rem); min-height:var(--lwc-squareIconMediumBoundary,2rem) } .slds-button{ position:relative; display:inline-flex; align-items:center; padding-top:var(--sds-c-button-spacing-block-start, 0); padding-right:var(--sds-c-button-spacing-inline-end, 0); padding-bottom:var(--sds-c-button-spacing-block-end, 0); padding-left:var(--sds-c-button-spacing-inline-start, 0); background:none; background-color:var(--sds-c-button-color-background, transparent); background-clip:border-box; border-color:var(--sds-c-button-color-border, transparent); border-style:solid; border-width:var(--sds-c-button-sizing-border, var(--lwc-borderWidthThin,1px)); border-radius:var(--sds-c-button-radius-border, var(--lwc-buttonBorderRadius,.25rem)); box-shadow:var(--sds-c-button-shadow); line-height:var(--sds-c-button-line-height, var(--lwc-lineHeightButton,1.875rem)); text-decoration:none; color:var(--sds-c-button-text-color, var(--lwc-brandAccessible,rgb(225, 50, 0))); -webkit-appearance:none; white-space:normal; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-button:hover,.slds-button:focus,.slds-button:active,.slds-button:visited{ text-decoration:none } .slds-button:hover,.slds-button:focus{ color:var(--sds-c-button-text-color-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-button:focus{ outline:0; box-shadow:var(--sds-c-button-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-button:active{ color:var(--sds-c-button-text-color-active, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-button[disabled],.slds-button:disabled{ background-color:transparent; border-color:transparent; color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)); cursor:default } .slds-button[disabled] *,.slds-button:disabled *{ pointer-events:none } .slds-button a{ color:currentColor } .slds-button:hover .slds-button__icon,.slds-button:focus .slds-button__icon,.slds-button:active .slds-button__icon,.slds-button[disabled] .slds-button__icon,.slds-button:disabled .slds-button__icon{ fill:currentColor; pointer-events:none } .slds-button+.slds-button-group,.slds-button+.slds-button-group-list{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-button+.slds-button{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } a.slds-button{ text-align:center } a.slds-button:focus{ outline:0; box-shadow:var(--sds-c-button-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } a.slds-button_inverse:focus,a.slds-button--inverse:focus{ outline:none; box-shadow:var(--sds-c-button-inverse-shadow-focus, var(--lwc-shadowButtonFocusInverse,0 0 3px #E9EAEC)); border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-button-inverse-color-border-focus, var(--lwc-colorBorderButtonFocusInverse,rgb(233, 234, 236))) } .slds-button_reset,.slds-button--reset{ font-size:inherit; color:inherit; line-height:inherit; padding:0; background:transparent; border:0; text-align:inherit } .slds-button_neutral,.slds-button--neutral{ padding-left:var(--sds-c-button-neutral-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-neutral-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-neutral-color-background, var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255))); border-color:var(--sds-c-button-neutral-color-border, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_neutral:hover,.slds-button_neutral:focus,.slds-button--neutral:hover,.slds-button--neutral:focus{ background-color:var(--sds-c-button-neutral-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-neutral-color-border-hover, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_neutral:active,.slds-button--neutral:active{ background-color:var(--sds-c-button-neutral-color-background-active, var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242))); border-color:var(--sds-c-button-neutral-color-border-active, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_neutral[disabled],.slds-button_neutral:disabled,.slds-button--neutral[disabled],.slds-button--neutral:disabled{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)) } .slds-button_brand,.slds-button--brand{ padding-left:var(--sds-c-button-brand-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-brand-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-brand-color-background, var(--lwc-brandAccessible,rgb(225, 50, 0))); border-color:var(--sds-c-button-brand-color-border, var(--lwc-brandAccessible,rgb(225, 50, 0))); color:var(--sds-c-button-brand-text-color, var(--lwc-colorTextBrandPrimary,#FFFFFF)) } .slds-button_brand:hover,.slds-button_brand:focus,.slds-button--brand:hover,.slds-button--brand:focus{ background-color:var(--sds-c-button-brand-color-background-hover, var(--lwc-brandAccessibleActive,#ae2700)); border-color:var(--sds-c-button-brand-color-border-hover, var(--lwc-brandAccessibleActive,#ae2700)); color:var(--sds-c-button-brand-text-color-hover, var(--lwc-colorTextBrandPrimary,#FFFFFF)) } .slds-button_brand:active,.slds-button--brand:active{ background-color:var(--sds-c-button-brand-color-background-active, var(--lwc-brandAccessibleActive,#ae2700)); border-color:var(--sds-c-button-brand-color-border-active, var(--lwc-brandAccessibleActive,#ae2700)); color:var(--sds-c-button-brand-text-color-active, var(--lwc-colorTextBrandPrimary,#FFFFFF)) } .slds-button_brand[disabled],.slds-button_brand:disabled,.slds-button--brand[disabled],.slds-button--brand:disabled{ background-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); border-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-button_outline-brand{ padding-left:var(--sds-c-button-outline-brand-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-outline-brand-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-outline-brand-color-background, var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255))); border-color:var(--sds-c-button-outline-brand-color-border, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-button_outline-brand:hover,.slds-button_outline-brand:focus{ background-color:var(--sds-c-button-outline-brand-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-outline-brand-color-border-hover, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-button_outline-brand:active{ background-color:var(--sds-c-button-outline-brand-color-background-active, var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242))); border-color:var(--sds-c-button-outline-brand-color-border-active, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-button_outline-brand[disabled],.slds-button_outline-brand:disabled{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-button_inverse,.slds-button--inverse{ padding-left:var(--sds-c-button-inverse-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-inverse-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-inverse-color-background, var(--lwc-colorBackgroundButtonInverse,rgba(0, 0, 0, 0))); border-color:var(--sds-c-button-inverse-color-border, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_inverse:hover,.slds-button_inverse:focus,.slds-button--inverse:hover,.slds-button--inverse:focus{ background-color:var(--sds-c-button-inverse-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-inverse-color-border-hover, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_inverse:active,.slds-button--inverse:active{ background-color:var(--sds-c-button-inverse-color-background-active, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-inverse-color-border-active, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))) } .slds-button_inverse[disabled],.slds-button_inverse:disabled,.slds-button--inverse[disabled],.slds-button--inverse:disabled{ background-color:var(--lwc-colorBackgroundButtonInverseDisabled,rgba(0, 0, 0, 0)); border-color:var(--lwc-colorBorderButtonInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-button_inverse,.slds-button_inverse:link,.slds-button_inverse:visited,.slds-button--inverse,.slds-button--inverse:link,.slds-button--inverse:visited,.slds-button_icon-border-inverse,.slds-button_icon-border-inverse:link,.slds-button_icon-border-inverse:visited,.slds-button--icon-border-inverse,.slds-button--icon-border-inverse:link,.slds-button--icon-border-inverse:visited{ color:var(--sds-c-button-inverse-text-color, var(--lwc-colorTextButtonInverse,rgb(233, 234, 236))) } .slds-button_inverse:hover,.slds-button_inverse:focus,.slds-button_inverse:active,.slds-button--inverse:hover,.slds-button--inverse:focus,.slds-button--inverse:active,.slds-button_icon-border-inverse:hover,.slds-button_icon-border-inverse:focus,.slds-button_icon-border-inverse:active,.slds-button--icon-border-inverse:hover,.slds-button--icon-border-inverse:focus,.slds-button--icon-border-inverse:active{ color:var(--sds-c-button-inverse-text-color-active, var(--lwc-colorTextButtonDefault,rgb(1, 118, 211))) } .slds-button_inverse:focus,.slds-button--inverse:focus,.slds-button_icon-border-inverse:focus,.slds-button--icon-border-inverse:focus{ outline:none; box-shadow:var(--sds-c-button-inverse-shadow-focus, var(--lwc-shadowButtonFocusInverse,0 0 3px #E9EAEC)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonFocusInverse,rgb(233, 234, 236)) } .slds-button_inverse[disabled],.slds-button_inverse:disabled,.slds-button--inverse[disabled],.slds-button--inverse:disabled,.slds-button_icon-border-inverse[disabled],.slds-button_icon-border-inverse:disabled,.slds-button--icon-border-inverse[disabled],.slds-button--icon-border-inverse:disabled{ color:var(--lwc-colorTextButtonInverseDisabled,rgba(255, 255, 255, 0.5)) } .slds-button_destructive,.slds-button--destructive{ padding-left:var(--sds-c-button-destructive-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-destructive-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-destructive-color-background, var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23))); border-color:var(--sds-c-button-destructive-color-border, var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23))); color:var(--sds-c-button-destructive-text-color, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-button_destructive:hover,.slds-button_destructive:focus,.slds-button--destructive:hover,.slds-button--destructive:focus{ background-color:var(--sds-c-button-destructive-color-background-hover, var(--lwc-colorBackgroundDestructiveHover,rgb(186, 5, 23))); border-color:var(--sds-c-button-destructive-color-border-hover, var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23))); color:var(--sds-c-button-destructive-text-color-hover, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-button_destructive:active,.slds-button--destructive:active{ background-color:var(--sds-c-button-destructive-color-background-active, var(--lwc-colorBackgroundDestructiveActive,rgb(142, 3, 15))); border-color:var(--sds-c-button-destructive-color-border-active, var(--lwc-colorBorderDestructiveActive,rgb(142, 3, 15))); color:var(--sds-c-button-destructive-text-color-active, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-button_destructive[disabled],.slds-button_destructive:disabled,.slds-button--destructive[disabled],.slds-button--destructive:disabled{ background-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); border-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-button_text-destructive{ padding-left:var(--sds-c-button-text-destructive-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-text-destructive-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-text-destructive-color-background, var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255))); border-color:var(--sds-c-button-text-destructive-color-border, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))); color:var(--sds-c-button-text-destructive-text-color, var(--lwc-colorTextDestructive,rgb(234, 0, 30))) } .slds-button_text-destructive:hover,.slds-button_text-destructive:focus{ background-color:var(--sds-c-button-text-destructive-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-text-destructive-color-border-hover, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))); color:var(--sds-c-button-text-destructive-text-color-hover, var(--lwc-colorTextDestructiveHover,rgb(186, 5, 23))) } .slds-button_text-destructive:active{ background-color:var(--sds-c-button-text-destructive-color-background-active, var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242))); border-color:var(--sds-c-button-text-destructive-color-border-active, var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16))); color:var(--sds-c-button-text-destructive-text-color-active, var(--lwc-colorTextDestructiveHover,rgb(186, 5, 23))) } .slds-button_text-destructive[disabled],.slds-button_text-destructive:disabled{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)); color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-button_success,.slds-button--success{ padding-left:var(--sds-c-button-success-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-success-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-success-color-background, var(--lwc-colorBackgroundButtonSuccess,rgb(69, 198, 90))); border-color:var(--sds-c-button-success-color-border, var(--lwc-colorBorderSuccess,rgb(145, 219, 139))); color:var(--sds-c-button-success-text-color, var(--lwc-colorTextDefault,rgb(0, 1, 16))) } .slds-button_success:hover,.slds-button_success:focus,.slds-button--success:hover,.slds-button--success:focus{ background-color:var(--sds-c-button-success-color-background-hover, var(--lwc-colorBackgroundButtonSuccessHover,rgb(46, 132, 74))); border-color:var(--sds-c-button-success-color-border-hover, var(--lwc-colorBorderSuccessDark,rgb(46, 132, 74))); color:var(--sds-c-button-success-text-color-hover, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-button_success:active,.slds-button--success:active{ background-color:var(--sds-c-button-success-color-background-active, var(--lwc-colorBackgroundButtonSuccessActive,rgb(46, 132, 74))); border-color:var(--sds-c-button-success-color-border-active, var(--lwc-colorBorderSuccessDark,rgb(46, 132, 74))); color:var(--sds-c-button-success-text-color-active, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-button_success[disabled],.slds-button_success:disabled,.slds-button--success[disabled],.slds-button--success:disabled{ background-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); border-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-button__icon{ width:var(--lwc-squareIconMediumContentAlt,0.875rem); height:var(--lwc-squareIconMediumContentAlt,0.875rem); fill:currentColor } .slds-button__icon_large,.slds-button__icon--large{ width:var(--lwc-squareIconUtilityLarge,1.5rem); height:var(--lwc-squareIconUtilityLarge,1.5rem) } .slds-button__icon_small,.slds-button__icon--small{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem) } .slds-button__icon_x-small,.slds-button__icon--x-small{ width:var(--lwc-squareIconXSmallContent,0.5rem); height:var(--lwc-squareIconXSmallContent,0.5rem) } .slds-button__icon_left,.slds-button__icon--left{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-button__icon_right,.slds-button__icon--right{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-button_full-width{ font-size:inherit; color:inherit; line-height:inherit; padding:0; background:transparent; border:0; text-align:inherit; width:100%; display:inline-flex; flex-grow:1; align-items:center; justify-content:space-between } .slds-button_full-width:focus{ box-shadow:none } .slds-button_stretch{ justify-content:center; width:100% } .slds-button__icon_stateful,.slds-button__icon--stateful{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem); fill:currentColor } .slds-button_neutral.slds-is-selected,.slds-button--neutral.slds-is-selected{ background-color:transparent; border-color:transparent } .slds-button_neutral.slds-is-selected:hover:not([disabled]),.slds-button_neutral.slds-is-selected:focus:not([disabled]),.slds-button--neutral.slds-is-selected:hover:not([disabled]),.slds-button--neutral.slds-is-selected:focus:not([disabled]){ background-color:var(--sds-c-button-neutral-color-background, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))); border-color:var(--sds-c-button-neutral-color-border-hover, var(--lwc-colorBorderPrimary,rgb(217, 219, 221))) } .slds-button_neutral.slds-is-selected:active:not([disabled]),.slds-button--neutral.slds-is-selected:active:not([disabled]){ background-color:var(--sds-c-button-neutral-color-background-active, var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242))) } .slds-button_inverse.slds-is-selected,.slds-button--inverse.slds-is-selected{ border-color:transparent } .slds-button_stateful .slds-text-selected,.slds-button_stateful .slds-text-selected-focus,.slds-button_stateful .slds-text-not-selected{ align-items:center } .slds-not-selected .slds-text-selected{ display:none } .slds-not-selected .slds-text-selected-focus{ display:none } .slds-not-selected .slds-text-not-selected{ display:inline-flex } .slds-is-selected-clicked .slds-text-selected,.slds-is-selected[disabled] .slds-text-selected,.slds-is-selected[disabled]:hover .slds-text-selected,.slds-is-selected[disabled]:focus .slds-text-selected{ display:inline-flex } .slds-is-selected-clicked .slds-text-selected-focus,.slds-is-selected[disabled] .slds-text-selected-focus,.slds-is-selected[disabled]:hover .slds-text-selected-focus,.slds-is-selected[disabled]:focus .slds-text-selected-focus{ display:none } .slds-is-selected-clicked .slds-text-not-selected,.slds-is-selected[disabled] .slds-text-not-selected,.slds-is-selected[disabled]:hover .slds-text-not-selected,.slds-is-selected[disabled]:focus .slds-text-not-selected{ display:none } .slds-is-selected .slds-text-not-selected{ display:none } .slds-is-selected .slds-text-selected{ display:inline-flex } .slds-is-selected .slds-text-selected-focus{ display:none } .slds-is-selected:hover .slds-text-not-selected,.slds-is-selected:focus .slds-text-not-selected{ display:none } .slds-is-selected:hover .slds-text-selected,.slds-is-selected:focus .slds-text-selected{ display:none } .slds-is-selected:hover .slds-text-selected-focus,.slds-is-selected:focus .slds-text-selected-focus{ display:inline-flex } .slds-button_dual-stateful .slds-text-not-pressed{ display:block } .slds-button_dual-stateful .slds-text-pressed{ display:none } .slds-button_dual-stateful.slds-is-pressed{ padding-left:var(--sds-c-button-brand-spacing-inline-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-button-brand-spacing-inline-end, var(--lwc-spacingMedium,1rem)); text-align:center; vertical-align:middle; justify-content:center; transition:border .15s linear; background-color:var(--sds-c-button-brand-color-background, var(--lwc-brandAccessible,rgb(225, 50, 0))); border-color:var(--sds-c-button-brand-color-border, var(--lwc-brandAccessible,rgb(225, 50, 0))); color:var(--sds-c-button-brand-text-color, var(--lwc-colorTextBrandPrimary,#FFFFFF)) } .slds-button_dual-stateful.slds-is-pressed:focus,.slds-button_dual-stateful.slds-is-pressed:hover{ background-color:var(--sds-c-button-brand-color-background-hover, var(--lwc-brandAccessibleActive,#ae2700)); border-color:var(--sds-c-button-brand-color-border-hover, var(--lwc-brandAccessibleActive,#ae2700)); color:var(--sds-c-button-brand-text-color-hover, var(--lwc-colorTextBrandPrimary,#FFFFFF)) } .slds-button_dual-stateful.slds-is-pressed .slds-text-not-pressed{ display:none } .slds-button_dual-stateful.slds-is-pressed .slds-text-pressed{ display:block } .slds-button_icon-bare,.slds-button--icon-bare{ line-height:var(--lwc-lineHeightReset,1); vertical-align:middle; color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-button_icon,.slds-button--icon,.slds-button_icon-inverse,.slds-button--icon-inverse,.slds-button_icon-container,.slds-button--icon-container,.slds-button_icon-border,.slds-button--icon-border,.slds-button_icon-border-filled,.slds-button--icon-border-filled,.slds-button_icon-border-inverse,.slds-button--icon-border-inverse,.slds-button_icon-more,.slds-button--icon-more,.slds-button_icon-error,.slds-button--icon-error,.slds-button_icon-warning,.slds-button--icon-warning{ line-height:var(--lwc-lineHeightReset,1); vertical-align:middle; justify-content:center; color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)); flex-shrink:0 } .slds-button_icon-container,.slds-button--icon-container,.slds-button_icon-border,.slds-button--icon-border,.slds-button_icon-border-filled,.slds-button--icon-border-filled,.slds-button_icon-border-inverse,.slds-button--icon-border-inverse,.slds-button_icon-brand,.slds-button_icon-more,.slds-button--icon-more,.slds-button_icon-container-more,.slds-button--icon-container-more{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem) } .slds-button_icon-border-filled,.slds-button--icon-border-filled,.slds-button_icon-border,.slds-button--icon-border{ line-height:var(--lwc-lineHeightReset,1); vertical-align:middle; color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderPrimary,rgb(217, 219, 221)); transition:border .15s linear; border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)) } .slds-button_icon-border-filled[disabled],.slds-button_icon-border-filled:disabled,.slds-button--icon-border-filled[disabled],.slds-button--icon-border-filled:disabled,.slds-button_icon-border[disabled],.slds-button_icon-border:disabled,.slds-button--icon-border[disabled],.slds-button--icon-border:disabled{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)) } .slds-button_icon-border-inverse,.slds-button--icon-border-inverse{ background-color:var(--lwc-colorBackgroundButtonInverse,rgba(0, 0, 0, 0)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)) } .slds-button_icon-border-inverse[disabled],.slds-button_icon-border-inverse:disabled,.slds-button--icon-border-inverse[disabled],.slds-button--icon-border-inverse:disabled{ background-color:var(--lwc-colorBackgroundButtonInverseDisabled,rgba(0, 0, 0, 0)); border-color:var(--lwc-colorBorderButtonInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-button_icon-brand{ background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); border-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-brand:link,.slds-button_icon-brand:visited,.slds-button_icon-brand:active{ color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-brand:hover,.slds-button_icon-brand:focus{ background-color:var(--lwc-brandAccessibleActive,#ae2700); border-color:var(--lwc-brandAccessibleActive,#ae2700); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-brand:active{ background-color:var(--lwc-brandAccessibleActive,#ae2700); border-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-button_icon-brand[disabled],.slds-button_icon-brand:disabled{ background:var(--lwc-brandDisabled,rgb(201, 199, 197)); border-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-button_icon-border-filled,.slds-button--icon-border-filled{ background-color:var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255)) } .slds-button_icon-border-filled[disabled],.slds-button_icon-border-filled:disabled,.slds-button--icon-border-filled[disabled],.slds-button--icon-border-filled:disabled{ border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)); background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)) } .slds-button_icon-inverse,.slds-button--icon-inverse,.slds-button_icon-border-inverse,.slds-button--icon-border-inverse{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-button_icon-inverse:hover,.slds-button_icon-inverse:focus,.slds-button--icon-inverse:hover,.slds-button--icon-inverse:focus,.slds-button_icon-border-inverse:hover,.slds-button_icon-border-inverse:focus,.slds-button--icon-border-inverse:hover,.slds-button--icon-border-inverse:focus{ color:var(--lwc-colorTextLinkInverseHover,rgba(255, 255, 255, 0.75)) } .slds-button_icon-inverse:focus,.slds-button--icon-inverse:focus,.slds-button_icon-border-inverse:focus,.slds-button--icon-border-inverse:focus{ outline:none; box-shadow:var(--lwc-shadowButtonFocusInverse,0 0 3px #E9EAEC); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonFocusInverse,rgb(233, 234, 236)) } .slds-button_icon-inverse:active,.slds-button--icon-inverse:active,.slds-button_icon-border-inverse:active,.slds-button--icon-border-inverse:active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-button_icon-inverse[disabled],.slds-button_icon-inverse:disabled,.slds-button--icon-inverse[disabled],.slds-button--icon-inverse:disabled,.slds-button_icon-border-inverse[disabled],.slds-button_icon-border-inverse:disabled,.slds-button--icon-border-inverse[disabled],.slds-button--icon-border-inverse:disabled{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-button_icon-error,.slds-button_icon-error:hover,.slds-button_icon-error:active,.slds-button_icon-error:focus,.slds-button--icon-error,.slds-button--icon-error:hover,.slds-button--icon-error:active,.slds-button--icon-error:focus{ color:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-button_icon-warning,.slds-button_icon-warning:hover,.slds-button_icon-warning:active,.slds-button_icon-warning:focus,.slds-button--icon-warning,.slds-button--icon-warning:hover,.slds-button--icon-warning:active,.slds-button--icon-warning:focus{ color:var(--lwc-colorTextWarning,rgb(254, 147, 57)) } .slds-button_icon-current-color{ color:currentColor } .slds-button_icon-small,.slds-button--icon-small{ width:var(--lwc-squareIconSmallBoundary,1.5rem); height:var(--lwc-squareIconSmallBoundary,1.5rem) } .slds-button_icon-x-small,.slds-button--icon-x-small{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem); line-height:var(--lwc-lineHeightReset,1) } .slds-button_icon-x-small .slds-button__icon,.slds-button--icon-x-small .slds-button__icon{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem) } .slds-button_icon-xx-small,.slds-button--icon-xx-small{ width:var(--lwc-squareIconXxSmallBoundary,1rem); height:var(--lwc-squareIconXxSmallBoundary,1rem); line-height:var(--lwc-lineHeightReset,1) } .slds-button_icon-xx-small .slds-button__icon,.slds-button--icon-xx-small .slds-button__icon{ width:var(--lwc-squareIconXSmallContent,0.5rem); height:var(--lwc-squareIconXSmallContent,0.5rem) } .slds-button_icon-more,.slds-button--icon-more{ width:auto; line-height:var(--lwc-lineHeightButton,1.875rem); padding:0 var(--lwc-spacingXSmall,0.5rem); background-color:var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)); color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-button_icon-more:hover .slds-button__icon,.slds-button_icon-more:focus .slds-button__icon,.slds-button--icon-more:hover .slds-button__icon,.slds-button--icon-more:focus .slds-button__icon{ fill:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-button_icon-more:active .slds-button__icon,.slds-button--icon-more:active .slds-button__icon{ fill:var(--lwc-brandAccessibleActive,#ae2700) } .slds-button_icon-more[disabled],.slds-button_icon-more:disabled,.slds-button--icon-more[disabled],.slds-button--icon-more:disabled{ cursor:default } .slds-button_icon-more[disabled] .slds-button__icon,.slds-button_icon-more:disabled .slds-button__icon,.slds-button--icon-more[disabled] .slds-button__icon,.slds-button--icon-more:disabled .slds-button__icon{ fill:var(--lwc-colorTextIconDefaultDisabled,rgb(217, 219, 221)) } .slds-button_icon-container-more,.slds-button--icon-container-more{ width:auto; line-height:var(--lwc-lineHeightButton,1.875rem); padding:0 var(--lwc-spacingXSmall,0.5rem); vertical-align:middle } .slds-button__icon_hint,.slds-button__icon--hint{ fill:var(--lwc-colorTextIconDefaultHint,rgb(171, 173, 176)) } .slds-button__icon_inverse-hint,.slds-button__icon--inverse-hint{ fill:var(--lwc-colorTextIconInverseHint,rgba(255, 255, 255, 0.5)) } .slds-hint-parent .slds-button_icon-border-inverse,.slds-hint-parent .slds-button--icon-border-inverse{ border-color:var(--lwc-colorBorderIconInverseHint,rgba(255, 255, 255, 0.5)) } .slds-hint-parent .slds-button_icon-border-inverse:focus,.slds-hint-parent .slds-button--icon-border-inverse:focus{ border-color:var(--lwc-colorBorderIconInverseHintHover,rgba(255, 255, 255, 0.75)) } .slds-hint-parent:hover .slds-button_icon-border-inverse,.slds-hint-parent:hover .slds-button--icon-border-inverse,.slds-hint-parent:focus .slds-button_icon-border-inverse,.slds-hint-parent:focus .slds-button--icon-border-inverse{ border-color:var(--lwc-colorBorderIconInverseHintHover,rgba(255, 255, 255, 0.75)) } .slds-hint-parent:hover .slds-button__icon_hint,.slds-hint-parent:hover .slds-button__icon--hint,.slds-hint-parent:focus .slds-button__icon_hint,.slds-hint-parent:focus .slds-button__icon--hint{ fill:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-hint-parent:hover .slds-button__icon_inverse-hint,.slds-hint-parent:hover .slds-button__icon--inverse-hint,.slds-hint-parent:focus .slds-button__icon_inverse-hint,.slds-hint-parent:focus .slds-button__icon--inverse-hint{ fill:var(--lwc-colorTextIconInverseHintHover,rgba(255, 255, 255, 0.75)) } .slds-hint-parent:hover .slds-button:disabled .slds-button__icon_hint,.slds-hint-parent:hover .slds-button:disabled .slds-button__icon--hint,.slds-hint-parent:focus .slds-button:disabled .slds-button__icon_hint,.slds-hint-parent:focus .slds-button:disabled .slds-button__icon--hint{ fill:currentColor } .slds-button_icon-container.slds-is-selected,.slds-button--icon-container.slds-is-selected,.slds-button_icon-border.slds-is-selected,.slds-button--icon-border.slds-is-selected,.slds-button_icon-border-filled.slds-is-selected,.slds-button_icon-border-inverse.slds-is-selected{ background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); border-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-container.slds-is-selected:link,.slds-button_icon-container.slds-is-selected:visited,.slds-button_icon-container.slds-is-selected:active,.slds-button--icon-container.slds-is-selected:link,.slds-button--icon-container.slds-is-selected:visited,.slds-button--icon-container.slds-is-selected:active,.slds-button_icon-border.slds-is-selected:link,.slds-button_icon-border.slds-is-selected:visited,.slds-button_icon-border.slds-is-selected:active,.slds-button--icon-border.slds-is-selected:link,.slds-button--icon-border.slds-is-selected:visited,.slds-button--icon-border.slds-is-selected:active,.slds-button_icon-border-filled.slds-is-selected:link,.slds-button_icon-border-filled.slds-is-selected:visited,.slds-button_icon-border-filled.slds-is-selected:active,.slds-button_icon-border-inverse.slds-is-selected:link,.slds-button_icon-border-inverse.slds-is-selected:visited,.slds-button_icon-border-inverse.slds-is-selected:active{ color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-container.slds-is-selected:hover,.slds-button_icon-container.slds-is-selected:focus,.slds-button--icon-container.slds-is-selected:hover,.slds-button--icon-container.slds-is-selected:focus,.slds-button_icon-border.slds-is-selected:hover,.slds-button_icon-border.slds-is-selected:focus,.slds-button--icon-border.slds-is-selected:hover,.slds-button--icon-border.slds-is-selected:focus,.slds-button_icon-border-filled.slds-is-selected:hover,.slds-button_icon-border-filled.slds-is-selected:focus,.slds-button_icon-border-inverse.slds-is-selected:hover,.slds-button_icon-border-inverse.slds-is-selected:focus{ background-color:var(--lwc-brandAccessibleActive,#ae2700); border-color:var(--lwc-brandAccessibleActive,#ae2700); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-button_icon-container.slds-is-selected:active,.slds-button--icon-container.slds-is-selected:active,.slds-button_icon-border.slds-is-selected:active,.slds-button--icon-border.slds-is-selected:active,.slds-button_icon-border-filled.slds-is-selected:active,.slds-button_icon-border-inverse.slds-is-selected:active{ background-color:var(--lwc-brandAccessibleActive,#ae2700); border-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-button_icon-container.slds-is-selected .slds-button__icon,.slds-button--icon-container.slds-is-selected .slds-button__icon,.slds-button_icon-border.slds-is-selected .slds-button__icon,.slds-button--icon-border.slds-is-selected .slds-button__icon,.slds-button_icon-border-filled.slds-is-selected .slds-button__icon,.slds-button_icon-border-inverse.slds-is-selected .slds-button__icon{ fill:var(--lwc-colorTextButtonBrand,#FFFFFF) } .slds-button_icon-container.slds-is-selected:hover .slds-button__icon,.slds-button_icon-container.slds-is-selected:focus .slds-button__icon,.slds-button--icon-container.slds-is-selected:hover .slds-button__icon,.slds-button--icon-container.slds-is-selected:focus .slds-button__icon,.slds-button_icon-border.slds-is-selected:hover .slds-button__icon,.slds-button_icon-border.slds-is-selected:focus .slds-button__icon,.slds-button--icon-border.slds-is-selected:hover .slds-button__icon,.slds-button--icon-border.slds-is-selected:focus .slds-button__icon,.slds-button_icon-border-filled.slds-is-selected:hover .slds-button__icon,.slds-button_icon-border-filled.slds-is-selected:focus .slds-button__icon,.slds-button_icon-border-inverse.slds-is-selected:hover .slds-button__icon,.slds-button_icon-border-inverse.slds-is-selected:focus .slds-button__icon{ fill:var(--lwc-colorTextButtonBrand,#FFFFFF) } .slds-button_icon-container.slds-is-selected[disabled],.slds-button_icon-container.slds-is-selected:disabled,.slds-button--icon-container.slds-is-selected[disabled],.slds-button--icon-container.slds-is-selected:disabled,.slds-button_icon-border.slds-is-selected[disabled],.slds-button_icon-border.slds-is-selected:disabled,.slds-button--icon-border.slds-is-selected[disabled],.slds-button--icon-border.slds-is-selected:disabled,.slds-button_icon-border-filled.slds-is-selected[disabled],.slds-button_icon-border-filled.slds-is-selected:disabled,.slds-button_icon-border-inverse.slds-is-selected[disabled],.slds-button_icon-border-inverse.slds-is-selected:disabled{ background:var(--lwc-brandDisabled,rgb(201, 199, 197)); border-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-color-picker{ position:relative } .slds-color-picker .slds-form-error{ padding-top:var(--lwc-spacingXSmall,0.5rem); color:var(--lwc-colorTextError,rgb(234, 0, 30)); font-size:var(--lwc-fontSize2,0.75rem) } .slds-color-picker__summary-label{ display:block } .slds-color-picker__summary-button{ vertical-align:top; padding:.3rem var(--lwc-spacingXSmall,0.5rem); line-height:1; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-color-picker__summary-input{ display:inline-block } .slds-color-picker__summary-input .slds-input{ width:var(--lwc-sizeXxSmall,6rem) } .slds-color-picker__selector{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-color-picker__selector.slds-popover{ width:var(--lwc-colorPickerSelectorWidth,14rem) } .slds-color-picker__selector .slds-popover__footer{ background:var(--lwc-colorBackground,#FFFFFF) } .slds-color-picker__selector .slds-tabs_default__content{ padding:var(--lwc-spacingXSmall,0.5rem) 0 var(--lwc-spacingXxSmall,0.25rem) } .slds-color-picker__swatches{ font-size:0 } .slds-color-picker__swatches.slds-swatch{ cursor:pointer } .slds-color-picker__swatch{ display:inline-block; margin:var(--lwc-spacingXxSmall,0.25rem) } .slds-color-picker__swatch-trigger{ display:inline-block } .slds-color-picker__swatch-trigger:focus,.slds-color-picker__swatch-trigger:active{ outline:none; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-color-picker__custom{ padding:var(--lwc-spacingXxSmall,0.25rem) 0 } .slds-color-picker__custom-range{ position:relative; margin-bottom:var(--lwc-spacingXxSmall,0.25rem); height:var(--lwc-colorPickerRangeHeight,5rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); overflow:hidden } .slds-color-picker__custom-range:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to top, black, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 99%),linear-gradient(to right, white 1%, rgba(255, 255, 255, 0)) } .slds-color-picker__range-indicator{ transform:translate3d(-0.375rem, 0.375rem, 0); cursor:pointer; position:absolute; height:var(--lwc-colorPickerRangeIndicatorSize,0.75rem); width:var(--lwc-colorPickerRangeIndicatorSize,0.75rem); border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-radius:var(--lwc-borderRadiusCircle,50%); box-shadow:var(--lwc-shadowInlineEdit,0 2px 4px 4px rgba(0, 0, 0, 0.16)),inset var(--lwc-shadowInlineEdit,0 2px 4px 4px rgba(0, 0, 0, 0.16)) } .slds-color-picker__range-indicator:focus{ outline:none; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-color-picker__hue-and-preview{ display:flex } .slds-color-picker__hue-and-preview .slds-swatch{ margin-left:var(--lwc-spacingXxSmall,0.25rem); height:var(--lwc-spacingLarge,1.5rem); width:var(--lwc-spacingLarge,1.5rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-color-picker__hue-slider{ -webkit-appearance:none; -moz-appearance:none; appearance:none; flex:1; padding:0; height:var(--lwc-colorPickerSliderHeight,1.5rem); width:100%; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background:linear-gradient(to right, red, #ff1500, #ff2b00, #ff4000, #ff5500, #ff6a00, #ff8000, #ff9500, #ffaa00, #ffbf00, #ffd500, #ffea00, yellow, #eaff00, #d5ff00, #bfff00, #aaff00, #95ff00, #80ff00, #6aff00, #55ff00, #40ff00, #2bff00, #15ff00, lime, #00ff15, #00ff2b, #00ff40, #00ff55, #00ff6a, #00ff80, #00ff95, #00ffaa, #00ffbf, #00ffd5, #00ffea, cyan, #00eaff, #00d5ff, deepskyblue, #00aaff, #0095ff, #0080ff, #006aff, #0055ff, #0040ff, #002bff, #0015ff, blue, #1500ff, #2b00ff, #4000ff, #5500ff, #6a00ff, #8000ff, #9500ff, #aa00ff, #bf00ff, #d500ff, #ea00ff, magenta, #ff00ea, #ff00d5, #ff00bf, #ff00aa, #ff0095, #ff0080, #ff006a, #ff0055, #ff0040, #ff002b, #ff0015) } .slds-color-picker__hue-slider::-webkit-slider-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; height:calc(var(--lwc-colorPickerSliderHeight,1.5rem) - (1px * 2)); width:var(--lwc-colorPickerThumbWidth,0.375rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorPickerSliderThumbBorderColor,rgb(81, 79, 77)); border-radius:var(--lwc-borderRadiusSmall,0.125rem); background:var(--lwc-colorPickerSliderThumbColorBackground,rgb(250, 250, 249)) } .slds-color-picker__hue-slider::-moz-range-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; height:calc(var(--lwc-colorPickerSliderHeight,1.5rem) - (1px * 2)); width:var(--lwc-colorPickerThumbWidth,0.375rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorPickerSliderThumbBorderColor,rgb(81, 79, 77)); border-radius:var(--lwc-borderRadiusSmall,0.125rem); background:var(--lwc-colorPickerSliderThumbColorBackground,rgb(250, 250, 249)) } .slds-color-picker__hue-slider::-ms-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; height:calc(var(--lwc-colorPickerSliderHeight,1.5rem) - (1px * 2)); width:var(--lwc-colorPickerThumbWidth,0.375rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorPickerSliderThumbBorderColor,rgb(81, 79, 77)); border-radius:var(--lwc-borderRadiusSmall,0.125rem); background:var(--lwc-colorPickerSliderThumbColorBackground,rgb(250, 250, 249)); height:var(--lwc-colorPickerSliderHeight,1.5rem) } .slds-color-picker__hue-slider:focus{ outline:none } .slds-color-picker__hue-slider:focus::-webkit-slider-thumb{ border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-color-picker__hue-slider:focus::-moz-range-thumb{ border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-color-picker__hue-slider:focus::-ms-thumb{ border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-color-picker__hue-slider::-moz-range-track{ height:0 } .slds-color-picker__hue-slider::-ms-track{ height:0; border:0; background:transparent; color:transparent } .slds-color-picker__custom-inputs{ display:flex; padding-top:var(--lwc-spacingXSmall,0.5rem) } .slds-color-picker__custom-inputs .slds-form-element{ flex:flex-grow } .slds-color-picker__custom-inputs .slds-form-element:not(:first-child){ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-color-picker__custom-inputs input{ padding:0 var(--lwc-spacingXxSmall,0.25rem) } .slds-color-picker__custom-inputs abbr{ cursor:text; text-decoration:none } .slds-color-picker__input-custom-hex{ flex:none; width:var(--lwc-colorPickerInputCustomHexWidth,4.2rem) } .slds-color-picker__input-custom-hex input{ font-size:var(--lwc-colorPickerInputCustomHexFontSize,0.75rem) } .slds-color-picker__selector-footer{ display:flex } .slds-color-picker__selector-footer .slds-button{ flex:1 } .slds-swatch{ display:inline-block; vertical-align:middle; height:var(--lwc-colorPickerSwatchSize,1.25rem); width:var(--lwc-colorPickerSwatchSize,1.25rem); border-radius:var(--lwc-borderRadiusSmall,0.125rem); box-shadow:var(--lwc-colorPickerSwatchShadow,inset 0 0 1px rgba(0,0,0,0.4)) } .slds-color-picker.slds-color-picker_swatches-only{ width:var(--lwc-colorPickerSwatchesWidth,13.3rem); padding:var(--lwc-spacingXSmall,0.5rem) } .slds-color-picker.slds-color-picker_swatches-only .slds-color-picker__selector{ margin:0 } .slds-icon_container,.slds-icon__container{ display:inline-block; border-radius:var(--sds-c-icon-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); line-height:var(--lwc-lineHeightReset,1); background-color:var(--sds-c-icon-color-background) } .slds-icon_container_circle,.slds-icon_container--circle,.slds-icon__container_circle,.slds-icon__container--circle{ padding:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%) } [dir=rtl] .slds-icon_flip{ transform:scaleX(-1) } [class*=slds-icon-action-]{ padding:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%) } .slds-icon-action-new-custom18{ background-color:var(--sds-c-icon-color-background, #4dca76) } .slds-icon-action-new-custom29{ background-color:var(--sds-c-icon-color-background, #bdd25f) } .slds-icon-action-edit-groups{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-action-new-custom9{ background-color:var(--sds-c-icon-color-background, #6b9ee2) } .slds-icon-action-log-a-call{ background-color:var(--sds-c-icon-color-background, #48c3cc) } .slds-icon-action-new-custom19{ background-color:var(--sds-c-icon-color-background, #3abeb1) } .slds-icon-action-filter{ background-color:var(--sds-c-icon-color-background, #fd90b5) } .slds-icon-action-user-activation{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-opportunity-competitor{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-action-canvas{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-action-change-record-type{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-notebook{ background-color:var(--sds-c-icon-color-background, #e6d478) } .slds-icon-action-docusign{ background-color:var(--sds-c-icon-color-background, #5080db) } .slds-icon-action-share-link{ background-color:var(--sds-c-icon-color-background, #7a9ae6) } .slds-icon-action-add-file{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-action-edit-relationship{ background-color:var(--sds-c-icon-color-background, #1dccbf) } .slds-icon-action-notebook{ background-color:var(--sds-c-icon-color-background, #e6d478) } .slds-icon-action-new-lead{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-action-new-custom-object{ background-color:var(--sds-c-icon-color-background, #a7d44d) } .slds-icon-action-new-account{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-action-question-post-action{ background-color:var(--sds-c-icon-color-background, #32af5c) } .slds-icon-action-share-file{ background-color:var(--sds-c-icon-color-background, #baac93) } .slds-icon-action-default-custom-object{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-action-opportunity-team-member{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-action-add-photo-video{ background-color:var(--sds-c-icon-color-background, #00cdc0) } .slds-icon-action-sort{ background-color:var(--sds-c-icon-color-background, #fab9a5) } .slds-icon-action-call{ background-color:var(--sds-c-icon-color-background, #1fcaa0) } .slds-icon-action-concur{ background-color:var(--sds-c-icon-color-background, #4cc3c7) } .slds-icon-action-reject{ background-color:var(--sds-c-icon-color-background, #00c6b7) } .slds-icon-action-share-poll{ background-color:var(--sds-c-icon-color-background, #699be1) } .slds-icon-action-following{ background-color:var(--sds-c-icon-color-background, #7dcf64) } .slds-icon-action-defer{ background-color:var(--sds-c-icon-color-background, #ef7ead) } .slds-icon-action-opportunity-line-item{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-action-social-post{ background-color:var(--sds-c-icon-color-background, #ea74a2) } .slds-icon-action-share-post{ background-color:var(--sds-c-icon-color-background, #65cae4) } .slds-icon-action-view-relationship{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-action-adjust-value{ background-color:var(--sds-c-icon-color-background, #47b46c) } .slds-icon-action-upload{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-remove-relationship{ background-color:var(--sds-c-icon-color-background, #ef6e64) } .slds-icon-action-freeze-user{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-person-account{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-action-bug{ background-color:var(--sds-c-icon-color-background, #ef6e5d) } .slds-icon-action-apex{ background-color:var(--sds-c-icon-color-background, #696e71) } .slds-icon-action-new-opportunity{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-action-fallback{ background-color:var(--sds-c-icon-color-background, #9895ee) } .slds-icon-action-dial-in{ background-color:var(--sds-c-icon-color-background, #8b9ae3) } .slds-icon-action-approval{ background-color:var(--sds-c-icon-color-background, #00c6b7) } .slds-icon-action-change-owner{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-task{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-action-priority{ background-color:var(--sds-c-icon-color-background, #fbb439) } .slds-icon-action-remove{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-web-link{ background-color:var(--sds-c-icon-color-background, #56aadf) } .slds-icon-action-leave-group{ background-color:var(--sds-c-icon-color-background, #f39e58) } .slds-icon-action-manage-perm-sets{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-close{ background-color:var(--sds-c-icon-color-background, #ef6e64) } .slds-icon-action-google-news{ background-color:var(--sds-c-icon-color-background, #f5675b) } .slds-icon-action-announcement{ background-color:var(--sds-c-icon-color-background, #fe8f60) } .slds-icon-action-back{ background-color:var(--sds-c-icon-color-background, #0dc2d9) } .slds-icon-action-new-custom90{ background-color:var(--sds-c-icon-color-background, #22a48a) } .slds-icon-action-download{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-custom80{ background-color:var(--sds-c-icon-color-background, #659ad5) } .slds-icon-action-new-custom91{ background-color:var(--sds-c-icon-color-background, #bf7b66) } .slds-icon-action-search{ background-color:var(--sds-c-icon-color-background, #48adeb) } .slds-icon-action-new-event{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-action-new-custom70{ background-color:var(--sds-c-icon-color-background, #e769b4) } .slds-icon-action-new-custom81{ background-color:var(--sds-c-icon-color-background, #da627f) } .slds-icon-action-new-custom92{ background-color:var(--sds-c-icon-color-background, #517e82) } .slds-icon-action-refresh{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-share-thanks{ background-color:var(--sds-c-icon-color-background, #e9696e) } .slds-icon-action-update{ background-color:var(--sds-c-icon-color-background, #81b4d6) } .slds-icon-action-email{ background-color:var(--sds-c-icon-color-background, #95aec5) } .slds-icon-action-join-group{ background-color:var(--sds-c-icon-color-background, #779ef2) } .slds-icon-action-new-custom60{ background-color:var(--sds-c-icon-color-background, #bf5a88) } .slds-icon-action-new-custom71{ background-color:var(--sds-c-icon-color-background, #e36ee3) } .slds-icon-action-new-custom82{ background-color:var(--sds-c-icon-color-background, #d15b97) } .slds-icon-action-new-custom93{ background-color:var(--sds-c-icon-color-background, #904d4c) } .slds-icon-action-edit{ background-color:var(--sds-c-icon-color-background, #1dccbf) } .slds-icon-action-quote{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-action-dropbox{ background-color:var(--sds-c-icon-color-background, #52aef9) } .slds-icon-action-description{ background-color:var(--sds-c-icon-color-background, #7dc37d) } .slds-icon-action-map{ background-color:var(--sds-c-icon-color-background, #76c6ee) } .slds-icon-action-user{ background-color:var(--sds-c-icon-color-background, #65cae4) } .slds-icon-action-reset-password{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-custom50{ background-color:var(--sds-c-icon-color-background, #49bcd3) } .slds-icon-action-new-custom61{ background-color:var(--sds-c-icon-color-background, #f57376) } .slds-icon-action-new-custom72{ background-color:var(--sds-c-icon-color-background, #8d9bfb) } .slds-icon-action-new-custom83{ background-color:var(--sds-c-icon-color-background, #e7806f) } .slds-icon-action-new-custom94{ background-color:var(--sds-c-icon-color-background, #439cba) } .slds-icon-action-clone{ background-color:var(--sds-c-icon-color-background, #6ca1e9) } .slds-icon-action-script{ background-color:var(--sds-c-icon-color-background, #0070d2) } .slds-icon-action-delete{ background-color:var(--sds-c-icon-color-background, #e6717c) } .slds-icon-action-new-custom40{ background-color:var(--sds-c-icon-color-background, #83c75e) } .slds-icon-action-new-custom51{ background-color:var(--sds-c-icon-color-background, #d8c760) } .slds-icon-action-new-custom62{ background-color:var(--sds-c-icon-color-background, #6b92dc) } .slds-icon-action-new-custom73{ background-color:var(--sds-c-icon-color-background, #679ef0) } .slds-icon-action-new-custom84{ background-color:var(--sds-c-icon-color-background, #f6707b) } .slds-icon-action-new-custom95{ background-color:var(--sds-c-icon-color-background, #8bcf6a) } .slds-icon-action-share{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-custom30{ background-color:var(--sds-c-icon-color-background, #f59f71) } .slds-icon-action-new-custom41{ background-color:var(--sds-c-icon-color-background, #43b5b5) } .slds-icon-action-new-custom52{ background-color:var(--sds-c-icon-color-background, #ee8e6f) } .slds-icon-action-new-custom63{ background-color:var(--sds-c-icon-color-background, #7ccf60) } .slds-icon-action-new-custom74{ background-color:var(--sds-c-icon-color-background, #41c8a0) } .slds-icon-action-new-custom85{ background-color:var(--sds-c-icon-color-background, #f26891) } .slds-icon-action-new-custom96{ background-color:var(--sds-c-icon-color-background, #6d9de3) } .slds-icon-action-log-event{ background-color:var(--sds-c-icon-color-background, #6ca1e9) } .slds-icon-action-new-group{ background-color:var(--sds-c-icon-color-background, #83b6ff) } .slds-icon-action-new-custom20{ background-color:var(--sds-c-icon-color-background, #48c7c8) } .slds-icon-action-new-custom31{ background-color:var(--sds-c-icon-color-background, #eb687f) } .slds-icon-action-new-custom42{ background-color:var(--sds-c-icon-color-background, #cfd05b) } .slds-icon-action-info{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-new-custom53{ background-color:var(--sds-c-icon-color-background, #f36e83) } .slds-icon-action-new-custom64{ background-color:var(--sds-c-icon-color-background, #618fd8) } .slds-icon-action-new-custom75{ background-color:var(--sds-c-icon-color-background, #cd9f65) } .slds-icon-action-new-custom86{ background-color:var(--sds-c-icon-color-background, #e260ab) } .slds-icon-action-flow{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-action-new-custom97{ background-color:var(--sds-c-icon-color-background, #dd6085) } .slds-icon-action-submit-for-approval{ background-color:var(--sds-c-icon-color-background, #50cc7a) } .slds-icon-action-new{ background-color:var(--sds-c-icon-color-background, #33bce7) } .slds-icon-action-new-campaign{ background-color:var(--sds-c-icon-color-background, #f49756) } .slds-icon-action-new-custom10{ background-color:var(--sds-c-icon-color-background, #6488e3) } .slds-icon-action-new-custom21{ background-color:var(--sds-c-icon-color-background, #8a7aed) } .slds-icon-action-new-custom32{ background-color:var(--sds-c-icon-color-background, #38c393) } .slds-icon-action-new-custom43{ background-color:var(--sds-c-icon-color-background, #7f93f9) } .slds-icon-action-new-custom54{ background-color:var(--sds-c-icon-color-background, #ea70b1) } .slds-icon-action-new-custom65{ background-color:var(--sds-c-icon-color-background, #f279ab) } .slds-icon-action-new-custom76{ background-color:var(--sds-c-icon-color-background, #db6d7a) } .slds-icon-action-new-custom87{ background-color:var(--sds-c-icon-color-background, #d876e5) } .slds-icon-action-new-custom98{ background-color:var(--sds-c-icon-color-background, #e1be5c) } .slds-icon-action-new-case{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-action-new-custom100{ background-color:var(--sds-c-icon-color-background, #e15d76) } .slds-icon-action-new-custom1{ background-color:var(--sds-c-icon-color-background, #ff7b84) } .slds-icon-action-new-contact{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-action-office-365{ background-color:var(--sds-c-icon-color-background, #ff8041) } .slds-icon-action-new-custom11{ background-color:var(--sds-c-icon-color-background, #8784ea) } .slds-icon-action-new-custom22{ background-color:var(--sds-c-icon-color-background, #8b85f9) } .slds-icon-action-new-custom33{ background-color:var(--sds-c-icon-color-background, #97cf5d) } .slds-icon-action-new-custom44{ background-color:var(--sds-c-icon-color-background, #c8ca58) } .slds-icon-action-new-custom55{ background-color:var(--sds-c-icon-color-background, #d66ee0) } .slds-icon-action-new-custom66{ background-color:var(--sds-c-icon-color-background, #d8be5f) } .slds-icon-action-new-custom77{ background-color:var(--sds-c-icon-color-background, #b55d5b) } .slds-icon-action-new-custom88{ background-color:var(--sds-c-icon-color-background, #996fe6) } .slds-icon-action-new-custom99{ background-color:var(--sds-c-icon-color-background, #f0856e) } .slds-icon-action-add-contact{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-action-evernote{ background-color:var(--sds-c-icon-color-background, #86c86f) } .slds-icon-action-new-custom2{ background-color:var(--sds-c-icon-color-background, #cfd05c) } .slds-icon-action-lead-convert{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-action-new-custom12{ background-color:var(--sds-c-icon-color-background, #dc71d1) } .slds-icon-action-new-custom23{ background-color:var(--sds-c-icon-color-background, #b070e6) } .slds-icon-action-new-custom34{ background-color:var(--sds-c-icon-color-background, #d58a6a) } .slds-icon-action-new-custom45{ background-color:var(--sds-c-icon-color-background, #d95879) } .slds-icon-action-new-custom56{ background-color:var(--sds-c-icon-color-background, #718deb) } .slds-icon-action-new-custom67{ background-color:var(--sds-c-icon-color-background, #f87d76) } .slds-icon-action-recall{ background-color:var(--sds-c-icon-color-background, #4a698d) } .slds-icon-action-new-custom78{ background-color:var(--sds-c-icon-color-background, #5a95dd) } .slds-icon-action-new-custom89{ background-color:var(--sds-c-icon-color-background, #3e99be) } .slds-icon-action-follow{ background-color:var(--sds-c-icon-color-background, #31b9f8) } .slds-icon-action-record{ background-color:var(--sds-c-icon-color-background, #7dc37d) } .slds-icon-action-new-custom3{ background-color:var(--sds-c-icon-color-background, #ecb46c) } .slds-icon-action-new-note{ background-color:var(--sds-c-icon-color-background, #e6d478) } .slds-icon-action-new-custom13{ background-color:var(--sds-c-icon-color-background, #df6184) } .slds-icon-action-new-custom24{ background-color:var(--sds-c-icon-color-background, #e56798) } .slds-icon-action-new-custom35{ background-color:var(--sds-c-icon-color-background, #e9637e) } .slds-icon-action-new-custom46{ background-color:var(--sds-c-icon-color-background, #67a5e7) } .slds-icon-action-new-custom57{ background-color:var(--sds-c-icon-color-background, #5a9cdd) } .slds-icon-action-new-custom68{ background-color:var(--sds-c-icon-color-background, #f26979) } .slds-icon-action-new-custom79{ background-color:var(--sds-c-icon-color-background, #8ed363) } .slds-icon-action-new-child-case{ background-color:var(--sds-c-icon-color-background, #fa975c) } .slds-icon-action-new-custom4{ background-color:var(--sds-c-icon-color-background, #e1d951) } .slds-icon-action-new-custom14{ background-color:var(--sds-c-icon-color-background, #3cc2b3) } .slds-icon-action-new-custom25{ background-color:var(--sds-c-icon-color-background, #e46fbe) } .slds-icon-action-new-custom36{ background-color:var(--sds-c-icon-color-background, #d472d4) } .slds-icon-action-new-custom47{ background-color:var(--sds-c-icon-color-background, #5fcc64) } .slds-icon-action-new-custom58{ background-color:var(--sds-c-icon-color-background, #34b59d) } .slds-icon-action-new-custom69{ background-color:var(--sds-c-icon-color-background, #ed6387) } .slds-icon-action-new-custom5{ background-color:var(--sds-c-icon-color-background, #9fdb66) } .slds-icon-action-goal{ background-color:var(--sds-c-icon-color-background, #56aadf) } .slds-icon-action-new-custom15{ background-color:var(--sds-c-icon-color-background, #f77e75) } .slds-icon-action-new-custom26{ background-color:var(--sds-c-icon-color-background, #7698f0) } .slds-icon-action-new-custom37{ background-color:var(--sds-c-icon-color-background, #8c89f2) } .slds-icon-action-new-custom48{ background-color:var(--sds-c-icon-color-background, #ef697f) } .slds-icon-action-new-custom59{ background-color:var(--sds-c-icon-color-background, #e3d067) } .slds-icon-action-new-custom6{ background-color:var(--sds-c-icon-color-background, #54c473) } .slds-icon-action-log-this-event{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-action-new-custom16{ background-color:var(--sds-c-icon-color-background, #e9af67) } .slds-icon-action-new-custom27{ background-color:var(--sds-c-icon-color-background, #5ab0d2) } .slds-icon-action-new-custom38{ background-color:var(--sds-c-icon-color-background, #53b6d7) } .slds-icon-action-new-custom49{ background-color:var(--sds-c-icon-color-background, #e25c80) } .slds-icon-action-new-custom7{ background-color:var(--sds-c-icon-color-background, #6a89e5) } .slds-icon-action-more{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-action-add-relationship{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-action-new-custom17{ background-color:var(--sds-c-icon-color-background, #acd360) } .slds-icon-action-new-custom28{ background-color:var(--sds-c-icon-color-background, #89c059) } .slds-icon-action-new-custom39{ background-color:var(--sds-c-icon-color-background, #4fbe75) } .slds-icon-action-password-unlock{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-check{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-action-update-status{ background-color:var(--sds-c-icon-color-background, #1ec7be) } .slds-icon-action-preview{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-action-new-custom8{ background-color:var(--sds-c-icon-color-background, #50ceb9) } .slds-icon-custom-custom110,.slds-icon-custom-110{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom100,.slds-icon-custom-100{ background-color:var(--sds-c-icon-color-background, #e15d76); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom111,.slds-icon-custom-111{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom1,.slds-icon-custom-1{ background-color:var(--sds-c-icon-color-background, #ff7b84); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom101,.slds-icon-custom-101{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom112,.slds-icon-custom-112{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom2,.slds-icon-custom-2{ background-color:var(--sds-c-icon-color-background, #cfd05c); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom102,.slds-icon-custom-102{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom113,.slds-icon-custom-113{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom90,.slds-icon-custom-90{ background-color:var(--sds-c-icon-color-background, #22a48a); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom3,.slds-icon-custom-3{ background-color:var(--sds-c-icon-color-background, #ecb46c); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom103,.slds-icon-custom-103{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom80,.slds-icon-custom-80{ background-color:var(--sds-c-icon-color-background, #659ad5); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom91,.slds-icon-custom-91{ background-color:var(--sds-c-icon-color-background, #bf7b66); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom4,.slds-icon-custom-4{ background-color:var(--sds-c-icon-color-background, #e1d951); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom104,.slds-icon-custom-104{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom70,.slds-icon-custom-70{ background-color:var(--sds-c-icon-color-background, #e769b4); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom81,.slds-icon-custom-81{ background-color:var(--sds-c-icon-color-background, #da627f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom92,.slds-icon-custom-92{ background-color:var(--sds-c-icon-color-background, #517e82); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom5,.slds-icon-custom-5{ background-color:var(--sds-c-icon-color-background, #9fdb66); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom105,.slds-icon-custom-105{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom60,.slds-icon-custom-60{ background-color:var(--sds-c-icon-color-background, #bf5a88); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom71,.slds-icon-custom-71{ background-color:var(--sds-c-icon-color-background, #e36ee3); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom82,.slds-icon-custom-82{ background-color:var(--sds-c-icon-color-background, #d15b97); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom93,.slds-icon-custom-93{ background-color:var(--sds-c-icon-color-background, #904d4c); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom6,.slds-icon-custom-6{ background-color:var(--sds-c-icon-color-background, #54c473); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom106,.slds-icon-custom-106{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom50,.slds-icon-custom-50{ background-color:var(--sds-c-icon-color-background, #49bcd3); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom61,.slds-icon-custom-61{ background-color:var(--sds-c-icon-color-background, #f57376); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom72,.slds-icon-custom-72{ background-color:var(--sds-c-icon-color-background, #8d9bfb); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom83,.slds-icon-custom-83{ background-color:var(--sds-c-icon-color-background, #e7806f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom94,.slds-icon-custom-94{ background-color:var(--sds-c-icon-color-background, #439cba); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom7,.slds-icon-custom-7{ background-color:var(--sds-c-icon-color-background, #6a89e5); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom107,.slds-icon-custom-107{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom40,.slds-icon-custom-40{ background-color:var(--sds-c-icon-color-background, #83c75e); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom51,.slds-icon-custom-51{ background-color:var(--sds-c-icon-color-background, #d8c760); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom62,.slds-icon-custom-62{ background-color:var(--sds-c-icon-color-background, #6b92dc); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom73,.slds-icon-custom-73{ background-color:var(--sds-c-icon-color-background, #679ef0); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom84,.slds-icon-custom-84{ background-color:var(--sds-c-icon-color-background, #f6707b); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom95,.slds-icon-custom-95{ background-color:var(--sds-c-icon-color-background, #8bcf6a); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom8,.slds-icon-custom-8{ background-color:var(--sds-c-icon-color-background, #50ceb9); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom108,.slds-icon-custom-108{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom30,.slds-icon-custom-30{ background-color:var(--sds-c-icon-color-background, #f59f71); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom41,.slds-icon-custom-41{ background-color:var(--sds-c-icon-color-background, #43b5b5); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom52,.slds-icon-custom-52{ background-color:var(--sds-c-icon-color-background, #ee8e6f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom63,.slds-icon-custom-63{ background-color:var(--sds-c-icon-color-background, #7ccf60); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom74,.slds-icon-custom-74{ background-color:var(--sds-c-icon-color-background, #41c8a0); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom85,.slds-icon-custom-85{ background-color:var(--sds-c-icon-color-background, #f26891); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom96,.slds-icon-custom-96{ background-color:var(--sds-c-icon-color-background, #6d9de3); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom9,.slds-icon-custom-9{ background-color:var(--sds-c-icon-color-background, #6b9ee2); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom109,.slds-icon-custom-109{ background-color:var(--sds-c-icon-color-background, #f28b00); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom20,.slds-icon-custom-20{ background-color:var(--sds-c-icon-color-background, #48c7c8); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom31,.slds-icon-custom-31{ background-color:var(--sds-c-icon-color-background, #eb687f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom42,.slds-icon-custom-42{ background-color:var(--sds-c-icon-color-background, #cfd05b); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom53,.slds-icon-custom-53{ background-color:var(--sds-c-icon-color-background, #f36e83); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom64,.slds-icon-custom-64{ background-color:var(--sds-c-icon-color-background, #618fd8); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom75,.slds-icon-custom-75{ background-color:var(--sds-c-icon-color-background, #cd9f65); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom86,.slds-icon-custom-86{ background-color:var(--sds-c-icon-color-background, #e260ab); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom97,.slds-icon-custom-97{ background-color:var(--sds-c-icon-color-background, #dd6085); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom10,.slds-icon-custom-10{ background-color:var(--sds-c-icon-color-background, #6488e3); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom21,.slds-icon-custom-21{ background-color:var(--sds-c-icon-color-background, #8a7aed); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom32,.slds-icon-custom-32{ background-color:var(--sds-c-icon-color-background, #38c393); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom43,.slds-icon-custom-43{ background-color:var(--sds-c-icon-color-background, #7f93f9); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom54,.slds-icon-custom-54{ background-color:var(--sds-c-icon-color-background, #ea70b1); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom65,.slds-icon-custom-65{ background-color:var(--sds-c-icon-color-background, #f279ab); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom76,.slds-icon-custom-76{ background-color:var(--sds-c-icon-color-background, #db6d7a); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom87,.slds-icon-custom-87{ background-color:var(--sds-c-icon-color-background, #d876e5); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom98,.slds-icon-custom-98{ background-color:var(--sds-c-icon-color-background, #e1be5c); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom11,.slds-icon-custom-11{ background-color:var(--sds-c-icon-color-background, #8784ea); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom22,.slds-icon-custom-22{ background-color:var(--sds-c-icon-color-background, #8b85f9); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom33,.slds-icon-custom-33{ background-color:var(--sds-c-icon-color-background, #97cf5d); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom44,.slds-icon-custom-44{ background-color:var(--sds-c-icon-color-background, #c8ca58); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom55,.slds-icon-custom-55{ background-color:var(--sds-c-icon-color-background, #d66ee0); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom66,.slds-icon-custom-66{ background-color:var(--sds-c-icon-color-background, #d8be5f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom77,.slds-icon-custom-77{ background-color:var(--sds-c-icon-color-background, #b55d5b); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom88,.slds-icon-custom-88{ background-color:var(--sds-c-icon-color-background, #996fe6); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom99,.slds-icon-custom-99{ background-color:var(--sds-c-icon-color-background, #f0856e); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom12,.slds-icon-custom-12{ background-color:var(--sds-c-icon-color-background, #dc71d1); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom23,.slds-icon-custom-23{ background-color:var(--sds-c-icon-color-background, #b070e6); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom34,.slds-icon-custom-34{ background-color:var(--sds-c-icon-color-background, #d58a6a); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom45,.slds-icon-custom-45{ background-color:var(--sds-c-icon-color-background, #d95879); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom56,.slds-icon-custom-56{ background-color:var(--sds-c-icon-color-background, #718deb); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom67,.slds-icon-custom-67{ background-color:var(--sds-c-icon-color-background, #f87d76); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom78,.slds-icon-custom-78{ background-color:var(--sds-c-icon-color-background, #5a95dd); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom89,.slds-icon-custom-89{ background-color:var(--sds-c-icon-color-background, #3e99be); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom13,.slds-icon-custom-13{ background-color:var(--sds-c-icon-color-background, #df6184); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom24,.slds-icon-custom-24{ background-color:var(--sds-c-icon-color-background, #e56798); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom35,.slds-icon-custom-35{ background-color:var(--sds-c-icon-color-background, #e9637e); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom46,.slds-icon-custom-46{ background-color:var(--sds-c-icon-color-background, #67a5e7); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom57,.slds-icon-custom-57{ background-color:var(--sds-c-icon-color-background, #5a9cdd); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom68,.slds-icon-custom-68{ background-color:var(--sds-c-icon-color-background, #f26979); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom79,.slds-icon-custom-79{ background-color:var(--sds-c-icon-color-background, #8ed363); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom14,.slds-icon-custom-14{ background-color:var(--sds-c-icon-color-background, #3cc2b3); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom25,.slds-icon-custom-25{ background-color:var(--sds-c-icon-color-background, #e46fbe); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom36,.slds-icon-custom-36{ background-color:var(--sds-c-icon-color-background, #d472d4); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom47,.slds-icon-custom-47{ background-color:var(--sds-c-icon-color-background, #5fcc64); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom58,.slds-icon-custom-58{ background-color:var(--sds-c-icon-color-background, #34b59d); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom69,.slds-icon-custom-69{ background-color:var(--sds-c-icon-color-background, #ed6387); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom15,.slds-icon-custom-15{ background-color:var(--sds-c-icon-color-background, #f77e75); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom26,.slds-icon-custom-26{ background-color:var(--sds-c-icon-color-background, #7698f0); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom37,.slds-icon-custom-37{ background-color:var(--sds-c-icon-color-background, #8c89f2); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom48,.slds-icon-custom-48{ background-color:var(--sds-c-icon-color-background, #ef697f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom59,.slds-icon-custom-59{ background-color:var(--sds-c-icon-color-background, #e3d067); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom16,.slds-icon-custom-16{ background-color:var(--sds-c-icon-color-background, #e9af67); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom27,.slds-icon-custom-27{ background-color:var(--sds-c-icon-color-background, #5ab0d2); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom38,.slds-icon-custom-38{ background-color:var(--sds-c-icon-color-background, #53b6d7); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom49,.slds-icon-custom-49{ background-color:var(--sds-c-icon-color-background, #e25c80); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom17,.slds-icon-custom-17{ background-color:var(--sds-c-icon-color-background, #acd360); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom28,.slds-icon-custom-28{ background-color:var(--sds-c-icon-color-background, #89c059); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom39,.slds-icon-custom-39{ background-color:var(--sds-c-icon-color-background, #4fbe75); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom18,.slds-icon-custom-18{ background-color:var(--sds-c-icon-color-background, #4dca76); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom29,.slds-icon-custom-29{ background-color:var(--sds-c-icon-color-background, #bdd25f); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-custom-custom19,.slds-icon-custom-19{ background-color:var(--sds-c-icon-color-background, #3abeb1); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-icon-standard-contact{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-standard-multi-select-checkbox{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-work-order{ background-color:var(--sds-c-icon-color-background, #50e3c2) } .slds-icon-standard-post{ background-color:var(--sds-c-icon-color-background, #65cae4) } .slds-icon-standard-global-constant{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-change-request{ background-color:var(--sds-c-icon-color-background, #0b827c) } .slds-icon-standard-carousel{ background-color:var(--sds-c-icon-color-background, #6bbd6e) } .slds-icon-standard-work-contract{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-resource-skill{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-system-and-global-variable{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-segments{ background-color:var(--sds-c-icon-color-background, #f28b00) } .slds-icon-standard-account-info{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-goals{ background-color:var(--sds-c-icon-color-background, #56aadf) } .slds-icon-standard-adjust-value{ background-color:var(--sds-c-icon-color-background, #47b46c) } .slds-icon-standard-case-wrap-up{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-investment-account{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-store{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-slider{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-output{ background-color:var(--sds-c-icon-color-background, #439cba) } .slds-icon-standard-medication-ingredient{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-store-group{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-all{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-service-territory-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-picklist-choice{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-choice{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-app{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-default{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-standard-case-milestone{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-today{ background-color:var(--sds-c-icon-color-background, #ef7ead) } .slds-icon-standard-buyer-account{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-lead-list{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-standard-work-plan-template{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-shift{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-product-item-transaction{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-standard-person-language{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-apex{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-reply-text{ background-color:var(--sds-c-icon-color-background, #f88965) } .slds-icon-standard-answer-private{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-immunization{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-asset-downtime-period{ background-color:var(--sds-c-icon-color-background, #317a92) } .slds-icon-standard-opportunity-contact-role{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-retail-banking-console{ background-color:var(--sds-c-icon-color-background, #00afa0) } .slds-icon-standard-channel-program-members{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-apps-admin{ background-color:var(--sds-c-icon-color-background, #9895ee) } .slds-icon-standard-datadotcom{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-settings{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-network-contract{ background-color:var(--sds-c-icon-color-background, #6ec06e) } .slds-icon-standard-product-item{ background-color:var(--sds-c-icon-color-background, #769ed9) } .slds-icon-standard-metrics{ background-color:var(--sds-c-icon-color-background, #56aadf) } .slds-icon-standard-topic2{ background-color:var(--sds-c-icon-color-background, #56aad0) } .slds-icon-standard-partner-fund-allocation{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-care-request-reviewer{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-approval{ background-color:var(--sds-c-icon-color-background, #50cc7a) } .slds-icon-standard-work-queue{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-iot-orchestrations{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-visualforce-page{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-person-account{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-entity{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-standard-service-territory-location{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-qualifications{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-entitlement-policy{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-form{ background-color:var(--sds-c-icon-color-background, #6ec06e) } .slds-icon-standard-products{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-order-item{ background-color:var(--sds-c-icon-color-background, #769ed3) } .slds-icon-standard-read-receipts{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-javascript-button{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-maintenance-asset{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-work-plan-rule{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-loop{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-portal-roles-and-subordinates{ background-color:var(--sds-c-icon-color-background, #7a9ae6) } .slds-icon-standard-work-capacity-limit{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-employee-organization{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-constant{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-marketing-actions{ background-color:var(--sds-c-icon-color-background, #6bbd6e) } .slds-icon-standard-case-transcript{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-timesheet-entry{ background-color:var(--sds-c-icon-color-background, #7dc37d) } .slds-icon-standard-key-dates{ background-color:var(--sds-c-icon-color-background, #6b9ee2) } .slds-icon-standard-multi-picklist{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-product-workspace{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-visit-templates{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-restriction-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-task{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-answer-best{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-asset-action{ background-color:var(--sds-c-icon-color-background, #317a92) } .slds-icon-standard-section{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-service-request{ background-color:var(--sds-c-icon-color-background, #1589e4) } .slds-icon-standard-orders{ background-color:var(--sds-c-icon-color-background, #769ed9) } .slds-icon-standard-propagation-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-budget{ background-color:var(--sds-c-icon-color-background, #107cad) } .slds-icon-standard-past-chat{ background-color:var(--sds-c-icon-color-background, #f88960) } .slds-icon-standard-feedback{ background-color:var(--sds-c-icon-color-background, #6da1ea) } .slds-icon-standard-action-list-component{ background-color:var(--sds-c-icon-color-background, #5876a3) } .slds-icon-standard-opportunity-splits{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-location-permit{ background-color:var(--sds-c-icon-color-background, #34b59d) } .slds-icon-standard-messaging-user{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-filter-criteria{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-trailhead{ background-color:var(--sds-c-icon-color-background, #032e61) } .slds-icon-standard-entitlements{ background-color:var(--sds-c-icon-color-background, #b781d3) } .slds-icon-standard-checkout{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-formula{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-case-log-a-call{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-shift-pattern-entry{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-thanks-loading{ background-color:var(--sds-c-icon-color-background, #b8c3ce) } .slds-icon-standard-job-family{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-service-appointment-capacity-usage{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-channel-program-levels{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-letterhead{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-promotions-workspace{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-email-chatter{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-document-reference{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-announcement{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-standard-bot{ background-color:var(--sds-c-icon-color-background, #54698f) } .slds-icon-standard-macros{ background-color:var(--sds-c-icon-color-background, #47cfd2) } .slds-icon-standard-dashboard-ea{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-job-profile{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-steps{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-asset-relationship{ background-color:var(--sds-c-icon-color-background, #fa975c) } .slds-icon-standard-high-velocity-sales{ background-color:var(--sds-c-icon-color-background, #47cfc9) } .slds-icon-standard-brand{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-visits{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-einstein-replies{ background-color:var(--sds-c-icon-color-background, #f88965) } .slds-icon-standard-coaching{ background-color:var(--sds-c-icon-color-background, #f67594) } .slds-icon-standard-record-lookup{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-product-service-campaign-item{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-scheduling-constraint{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-lightning-component{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-search{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-standard-connected-apps{ background-color:var(--sds-c-icon-color-background, #9895ee) } .slds-icon-standard-swarm-request{ background-color:var(--sds-c-icon-color-background, #e26e8c) } .slds-icon-standard-work-type-group{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-education{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-work-type{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-travel-mode{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-environment-hub{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-identifier{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-standard-cms{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-standard-call-coaching{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-salesforce-cms{ background-color:var(--sds-c-icon-color-background, #00a1df) } .slds-icon-standard-thanks{ background-color:var(--sds-c-icon-color-background, #e9696e) } .slds-icon-standard-service-territory-member{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-work-forecast{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-holiday-operating-hours{ background-color:var(--sds-c-icon-color-background, #6b9ee2) } .slds-icon-standard-user-role{ background-color:var(--sds-c-icon-color-background, #8fc96e) } .slds-icon-standard-observation-component{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-orchestrator{ background-color:var(--sds-c-icon-color-background, #006eb3) } .slds-icon-standard-work-capacity-usage{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-record-create{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-campaign-members{ background-color:var(--sds-c-icon-color-background, #f49756) } .slds-icon-standard-retail-banking{ background-color:var(--sds-c-icon-color-background, #00d2be) } .slds-icon-standard-product-service-campaign{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-portal-roles{ background-color:var(--sds-c-icon-color-background, #fb8950) } .slds-icon-standard-calibration{ background-color:var(--sds-c-icon-color-background, #47cfd2) } .slds-icon-standard-answer-public{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-display-text{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-product-consumed-state{ background-color:var(--sds-c-icon-color-background, #06a59a) } .slds-icon-standard-unmatched{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-standard-partners{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-email-iq{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-standard-service-crew{ background-color:var(--sds-c-icon-color-background, #fa975c) } .slds-icon-standard-payment-gateway{ background-color:var(--sds-c-icon-color-background, #0b827c) } .slds-icon-standard-voice-call{ background-color:var(--sds-c-icon-color-background, #30c85a) } .slds-icon-standard-cancel-checkout{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-asset-warranty{ background-color:var(--sds-c-icon-color-background, #107cad) } .slds-icon-standard-resource-capacity{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-channel-programs{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-quip{ background-color:var(--sds-c-icon-color-background, #d3451d) } .slds-icon-standard-quip-sheet{ background-color:var(--sds-c-icon-color-background, #30c85a) } .slds-icon-standard-timeslot{ background-color:var(--sds-c-icon-color-background, #fab24c) } .slds-icon-standard-live-chat{ background-color:var(--sds-c-icon-color-background, #f88960) } .slds-icon-standard-service-request-detail{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-job-position{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-sobject-collection{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-user{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-client{ background-color:var(--sds-c-icon-color-background, #00d2be) } .slds-icon-standard-screen{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-portal{ background-color:var(--sds-c-icon-color-background, #aec770) } .slds-icon-standard-partner-fund-request{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-resource-preference{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-first-non-empty{ background-color:var(--sds-c-icon-color-background, #e9696e) } .slds-icon-standard-customer-360{ background-color:var(--sds-c-icon-color-background, #032e61) } .slds-icon-standard-employee-job{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-resource-absence{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-text-template{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-entitlement-template{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-lightning-usage{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-product-transfer-state{ background-color:var(--sds-c-icon-color-background, #e3734f) } .slds-icon-standard-entitlement{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-empty{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-standard-text{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-delegated-account{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-fulfillment-order{ background-color:var(--sds-c-icon-color-background, #b9ac91) } .slds-icon-standard-case-email{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-account{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-coupon-codes{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-assignment{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-wealth-management-console{ background-color:var(--sds-c-icon-color-background, #00afa0) } .slds-icon-standard-task2{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-patient-medication-dosage{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-code-playground{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-social{ background-color:var(--sds-c-icon-color-background, #ea74a2) } .slds-icon-standard-endorsement{ background-color:var(--sds-c-icon-color-background, #8b9ae3) } .slds-icon-standard-folder{ background-color:var(--sds-c-icon-color-background, #8b9ae3) } .slds-icon-standard-service-crew-member{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-variation-attribute-setup{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-flow{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-recipe{ background-color:var(--sds-c-icon-color-background, #0176d3) } .slds-icon-standard-expense-report-entry{ background-color:var(--sds-c-icon-color-background, #3a3180) } .slds-icon-standard-employee{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-omni-supervisor{ background-color:var(--sds-c-icon-color-background, #8a76f0) } .slds-icon-standard-capacity-plan{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-asset-object{ background-color:var(--sds-c-icon-color-background, #317a92) } .slds-icon-standard-product{ background-color:var(--sds-c-icon-color-background, #b781d3) } .slds-icon-standard-topic{ background-color:var(--sds-c-icon-color-background, #56aadf) } .slds-icon-standard-product-required{ background-color:var(--sds-c-icon-color-background, #ef6e64) } .slds-icon-standard-dynamic-record-choice{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-aggregation-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-warranty-term{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-process{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-swarm-session{ background-color:var(--sds-c-icon-color-background, #f5675b) } .slds-icon-standard-people{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-medication{ background-color:var(--sds-c-icon-color-background, #4ac076) } .slds-icon-standard-reward{ background-color:var(--sds-c-icon-color-background, #e9696e) } .slds-icon-standard-employee-contact{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-bundle-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-performance{ background-color:var(--sds-c-icon-color-background, #f8b156) } .slds-icon-standard-promotions{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-case-comment{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-price-book-entries{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-sales-channel{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-apex-plugin{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-campaign{ background-color:var(--sds-c-icon-color-background, #f49756) } .slds-icon-standard-contact-request{ background-color:var(--sds-c-icon-color-background, #fb8954) } .slds-icon-standard-business-hours{ background-color:var(--sds-c-icon-color-background, #7dc37d) } .slds-icon-standard-evernote{ background-color:var(--sds-c-icon-color-background, #86c86f) } .slds-icon-standard-variation-products{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-trailhead-alt{ background-color:var(--sds-c-icon-color-background, #00396b) } .slds-icon-standard-service-territory{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-customer-lifecycle-analytics{ background-color:var(--sds-c-icon-color-background, #9274df) } .slds-icon-standard-code-set{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-case{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-currency{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-record{ background-color:var(--sds-c-icon-color-background, #7dc37d) } .slds-icon-standard-code-set-bundle{ background-color:var(--sds-c-icon-color-background, #0079bc) } .slds-icon-standard-queue{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-schedule-objective{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-contract-line-item{ background-color:var(--sds-c-icon-color-background, #6ec06e) } .slds-icon-standard-skill-entity{ background-color:var(--sds-c-icon-color-background, #8b9ae3) } .slds-icon-standard-skill{ background-color:var(--sds-c-icon-color-background, #fa975c) } .slds-icon-standard-operating-hours{ background-color:var(--sds-c-icon-color-background, #6b9ee2) } .slds-icon-standard-custom{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-standard-related-list{ background-color:var(--sds-c-icon-color-background, #59bcab) } .slds-icon-standard-bot-training{ background-color:var(--sds-c-icon-color-background, #5876a3) } .slds-icon-standard-case-change-status{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-insurance-console{ background-color:var(--sds-c-icon-color-background, #00afa0) } .slds-icon-standard-incident{ background-color:var(--sds-c-icon-color-background, #ba0517) } .slds-icon-standard-contract{ background-color:var(--sds-c-icon-color-background, #6ec06e) } .slds-icon-standard-sobject{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-sales-cadence-target{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-photo{ background-color:var(--sds-c-icon-color-background, #d7d1d1) } .slds-icon-standard-apps{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-timesheet{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-drafts{ background-color:var(--sds-c-icon-color-background, #6ca1e9) } .slds-icon-standard-outcome{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-discounts{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-work-order-item{ background-color:var(--sds-c-icon-color-background, #33a8dc) } .slds-icon-standard-pricebook{ background-color:var(--sds-c-icon-color-background, #b781d3) } .slds-icon-standard-scan-card{ background-color:var(--sds-c-icon-color-background, #f39e58) } .slds-icon-standard-note{ background-color:var(--sds-c-icon-color-background, #e6d478) } .slds-icon-standard-serialized-product-transaction{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-shift-pattern{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-buyer-group{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-product-quantity-rules{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-procedure{ background-color:var(--sds-c-icon-color-background, #1589e4) } .slds-icon-standard-opportunity{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-news{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-sort-policy{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-display-rich-text{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-strategy{ background-color:var(--sds-c-icon-color-background, #4bc071) } .slds-icon-standard-call-history{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-webcart{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-serialized-product{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-report{ background-color:var(--sds-c-icon-color-background, #2ecbbe) } .slds-icon-standard-groups{ background-color:var(--sds-c-icon-color-background, #779ef2) } .slds-icon-standard-data-model{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-dashboard{ background-color:var(--sds-c-icon-color-background, #ef6e64) } .slds-icon-standard-generic-loading{ background-color:var(--sds-c-icon-color-background, #b8c3ce) } .slds-icon-standard-number-input{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-toggle{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-address{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-price-books{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-entity-milestone{ background-color:var(--sds-c-icon-color-background, #f49756) } .slds-icon-standard-wealth-management{ background-color:var(--sds-c-icon-color-background, #00d2be) } .slds-icon-standard-customers{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-story{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-service-appointment{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-maintenance-plan{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-data-integration-hub{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-person-name{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-work-plan-template-entry{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-hierarchy{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-custom-component-task{ background-color:var(--sds-c-icon-color-background, #8a76f0) } .slds-icon-standard-partner-marketing-budget{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-asset-action-source{ background-color:var(--sds-c-icon-color-background, #317a92) } .slds-icon-standard-skill-requirement{ background-color:var(--sds-c-icon-color-background, #fa975c) } .slds-icon-standard-filter-criteria-rule{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-location{ background-color:var(--sds-c-icon-color-background, #4bc076) } .slds-icon-standard-radio-button{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-avatar-loading{ background-color:var(--sds-c-icon-color-background, #b8c3ce) } .slds-icon-standard-article{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-invocable-action{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-device{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-proposition{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-snippets{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-customer-portal-users{ background-color:var(--sds-c-icon-color-background, #3c97db) } .slds-icon-standard-actions-and-buttons{ background-color:var(--sds-c-icon-color-background, #fcb95b) } .slds-icon-standard-record-update{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-shift-type{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-log-a-call{ background-color:var(--sds-c-icon-color-background, #48c3cc) } .slds-icon-standard-quotes{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-standard-question-feed{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-kanban{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-work-plan{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-shift-template{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-merge{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-expense{ background-color:var(--sds-c-icon-color-background, #3a3180) } .slds-icon-standard-dataset{ background-color:var(--sds-c-icon-color-background, #b070e6) } .slds-icon-standard-shift-preference{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-product-consumed{ background-color:var(--sds-c-icon-color-background, #55bc9c) } .slds-icon-standard-canvas{ background-color:var(--sds-c-icon-color-background, #8199af) } .slds-icon-standard-forecasts{ background-color:var(--sds-c-icon-color-background, #6bbd6e) } .slds-icon-standard-relationship{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-service-resource{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-filter{ background-color:var(--sds-c-icon-color-background, #1539ee) } .slds-icon-standard-sales-path{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-shift-scheduling-operation{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-events{ background-color:var(--sds-c-icon-color-background, #3c97db) } .slds-icon-standard-data-mapping{ background-color:var(--sds-c-icon-color-background, #061c3f) } .slds-icon-standard-sms{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-standard-rtc-presence{ background-color:var(--sds-c-icon-color-background, #47cfd2) } .slds-icon-standard-avatar{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-standard-record-delete{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-solution{ background-color:var(--sds-c-icon-color-background, #8fc972) } .slds-icon-standard-agent-home{ background-color:var(--sds-c-icon-color-background, #00396b) } .slds-icon-standard-partner-fund-claim{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-individual{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-custom-notification{ background-color:var(--sds-c-icon-color-background, #6bb7e4) } .slds-icon-standard-date-input{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-catalog{ background-color:var(--sds-c-icon-color-background, #027e46) } .slds-icon-standard-template{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-activation-target{ background-color:var(--sds-c-icon-color-background, #dc71d1) } .slds-icon-standard-selling-model{ background-color:var(--sds-c-icon-color-background, #ad7bee) } .slds-icon-standard-shipment{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-budget-allocation{ background-color:var(--sds-c-icon-color-background, #107cad) } .slds-icon-standard-record-signature-task{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-event{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-insurance{ background-color:var(--sds-c-icon-color-background, #00d2be) } .slds-icon-standard-live-chat-visitor{ background-color:var(--sds-c-icon-color-background, #f68960) } .slds-icon-standard-textarea{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-work-step{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-picklist-type{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-survey{ background-color:var(--sds-c-icon-color-background, #319fd6) } .slds-icon-standard-link{ background-color:var(--sds-c-icon-color-background, #7a9ae6) } .slds-icon-standard-messaging-session{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-video{ background-color:var(--sds-c-icon-color-background, #b070e6) } .slds-icon-standard-list-email{ background-color:var(--sds-c-icon-color-background, #8baeb5) } .slds-icon-standard-recycle-bin{ background-color:var(--sds-c-icon-color-background, #1589e4) } .slds-icon-standard-document{ background-color:var(--sds-c-icon-color-background, #baac93) } .slds-icon-standard-product-transfer{ background-color:var(--sds-c-icon-color-background, #e3734f) } .slds-icon-standard-instore-locations{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-recent{ background-color:var(--sds-c-icon-color-background, #6ca1e9) } .slds-icon-standard-practitioner-role{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-password{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-expense-report{ background-color:var(--sds-c-icon-color-background, #3a3180) } .slds-icon-standard-branch-merge{ background-color:var(--sds-c-icon-color-background, #e9696e) } .slds-icon-standard-insights{ background-color:var(--sds-c-icon-color-background, #ec94ed) } .slds-icon-standard-dropbox{ background-color:var(--sds-c-icon-color-background, #52aef9) } .slds-icon-standard-calculated-insights{ background-color:var(--sds-c-icon-color-background, #54a7f8) } .slds-icon-standard-employee-job-position{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-file{ background-color:var(--sds-c-icon-color-background, #baac93) } .slds-icon-standard-currency-input{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-variable{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-team-member{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-pricing-workspace{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-agent-session{ background-color:var(--sds-c-icon-color-background, #f88960) } .slds-icon-standard-guidance-center{ background-color:var(--sds-c-icon-color-background, #7f8de1) } .slds-icon-standard-group-loading{ background-color:var(--sds-c-icon-color-background, #b8c3ce) } .slds-icon-standard-lead{ background-color:var(--sds-c-icon-color-background, #f88962) } .slds-icon-standard-email{ background-color:var(--sds-c-icon-color-background, #95aec5) } .slds-icon-standard-service-contract{ background-color:var(--sds-c-icon-color-background, #8a76f0) } .slds-icon-standard-decision{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-promotion-segments{ background-color:var(--sds-c-icon-color-background, #04844b) } .slds-icon-standard-duration-downscale{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-snippet{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-standard-entitlement-process{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-contact-list{ background-color:var(--sds-c-icon-color-background, #a094ed) } .slds-icon-standard-planogram{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-activations{ background-color:var(--sds-c-icon-color-background, #b070e6) } .slds-icon-standard-scheduling-policy{ background-color:var(--sds-c-icon-color-background, #eb7092) } .slds-icon-standard-channel-program-history{ background-color:var(--sds-c-icon-color-background, #0eb58a) } .slds-icon-standard-question-best{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-collection-variable{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-procedure-detail{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-sales-value{ background-color:var(--sds-c-icon-color-background, #3c97dd) } .slds-icon-standard-knowledge{ background-color:var(--sds-c-icon-color-background, #ec94ed) } .slds-icon-standard-date-time{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-category{ background-color:var(--sds-c-icon-color-background, #027e46) } .slds-icon-standard-maintenance-work-rule{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-data-streams{ background-color:var(--sds-c-icon-color-background, #ef6e64) } .slds-icon-standard-textbox{ background-color:var(--sds-c-icon-color-background, #969492) } .slds-icon-standard-lead-insights{ background-color:var(--sds-c-icon-color-background, #22b0e6) } .slds-icon-standard-waits{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-concur{ background-color:var(--sds-c-icon-color-background, #4cc3c7) } .slds-icon-standard-feed{ background-color:var(--sds-c-icon-color-background, #62b7ed) } .slds-icon-standard-sort{ background-color:var(--sds-c-icon-color-background, #1539ee) } .slds-icon-standard-messaging-conversation{ background-color:var(--sds-c-icon-color-background, #34becd) } .slds-icon-standard-service-report{ background-color:var(--sds-c-icon-color-background, #7e8be4) } .slds-icon-standard-iot-context{ background-color:var(--sds-c-icon-color-background, #2a739e) } .slds-icon-standard-asset-state-period{ background-color:var(--sds-c-icon-color-background, #317a92) } .slds-icon-standard-call{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-collection{ background-color:var(--sds-c-icon-color-background, #f2cf5b) } .slds-icon-standard-stage{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-sales-cadence{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-product-request-line-item{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-standard-return-order-line-item{ background-color:var(--sds-c-icon-color-background, #009688) } .slds-icon-standard-chart{ background-color:var(--sds-c-icon-color-background, #1fcaa0) } .slds-icon-standard-quick-text{ background-color:var(--sds-c-icon-color-background, #62b7e5) } .slds-icon-standard-home{ background-color:var(--sds-c-icon-color-background, #ef7ead) } .slds-icon-standard-sossession{ background-color:var(--sds-c-icon-color-background, #54698d) } .slds-icon-standard-bundle-config{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon-standard-employee-asset{ background-color:var(--sds-c-icon-color-background, #00a1e0) } .slds-icon-standard-process-exception{ background-color:var(--sds-c-icon-color-background, #f5a623) } .slds-icon-standard-product-warranty-term{ background-color:var(--sds-c-icon-color-background, #b781d3) } .slds-icon-standard-problem{ background-color:var(--sds-c-icon-color-background, #fe9339) } .slds-icon-standard-stage-collection{ background-color:var(--sds-c-icon-color-background, #ff9a3c) } .slds-icon-standard-product-request{ background-color:var(--sds-c-icon-color-background, #88c651) } .slds-icon-standard-logging{ background-color:var(--sds-c-icon-color-background, #00a1df) } .slds-icon-standard-assigned-resource{ background-color:var(--sds-c-icon-color-background, #45c173) } .slds-icon-standard-return-order{ background-color:var(--sds-c-icon-color-background, #009688) } .slds-icon-standard-poll{ background-color:var(--sds-c-icon-color-background, #699be1) } .slds-icon-standard-household{ background-color:var(--sds-c-icon-color-background, #00afa0) } .slds-icon-standard-work-step-template{ background-color:var(--sds-c-icon-color-background, #449488) } .slds-icon-standard-medication-statement{ background-color:var(--sds-c-icon-color-background, #1589ee) } .slds-icon{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); fill:var(--sds-c-icon-color-foreground, var(--lwc-colorTextIconInverse,rgb(255, 255, 255))) } [class*=slds-icon-standard-] .slds-icon,[class*=slds-icon-standard-].slds-icon,[class*=slds-icon-action-] .slds-icon,[class*=slds-icon-action-].slds-icon,[class*=slds-icon-custom-] .slds-icon,[class*=slds-icon-custom-].slds-icon{ border-radius:var(--sds-c-icon-radius-border, var(--lwc-borderRadiusMedium,0.25rem)) } .slds-icon_xx-small,.slds-icon--xx-small{ width:var(--lwc-squareIconXxSmallContent,.875rem); height:var(--lwc-squareIconXxSmallContent,.875rem); line-height:var(--lwc-lineHeightReset,1) } .slds-icon_x-small,.slds-icon--x-small{ width:var(--lwc-squareIconUtilitySmall,1rem); height:var(--lwc-squareIconUtilitySmall,1rem); line-height:var(--lwc-lineHeightReset,1) } .slds-icon_small,.slds-icon--small{ width:var(--lwc-squareIconSmallBoundary,1.5rem); height:var(--lwc-squareIconSmallBoundary,1.5rem); line-height:var(--lwc-lineHeightReset,1) } .slds-icon_large,.slds-icon--large{ width:var(--lwc-squareIconLargeBoundary,3rem); height:var(--lwc-squareIconLargeBoundary,3rem) } .slds-icon-text-default{ fill:var(--sds-c-icon-color-foreground-default, var(--lwc-colorTextIconDefault,rgb(107, 109, 112))) } .slds-icon-text-warning{ fill:var(--lwc-colorTextWarning,rgb(254, 147, 57)) } .slds-icon-text-success{ fill:var(--lwc-colorTextSuccess,rgb(46, 132, 74)) } .slds-icon-text-error{ fill:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-icon-text-light{ fill:var(--lwc-colorTextInputIcon,rgb(171, 173, 176)) } .slds-current-color .slds-icon{ fill:currentColor } .slds-icon_disabled{ background-color:currentColor } .slds-accordion{ position:relative } .slds-accordion__list-item{ border-top-width:var(--sds-c-accordion-sizing-border, var(--lwc-borderWidthThin,1px)); border-top-style:solid; border-top-color:var(--sds-c-accordion-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))) } .slds-accordion__list-item:first-child{ border-top:0 } .slds-accordion__summary{ display:flex; margin-top:calc(var(--sds-c-accordion-section-spacing-block-start, 0.75rem) * -1); margin-right:calc(var(--sds-c-accordion-section-spacing-inline-end, 0.75rem) * -1); margin-bottom:calc(var(--sds-c-accordion-section-spacing-block-end, 0.75rem) * -1); margin-left:calc(var(--sds-c-accordion-section-spacing-inline-start, 0.75rem) * -1); padding-top:var(--sds-c-accordion-section-spacing-block-start, var(--lwc-spacingSmall,0.75rem)); padding-right:var(--sds-c-accordion-section-spacing-inline-end, var(--lwc-spacingSmall,0.75rem)); padding-bottom:var(--sds-c-accordion-section-spacing-block-end, var(--lwc-spacingSmall,0.75rem)); padding-left:var(--sds-c-accordion-section-spacing-inline-start, var(--lwc-spacingSmall,0.75rem)); background-color:var(--sds-c-accordion-summary-color-background, transparent) } .slds-accordion__summary-heading{ display:flex; flex-grow:1; min-width:0; color:var(--sds-c-accordion-heading-text-color, var(--lwc-colorTextDefault,rgb(0, 1, 16))); font-size:var(--sds-c-accordion-heading-font-size, var(--lwc-varFontSize5,1rem)); line-height:var(--sds-c-accordion-heading-line-height, var(--lwc-lineHeightHeading,1.25)) } .slds-accordion__summary-heading .slds-button:focus{ text-decoration:underline; box-shadow:none } .slds-accordion__summary-action{ display:inline-flex; flex-grow:1; align-items:center; min-width:0; margin-top:calc(var(--sds-c-accordion-section-spacing-block-start, 0.75rem) * -1); margin-right:calc(var(--sds-c-accordion-section-spacing-inline-end, 0.75rem) * -1); margin-bottom:calc(var(--sds-c-accordion-section-spacing-block-end, 0.75rem) * -1); margin-left:calc(var(--sds-c-accordion-section-spacing-inline-start, 0.75rem) * -1); padding-top:var(--sds-c-accordion-section-spacing-block-start, var(--lwc-spacingSmall,0.75rem)); padding-right:var(--sds-c-accordion-section-spacing-inline-end, var(--lwc-spacingSmall,0.75rem)); padding-bottom:var(--sds-c-accordion-section-spacing-block-end, var(--lwc-spacingSmall,0.75rem)); padding-left:var(--sds-c-accordion-section-spacing-inline-start, var(--lwc-spacingSmall,0.75rem)) } .slds-accordion__summary-action:hover,.slds-accordion__summary-action:focus{ color:var(--sds-c-accordion-heading-text-color-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-accordion__summary-action-icon{ flex-shrink:0; transform:rotate(-90deg) } [dir=rtl] .slds-accordion__summary-action-icon{ transform:rotate(90deg) } @media (min-width:64em){ .slds-accordion__summary-content{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } } .slds-accordion__section{ padding-top:var(--sds-c-accordion-section-spacing-block-start, var(--lwc-spacingSmall,0.75rem)); padding-right:var(--sds-c-accordion-section-spacing-inline-end, var(--lwc-spacingSmall,0.75rem)); padding-bottom:var(--sds-c-accordion-section-spacing-block-end, var(--lwc-spacingSmall,0.75rem)); padding-left:var(--sds-c-accordion-section-spacing-inline-start, var(--lwc-spacingSmall,0.75rem)) } .slds-accordion__content{ overflow:hidden; visibility:hidden; opacity:0; height:0 } .slds-is-open>.slds-accordion__summary{ margin-bottom:0 } .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon{ transform:rotate(0deg) } .slds-is-open>.slds-accordion__content{ overflow:visible; visibility:visible; opacity:1; height:auto } .slds-icon-ellie{ width:calc(14rem / 16); height:calc(14rem / 16); display:inline-block; overflow:hidden } .slds-icon-ellie.slds-is-animated{ will-change:transform; animation:slds-icon-ellie-pop .3s ease-in 2s 1 both } .slds-icon-ellie.slds-is-animated svg{ will-change:transform; animation:slds-icon-ellie 1.2s steps(20) 2.3s 2 alternate } .slds-icon-ellie.slds-is-paused,.slds-icon-ellie.slds-is-paused svg{ animation-play-state:paused } .slds-icon-ellie svg{ width:17.5rem; vertical-align:top; color:#00a0e3 } .slds-icon-ellie circle:nth-child(2n + 1){ fill:currentColor; stroke:currentColor; stroke-width:4px } .slds-icon-ellie circle:nth-child(2n){ fill:var(--lwc-colorGray1,rgb(255, 255, 255)); stroke:var(--lwc-colorGray1,rgb(255, 255, 255)); stroke-width:1px } .slds-icon-ellie circle:nth-child(1),.slds-icon-ellie circle:nth-last-child(2){ stroke-width:4px } .slds-icon-ellie circle:nth-child(2),.slds-icon-ellie circle:nth-last-child(1){ stroke-width:1px } .slds-icon-ellie circle:nth-child(3),.slds-icon-ellie circle:nth-last-child(4){ stroke-width:3.95px } .slds-icon-ellie circle:nth-child(4),.slds-icon-ellie circle:nth-last-child(3){ stroke-width:1.2px } .slds-icon-ellie circle:nth-child(5),.slds-icon-ellie circle:nth-last-child(6){ stroke-width:3.85px } .slds-icon-ellie circle:nth-child(6),.slds-icon-ellie circle:nth-last-child(5){ stroke-width:1.4px } .slds-icon-ellie circle:nth-child(7),.slds-icon-ellie circle:nth-last-child(8){ stroke-width:3.6px } .slds-icon-ellie circle:nth-child(8),.slds-icon-ellie circle:nth-last-child(7){ stroke-width:1.7px } .slds-icon-ellie circle:nth-child(9),.slds-icon-ellie circle:nth-last-child(10){ stroke-width:3.3px } .slds-icon-ellie circle:nth-child(10),.slds-icon-ellie circle:nth-last-child(9){ stroke-width:2px } .slds-icon-ellie circle:nth-child(11),.slds-icon-ellie circle:nth-last-child(12){ stroke-width:3.2px } .slds-icon-ellie circle:nth-child(12),.slds-icon-ellie circle:nth-last-child(11){ stroke-width:2.4px } .slds-icon-ellie circle:nth-child(13),.slds-icon-ellie circle:nth-last-child(14){ stroke-width:3.15px } .slds-icon-ellie circle:nth-child(14),.slds-icon-ellie circle:nth-last-child(13){ stroke-width:2.8px } .slds-icon-ellie circle:nth-child(15),.slds-icon-ellie circle:nth-last-child(16){ stroke-width:3.1px } .slds-icon-ellie circle:nth-child(16),.slds-icon-ellie circle:nth-last-child(15){ stroke-width:3.25px } .slds-icon-ellie circle:nth-child(17),.slds-icon-ellie circle:nth-last-child(18){ stroke-width:3.05px } .slds-icon-ellie circle:nth-child(18),.slds-icon-ellie circle:nth-last-child(17){ stroke-width:3.7px } .slds-icon-ellie circle:nth-child(19),.slds-icon-ellie circle:nth-last-child(20){ stroke-width:3px } .slds-icon-ellie circle:nth-child(20),.slds-icon-ellie circle:nth-last-child(19){ stroke-width:4px } @keyframes slds-icon-ellie-pop{ 0%{ transform:scale(0.2) } 70%{ transform:scale(1.1) } 90%{ transform:scale(0.7) } 100%{ transform:scale(1) } } @keyframes slds-icon-ellie{ to{ transform:translateX(-17.5rem) } } .slds-icon-eq{ position:relative; width:calc(14rem / 16); height:calc(14rem / 16) } .slds-icon-eq.slds-is-animated .slds-icon-eq__bar{ animation:slds-icon-eq .25s ease-in-out infinite alternate; will-change:transform; height:.1875rem } .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(2){ animation-duration:.65s } .slds-icon-eq.slds-is-animated .slds-icon-eq__bar:nth-of-type(3){ animation-duration:.35s } .slds-icon-eq__bar{ position:absolute; bottom:0; left:0; width:calc(4rem / 16); height:.5625rem; background:var(--lwc-brandAccessible,rgb(225, 50, 0)); transform:scaleY(1); transform-origin:bottom } .slds-icon-eq__bar:nth-of-type(2){ left:calc(5rem / 16); height:.875rem } .slds-icon-eq__bar:nth-of-type(3){ left:calc(10rem / 16); height:.75rem } @keyframes slds-icon-eq{ to{ transform:scaleY(4.6666666667) } } .slds-icon-score{ display:inline-block; width:.3125rem; height:.3125rem; position:relative } [class*=slds-icon-score__]{ position:absolute; opacity:0; transition:opacity .4s ease-in-out; will-change:opacity; stroke-width:1.125px } .slds-icon-score__positive{ fill:#30a664; stroke:#30a664 } .slds-icon-score__negative{ fill:transparent; stroke:#d2504c } [data-slds-state=positive] .slds-icon-score__positive,[data-slds-state=negative] .slds-icon-score__negative{ opacity:1 } .slds-icon-strength{ width:1.6875rem; height:.4375rem; display:inline-block } .slds-icon-strength circle{ stroke-width:.95px; fill:transparent; stroke:#ccc; transition:fill .4s ease-in-out,stroke .4s ease-in-out; will-change:fill,stroke } .slds-icon-strength[data-slds-strength="1"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="2"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="2"] circle:nth-child(2),.slds-icon-strength[data-slds-strength="3"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="3"] circle:nth-child(2),.slds-icon-strength[data-slds-strength="3"] circle:nth-child(3){ fill:#04844b; stroke:#04844b } .slds-icon-strength[data-slds-strength="-1"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="-2"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="-2"] circle:nth-child(2),.slds-icon-strength[data-slds-strength="-3"] circle:nth-child(1),.slds-icon-strength[data-slds-strength="-3"] circle:nth-child(2),.slds-icon-strength[data-slds-strength="-3"] circle:nth-child(3){ fill:#ffdde1; stroke:#c23934 } .slds-icon-strength.slds-is-animated circle{ animation:slds-icon-strength-positive-load .4s 1s ease-in-out alternate both paused } .slds-icon-strength.slds-is-animated circle:nth-child(2){ animation-delay:1.4s } .slds-icon-strength.slds-is-animated circle:nth-child(3){ animation-delay:1.8s } .slds-icon-strength.slds-is-animated[data-slds-strength^="-"] circle{ animation-name:slds-icon-strength-negative-load } .slds-icon-strength.slds-is-animated[data-slds-strength="-1"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="-2"] circle:nth-child(2),.slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(2),.slds-icon-strength.slds-is-animated[data-slds-strength="-3"] circle:nth-child(3),.slds-icon-strength.slds-is-animated[data-slds-strength="1"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="2"] circle:nth-child(2),.slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(1),.slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(2),.slds-icon-strength.slds-is-animated[data-slds-strength="3"] circle:nth-child(3){ animation-play-state:running } .slds-icon-strength.slds-is-paused circle{ animation-play-state:paused!important } @keyframes slds-icon-strength-positive-load{ 0%{ fill:transparent; stroke:#ccc } 100%{ fill:#04844b; stroke:#04844b } } @keyframes slds-icon-strength-negative-load{ 0%{ fill:transparent; stroke:#ccc } 100%{ fill:#ffdde1; stroke:#c23934 } } .slds-icon-trend{ width:1rem; height:1rem; display:inline-block } .slds-icon-trend.slds-is-animated .slds-icon-trend__arrow{ animation:slds-icon-trend-arrow .8s .4s ease-in-out both } .slds-icon-trend.slds-is-animated .slds-icon-trend__circle{ animation:slds-icon-trend-circle .8s ease-in-out both } .slds-icon-trend.slds-is-paused .slds-icon-trend__arrow,.slds-icon-trend.slds-is-paused .slds-icon-trend__circle{ animation-play-state:paused } .slds-icon-trend[data-slds-trend=down]{ color:#c23934; transform:rotate(45deg) } .slds-icon-trend[data-slds-trend=neutral]{ color:#979797 } .slds-icon-trend[data-slds-trend=up]{ color:#028048; transform:rotate(-45deg) } .slds-icon-trend__arrow,.slds-icon-trend__circle{ stroke:currentColor; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.125px } .slds-icon-trend__arrow{ stroke-dashoffset:.1px; stroke-dasharray:39.175px } .slds-icon-trend__circle{ stroke-dasharray:42.3385px,46.3385px } @keyframes slds-icon-trend-arrow{ from{ stroke-dashoffset:40.3px } } @keyframes slds-icon-trend-circle{ from{ stroke-dasharray:.1px,46.3385px } } .slds-icon-waffle_container{ border:0; outline:0 } .slds-icon-waffle_container:hover [class*=slds-r],.slds-icon-waffle_container:focus [class*=slds-r]{ animation:slds-icon-waffle-throb 2 200ms alternate } .slds-icon-waffle_container:hover .slds-r1,.slds-icon-waffle_container:hover .slds-r2,.slds-icon-waffle_container:hover .slds-r3,.slds-icon-waffle_container:focus .slds-r1,.slds-icon-waffle_container:focus .slds-r2,.slds-icon-waffle_container:focus .slds-r3{ background-color:#418fde } .slds-icon-waffle_container:hover .slds-r4,.slds-icon-waffle_container:hover .slds-r5,.slds-icon-waffle_container:hover .slds-r7,.slds-icon-waffle_container:focus .slds-r4,.slds-icon-waffle_container:focus .slds-r5,.slds-icon-waffle_container:focus .slds-r7{ background-color:#ed8b00 } .slds-icon-waffle_container:hover .slds-r6,.slds-icon-waffle_container:hover .slds-r8,.slds-icon-waffle_container:hover .slds-r9,.slds-icon-waffle_container:focus .slds-r6,.slds-icon-waffle_container:focus .slds-r8,.slds-icon-waffle_container:focus .slds-r9{ background-color:#ffb60f } .slds-icon-waffle_container:hover .slds-r2,.slds-icon-waffle_container:hover .slds-r4,.slds-icon-waffle_container:focus .slds-r2,.slds-icon-waffle_container:focus .slds-r4{ transition-delay:50ms; animation-delay:50ms } .slds-icon-waffle_container:hover .slds-r3,.slds-icon-waffle_container:hover .slds-r5,.slds-icon-waffle_container:hover .slds-r7,.slds-icon-waffle_container:focus .slds-r3,.slds-icon-waffle_container:focus .slds-r5,.slds-icon-waffle_container:focus .slds-r7{ transition-delay:100ms; animation-delay:100ms } .slds-icon-waffle_container:hover .slds-r6,.slds-icon-waffle_container:hover .slds-r8,.slds-icon-waffle_container:focus .slds-r6,.slds-icon-waffle_container:focus .slds-r8{ transition-delay:150ms; animation-delay:150ms } .slds-icon-waffle_container:hover .slds-r9,.slds-icon-waffle_container:focus .slds-r9{ transition-delay:200ms; animation-delay:200ms } .slds-icon-waffle{ width:1.3125rem; height:1.3125rem; position:relative; display:block; cursor:pointer } .slds-icon-waffle [class*=slds-r]{ width:.3125rem; height:.3125rem; background-color:var(--lwc-colorBackgroundIconWaffle,#FFFFFF); display:inline-block; position:absolute; border-radius:var(--lwc-borderRadiusCircle,50%); transition:background-color 100ms; transform-origin:50% 50%; will-change:scale,background-color } .slds-icon-waffle .slds-r1{ top:0; left:0 } .slds-icon-waffle .slds-r2{ top:0; left:.5rem } .slds-icon-waffle .slds-r3{ top:0; right:0 } .slds-icon-waffle .slds-r4{ top:.5rem; left:0 } .slds-icon-waffle .slds-r5{ top:.5rem; left:.5rem } .slds-icon-waffle .slds-r6{ top:.5rem; right:0 } .slds-icon-waffle .slds-r7{ bottom:0; left:0 } .slds-icon-waffle .slds-r8{ bottom:0; left:.5rem } .slds-icon-waffle .slds-r9{ bottom:0; right:0 } .slds-icon-waffle .slds-r1{ transition-delay:200ms } .slds-icon-waffle .slds-r2,.slds-icon-waffle .slds-r4{ transition-delay:150ms } .slds-icon-waffle .slds-r3,.slds-icon-waffle .slds-r5,.slds-icon-waffle .slds-r7{ transition-delay:100ms } .slds-icon-waffle .slds-r6,.slds-icon-waffle .slds-r8{ transition-delay:50ms } @keyframes slds-icon-waffle-throb{ to{ transform:scale(1.5) } } .slds-icon-help{ width:var(--lwc-globalActionIconSize,1.5rem); height:var(--lwc-globalActionIconSize,1.5rem); fill:var(--lwc-fillHeaderButton,#FFFFFF) } .slds-icon-help:hover .slds-icon-help_hover{ opacity:1; transform:scale(1) } .slds-icon-help:focus{ animation:slds-click-global-action 80ms cubic-bezier(1, 1.9, 0.94, 0.98) } .slds-icon-help:focus .slds-icon-help_focus{ opacity:1; transform:scale(1) } .slds-icon-help mask{ mask-type:alpha } .slds-icon-help_hover{ opacity:0; transform:scale(0.1, 0.1); transform-origin:45px 47px; transition:all 200ms ease-out; fill:var(--lwc-fillHeaderButtonHover,rgb(225, 50, 0)) } .slds-icon-help_focus{ opacity:0; transform:scale(0.1, 0.1); transform-origin:45px 47px; transition:all 200ms ease-out; fill:var(--lwc-fillHeaderButtonFocus,rgb(1, 118, 211)) } .slds-icon-help svg{ width:var(--lwc-globalActionIconSize,1.5rem); height:var(--lwc-globalActionIconSize,1.5rem) } .slds-icon-help g{ mask:url(https://www.poly.com/etc.clientlibs/poly/components/content/support-threedotnav/clientlibs/css/) } @keyframes slds-click-global-action{ 25%{ transform:scale(0.95, 0.95) } 100%{ transform:scale(0.98, 0.98) } } .slds-icon-typing{ display:inline-block; padding:var(--lwc-spacingXxSmall,0.25rem) 0 } .slds-icon-typing.slds-is-animated .slds-icon-typing__dot{ animation:slds-icon-typing__dot-first 1.2s infinite ease-in-out } .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(1){ animation-name:slds-icon-typing__dot-first } .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(2){ animation-name:slds-icon-typing__dot-second } .slds-icon-typing.slds-is-animated .slds-icon-typing__dot:nth-child(3){ animation-name:slds-icon-typing__dot-third } .slds-icon-typing.slds-is-paused .slds-icon-typing__dot{ animation-play-state:paused } .slds-icon-typing__dot{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)); border-radius:var(--lwc-borderRadiusCircle,50%); display:inline-block; height:var(--lwc-typingIconDotSize,.5rem); margin:0 var(--lwc-spacingXxxSmall,0.125rem); width:var(--lwc-typingIconDotSize,.5rem) } @keyframes slds-icon-typing__dot-first{ 0%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } 16%{ background-color:var(--lwc-typingIconDotColorBackgroundGrayDark,rgb(201, 199, 197)) } 33%,100%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } } @keyframes slds-icon-typing__dot-second{ 0%,33%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } 50%{ background-color:var(--lwc-typingIconDotColorBackgroundGrayDark,rgb(201, 199, 197)) } 67%,100%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } } @keyframes slds-icon-typing__dot-third{ 0%,67%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } 83%{ background-color:var(--lwc-typingIconDotColorBackgroundGrayDark,rgb(201, 199, 197)) } 100%{ background-color:var(--lwc-typingIconDotColorBackgroundGray,rgb(221, 219, 218)) } } .slds-dynamic-menu .slds-popover__footer{ background-color:transparent } .slds-dynamic-menu__header{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-carousel{ position:relative } .slds-carousel__stage{ position:relative; display:flex; flex-direction:column; overflow:hidden } .slds-carousel__panels{ display:flex; transition:transform 250ms ease-in; min-height:0% } .slds-carousel__panel{ flex:0 0 100%; max-width:100% } .slds-carousel__panel-action{ display:block; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-carousel__panel-action:focus{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); border-color:var(--lwc-brandAccessibleActive,#ae2700); outline:0 } .slds-carousel__image{ border-top-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-top-right-radius:var(--lwc-borderRadiusMedium,0.25rem); overflow:hidden } .slds-carousel__image>img{ width:100% } .slds-carousel__content{ background:var(--lwc-carouselColorBackground,rgb(255, 255, 255)); padding:var(--lwc-spacingSmall,0.75rem); border-bottom-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom-right-radius:var(--lwc-borderRadiusMedium,0.25rem); text-align:center; height:6.625rem; overflow-x:hidden; overflow-y:auto } .slds-carousel__content-title{ font-size:var(--lwc-fontSize5,1rem); font-weight:600 } .slds-carousel__indicators{ align-self:center; margin:var(--lwc-spacingXSmall,0.5rem) 0 } .slds-carousel__indicator{ display:inline-flex; margin:0 var(--lwc-spacingXxSmall,0.25rem) } .slds-carousel__indicator-action{ width:var(--lwc-carouselIndicatorWidth,1rem); height:var(--lwc-carouselIndicatorWidth,1rem); background:var(--lwc-carouselIndicatorColorBackground,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:50% } .slds-carousel__indicator-action.slds-is-active,.slds-carousel__indicator-action.slds-is-active:hover{ background:var(--lwc-carouselIndicatorColorBackgroundActive,rgb(1, 118, 211)); border-color:var(--lwc-carouselIndicatorColorBackgroundActive,rgb(1, 118, 211)) } .slds-carousel__indicator-action:hover{ background-color:var(--lwc-carouselIndicatorColorBackgroundHover,rgb(250, 250, 249)) } .slds-carousel__indicator-action:focus{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); background-color:var(--lwc-carouselIndicatorColorBackgroundFocus,rgb(1, 68, 134)); border-color:var(--lwc-carouselIndicatorColorBackgroundFocus,rgb(1, 68, 134)); outline:0 } .slds-carousel__autoplay{ position:absolute; left:0; bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-card_empty .slds-card__body,.slds-card--empty .slds-card__body{ text-align:center } .slds-card{ position:relative; padding-top:var(--sds-c-card-spacing-block-start, var(--sds-c-card-spacing-block, 0)); padding-right:var(--sds-c-card-spacing-inline-end, var(--sds-c-card-spacing-inline, 0)); padding-bottom:var(--sds-c-card-spacing-block-end, var(--sds-c-card-spacing-block, 0)); padding-left:var(--sds-c-card-spacing-inline-start, var(--sds-c-card-spacing-inline, 0)); background:var(--sds-c-card-color-background, var(--lwc-cardColorBackground,rgb(255, 255, 255))); border-width:var(--sds-c-card-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-card-color-border, var(--lwc-cardColorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-card-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-clip:padding-box; box-shadow:var(--sds-c-card-shadow, var(--lwc-cardShadow,none)); color:var(--sds-c-card-text-color) } .slds-card+.slds-card{ margin-top:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-card__header{ padding-top:var(--sds-c-card-header-spacing-block-start, var(--sds-c-card-header-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-right:var(--sds-c-card-header-spacing-inline-end, var(--sds-c-card-header-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-bottom:var(--sds-c-card-header-spacing-block-end, var(--sds-c-card-header-spacing-block, 0)); padding-left:var(--sds-c-card-header-spacing-inline-start, var(--sds-c-card-header-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); margin:0 0 var(--sds-c-card-header-spacing-block-end, var(--lwc-varSpacingVerticalSmall,0.75rem)) } .slds-card__header-title{ display:flex; font-size:var(--sds-c-card-heading-font-size, var(--lwc-varFontSize5,1rem)); font-weight:var(--sds-c-card-heading-font-weight, var(--lwc-cardFontWeight,400)); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-card__header-link{ color:inherit; font-weight:var(--sds-c-card-heading-font-weight, var(--lwc-cardFontWeight,400)) } .slds-card__body{ margin-top:var(--sds-c-card-body-spacing-block-start, var(--sds-c-card-body-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); margin-bottom:var(--sds-c-card-body-spacing-block-end, var(--sds-c-card-body-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-right:var(--sds-c-card-body-spacing-inline-end, var(--sds-c-card-body-spacing-inline)); padding-left:var(--sds-c-card-body-spacing-inline-start, var(--sds-c-card-body-spacing-inline)) } .slds-card__body_inner,.slds-card__body--inner{ padding:0; padding-right:var(--sds-c-card-body-spacing-inline-end, var(--sds-c-card-body-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-left:var(--sds-c-card-body-spacing-inline-start, var(--sds-c-card-body-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))) } .slds-card__body:empty,.slds-card__footer:empty{ display:none } .slds-card__footer{ padding-top:var(--sds-c-card-footer-spacing-block-start, var(--sds-c-card-footer-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-right:var(--sds-c-card-footer-spacing-inline-end, var(--sds-c-card-footer-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-bottom:var(--sds-c-card-footer-spacing-block-end, var(--sds-c-card-footer-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-left:var(--sds-c-card-footer-spacing-inline-start, var(--sds-c-card-footer-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); margin-top:var(--sds-c-card-footer-spacing-block-start, var(--lwc-varSpacingVerticalSmall,0.75rem)); text-align:var(--sds-c-card-footer-text-align, var(--lwc-cardFooterTextAlign,right)); font-size:var(--sds-c-card-footer-font-size, var(--lwc-fontSize3,0.8125rem)); border-top-width:var(--sds-c-card-footer-sizing-border, var(--lwc-borderWidthThin,1px)); border-top-style:solid; border-top-color:var(--sds-c-card-footer-color-border, var(--lwc-cardFooterColorBorder,rgba(0, 0, 0, 0))) } .slds-card__footer-action{ display:block } .slds-card__tile{ margin-top:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-region__pinned-left .slds-card,.slds-region__pinned-left .slds-card-wrapper,.slds-region__pinned-left .slds-card_boundary,.slds-region__pinned-left .slds-tabs_card,.slds-region__pinned-right .slds-card,.slds-region__pinned-right .slds-card-wrapper,.slds-region__pinned-right .slds-card_boundary,.slds-region__pinned-right .slds-tabs_card{ border-radius:0; border:0; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); box-shadow:none } .slds-region__pinned-left .slds-card:last-child,.slds-region__pinned-left .slds-card-wrapper:last-child,.slds-region__pinned-left .slds-card_boundary:last-child,.slds-region__pinned-left .slds-tabs_card:last-child,.slds-region__pinned-right .slds-card:last-child,.slds-region__pinned-right .slds-card-wrapper:last-child,.slds-region__pinned-right .slds-card_boundary:last-child,.slds-region__pinned-right .slds-tabs_card:last-child{ border-bottom:0 } .slds-card-wrapper{ padding:var(--lwc-varSpacingMedium,1rem); background:var(--sds-c-card-color-background, var(--lwc-cardColorBackground,rgb(255, 255, 255))); border-width:var(--sds-c-card-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-card-color-border, var(--lwc-cardColorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-card-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-clip:padding-box; box-shadow:var(--sds-c-card-shadow, var(--lwc-cardShadow,none)) } .slds-card-wrapper .slds-card__header,.slds-card-wrapper .slds-card__body,.slds-card-wrapper .slds-card__footer{ padding-left:0; padding-right:0 } .slds-card .slds-card,.slds-card .slds-card-wrapper,.slds-card-wrapper .slds-card,.slds-card-wrapper .slds-card-wrapper,.slds-modal .slds-card,.slds-modal .slds-card-wrapper,.slds-tabs_default .slds-card,.slds-tabs_default .slds-card-wrapper,.slds-tabs--default .slds-card,.slds-tabs--default .slds-card-wrapper,.slds-tabs_card .slds-card,.slds-tabs_card .slds-card-wrapper,.slds-tabs_card.slds-tabs_card .slds-card,.slds-tabs_card.slds-tabs_card .slds-card-wrapper{ border:0; box-shadow:none } .slds-card .slds-card_boundary,.slds-modal .slds-card_boundary,.slds-tabs_default .slds-card_boundary,.slds-tabs--default .slds-card_boundary{ border-width:var(--sds-c-card-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-card-color-border, var(--lwc-cardColorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-card-radius-border, var(--lwc-borderRadiusMedium,0.25rem)) } .slds-tabs_card,.slds-tabs_card.slds-tabs_card{ padding:var(--lwc-varSpacingVerticalSmall,0.75rem) var(--lwc-varSpacingHorizontalMedium,1rem); background:var(--sds-c-card-color-background, var(--lwc-cardColorBackground,rgb(255, 255, 255))); border-width:var(--sds-c-card-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-card-color-border, var(--lwc-cardColorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-card-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); box-shadow:var(--sds-c-card-shadow, var(--lwc-cardShadow,none)) } .slds-tabs_card .slds-card,.slds-tabs_card .slds-card-wrapper,.slds-tabs_card.slds-tabs_card .slds-card,.slds-tabs_card.slds-tabs_card .slds-card-wrapper{ padding-left:0; padding-right:0 } .slds-tabs_card .slds-card__header,.slds-tabs_card .slds-card__body,.slds-tabs_card .slds-card__footer,.slds-tabs_card.slds-tabs_card .slds-card__header,.slds-tabs_card.slds-tabs_card .slds-card__body,.slds-tabs_card.slds-tabs_card .slds-card__footer{ padding-left:0; padding-right:0; margin-left:0; margin-right:0 } .slds-tabs_card .slds-card__header,.slds-tabs_card.slds-tabs_card .slds-card__header{ padding-top:0 } .slds-tabs_card .slds-card_boundary,.slds-tabs_card.slds-tabs_card .slds-card_boundary,.slds-card-wrapper .slds-card_boundary{ border-width:var(--sds-c-card-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-card-color-border, var(--lwc-cardColorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-card-radius-border, var(--lwc-borderRadiusMedium,0.25rem)) } .slds-tabs_card .slds-card_boundary .slds-card__header,.slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__header,.slds-card-wrapper .slds-card_boundary .slds-card__header{ padding-top:var(--sds-c-card-header-spacing-block-start, var(--sds-c-card-header-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-right:var(--sds-c-card-header-spacing-inline-end, var(--sds-c-card-header-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-bottom:var(--sds-c-card-header-spacing-block-end, var(--sds-c-card-header-spacing-block, 0)); padding-left:var(--sds-c-card-header-spacing-inline-start, var(--sds-c-card-header-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))) } .slds-tabs_card .slds-card_boundary .slds-card__body_inner,.slds-tabs_card .slds-card_boundary .slds-card__body--inner,.slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__body_inner,.slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__body--inner,.slds-card-wrapper .slds-card_boundary .slds-card__body_inner,.slds-card-wrapper .slds-card_boundary .slds-card__body--inner{ padding:0; padding-right:var(--sds-c-card-body-spacing-inline-end, var(--sds-c-card-body-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-left:var(--sds-c-card-body-spacing-inline-start, var(--sds-c-card-body-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))) } .slds-tabs_card .slds-card_boundary .slds-card__footer,.slds-tabs_card.slds-tabs_card .slds-card_boundary .slds-card__footer,.slds-card-wrapper .slds-card_boundary .slds-card__footer{ padding-top:var(--sds-c-card-footer-spacing-block-start, var(--sds-c-card-footer-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-right:var(--sds-c-card-footer-spacing-inline-end, var(--sds-c-card-footer-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))); padding-bottom:var(--sds-c-card-footer-spacing-block-end, var(--sds-c-card-footer-spacing-block, var(--lwc-varSpacingVerticalSmall,0.75rem))); padding-left:var(--sds-c-card-footer-spacing-inline-start, var(--sds-c-card-footer-spacing-inline, var(--lwc-varSpacingHorizontalMedium,1rem))) } .slds-chat{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-chat-list{ padding:0 var(--lwc-spacingSmall,0.75rem) } .slds-chat-listitem{ display:flex; margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-chat-listitem_outbound{ justify-content:flex-end } .slds-chat-listitem_inbound+.slds-chat-listitem_inbound,.slds-chat-listitem_outbound+.slds-chat-listitem_outbound{ margin-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-chat-listitem_bookend{ margin:var(--lwc-spacingMedium,1rem) 0; margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-chat-listitem_bookend+.slds-chat-listitem_bookend{ margin-top:var(--lwc-spacingXxLarge,3rem) } .slds-chat-listitem_event{ margin:var(--lwc-spacingLarge,1.5rem) 0 } .slds-chat-icon{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-chat-message{ display:flex } .slds-chat-message_faux-avatar{ padding-left:2.5rem } .slds-chat-avatar{ margin-right:var(--lwc-spacingXSmall,0.5rem); min-width:2rem } .slds-chat-avatar__intials{ background-color:var(--lwc-chatMessageColorBackgroundInbound,rgb(242, 242, 243)); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-chat-avatar__intials.slds-chat-avatar__intials:hover{ color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-chat-message__body{ display:flex; flex-direction:column } .slds-chat-message__image_loading{ width:var(--lwc-sizeSmall,15rem); height:11.25rem } .slds-chat-message__text{ overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; display:inline-block; font-size:var(--lwc-fontSize3,0.8125rem); max-width:26.25rem; white-space:pre-line } .slds-chat-message__text a{ color:var(--lwc-colorBrandDarker,#ae2700); text-decoration:underline } .slds-chat-message__text a:hover{ text-decoration:none } .slds-chat-message__file{ width:var(--lwc-sizeSmall,15rem) } .slds-chat-message__file,.slds-chat-message__image{ overflow:hidden } .slds-chat-message__file .slds-file:hover,.slds-chat-message__image .slds-file:hover{ box-shadow:none; transition:none } .slds-chat-message__text_inbound,.slds-chat-message__file_inbound,.slds-chat-message__image_inbound,.slds-chat-message__text_outbound,.slds-chat-message__file_outbound,.slds-chat-message__image_outbound,.slds-chat-message__text_outbound-agent,.slds-chat-message__text_unsupported-type,.slds-chat-message__text_delivery-failure{ border-radius:var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) 0; color:var(--lwc-colorTextInverse,#FFFFFF); min-height:2rem } .slds-chat-message__text_inbound,.slds-chat-message__text_outbound,.slds-chat-message__text_outbound-agent,.slds-chat-message__text_unsupported-type,.slds-chat-message__text_delivery-failure{ padding:var(--lwc-spacingXSmall,0.5rem) } .slds-chat-message__file_inbound,.slds-chat-message__image_inbound,.slds-chat-message__file_outbound,.slds-chat-message__image_outbound{ padding:0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-chat-message__file_inbound,.slds-chat-message__image_inbound,.slds-chat-message__file_outbound,.slds-chat-message__image_outbound{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-chat-message__text_inbound{ margin-right:auto; background-color:var(--lwc-chatMessageColorBackgroundInbound,rgb(242, 242, 243)); border-radius:var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) 0; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-chat-message__image_inbound{ background-color:var(--lwc-chatMessageColorBackgroundInbound,rgb(242, 242, 243)); border-radius:var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) 0 } .slds-chat-message__file_inbound{ border-radius:var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) 0; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-chat-message__text_outbound{ margin-left:auto; background-color:var(--lwc-chatMessageColorBackgroundOutbound,rgb(1, 68, 134)) } .slds-chat-message__text_outbound-agent{ background-color:var(--lwc-chatMessageColorBackgroundOutboundAgent,rgb(107, 109, 112)); margin-left:auto } .slds-chat-message__text_outbound a,.slds-chat-message__text_outbound-agent a{ color:var(--lwc-colorTextInverse,#FFFFFF); text-decoration:underline } .slds-chat-message__text_unsupported-type{ background-color:var(--lwc-chatMessageColorBackgroundStatus,rgb(255, 255, 255)); border-radius:var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) var(--lwc-borderRadiusLarge,0.5rem) 0; border:var(--lwc-colorBorderWarning,rgb(254, 147, 57)) var(--lwc-borderWidthThin,1px) solid; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); margin-right:auto } .slds-chat-message__text_unsupported-type .slds-chat-icon.slds-icon-utility-warning .slds-icon{ fill:var(--lwc-colorTextWarning,rgb(254, 147, 57)) } .slds-chat-message__text_delivery-failure{ background-color:var(--lwc-chatMessageColorBackgroundStatus,rgb(255, 255, 255)); border:var(--lwc-colorBorderDestructive,rgb(234, 0, 30)) var(--lwc-borderWidthThin,1px) solid; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); margin-left:auto } .slds-chat-message__text_delivery-failure .slds-chat-message__text_delivery-failure-reason{ display:flex; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXSmall,0.5rem) 0; margin:var(--lwc-spacingXSmall,0.5rem) -.5rem 0; color:var(--lwc-colorTextError,rgb(234, 0, 30)); border-top:var(--lwc-colorBorderDestructive,rgb(234, 0, 30)) var(--lwc-borderWidthThin,1px) solid } .slds-chat-message__text_delivery-failure .slds-chat-icon.slds-icon-utility-error .slds-icon{ fill:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-chat-message__text_sneak-peak,.slds-chat-message__text_sneak-peek{ font-style:italic } .slds-chat-message__text_sneak-peak .slds-icon-typing,.slds-chat-message__text_sneak-peek .slds-icon-typing{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-chat-message__meta{ color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); font-size:var(--lwc-fontSize1,0.625rem); margin:var(--lwc-spacingXxxSmall,0.125rem) 0 0 var(--lwc-spacingXSmall,0.5rem) } .slds-chat-message__action{ font-size:var(--lwc-fontSize2,0.75rem); margin-left:var(--lwc-spacingXSmall,0.5rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-chat-message__action .slds-chat-icon.slds-icon-utility-redo .slds-icon{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem); fill:var(--lwc-colorTextLink,rgb(225, 50, 0)) } .slds-chat-event{ align-items:center; color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); display:inline-flex; flex-wrap:wrap; justify-content:center; font-size:var(--lwc-fontSize3,0.8125rem); text-align:center; width:100% } .slds-chat-event.slds-has-error{ color:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-chat-event.slds-has-error svg{ fill:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-chat-event__rule{ border-top:var(--lwc-borderWidthThin,1px) var(--lwc-colorBorder,rgb(0, 1, 16)) solid; height:.0625rem; flex-grow:1 } .slds-chat-event__body{ align-items:center; display:flex; margin:0 var(--lwc-spacingXSmall,0.5rem) } .slds-chat-event__agent-message{ flex-grow:3; font-size:var(--lwc-fontSize2,0.75rem); font-style:italic; margin-top:var(--lwc-spacingXSmall,0.5rem); width:100% } .slds-chat-bookend{ align-items:center; border:var(--lwc-colorBorder,rgb(0, 1, 16)) 0 solid; border-bottom-width:var(--lwc-borderWidthThin,1px); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); display:flex; font-size:var(--lwc-fontSize3,0.8125rem); justify-content:center; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem); width:100% } .slds-chat-bookend_stop{ border-width:var(--lwc-borderWidthThin,1px) 0 0 } .slds-chat_past .slds-chat-listitem_event{ margin:var(--lwc-spacingMedium,1rem) 0 } .slds-chat_past .slds-chat-message__meta{ margin:var(--lwc-spacingXxSmall,0.25rem) 0 0 } .slds-chat_past .slds-chat-message__meta b{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-form-element{ position:relative; min-width:0 } .slds-form-element__label{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; display:inline-block; color:var(--lwc-colorTextLabel,rgb(0, 1, 16)); font-size:var(--lwc-formLabelFontSize,0.75rem); padding-right:var(--lwc-spacingXSmall,0.5rem); padding-top:var(--lwc-spacingXxSmall,0.25rem); margin-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-form-element__label:empty{ margin:0 } .slds-form-element__control{ clear:left; position:relative } .slds-form-element__control .slds-radio,.slds-form-element__control .slds-checkbox{ display:block } .slds-form-element__icon{ display:inline-block; position:relative; padding-top:var(--lwc-spacingXxSmall,0.25rem); vertical-align:top; line-height:var(--lwc-lineHeightReset,1); z-index:1 } .slds-form-element__icon .slds-button_icon{ position:relative } .slds-form-element__help,.slds-form-element__helper{ font-size:var(--lwc-fontSize2,0.75rem); margin-top:var(--lwc-spacingXxxSmall,0.125rem); display:block } .slds-form-element_edit .slds-form-element__static,.slds-form-element--edit .slds-form-element__static{ width:calc(100% - var(--lwc-squareIconSmallBoundary,1.5rem)) } .slds-form-element_readonly{ flex-basis:0%; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin-bottom:0 } .slds-form-element_readonly .slds-form-element__control{ padding-top:var(--lwc-spacingXxxSmall,0.125rem); padding-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-form-element_readonly .slds-form-element__label{ margin-bottom:0 } .slds-form-element__legend{ font-weight:var(--lwc-fontWeightBold,700); float:left } .slds-form-element__addon{ display:inline-block; margin:0 var(--lwc-spacingXSmall,0.5rem); align-self:center } .slds-form-element__static{ overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; display:inline-block; font-size:var(--lwc-inputStaticFontSize,0.8125rem); font-weight:var(--lwc-inputStaticFontWeight,400); color:var(--lwc-inputStaticColor,rgb(0, 1, 16)); width:100% } .slds-form-element__static.slds-text-longform *:last-child{ margin-bottom:0 } .slds-form-element__static:empty{ min-height:calc(var(--lwc-varFontSize7,1.25rem) + 1px); vertical-align:bottom } .slds-form-element__static--edit{ width:calc(100% - var(--lwc-squareIconSmallBoundary,1.5rem)) } .slds-required{ color:var(--lwc-colorTextError,rgb(234, 0, 30)); margin:0 var(--lwc-spacingXxxSmall,0.125rem) } .slds-has-error .slds-form-element__help{ color:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-input-has-icon .slds-input__icon{ fill:var(--lwc-colorTextInputIcon,rgb(171, 173, 176)) } .slds-input{ padding-top:0; padding-right:var(--sds-c-input-spacing-horizontal-end, var(--lwc-spacingMedium,1rem)); padding-bottom:0; padding-left:var(--sds-c-input-spacing-horizontal-start, var(--lwc-spacingSmall,0.75rem)); width:100%; min-height:calc(var(--lwc-heightInput,1.875rem) + (1px * 2)); line-height:var(--lwc-heightInput,1.875rem); border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-input-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); border-radius:var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-color:var(--sds-c-input-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); color:var(--sds-c-input-text-color); box-shadow:var(--sds-c-input-shadow); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear; display:inline-block } .slds-input:focus,.slds-input:active{ border-color:var(--sds-c-input-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); background-color:var(--sds-c-input-color-background-focus, var(--sds-c-input-color-background, var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255)))); color:var(--sds-c-input-text-color-focus); box-shadow:var(--sds-c-input-shadow-focus, 0 0 3px var(--lwc-brandAccessible,rgb(225, 50, 0))); outline:0 } .slds-input[disabled],.slds-input.slds-is-disabled{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); color:var(--lwc-colorTextInputDisabled,rgb(107, 109, 112)); cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-input[disabled]:focus,.slds-input[disabled]:active,.slds-input.slds-is-disabled:focus,.slds-input.slds-is-disabled:active{ box-shadow:none } .slds-input[readonly]{ padding-left:0; border-color:transparent; background-color:transparent; font-size:var(--lwc-inputStaticFontSize,0.8125rem); font-weight:var(--lwc-inputReadonlyFontWeight,400) } .slds-input[type=search]::-ms-clear{ display:none; width:0; height:0 } .slds-input[type=search]::-webkit-search-decoration,.slds-input[type=search]::-webkit-search-cancel-button,.slds-input[type=search]::-webkit-search-results-button,.slds-input[type=search]::-webkit-search-results-decoration{ display:none } .slds-input[type=url],.slds-input[type=tel],.slds-input[type=email]{ direction:ltr; text-align:left } .slds-input_bare,.slds-input--bare{ background-color:transparent; padding-right:0; padding-left:var(--lwc-spacingSmall,0.75rem); border:0; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-input_bare:focus,.slds-input_bare:active,.slds-input--bare:focus,.slds-input--bare:active{ box-shadow:none } .slds-input_height,.slds-input--height{ min-height:calc(var(--lwc-heightInput,1.875rem) + (1px * 2)) } .slds-input_faux{ padding-top:0; padding-right:var(--sds-c-input-spacing-horizontal-end, var(--lwc-spacingMedium,1rem)); padding-bottom:0; padding-left:var(--sds-c-input-spacing-horizontal-start, var(--lwc-spacingSmall,0.75rem)); width:100%; min-height:calc(var(--lwc-heightInput,1.875rem) + (1px * 2)); line-height:var(--lwc-heightInput,1.875rem); border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-input-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); border-radius:var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-color:var(--sds-c-input-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); color:var(--sds-c-input-text-color); box-shadow:var(--sds-c-input-shadow); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear; display:inline-flex; flex:1 1 auto; text-align:left } .slds-input_faux.slds-is-disabled{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); color:var(--lwc-colorTextInputDisabled,rgb(107, 109, 112)); cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-input_faux.slds-is-disabled:focus,.slds-input_faux.slds-is-disabled:active{ box-shadow:none } .slds-input_borders{ padding-right:var(--lwc-spacingSmall,0.75rem); border-color:var(--lwc-colorBorderInput,rgb(0, 1, 16)) } .slds-input-has-icon{ position:relative } .slds-input-has-icon .slds-input__icon{ width:var(--lwc-squareIconMediumContentAlt,0.875rem); height:var(--lwc-squareIconMediumContentAlt,0.875rem); position:absolute; top:50%; margin-top:-.4375rem; line-height:1; border:0; z-index:2 } .slds-input-has-icon .slds-input__icon:not(button){ pointer-events:none } .slds-input-has-icon_left .slds-input__icon,.slds-input-has-icon--left .slds-input__icon{ left:var(--lwc-spacingSmall,0.75rem) } .slds-input-has-icon_left .slds-input,.slds-input-has-icon_left .slds-input_faux,.slds-input-has-icon_left .slds-input_bare,.slds-input-has-icon_left .slds-input--bare,.slds-input-has-icon--left .slds-input,.slds-input-has-icon--left .slds-input_faux,.slds-input-has-icon--left .slds-input_bare,.slds-input-has-icon--left .slds-input--bare{ padding-left:var(--lwc-spacingXLarge,2rem) } .slds-input-has-icon_right .slds-input__icon,.slds-input-has-icon--right .slds-input__icon{ right:var(--lwc-spacingSmall,0.75rem) } .slds-input-has-icon_right .slds-input,.slds-input-has-icon_right .slds-input_faux,.slds-input-has-icon_right .slds-input_bare,.slds-input-has-icon_right .slds-input--bare,.slds-input-has-icon--right .slds-input,.slds-input-has-icon--right .slds-input_faux,.slds-input-has-icon--right .slds-input_bare,.slds-input-has-icon--right .slds-input--bare{ padding-right:var(--lwc-spacingXLarge,2rem) } .slds-input-has-icon_left-right .slds-input__icon_left,.slds-input-has-icon_left-right .slds-input__icon--left,.slds-input-has-icon--left-right .slds-input__icon_left,.slds-input-has-icon--left-right .slds-input__icon--left{ left:var(--lwc-spacingSmall,0.75rem) } .slds-input-has-icon_left-right .slds-input__icon_right,.slds-input-has-icon_left-right .slds-input__icon--right,.slds-input-has-icon--left-right .slds-input__icon_right,.slds-input-has-icon--left-right .slds-input__icon--right{ right:var(--lwc-spacingSmall,0.75rem) } .slds-input-has-icon_left-right .slds-input,.slds-input-has-icon_left-right .slds-input_faux,.slds-input-has-icon_left-right .slds-input_bare,.slds-input-has-icon_left-right .slds-input--bare,.slds-input-has-icon--left-right .slds-input,.slds-input-has-icon--left-right .slds-input_faux,.slds-input-has-icon--left-right .slds-input_bare,.slds-input-has-icon--left-right .slds-input--bare{ padding-left:var(--lwc-spacingXLarge,2rem); padding-right:var(--lwc-spacingXLarge,2rem) } .slds-input-has-icon_group-right .slds-input,.slds-input-has-icon_group-right .slds-input_faux,.slds-input-has-icon_group-right .slds-input_bare,.slds-input-has-icon_group-right .slds-input--bare{ padding-right:3.5rem } .slds-input__icon-group{ position:absolute; height:var(--lwc-squareIconMediumContent,1rem); margin-top:-.5rem } .slds-input__icon-group_right{ right:0; top:50% } .slds-input__icon-group_right .slds-input__icon_right,.slds-input__icon-group_right .slds-input__icon--right{ right:var(--lwc-spacingXSmall,0.5rem) } .slds-input__icon-group_right .slds-input__spinner{ right:var(--lwc-spacingLarge,1.5rem); left:auto } .slds-input-has-fixed-addon{ display:flex } .slds-has-error .slds-input{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset; background-color:var(--sds-c-input-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); color:var(--sds-c-input-text-color); background-clip:padding-box } .slds-has-error .slds-input:focus,.slds-has-error .slds-input:active{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset,var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-has-error .slds-input__icon{ fill:var(--lwc-colorTextError,rgb(234, 0, 30)); color:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-input_counter{ text-align:center; padding:0 var(--lwc-spacingXxLarge,3rem) } .slds-input_counter[type=number]{ -moz-appearance:textfield } .slds-input_counter::-webkit-inner-spin-button{ -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0 } .slds-input__button_decrement{ position:absolute; top:50%; transform:translateY(-50%); left:.75rem } .slds-input__button_increment{ position:absolute; top:50%; transform:translateY(-50%); right:.75rem } .slds-textarea{ -webkit-appearance:none; min-height:var(--sds-c-textarea-sizing-min-height); width:100%; padding-top:var(--sds-c-textarea-spacing-block-start, var(--lwc-spacingXSmall,0.5rem)); padding-right:var(--sds-c-textarea-spacing-inline-end, var(--lwc-spacingSmall,0.75rem)); padding-bottom:var(--sds-c-textarea-spacing-block-end, var(--lwc-spacingXSmall,0.5rem)); padding-left:var(--sds-c-textarea-spacing-inline-start, var(--lwc-spacingSmall,0.75rem)); background-color:var(--sds-c-textarea-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); color:var(--sds-c-textarea-text-color); border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-textarea-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); border-radius:var(--sds-c-textarea-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); box-shadow:var(--sds-c-textarea-shadow); resize:vertical; transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear } .slds-textarea:required{ box-shadow:none } .slds-textarea:focus,.slds-textarea:active{ outline:0; color:var(--sds-c-textarea-text-color-focus); background-color:var(--sds-c-textarea-color-background-focus, var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255))); border-color:var(--sds-c-textarea-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-textarea-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-textarea[disabled],.slds-textarea.slds-is-disabled{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); color:inherit; cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-textarea[disabled]:focus,.slds-textarea[disabled]:active,.slds-textarea.slds-is-disabled:focus,.slds-textarea.slds-is-disabled:active{ box-shadow:none } .slds-has-error .slds-textarea{ background-color:var(--sds-c-textarea-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); color:var(--sds-c-textarea-text-color); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset; background-clip:padding-box } .slds-has-error .slds-textarea:focus,.slds-has-error .slds-textarea:active{ color:var(--sds-c-textarea-text-color-focus); background-color:var(--sds-c-textarea-color-background-focus, var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255))); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset,var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-radio{ display:inline-block } .slds-radio .slds-radio_faux,.slds-radio .slds-radio--faux{ width:var(--lwc-squareIconMediumContent,1rem); height:var(--lwc-squareIconMediumContent,1rem); display:inline-block; position:relative; flex-shrink:0; vertical-align:middle; border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-radio-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); border-radius:var(--lwc-borderRadiusCircle,50%); background:none; background-color:var(--sds-c-radio-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); box-shadow:var(--sds-c-radio-shadow); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear } .slds-radio .slds-form-element__label{ display:inline; vertical-align:middle; font-size:var(--lwc-fontSize3,0.8125rem) } .slds-radio [type=radio]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-radio [type=radio]:checked+.slds-radio_faux,.slds-radio [type=radio]:checked+.slds-radio--faux,.slds-radio [type=radio]:checked~.slds-radio_faux,.slds-radio [type=radio]:checked~.slds-radio--faux,.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux,.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux{ border-color:var(--sds-c-radio-color-border-checked, var(--sds-c-radio-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16)))); background:none; background-color:var(--sds-c-radio-color-background-checked, var(--sds-c-radio-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))) } .slds-radio [type=radio]:checked+.slds-radio_faux:after,.slds-radio [type=radio]:checked+.slds-radio--faux:after,.slds-radio [type=radio]:checked~.slds-radio_faux:after,.slds-radio [type=radio]:checked~.slds-radio--faux:after,.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after{ width:.5rem; height:.5rem; content:''; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); border-radius:var(--lwc-borderRadiusCircle,50%); background:none; background-color:var(--sds-c-radio-mark-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-radio [type=radio]:focus+.slds-radio_faux,.slds-radio [type=radio]:focus+.slds-radio--faux,.slds-radio [type=radio]:focus~.slds-radio_faux,.slds-radio [type=radio]:focus~.slds-radio--faux,.slds-radio [type=radio]:focus+.slds-radio__label .slds-radio_faux,.slds-radio [type=radio]:focus+.slds-radio__label .slds-radio--faux{ border-color:var(--sds-c-radio-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-radio-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-radio [type=radio][disabled]{ cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-radio [type=radio][disabled]~.slds-radio_faux,.slds-radio [type=radio][disabled]~.slds-radio--faux,.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux,.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio--faux{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)) } .slds-radio [type=radio][disabled]~.slds-radio_faux:after,.slds-radio [type=radio][disabled]~.slds-radio--faux:after,.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio_faux:after,.slds-radio [type=radio][disabled]+.slds-radio__label .slds-radio--faux:after{ background:var(--lwc-colorGray8,rgb(150, 148, 146)) } .slds-has-error .slds-radio [type=radio]+.slds-radio_faux,.slds-has-error .slds-radio [type=radio]+.slds-radio--faux,.slds-has-error .slds-radio [type=radio]~.slds-radio_faux,.slds-has-error .slds-radio [type=radio]~.slds-radio--faux,.slds-has-error .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux,.slds-has-error .slds-radio [type=radio]+.slds-radio__label .slds-radio--faux{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); border-width:var(--lwc-borderWidthThick,2px) } .slds-has-error .slds-radio [type=radio]:checked+.slds-radio_faux,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio--faux,.slds-has-error .slds-radio [type=radio]:checked~.slds-radio_faux,.slds-has-error .slds-radio [type=radio]:checked~.slds-radio--faux,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux{ background:none; background-color:var(--sds-c-radio-color-background-checked, var(--sds-c-radio-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))) } .slds-has-error .slds-radio [type=radio]:checked+.slds-radio_faux:after,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio--faux:after,.slds-has-error .slds-radio [type=radio]:checked~.slds-radio_faux:after,.slds-has-error .slds-radio [type=radio]:checked~.slds-radio--faux:after,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:after,.slds-has-error .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio--faux:after{ background:var(--lwc-colorBackgroundError,#C23934) } .slds-form-element .slds-radio [type=radio]+.slds-radio_faux,.slds-form-element .slds-radio [type=radio]+.slds-radio--faux,.slds-form-element .slds-radio [type=radio]~.slds-radio_faux,.slds-form-element .slds-radio [type=radio]~.slds-radio--faux,.slds-radio [type=radio]+.slds-radio__label .slds-radio_faux,.slds-radio [type=radio]+.slds-radio__label .slds-radio--faux{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-radio_button-group,.slds-radio--button-group{ display:inline-flex; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-radio_button,.slds-radio--button{ display:flex; border:0; border-radius:0; background-clip:padding-box } .slds-radio_button .slds-radio_faux,.slds-radio_button .slds-radio--faux,.slds-radio--button .slds-radio_faux,.slds-radio--button .slds-radio--faux{ padding-left:var(--lwc-spacingMedium,1rem); padding-right:var(--lwc-spacingMedium,1rem); text-align:center; vertical-align:middle } .slds-radio_button+.slds-radio_button,.slds-radio_button+.slds-radio--button,.slds-radio--button+.slds-radio_button,.slds-radio--button+.slds-radio--button{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin:0 } .slds-radio_button:first-child>.slds-radio_faux,.slds-radio_button:first-child>.slds-radio--faux,.slds-radio_button:first-child>.slds-radio_button__label,.slds-radio_button:first-child>.slds-radio--button__label,.slds-radio--button:first-child>.slds-radio_faux,.slds-radio--button:first-child>.slds-radio--faux,.slds-radio--button:first-child>.slds-radio_button__label,.slds-radio--button:first-child>.slds-radio--button__label{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) 0 0 var(--lwc-borderRadiusMedium,0.25rem) } .slds-radio_button:last-child>.slds-radio_faux,.slds-radio_button:last-child>.slds-radio--faux,.slds-radio_button .slds-button_last>.slds-radio_faux,.slds-radio_button .slds-button--last>.slds-radio--faux,.slds-radio_button:last-child>.slds-radio_button__label,.slds-radio_button:last-child>.slds-radio--button__label,.slds-radio--button:last-child>.slds-radio_faux,.slds-radio--button:last-child>.slds-radio--faux,.slds-radio--button .slds-button_last>.slds-radio_faux,.slds-radio--button .slds-button--last>.slds-radio--faux,.slds-radio--button:last-child>.slds-radio_button__label,.slds-radio--button:last-child>.slds-radio--button__label{ border-radius:0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 } .slds-radio_button [type=radio],.slds-radio--button [type=radio]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-radio_button [type=radio]:checked+.slds-radio_faux,.slds-radio_button [type=radio]:checked+.slds-radio--faux,.slds-radio_button [type=radio]:checked~.slds-radio_faux,.slds-radio_button [type=radio]:checked~.slds-radio--faux,.slds-radio_button [type=radio]:checked+.slds-radio_button__label,.slds-radio_button [type=radio]:checked+.slds-radio--button__label,.slds-radio--button [type=radio]:checked+.slds-radio_faux,.slds-radio--button [type=radio]:checked+.slds-radio--faux,.slds-radio--button [type=radio]:checked~.slds-radio_faux,.slds-radio--button [type=radio]:checked~.slds-radio--faux,.slds-radio--button [type=radio]:checked+.slds-radio_button__label,.slds-radio--button [type=radio]:checked+.slds-radio--button__label{ background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextButtonBrand,#FFFFFF) } .slds-radio_button [type=radio]:checked+.slds-radio_faux:hover,.slds-radio_button [type=radio]:checked+.slds-radio_faux:focus,.slds-radio_button [type=radio]:checked+.slds-radio--faux:hover,.slds-radio_button [type=radio]:checked+.slds-radio--faux:focus,.slds-radio_button [type=radio]:checked~.slds-radio_faux:hover,.slds-radio_button [type=radio]:checked~.slds-radio_faux:focus,.slds-radio_button [type=radio]:checked~.slds-radio--faux:hover,.slds-radio_button [type=radio]:checked~.slds-radio--faux:focus,.slds-radio_button [type=radio]:checked+.slds-radio_button__label:hover,.slds-radio_button [type=radio]:checked+.slds-radio_button__label:focus,.slds-radio_button [type=radio]:checked+.slds-radio--button__label:hover,.slds-radio_button [type=radio]:checked+.slds-radio--button__label:focus,.slds-radio--button [type=radio]:checked+.slds-radio_faux:hover,.slds-radio--button [type=radio]:checked+.slds-radio_faux:focus,.slds-radio--button [type=radio]:checked+.slds-radio--faux:hover,.slds-radio--button [type=radio]:checked+.slds-radio--faux:focus,.slds-radio--button [type=radio]:checked~.slds-radio_faux:hover,.slds-radio--button [type=radio]:checked~.slds-radio_faux:focus,.slds-radio--button [type=radio]:checked~.slds-radio--faux:hover,.slds-radio--button [type=radio]:checked~.slds-radio--faux:focus,.slds-radio--button [type=radio]:checked+.slds-radio_button__label:hover,.slds-radio--button [type=radio]:checked+.slds-radio_button__label:focus,.slds-radio--button [type=radio]:checked+.slds-radio--button__label:hover,.slds-radio--button [type=radio]:checked+.slds-radio--button__label:focus{ background-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-radio_button [type=radio]:focus+.slds-radio_faux,.slds-radio_button [type=radio]:focus+.slds-radio--faux,.slds-radio_button [type=radio]:focus~.slds-radio_faux,.slds-radio_button [type=radio]:focus~.slds-radio--faux,.slds-radio_button [type=radio]:focus+.slds-radio_button__label,.slds-radio_button [type=radio]:focus+.slds-radio--button__label,.slds-radio--button [type=radio]:focus+.slds-radio_faux,.slds-radio--button [type=radio]:focus+.slds-radio--faux,.slds-radio--button [type=radio]:focus~.slds-radio_faux,.slds-radio--button [type=radio]:focus~.slds-radio--faux,.slds-radio--button [type=radio]:focus+.slds-radio_button__label,.slds-radio--button [type=radio]:focus+.slds-radio--button__label{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); z-index:var(--lwc-zIndexDefault,1) } .slds-radio_button [type=radio][disabled]+.slds-radio_faux,.slds-radio_button [type=radio][disabled]+.slds-radio--faux,.slds-radio_button [type=radio][disabled]~.slds-radio_faux,.slds-radio_button [type=radio][disabled]~.slds-radio--faux,.slds-radio_button [type=radio][disabled]+.slds-radio_button__label,.slds-radio_button [type=radio][disabled]+.slds-radio--button__label,.slds-radio--button [type=radio][disabled]+.slds-radio_faux,.slds-radio--button [type=radio][disabled]+.slds-radio--faux,.slds-radio--button [type=radio][disabled]~.slds-radio_faux,.slds-radio--button [type=radio][disabled]~.slds-radio--faux,.slds-radio--button [type=radio][disabled]+.slds-radio_button__label,.slds-radio--button [type=radio][disabled]+.slds-radio--button__label{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-radio_button [type=radio][disabled]+.slds-radio_faux:hover,.slds-radio_button [type=radio][disabled]+.slds-radio_faux:focus,.slds-radio_button [type=radio][disabled]+.slds-radio--faux:hover,.slds-radio_button [type=radio][disabled]+.slds-radio--faux:focus,.slds-radio_button [type=radio][disabled]~.slds-radio_faux:hover,.slds-radio_button [type=radio][disabled]~.slds-radio_faux:focus,.slds-radio_button [type=radio][disabled]~.slds-radio--faux:hover,.slds-radio_button [type=radio][disabled]~.slds-radio--faux:focus,.slds-radio_button [type=radio][disabled]+.slds-radio_button__label:hover,.slds-radio_button [type=radio][disabled]+.slds-radio_button__label:focus,.slds-radio_button [type=radio][disabled]+.slds-radio--button__label:hover,.slds-radio_button [type=radio][disabled]+.slds-radio--button__label:focus,.slds-radio--button [type=radio][disabled]+.slds-radio_faux:hover,.slds-radio--button [type=radio][disabled]+.slds-radio_faux:focus,.slds-radio--button [type=radio][disabled]+.slds-radio--faux:hover,.slds-radio--button [type=radio][disabled]+.slds-radio--faux:focus,.slds-radio--button [type=radio][disabled]~.slds-radio_faux:hover,.slds-radio--button [type=radio][disabled]~.slds-radio_faux:focus,.slds-radio--button [type=radio][disabled]~.slds-radio--faux:hover,.slds-radio--button [type=radio][disabled]~.slds-radio--faux:focus,.slds-radio--button [type=radio][disabled]+.slds-radio_button__label:hover,.slds-radio--button [type=radio][disabled]+.slds-radio_button__label:focus,.slds-radio--button [type=radio][disabled]+.slds-radio--button__label:hover,.slds-radio--button [type=radio][disabled]+.slds-radio--button__label:focus{ cursor:default } .slds-radio_button [type=radio][disabled]:checked+.slds-radio_faux,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--faux,.slds-radio_button [type=radio][disabled]:checked~.slds-radio_faux,.slds-radio_button [type=radio][disabled]:checked~.slds-radio--faux,.slds-radio_button [type=radio][disabled]:checked+.slds-radio_button__label,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--button__label,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_faux,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--faux,.slds-radio--button [type=radio][disabled]:checked~.slds-radio_faux,.slds-radio--button [type=radio][disabled]:checked~.slds-radio--faux,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_button__label,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--button__label{ background-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-radio_button [type=radio][disabled]:checked+.slds-radio_faux:hover,.slds-radio_button [type=radio][disabled]:checked+.slds-radio_faux:focus,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--faux:hover,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--faux:focus,.slds-radio_button [type=radio][disabled]:checked~.slds-radio_faux:hover,.slds-radio_button [type=radio][disabled]:checked~.slds-radio_faux:focus,.slds-radio_button [type=radio][disabled]:checked~.slds-radio--faux:hover,.slds-radio_button [type=radio][disabled]:checked~.slds-radio--faux:focus,.slds-radio_button [type=radio][disabled]:checked+.slds-radio_button__label:hover,.slds-radio_button [type=radio][disabled]:checked+.slds-radio_button__label:focus,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--button__label:hover,.slds-radio_button [type=radio][disabled]:checked+.slds-radio--button__label:focus,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_faux:hover,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_faux:focus,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--faux:hover,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--faux:focus,.slds-radio--button [type=radio][disabled]:checked~.slds-radio_faux:hover,.slds-radio--button [type=radio][disabled]:checked~.slds-radio_faux:focus,.slds-radio--button [type=radio][disabled]:checked~.slds-radio--faux:hover,.slds-radio--button [type=radio][disabled]:checked~.slds-radio--faux:focus,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_button__label:hover,.slds-radio--button [type=radio][disabled]:checked+.slds-radio_button__label:focus,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--button__label:hover,.slds-radio--button [type=radio][disabled]:checked+.slds-radio--button__label:focus{ cursor:default } .slds-radio_button__label,.slds-radio--button__label{ background-color:var(--lwc-colorBackgroundButtonDefault,rgb(255, 255, 255)) } .slds-radio_button__label:hover,.slds-radio_button__label:focus,.slds-radio--button__label:hover,.slds-radio--button__label:focus{ cursor:pointer } .slds-checkbox.slds-checkbox_stacked .slds-checkbox__label{ display:flex; flex-direction:column; align-items:flex-start } .slds-checkbox.slds-checkbox_stacked .slds-form-element__label{ font-size:var(--lwc-fontSize2,0.75rem) } .slds-checkbox.slds-checkbox_stacked .slds-checkbox_faux{ order:1; margin-bottom:1px } .slds-checkbox.slds-checkbox_stacked .slds-required{ float:left } .slds-checkbox{ display:inline-block; position:relative } .slds-checkbox .slds-checkbox_faux,.slds-checkbox .slds-checkbox--faux{ width:var(--lwc-squareIconMediumContent,1rem); height:var(--lwc-squareIconMediumContent,1rem); display:inline-block; position:relative; vertical-align:middle; border-radius:var(--sds-c-checkbox-radius-border, var(--lwc-borderRadiusSmall,0.125rem)); border-width:var(--lwc-borderWidthThin,1px); border-style:solid; border-color:var(--sds-c-checkbox-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); background-color:var(--sds-c-checkbox-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); box-shadow:var(--sds-c-checkbox-shadow); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear } .slds-checkbox .slds-checkbox__label .slds-form-element__label{ display:inline; vertical-align:middle; font-size:var(--lwc-fontSize3,0.8125rem) } .slds-checkbox [type=checkbox]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute; pointer-events:auto } .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux,.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--sds-c-checkbox-color-border-checked, var(--sds-c-checkbox-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16)))); background-color:var(--sds-c-checkbox-color-background-checked, var(--sds-c-checkbox-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))) } .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after{ display:block; content:''; height:.25rem; width:var(--lwc-squareIconXSmallContent,0.5rem); position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(-45deg); border-bottom:var(--lwc-borderWidthThick,2px) solid var(--sds-c-checkbox-mark-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))); border-left:var(--lwc-borderWidthThick,2px) solid var(--sds-c-checkbox-mark-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-checkbox [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--sds-c-checkbox-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-checkbox-shadow-focus, 0 0 3px var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-checkbox [type=checkbox]:focus:checked>.slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus:checked>.slds-checkbox--faux,.slds-checkbox [type=checkbox]:focus:checked~.slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus:checked~.slds-checkbox--faux,.slds-checkbox [type=checkbox]:focus:checked+.slds-checkbox__label .slds-checkbox_faux,.slds-checkbox [type=checkbox]:focus:checked+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--sds-c-checkbox-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))) } .slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox_faux,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox--faux,.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox_faux,.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox--faux,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox_faux,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--sds-c-checkbox-color-border-checked, var(--sds-c-checkbox-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16)))); background-color:var(--sds-c-checkbox-color-background-checked, var(--sds-c-checkbox-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)))) } .slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox--faux:after,.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:indeterminate~.slds-checkbox--faux:after,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox_faux:after,.slds-checkbox [type=checkbox]:indeterminate+.slds-checkbox__label .slds-checkbox--faux:after{ content:''; display:block; position:absolute; top:50%; left:50%; width:var(--lwc-squareIconXSmallContent,0.5rem); height:2px; border:0; transform:translate3d(-50%, -50%, 0); background:var(--sds-c-checkbox-mark-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-checkbox [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)) } .slds-checkbox [type=checkbox][disabled]+.slds-checkbox_faux:after,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox--faux:after,.slds-checkbox [type=checkbox][disabled]~.slds-checkbox_faux:after,.slds-checkbox [type=checkbox][disabled]~.slds-checkbox--faux:after,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox_faux:after,.slds-checkbox [type=checkbox][disabled]+.slds-checkbox__label .slds-checkbox--faux:after{ border-color:var(--lwc-colorGray8,rgb(150, 148, 146)) } .slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox--faux,.slds-has-error .slds-checkbox [type=checkbox]~.slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]~.slds-checkbox--faux,.slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); border-width:var(--lwc-borderWidthThick,2px) } .slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux,.slds-has-error .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)) } .slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-has-error .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-has-error .slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after,.slds-has-error .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after{ border-color:var(--lwc-colorBackgroundError,#C23934) } .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox_faux,.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox--faux,.slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox_faux,.slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox--faux,.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux,.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-checkbox_standalone{ pointer-events:none } .slds-checkbox_standalone [type=checkbox]{ width:1rem; height:1rem; margin:0; clip:auto; opacity:0 } .slds-checkbox_standalone .slds-checkbox_faux{ display:block } .slds-checkbox_toggle,.slds-checkbox--toggle{ width:100% } .slds-checkbox_toggle .slds-checkbox_faux,.slds-checkbox_toggle .slds-checkbox--faux,.slds-checkbox--toggle .slds-checkbox_faux,.slds-checkbox--toggle .slds-checkbox--faux{ display:block; position:relative; width:var(--lwc-widthToggle,3rem); height:var(--lwc-heightToggle,1.5rem); border-width:var(--lwc-borderWidthThin,1px); border-style:solid; border-color:var(--sds-c-checkbox-toggle-color-border, var(--lwc-colorBackgroundToggle,rgb(171, 173, 176))); padding:var(--lwc-spacingXxxSmall,0.125rem); background-color:var(--sds-c-checkbox-toggle-color-background, var(--lwc-colorBackgroundToggle,rgb(171, 173, 176))); border-radius:var(--sds-c-checkbox-toggle-radius-border, var(--lwc-borderRadiusPill,15rem)); box-shadow:var(--sds-c-checkbox-toggle-shadow); transition:background-color .2s cubic-bezier(0.75, 0, 0.08, 1) } .slds-checkbox_toggle .slds-checkbox_faux:hover,.slds-checkbox_toggle .slds-checkbox_faux:focus,.slds-checkbox_toggle .slds-checkbox--faux:hover,.slds-checkbox_toggle .slds-checkbox--faux:focus,.slds-checkbox--toggle .slds-checkbox_faux:hover,.slds-checkbox--toggle .slds-checkbox_faux:focus,.slds-checkbox--toggle .slds-checkbox--faux:hover,.slds-checkbox--toggle .slds-checkbox--faux:focus{ cursor:pointer; background-color:var(--sds-c-checkbox-toggle-color-background-hover, var(--lwc-colorBackgroundToggleHover,rgb(145, 146, 151))) } .slds-checkbox_toggle .slds-checkbox_faux:after,.slds-checkbox_toggle .slds-checkbox--faux:after,.slds-checkbox--toggle .slds-checkbox_faux:after,.slds-checkbox--toggle .slds-checkbox--faux:after{ content:''; position:absolute; top:1px; left:1px; width:var(--lwc-squareToggleSlider,1.25rem); height:var(--lwc-squareToggleSlider,1.25rem); background-color:var(--sds-c-checkbox-toggle-switch-color-background, var(--lwc-colorBackgroundAlt,rgb(255, 255, 255))); border-radius:var(--sds-c-checkbox-toggle-radius-border, var(--lwc-borderRadiusPill,15rem)) } .slds-checkbox_toggle [type=checkbox],.slds-checkbox--toggle [type=checkbox]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox--faux_container,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox_faux_container,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox--faux_container{ font-size:var(--lwc-fontSize1,0.625rem); color:var(--lwc-colorTextLabel,rgb(0, 1, 16)) } .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_off,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox--off,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox_off,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox--off,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_off,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox--off,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox_off,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox--off{ display:block } .slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_on,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox--on,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox_on,.slds-checkbox_toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox--on,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox_on,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox_faux_container .slds-checkbox--on,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox_on,.slds-checkbox--toggle [type=checkbox]+.slds-checkbox--faux_container .slds-checkbox--on{ display:none } .slds-checkbox_toggle [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:focus+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:focus+.slds-checkbox--faux_container .slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:focus+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:focus+.slds-checkbox--faux_container .slds-checkbox--faux{ background-color:var(--sds-c-checkbox-toggle-color-background-focus, var(--lwc-colorBackgroundToggleHover,rgb(145, 146, 151))); border-color:var(--sds-c-checkbox-toggle-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-checkbox-toggle-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_off,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--off,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_off,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--off{ display:none } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_on,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--on,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_on,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--on{ display:block } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux{ border-color:var(--sds-c-checkbox-toggle-color-border-checked, var(--lwc-brandAccessible,rgb(225, 50, 0))); background-color:var(--sds-c-checkbox-toggle-color-background-checked, var(--lwc-brandAccessible,rgb(225, 50, 0))) } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux:focus,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux:focus,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:focus{ background-color:var(--sds-c-checkbox-toggle-color-background-checked-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux:before,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux:before,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before{ content:''; position:absolute; top:1px; right:1px; width:var(--lwc-squareToggleSlider,1.25rem); height:var(--lwc-squareToggleSlider,1.25rem); background-color:var(--sds-c-checkbox-toggle-switch-color-background-checked, var(--sds-c-checkbox-toggle-switch-color-background, var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)))); border-radius:var(--sds-c-checkbox-toggle-radius-border, var(--lwc-borderRadiusPill,15rem)); transition:transform .2s cubic-bezier(0.75, 0, 0.08, 1) } .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after{ content:' '; position:absolute; top:.25rem; left:.6rem; height:.7rem; width:.45rem; border-bottom-width:var(--lwc-borderWidthThick,2px); border-bottom-style:solid; border-bottom-color:var(--sds-c-checkbox-toggle-mark-color-foreground, var(--lwc-colorBorderToggleChecked,rgb(255, 255, 255))); border-right-width:var(--lwc-borderWidthThick,2px); border-right-style:solid; border-right-color:var(--sds-c-checkbox-toggle-mark-color-foreground, var(--lwc-colorBorderToggleChecked,rgb(255, 255, 255))); border-radius:0; background-color:transparent; transform:rotate(45deg) } .slds-checkbox_toggle [type=checkbox]:checked:focus+.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked:focus+.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:checked:focus~.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked:focus~.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox]:checked:focus+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox]:checked:focus+.slds-checkbox--faux_container .slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked:focus+.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked:focus+.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked:focus~.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked:focus~.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox]:checked:focus+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox]:checked:focus+.slds-checkbox--faux_container .slds-checkbox--faux{ background-color:var(--sds-c-checkbox-toggle-color-background-checked-focus, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux{ background-color:var(--lwc-colorBackgroundToggleDisabled,rgb(171, 173, 176)); border-color:var(--lwc-colorBackgroundToggle,rgb(171, 173, 176)); pointer-events:none } .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux:after,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux:after,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:after{ background-color:var(--lwc-colorBackgroundInputCheckboxDisabled,rgb(217, 219, 221)) } .slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux:focus,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]~.slds-checkbox--faux:focus,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:focus,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:hover,.slds-checkbox_toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]~.slds-checkbox--faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox_faux_container .slds-checkbox_faux:focus,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:hover,.slds-checkbox--toggle [type=checkbox][disabled]+.slds-checkbox--faux_container .slds-checkbox--faux:focus{ background-color:var(--lwc-colorBackgroundToggleDisabled,rgb(171, 173, 176)); cursor:default } .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,.slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before,.slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before,.slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:before{ background-color:var(--lwc-colorBackgroundInputCheckboxDisabled,rgb(217, 219, 221)) } .slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox_toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after,.slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after,.slds-checkbox--toggle [type=checkbox][disabled]:checked+.slds-checkbox--faux_container .slds-checkbox--faux:after{ background-color:transparent } .slds-checkbox_add-button .slds-checkbox_faux,.slds-checkbox_add-button .slds-checkbox--faux,.slds-checkbox--add-button .slds-checkbox_faux,.slds-checkbox--add-button .slds-checkbox--faux{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); position:relative; display:inline-block; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-color:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); cursor:pointer } .slds-checkbox_add-button .slds-checkbox_faux:before,.slds-checkbox_add-button .slds-checkbox_faux:after,.slds-checkbox_add-button .slds-checkbox--faux:before,.slds-checkbox_add-button .slds-checkbox--faux:after,.slds-checkbox--add-button .slds-checkbox_faux:before,.slds-checkbox--add-button .slds-checkbox_faux:after,.slds-checkbox--add-button .slds-checkbox--faux:before,.slds-checkbox--add-button .slds-checkbox--faux:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; height:.875rem; width:.125rem; margin:auto; background:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-checkbox_add-button .slds-checkbox_faux:after,.slds-checkbox_add-button .slds-checkbox--faux:after,.slds-checkbox--add-button .slds-checkbox_faux:after,.slds-checkbox--add-button .slds-checkbox--faux:after{ width:.875rem; height:.125rem } .slds-checkbox_add-button .slds-checkbox_faux:hover:not([disabled]),.slds-checkbox_add-button .slds-checkbox_faux:focus:not([disabled]),.slds-checkbox_add-button .slds-checkbox--faux:hover:not([disabled]),.slds-checkbox_add-button .slds-checkbox--faux:focus:not([disabled]),.slds-checkbox--add-button .slds-checkbox_faux:hover:not([disabled]),.slds-checkbox--add-button .slds-checkbox_faux:focus:not([disabled]),.slds-checkbox--add-button .slds-checkbox--faux:hover:not([disabled]),.slds-checkbox--add-button .slds-checkbox--faux:focus:not([disabled]){ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); background-color:var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05)) } .slds-checkbox_add-button .slds-checkbox_faux:active,.slds-checkbox_add-button .slds-checkbox--faux:active,.slds-checkbox--add-button .slds-checkbox_faux:active,.slds-checkbox--add-button .slds-checkbox--faux:active{ background-color:var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242)) } .slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox--faux{ border-color:transparent; background:var(--lwc-colorBrandDarker,#ae2700) } .slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox--faux:before,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox--faux:after{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox--faux:before{ left:.3125rem; width:.125rem; height:1rem; transform:rotate(40deg) } .slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox]:checked+.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox]:checked~.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox]:checked+.slds-checkbox--faux:after{ top:.3125rem; left:-.625rem; width:.5625rem; height:.125rem; transform:rotate(40deg) } .slds-checkbox_add-button [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox_add-button [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox]:focus+.slds-checkbox--faux{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)) } .slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox--faux{ background-color:var(--lwc-colorBackgroundButtonBrandDisabled,rgb(243, 242, 242)); border-color:var(--lwc-colorBorderButtonBrandDisabled,rgba(0, 0, 0, 0)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)); cursor:default } .slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox--faux:before,.slds-checkbox_add-button [type=checkbox][disabled]~.slds-checkbox--faux:after,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux:before,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox_faux:after,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox--faux:before,.slds-checkbox_add-button [type=checkbox][disabled]+.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox][disabled]~.slds-checkbox--faux:after,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox_faux:before,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox_faux:after,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox--faux:before,.slds-checkbox--add-button [type=checkbox][disabled]+.slds-checkbox--faux:after{ background:var(--lwc-colorGray8,rgb(150, 148, 146)) } .slds-checkbox_add-button [type=checkbox][disabled]:checked~.slds-checkbox_faux,.slds-checkbox_add-button [type=checkbox][disabled]:checked+.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox][disabled]:checked~.slds-checkbox_faux,.slds-checkbox--add-button [type=checkbox][disabled]:checked+.slds-checkbox_faux{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-checkbox-button{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); display:inline-flex; align-items:center; justify-content:center; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)); border-radius:var(--lwc-buttonBorderRadius,.25rem); color:var(--lwc-colorBrandDarker,#ae2700); cursor:pointer } .slds-checkbox-button_is-checked{ background-color:var(--lwc-colorBrandDarker,#ae2700); border-color:transparent; color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-checkbox-button_is-disabled{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); border-color:var(--lwc-buttonColorBorderPrimary,rgb(0, 1, 16)); color:var(--lwc-colorTextIconDefaultDisabled,rgb(217, 219, 221)); cursor:default } .slds-checkbox-button_is-disabled.slds-checkbox-button_is-checked{ background-color:var(--lwc-colorBackgroundButtonBrandDisabled,rgb(243, 242, 242)); border-color:var(--lwc-colorBorderButtonBrandDisabled,rgba(0, 0, 0, 0)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-checkbox-button_is-focused{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)) } .slds-checkbox_button-group,.slds-checkbox--button-group{ display:inline-flex; background-color:var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-checkbox_button,.slds-checkbox--button{ display:flex; border:0; border-radius:0; background-clip:padding-box } .slds-checkbox_button .slds-checkbox_faux,.slds-checkbox_button .slds-checkbox--faux,.slds-checkbox--button .slds-checkbox_faux,.slds-checkbox--button .slds-checkbox--faux{ padding-left:var(--lwc-spacingMedium,1rem); padding-right:var(--lwc-spacingMedium,1rem); text-align:center; vertical-align:middle; position:relative; background-color:var(--lwc-colorBackgroundButtonDefault,rgb(255, 255, 255)); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear } .slds-checkbox_button .slds-checkbox_faux:hover,.slds-checkbox_button .slds-checkbox_faux:focus,.slds-checkbox_button .slds-checkbox--faux:hover,.slds-checkbox_button .slds-checkbox--faux:focus,.slds-checkbox--button .slds-checkbox_faux:hover,.slds-checkbox--button .slds-checkbox_faux:focus,.slds-checkbox--button .slds-checkbox--faux:hover,.slds-checkbox--button .slds-checkbox--faux:focus{ cursor:pointer; background-color:var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05)) } .slds-checkbox_button .slds-checkbox_button__label .slds-checkbox_faux,.slds-checkbox_button .slds-checkbox--button__label .slds-checkbox--faux,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--button__label .slds-checkbox--faux,.slds-checkbox--button .slds-checkbox_button__label .slds-checkbox_faux,.slds-checkbox--button .slds-checkbox--button__label .slds-checkbox--faux,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--button__label .slds-checkbox--faux{ background-color:transparent } .slds-checkbox_button+.slds-checkbox_button,.slds-checkbox_button+.slds-checkbox--button,.slds-checkbox--button+.slds-checkbox_button,.slds-checkbox--button+.slds-checkbox--button{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:0; margin:0 } .slds-checkbox_button:first-child>.slds-checkbox_faux,.slds-checkbox_button:first-child>.slds-checkbox--faux,.slds-checkbox_button:first-child>.slds-checkbox_button__label,.slds-checkbox_button:first-child>.slds-checkbox--button__label,.slds-checkbox--button:first-child>.slds-checkbox_faux,.slds-checkbox--button:first-child>.slds-checkbox--faux,.slds-checkbox--button:first-child>.slds-checkbox_button__label,.slds-checkbox--button:first-child>.slds-checkbox--button__label{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) 0 0 var(--lwc-borderRadiusMedium,0.25rem) } .slds-checkbox_button:last-child>.slds-checkbox_faux,.slds-checkbox_button:last-child>.slds-checkbox--faux,.slds-checkbox_button .slds-button_last>.slds-checkbox_faux,.slds-checkbox_button .slds-button--last>.slds-checkbox--faux,.slds-checkbox_button:last-child>.slds-checkbox_button__label,.slds-checkbox_button:last-child>.slds-checkbox--button__label,.slds-checkbox--button:last-child>.slds-checkbox_faux,.slds-checkbox--button:last-child>.slds-checkbox--faux,.slds-checkbox--button .slds-button_last>.slds-checkbox_faux,.slds-checkbox--button .slds-button--last>.slds-checkbox--faux,.slds-checkbox--button:last-child>.slds-checkbox_button__label,.slds-checkbox--button:last-child>.slds-checkbox--button__label{ border-radius:0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 } .slds-checkbox_button [type=checkbox],.slds-checkbox--button [type=checkbox]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_button__label,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--button__label,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_faux,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--faux,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox_faux,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox--faux,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_button__label,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--button__label{ background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextButtonBrand,#FFFFFF) } .slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_faux:hover,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_faux:focus,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--faux:hover,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--faux:focus,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox_faux:hover,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox_faux:focus,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox--faux:hover,.slds-checkbox_button [type=checkbox]:checked~.slds-checkbox--faux:focus,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_button__label:hover,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_button__label:focus,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--button__label:hover,.slds-checkbox_button [type=checkbox]:checked+.slds-checkbox--button__label:focus,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_faux:hover,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_faux:focus,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--faux:hover,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--faux:focus,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox_faux:hover,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox_faux:focus,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox--faux:hover,.slds-checkbox--button [type=checkbox]:checked~.slds-checkbox--faux:focus,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_button__label:hover,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox_button__label:focus,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--button__label:hover,.slds-checkbox--button [type=checkbox]:checked+.slds-checkbox--button__label:focus{ background-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-checkbox_button [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox_button [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox_button [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox_button [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox_button [type=checkbox]:focus+.slds-checkbox_button__label,.slds-checkbox_button [type=checkbox]:focus+.slds-checkbox--button__label,.slds-checkbox--button [type=checkbox]:focus+.slds-checkbox_faux,.slds-checkbox--button [type=checkbox]:focus+.slds-checkbox--faux,.slds-checkbox--button [type=checkbox]:focus~.slds-checkbox_faux,.slds-checkbox--button [type=checkbox]:focus~.slds-checkbox--faux,.slds-checkbox--button [type=checkbox]:focus+.slds-checkbox_button__label,.slds-checkbox--button [type=checkbox]:focus+.slds-checkbox--button__label{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); z-index:var(--lwc-zIndexDefault,1) } .slds-checkbox_button [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox_button [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox_button [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox_button [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox_button [type=checkbox][disabled]+.slds-checkbox_button__label,.slds-checkbox_button [type=checkbox][disabled]+.slds-checkbox--button__label,.slds-checkbox--button [type=checkbox][disabled]+.slds-checkbox_faux,.slds-checkbox--button [type=checkbox][disabled]+.slds-checkbox--faux,.slds-checkbox--button [type=checkbox][disabled]~.slds-checkbox_faux,.slds-checkbox--button [type=checkbox][disabled]~.slds-checkbox--faux,.slds-checkbox--button [type=checkbox][disabled]+.slds-checkbox_button__label,.slds-checkbox--button [type=checkbox][disabled]+.slds-checkbox--button__label{ background-color:var(--lwc-colorBackgroundButtonDefaultDisabled,rgb(255, 255, 255)); color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)); cursor:default } .slds-checkbox_button [type=checkbox][disabled]:checked+.slds-checkbox_faux,.slds-checkbox_button [type=checkbox][disabled]:checked+.slds-checkbox--faux,.slds-checkbox_button [type=checkbox][disabled]:checked~.slds-checkbox_faux,.slds-checkbox_button [type=checkbox][disabled]:checked~.slds-checkbox--faux,.slds-checkbox_button [type=checkbox][disabled]:checked+.slds-checkbox_button__label,.slds-checkbox_button [type=checkbox][disabled]:checked+.slds-checkbox--button__label,.slds-checkbox--button [type=checkbox][disabled]:checked+.slds-checkbox_faux,.slds-checkbox--button [type=checkbox][disabled]:checked+.slds-checkbox--faux,.slds-checkbox--button [type=checkbox][disabled]:checked~.slds-checkbox_faux,.slds-checkbox--button [type=checkbox][disabled]:checked~.slds-checkbox--faux,.slds-checkbox--button [type=checkbox][disabled]:checked+.slds-checkbox_button__label,.slds-checkbox--button [type=checkbox][disabled]:checked+.slds-checkbox--button__label{ background-color:var(--lwc-brandDisabled,rgb(201, 199, 197)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)); cursor:default } .slds-select{ height:calc(var(--lwc-heightInput,1.875rem) + (1px * 2)); width:100%; border:var(--lwc-borderWidthThin,1px) solid var(--sds-c-select-color-border, var(--lwc-colorBorderInput,rgb(0, 1, 16))); border-radius:var(--sds-c-select-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-color:var(--sds-c-select-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))); color:var(--sds-c-select-text-color); box-shadow:var(--sds-c-select-shadow); transition:border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear } .slds-select:required{ box-shadow:none } .slds-select:focus,.slds-select:active{ outline:0; border-color:var(--sds-c-select-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); background-color:var(--sds-c-select-color-background-focus, var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255))); color:var(--sds-c-select-text-color-focus); box-shadow:var(--sds-c-select-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-select[disabled],.slds-select.slds-is-disabled{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); color:var(--lwc-colorTextInputDisabled,rgb(107, 109, 112)); cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; opacity:1 } .slds-select[disabled]:focus,.slds-select[disabled]:active,.slds-select.slds-is-disabled:focus,.slds-select.slds-is-disabled:active{ box-shadow:none } .slds-select[size],.slds-select[multiple]{ min-height:calc(var(--lwc-heightInput,1.875rem) + (1px * 2)); height:inherit } .slds-select[size] option,.slds-select[multiple] option{ padding:var(--lwc-spacingXSmall,0.5rem) } .slds-select_container{ position:relative; color:var(--sds-c-select-text-color) } .slds-select_container .slds-select{ -moz-appearance:none; -webkit-appearance:none; padding-left:var(--lwc-spacingXSmall,0.5rem); padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-select_container .slds-select::-ms-expand{ display:none } .slds-select_container:before,.slds-select_container:after{ position:absolute; content:''; display:block; right:var(--lwc-spacingXSmall,0.5rem); width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; pointer-events:none } .slds-select_container:before{ border-bottom:5px solid currentColor; top:calc((1.75rem / 2) - 6px) } .slds-select_container:after{ border-top:5px solid currentColor; bottom:calc((1.75rem / 2) - 6px) } .slds-has-error .slds-select{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset; background-clip:padding-box } .slds-has-error .slds-select:focus,.slds-has-error .slds-select:active{ box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 var(--lwc-borderWidthThin,1px) inset,var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-form_inline .slds-form-element,.slds-form_inline .slds-form-element__label,.slds-form_inline .slds-form-element__control,.slds-form--inline .slds-form-element,.slds-form--inline .slds-form-element__label,.slds-form--inline .slds-form-element__control{ display:block } .slds-form_inline .slds-form-element+.slds-form-element,.slds-form--inline .slds-form-element+.slds-form-element{ margin-top:var(--lwc-spacingSmall,0.75rem) } @media (min-width:30em){ .slds-form_inline .slds-form-element,.slds-form--inline .slds-form-element{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-form_inline .slds-form-element+.slds-form-element,.slds-form--inline .slds-form-element+.slds-form-element{ margin-top:0 } .slds-form_inline .slds-form-element,.slds-form_inline .slds-form-element__label,.slds-form_inline .slds-form-element__control,.slds-form--inline .slds-form-element,.slds-form--inline .slds-form-element__label,.slds-form--inline .slds-form-element__control{ display:inline-block; vertical-align:middle; margin-bottom:0 } } .slds-form-element__legend_has-tooltip{ float:left } .slds-form_compound .slds-form-element__control,.slds-form--compound .slds-form-element__control{ position:relative } .slds-form_compound .slds-form-element__control+.slds-form-element__control,.slds-form--compound .slds-form-element__control+.slds-form-element__control{ padding-left:var(--lwc-spacingXSmall,0.5rem) } .slds-form_compound,.slds-form--compound{ width:100% } .slds-form_compound .slds-form-element__row,.slds-form--compound .slds-form-element__row{ display:flex; margin-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-form_compound .slds-form-element__row+.slds-form-element__row,.slds-form--compound .slds-form-element__row+.slds-form-element__row{ clear:both } .slds-form_compound .slds-form-element__row .slds-form-element,.slds-form--compound .slds-form-element__row .slds-form-element{ margin-bottom:0 } .slds-form_compound .slds-form-element__row .slds-form-element+.slds-form-element,.slds-form--compound .slds-form-element__row .slds-form-element+.slds-form-element{ padding-left:var(--lwc-spacingXSmall,0.5rem); margin-top:0 } .slds-form_compound .slds-form-element__row .slds-form-element__label,.slds-form--compound .slds-form-element__row .slds-form-element__label{ padding-top:0 } .slds-form-element_address .slds-form-element__row{ align-items:flex-end } .slds-form-element_stacked,.slds-form_stacked .slds-form-element,.slds-form_horizontal .slds-form-element_stacked{ display:block } .slds-form-element_stacked:not(.slds-form-element_readonly),.slds-form_stacked .slds-form-element:not(.slds-form-element_readonly),.slds-form_horizontal .slds-form-element_stacked:not(.slds-form-element_readonly){ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-form-element_stacked:not(.slds-is-editing),.slds-form_stacked .slds-form-element:not(.slds-is-editing),.slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing){ padding:0 var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element_stacked .slds-form-element,.slds-form_stacked .slds-form-element .slds-form-element,.slds-form_horizontal .slds-form-element_stacked .slds-form-element{ padding:0; margin-bottom:0 } .slds-form-element_stacked:not([class*="slds-size"]),.slds-form_stacked .slds-form-element:not([class*="slds-size"]),.slds-form_horizontal .slds-form-element_stacked:not([class*="slds-size"]){ width:100%; flex-basis:100% } .slds-form-element_stacked .slds-checkbox,.slds-form-element_stacked .slds-radio,.slds-form_stacked .slds-form-element .slds-checkbox,.slds-form_stacked .slds-form-element .slds-radio,.slds-form_horizontal .slds-form-element_stacked .slds-checkbox,.slds-form_horizontal .slds-form-element_stacked .slds-radio{ display:block } .slds-form-element_stacked .slds-form-element__label,.slds-form-element_stacked .slds-form-element__control,.slds-form_stacked .slds-form-element .slds-form-element__label,.slds-form_stacked .slds-form-element .slds-form-element__control,.slds-form_horizontal .slds-form-element_stacked .slds-form-element__label,.slds-form_horizontal .slds-form-element_stacked .slds-form-element__control{ border-bottom:0; padding-left:0 } .slds-form-element_stacked .slds-form-element__control,.slds-form_stacked .slds-form-element .slds-form-element__control,.slds-form_horizontal .slds-form-element_stacked .slds-form-element__control{ width:100%; flex-basis:100%; clear:left } .slds-form-element_stacked .slds-form-element__icon,.slds-form_stacked .slds-form-element .slds-form-element__icon,.slds-form_horizontal .slds-form-element_stacked .slds-form-element__icon{ float:none; padding-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element_horizontal,.slds-form_horizontal .slds-form-element,.slds-form_stacked .slds-form-element_horizontal{ display:block } .slds-form-element_horizontal:not(.slds-form-element_readonly),.slds-form_horizontal .slds-form-element:not(.slds-form-element_readonly),.slds-form_stacked .slds-form-element_horizontal:not(.slds-form-element_readonly){ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-form-element_horizontal:not([class*="slds-size"]),.slds-form_horizontal .slds-form-element:not([class*="slds-size"]),.slds-form_stacked .slds-form-element_horizontal:not([class*="slds-size"]){ width:100%; flex-basis:100% } .slds-form-element_horizontal:not(.slds-is-editing),.slds-form_horizontal .slds-form-element:not(.slds-is-editing),.slds-form_stacked .slds-form-element_horizontal:not(.slds-is-editing){ padding:var(--lwc-varSpacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element_horizontal .slds-form-element,.slds-form_horizontal .slds-form-element .slds-form-element,.slds-form_stacked .slds-form-element_horizontal .slds-form-element{ padding:0; margin-bottom:0 } .slds-form-element_horizontal.slds-is-edited,.slds-form_horizontal .slds-form-element.slds-is-edited,.slds-form_stacked .slds-form-element_horizontal.slds-is-edited{ padding-top:var(--lwc-squareIconUtilityMedium,1.25rem) } @media (min-width:48em){ .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label,.slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__label{ max-width:calc((50% - 33.333%) - var(--lwc-squareIconUtilityMedium,1.25rem)) } .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control,.slds-form_horizontal .slds-form-element.slds-form-element_1-col .slds-form-element__control,.slds-form_stacked .slds-form-element_horizontal.slds-form-element_1-col .slds-form-element__control{ padding-left:calc((50% - 33.333%) - (0.25rem * 2)) } } @media (min-width:48em){ .slds-form-element_horizontal .slds-form-element__label,.slds-form_horizontal .slds-form-element .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__label{ float:left; max-width:calc(33% - var(--lwc-squareIconUtilityMedium,1.25rem)); flex-basis:calc(33% - var(--lwc-squareIconUtilityMedium,1.25rem)); margin-bottom:0; position:relative; z-index:1 } .slds-form-element_horizontal .slds-form-element__control,.slds-form_horizontal .slds-form-element .slds-form-element__control,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__control{ padding-left:33%; clear:none } .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control,.slds-form_horizontal .slds-form-element .slds-form-element__control .slds-form-element__control,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__control .slds-form-element__control{ padding-left:0 } .slds-form-element_horizontal .slds-form-element__icon,.slds-form_horizontal .slds-form-element .slds-form-element__icon,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__icon{ float:left; padding-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element_horizontal .slds-checkbox_standalone,.slds-form_horizontal .slds-form-element .slds-checkbox_standalone,.slds-form_stacked .slds-form-element_horizontal .slds-checkbox_standalone{ padding:var(--lwc-spacingXxSmall,0.25rem) 0 } .slds-form-element_horizontal .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label,.slds-form-element_horizontal .slds-radio .slds-form-element__label,.slds-form_horizontal .slds-form-element .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label,.slds-form_horizontal .slds-form-element .slds-radio .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal .slds-checkbox:not(.slds-checkbox_stacked) .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal .slds-radio .slds-form-element__label{ position:relative; float:none; max-width:100%; width:auto } .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label,.slds-form-element_horizontal .slds-form-element__row .slds-form-element__control,.slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label,.slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__label,.slds-form_horizontal .slds-form-element .slds-form-element__row .slds-form-element__control,.slds-form_horizontal .slds-form-element .slds-dueling-list__column .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__label,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__row .slds-form-element__control,.slds-form_stacked .slds-form-element_horizontal .slds-dueling-list__column .slds-form-element__label{ width:auto; max-width:100%; flex-basis:auto; float:none; position:relative; padding-left:0; margin-bottom:0 } .slds-form-element_horizontal .slds-dueling-list,.slds-form_horizontal .slds-form-element .slds-dueling-list,.slds-form_stacked .slds-form-element_horizontal .slds-dueling-list{ clear:none } .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon,.slds-form_horizontal .slds-form-element .slds-input-has-icon_left .slds-input__icon,.slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left .slds-input__icon{ left:calc(33% + var(--lwc-spacingSmall,0.75rem)) } .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left,.slds-form_horizontal .slds-form-element .slds-input-has-icon_left-right .slds-input__icon_left,.slds-form_stacked .slds-form-element_horizontal .slds-input-has-icon_left-right .slds-input__icon_left{ left:calc(33% + var(--lwc-spacingSmall,0.75rem)) } } .slds-form-element_horizontal .slds-form-element__help,.slds-form_horizontal .slds-form-element .slds-form-element__help,.slds-form_stacked .slds-form-element_horizontal .slds-form-element__help{ margin-left:33% } .slds-form-element_compound .slds-form-element__row{ display:flex; margin-bottom:var(--lwc-spacingXxSmall,0.25rem); margin-left:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); margin-right:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)) } .slds-form-element_compound .slds-form-element__row .slds-form-element__label{ padding-top:0 } .slds-form-element_compound .slds-form-element{ padding-left:var(--lwc-spacingXxSmall,0.25rem); padding-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element_address .slds-form-element__row{ align-items:flex-end } .slds-form__row{ display:flex; flex-wrap:wrap; margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-form__item{ display:flex; flex:1 1 0%; min-width:280px; padding-left:var(--lwc-spacingSmall,0.75rem); padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-is-edited{ background:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)) } .slds-is-edited .slds-form-element__undo{ top:calc(-1 * var(--lwc-squareIconUtilityMedium,1.25rem)); right:var(--lwc-spacingXxSmall,0.25rem) } .slds-form-element__undo{ position:absolute; top:0; right:0 } .slds-docked-form-footer{ display:flex; justify-content:center; padding:var(--lwc-spacingXSmall,0.5rem) 0; position:fixed; bottom:0; left:0; width:100%; background:var(--lwc-colorBackground,#FFFFFF); box-shadow:var(--lwc-shadowDocked,0 -2px 2px 0 rgba(0, 0, 0, 0.16)); z-index:var(--lwc-zIndexOverlay,8000) } .slds-slider{ display:flex; position:relative } .slds-slider__range{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; background:none; background-color:transparent; border-radius:var(--lwc-borderRadiusSmall,0.125rem) } .slds-slider__range:focus{ outline:0 } .slds-slider__range::-webkit-slider-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:var(--lwc-sliderHandleSize,1rem); height:var(--lwc-sliderHandleSize,1rem); border-radius:var(--sds-c-slider-thumb-radius-border, var(--lwc-borderRadiusCircle,50%)); background:none; background-color:var(--sds-c-slider-thumb-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))); border:0; box-shadow:var(--sds-c-slider-thumb-shadow, var(--lwc-sliderHandleShadow,rgba(0, 0, 0, 0.16) 0 2px 3px)); cursor:pointer; transition:background .15s ease-in-out; margin-top:calc(((1rem / 2) - (4px / 2)) * -1) } .slds-slider__range::-webkit-slider-thumb:hover{ background-color:var(--sds-c-slider-thumb-color-foreground-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-slider__range::-webkit-slider-runnable-track{ width:100%; height:var(--lwc-sliderTrackHeight,4px); cursor:pointer; background:none; background-color:var(--sds-c-slider-track-color-background, var(--lwc-sliderTrackColorBackground,rgb(236, 235, 234))); border-radius:var(--sds-c-slider-track-radius-border, var(--lwc-borderRadiusSmall,0.125rem)) } .slds-slider__range::-moz-range-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:var(--lwc-sliderHandleSize,1rem); height:var(--lwc-sliderHandleSize,1rem); border-radius:var(--sds-c-slider-thumb-radius-border, var(--lwc-borderRadiusCircle,50%)); background:none; background-color:var(--sds-c-slider-thumb-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))); border:0; box-shadow:var(--sds-c-slider-thumb-shadow, var(--lwc-sliderHandleShadow,rgba(0, 0, 0, 0.16) 0 2px 3px)); cursor:pointer; transition:background .15s ease-in-out } .slds-slider__range::-moz-range-thumb:hover{ background-color:var(--sds-c-slider-thumb-color-foreground-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-slider__range::-moz-range-track{ width:100%; height:var(--lwc-sliderTrackHeight,4px); cursor:pointer; background:none; background-color:var(--sds-c-slider-track-color-background, var(--lwc-sliderTrackColorBackground,rgb(236, 235, 234))); border-radius:var(--sds-c-slider-track-radius-border, var(--lwc-borderRadiusSmall,0.125rem)) } .slds-slider__range::-ms-track{ width:100%; height:var(--lwc-sliderTrackHeight,4px); cursor:pointer; background:none; background-color:var(--sds-c-slider-track-color-background, var(--lwc-sliderTrackColorBackground,rgb(236, 235, 234))); border-radius:var(--sds-c-slider-track-radius-border, var(--lwc-borderRadiusSmall,0.125rem)); border-color:transparent; color:transparent; cursor:pointer } .slds-slider__range::-ms-thumb{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:var(--lwc-sliderHandleSize,1rem); height:var(--lwc-sliderHandleSize,1rem); border-radius:var(--sds-c-slider-thumb-radius-border, var(--lwc-borderRadiusCircle,50%)); background:none; background-color:var(--sds-c-slider-thumb-color-foreground, var(--lwc-brandAccessible,rgb(225, 50, 0))); border:0; box-shadow:var(--sds-c-slider-thumb-shadow, var(--lwc-sliderHandleShadow,rgba(0, 0, 0, 0.16) 0 2px 3px)); cursor:pointer; transition:background .15s ease-in-out; margin-top:calc(var(--lwc-sliderTrackHeight,4px) / 4) } .slds-slider__range::-ms-thumb:hover{ background-color:var(--sds-c-slider-thumb-color-foreground-hover, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-slider__range:focus::-webkit-slider-thumb{ background-color:var(--sds-c-slider-thumb-color-foreground-focus, var(--lwc-brandAccessibleActive,#ae2700)); box-shadow:var(--sds-c-slider-thumb-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-slider__range:active::-webkit-slider-thumb{ background-color:var(--sds-c-slider-thumb-color-foreground-active, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-slider__range:focus::-moz-range-thumb{ background-color:var(--sds-c-slider-thumb-color-foreground-focus, var(--lwc-brandAccessibleActive,#ae2700)); box-shadow:var(--sds-c-slider-thumb-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-slider__range:active::-moz-range-thumb{ background-color:var(--sds-c-slider-thumb-color-foreground-active, var(--lwc-brandAccessibleActive,#ae2700)) } .slds-slider__range[disabled]::-webkit-slider-thumb{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)); cursor:default } .slds-slider__range[disabled]::-webkit-slider-runnable-track{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)); cursor:default } .slds-slider__range[disabled]::-moz-range-thumb{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)); cursor:default } .slds-slider__range[disabled]::-moz-range-track{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)) } .slds-slider__range[disabled]::-ms-thumb{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)); cursor:default } .slds-slider__range[disabled]::-ms-track{ background-color:var(--lwc-sliderColorBackgroundDisabled,rgb(236, 235, 234)); cursor:default } .slds-slider__value{ padding:0 var(--lwc-spacingXSmall,0.5rem) } .slds-slider-label__label{ display:block } .slds-slider_vertical{ height:13.875rem } .slds-slider_vertical .slds-slider__range{ width:var(--lwc-sizeXSmall,12rem); height:var(--lwc-sliderHandleSize,1rem); transform:rotate(-90deg); transform-origin:6rem 6rem } .slds-slider_vertical .slds-slider__value{ position:absolute; left:0; bottom:0; padding:0 } .slds-file-selector{ display:inline-flex } .slds-file-selector__dropzone{ padding:var(--lwc-spacingXxxSmall,0.125rem); border:var(--lwc-borderWidthThin,1px) dashed var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-file-selector__dropzone.slds-has-drag-over{ outline:0; border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3); border-style:solid } .slds-file-selector__input:focus~.slds-file-selector__body>.slds-file-selector__button{ box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-file-selector__input[disabled]~.slds-file-selector__body{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-file-selector__input[disabled]~.slds-file-selector__body>.slds-file-selector__button{ background:var(--lwc-colorBackgroundButtonBrandDisabled,rgb(243, 242, 242)); border-color:var(--lwc-colorBorderButtonBrandDisabled,rgba(0, 0, 0, 0)); color:var(--lwc-colorTextButtonBrandDisabled,rgb(255, 255, 255)) } .slds-file-selector__input[disabled]~.slds-file-selector__body>.slds-file-selector__body-icon{ fill:currentColor } .slds-file-selector__button{ display:inline-flex; align-items:center } .slds-file-selector_files .slds-file-selector__body,.slds-file-selector--files .slds-file-selector__body{ display:flex; align-items:center } .slds-file-selector_files .slds-file-selector__text,.slds-file-selector--files .slds-file-selector__text{ margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingSmall,0.75rem) } .slds-file-selector_images,.slds-file-selector--images{ display:block } .slds-file-selector_images .slds-file-selector__dropzone,.slds-file-selector--images .slds-file-selector__dropzone{ display:flex; justify-content:center; align-content:center; align-items:center; margin:auto; padding:var(--lwc-spacingMedium,1rem) } .slds-file-selector_images .slds-file-selector__body,.slds-file-selector--images .slds-file-selector__body{ text-align:center } .slds-file-selector_images .slds-file-selector__text,.slds-file-selector--images .slds-file-selector__text{ margin-top:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-file-selector_integrated,.slds-file-selector--integrated{ width:100%; height:100%; position:relative; display:block } .slds-file-selector__dropzone_integrated,.slds-file-selector__dropzone--integrated{ display:flex; justify-content:center; align-content:center; align-items:center; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; border:0; opacity:0; z-index:-1 } .slds-file-selector__dropzone_integrated.slds-has-drag,.slds-file-selector__dropzone--integrated.slds-has-drag{ background:var(--lwc-colorBackgroundBackdrop,rgba(255, 255, 255, 0.75)); opacity:1; z-index:var(--lwc-zIndexOverlay,8000) } .slds-file-selector__dropzone_integrated.slds-has-drag-over,.slds-file-selector__dropzone--integrated.slds-has-drag-over{ background:var(--lwc-colorBackgroundBackdropTint,rgb(249, 249, 250)); box-shadow:0 0 0 4px var(--lwc-colorBorderBrand,rgb(225, 50, 0)) inset } .slds-file-selector__body_integrated,.slds-file-selector__body--integrated{ width:var(--lwc-sizeXSmall,12rem); height:var(--lwc-sizeXSmall,12rem); display:flex; justify-content:center; align-content:center; align-items:center; margin:auto; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); flex-direction:column } .slds-file-selector__text_integrated,.slds-file-selector__text--integrated{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-page-header{ padding:var(--lwc-varSpacingVerticalMedium,1rem) var(--lwc-varSpacingHorizontalMedium,1rem); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-pageHeaderColorBorder,rgba(0, 0, 0, 0)); border-radius:var(--lwc-pageHeaderBorderRadius,0); background:var(--lwc-pageHeaderColorBackground,rgb(250, 250, 249)); background-clip:padding-box; box-shadow:var(--lwc-pageHeaderShadow,none); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-pageHeaderColorBorder,rgba(0, 0, 0, 0)) } .slds-page-header__row{ display:flex } .slds-page-header__row_gutters{ margin-left:calc(-1 * var(--lwc-spacingMedium,1rem)); margin-right:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-page-header__col-title{ flex:1 1 0%; min-width:0 } .slds-page-header__icon{ width:var(--lwc-pageHeaderIconSize,2.25rem); height:var(--lwc-pageHeaderIconSize,2.25rem) } .slds-page-header__col-actions{ align-self:flex-start; flex:none; padding-bottom:var(--lwc-spacingXxSmall,0.25rem); vertical-align:top } .slds-page-header__col-meta{ align-self:center; flex:1 1 auto; vertical-align:middle } .slds-page-header__col-controls{ align-self:flex-end; flex:none; vertical-align:bottom } .slds-page-header__col-details{ flex:1 1 auto; padding-left:var(--lwc-spacingMedium,1rem); padding-right:var(--lwc-spacingMedium,1rem); max-width:100% } .slds-page-header__name{ display:inline-flex; padding-right:var(--lwc-spacingXSmall,0.5rem); max-width:100% } .slds-page-header__name h1{ line-height:1 } .slds-page-header__name-title{ min-width:0 } .slds-page-header__name-switcher{ align-self:flex-end; margin:0 0 var(--lwc-spacingXxxSmall,0.125rem) var(--lwc-spacingXxxSmall,0.125rem) } .slds-page-header__name-switcher .slds-button__icon{ fill:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-page-header__name-meta{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--lwc-fontSize2,0.75rem); padding-right:var(--lwc-spacingXSmall,0.5rem) } .slds-page-header__meta-text{ font-size:var(--lwc-fontSize4,0.875rem) } .slds-page-header__title{ font-size:var(--lwc-pageHeaderTitleFontSize,1.125rem); font-weight:var(--lwc-pageHeaderTitleFontWeight,400); line-height:var(--lwc-lineHeightHeading,1.25); display:block } .slds-page-header__title .slds-icon{ fill:currentColor } .slds-page-header__controls{ display:flex } .slds-page-header__control{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-page-header_joined,.slds-page-header.slds-has-bottom-magnet{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-pageHeaderJoinedColorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-pageHeaderBorderRadius,0) var(--lwc-pageHeaderBorderRadius,0) 0 0; box-shadow:none } .slds-tabs_card .slds-page-header,.slds-card .slds-page-header{ border:0; box-shadow:none; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-page-header__detail-row{ display:flex; margin:var(--lwc-varSpacingVerticalSmall,0.75rem) calc(-1 * var(--lwc-varSpacingHorizontalMedium,1rem)) calc(-1 * var(--lwc-varSpacingVerticalMedium,1rem)); padding:var(--lwc-varSpacingHorizontalMedium,1rem); border-radius:0 0 var(--lwc-pageHeaderBorderRadius,0) var(--lwc-pageHeaderBorderRadius,0); background-color:var(--lwc-pageHeaderColorBackgroundAlt,rgb(255, 255, 255)); position:relative; z-index:2 } .slds-page-header__detail-block{ padding-right:var(--lwc-spacingXLarge,2rem); padding-left:var(--lwc-spacingXLarge,2rem); max-width:25% } .slds-page-header__detail-block:first-child{ padding-left:0 } .slds-page-header__detail-block:last-child{ padding-right:0 } .slds-page-header_vertical,.slds-page-header--vertical{ padding:var(--lwc-spacingSmall,0.75rem); background:var(--lwc-pageHeaderColorBackgroundAlt,rgb(255, 255, 255)); border-bottom:0 } .slds-page-header_vertical .slds-page-header__controls,.slds-page-header--vertical .slds-page-header__controls{ padding-top:var(--lwc-spacingXSmall,0.5rem); margin-top:var(--lwc-spacingXSmall,0.5rem); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-page-header_vertical .slds-page-header__name-title,.slds-page-header--vertical .slds-page-header__name-title{ margin-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-page-header__detail-list{ display:flex; flex-wrap:wrap } .slds-page-header__detail-item{ margin-top:var(--lwc-varSpacingSmall,0.75rem); width:50% } .slds-page-header_object-home,.slds-page-header--object-home{ padding-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-brand-band{ display:flex; flex-direction:column; position:relative; height:100%; width:100% } .slds-brand-band:before{ content:''; display:block; position:absolute; z-index:-1; top:0; right:0; bottom:0; left:0; background-image:var(--lwc-brandBandDefaultImage,url()),linear-gradient(to top, var(--lwc-brandBackgroundDarkTransparent,rgba(221, 219, 218, 0)) 0, var(--lwc-brandBackgroundDark,rgb(232, 232, 232))); background-repeat:repeat-x; background-position:top left } .slds-brand-band:after{ content:none; display:block; position:absolute; z-index:-1; left:0; right:0; top:0; width:100%; height:var(--lwc-brandBandScrimHeight,3.125rem); background-image:linear-gradient(to bottom, var(--lwc-brandBackgroundPrimaryTransparent,rgba(176, 196, 223, 0)) 60%, var(--lwc-brandBackgroundPrimary,rgb(250, 250, 249))) } .slds-brand-band.slds-brand-band_cover:before{ background-repeat:no-repeat; background-size:cover } .slds-brand-band.slds-brand-band_small:before{ height:var(--lwc-brandBandImageHeightSmall,6rem) } .slds-brand-band.slds-brand-band_small:after{ content:''; top:2.875rem } .slds-brand-band.slds-brand-band_medium:before{ height:var(--lwc-brandBandImageHeightMedium,12.5rem) } .slds-brand-band.slds-brand-band_medium:after{ content:''; top:9.375rem } .slds-brand-band.slds-brand-band_large:before{ height:var(--lwc-brandBandImageHeightLarge,18.75rem) } .slds-brand-band.slds-brand-band_large:after{ content:''; top:15.625rem } .slds-brand-band.slds-brand-band_full:before{ height:100% } .slds-brand-band.slds-brand-band_bottom:before{ background-position:bottom; top:initial } .slds-brand-band.slds-brand-band_none:before{ height:0 } .slds-brand-band.slds-brand-band_group:before{ background-image:var(--lwc-bannerGroupDefaultImage,url()) } .slds-brand-band.slds-brand-band_user:before{ background-image:var(--lwc-bannerUserDefaultImage,url()) } .slds-brand-band .slds-brand-band_blank{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-brand-band .slds-brand-band_blank:before,.slds-brand-band .slds-brand-band_blank:after{ background:none } .slds-template__container{ position:relative; height:100%; width:100% } .slds-template_default{ padding:var(--lwc-templateGutters,0) } .slds-template_default.slds-brand-band:before{ position:fixed; top:5.625rem } .slds-template_default.slds-brand-band.slds-brand-band_medium:after{ position:fixed; top:15rem } .slds-template_bottom-magnet{ padding:var(--lwc-templateGutters,0) var(--lwc-templateGutters,0) 0 var(--lwc-templateGutters,0) } .slds-template_profile{ padding:var(--lwc-templateProfileGutters,0) } .slds-template__content{ padding:var(--lwc-templateGutters,0) var(--lwc-templateGutters,0) 0 var(--lwc-templateGutters,0) } .slds-template_app{ padding:var(--lwc-templateGutters,0) 0 0 var(--lwc-templateGutters,0) } .slds-template_iframe{ width:calc(100% + (0.75rem * 2)); height:calc(100% + (0.75rem * 2)); margin:calc(-1 * var(--lwc-templateGutters,0)); background-color:var(--lwc-cardColorBackground,rgb(255, 255, 255)) } .slds-panel{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); overflow-y:auto } .slds-panel__section{ padding:var(--lwc-spacingMedium,1rem) } .slds-panel__actions{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-panel.slds-is-editing{ box-shadow:var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16)) } .slds-panel__header{ display:flex; position:relative; align-items:center; padding:var(--lwc-spacingSmall,0.75rem); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-panel__header_custom{ padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem) } .slds-panel__close:first-child{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-panel__close:last-child{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-panel__back:first-child{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-panel__back:last-child{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-panel__close,.slds-panel__back{ flex-shrink:0 } .slds-panel__header_align-center{ padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingXxLarge,3rem) } .slds-panel__header_align-center .slds-panel__header-title{ text-align:center } .slds-panel__header_align-center .slds-panel__close{ position:absolute; right:var(--lwc-spacingSmall,0.75rem); left:auto; top:50%; margin-top:-.75rem } .slds-panel__header_align-center .slds-panel__back{ position:absolute; left:var(--lwc-spacingSmall,0.75rem); right:auto; top:50%; margin-top:-.75rem } .slds-panel__header-actions{ display:flex; flex-shrink:0; align-items:center; margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-panel__header-actions .slds-panel__close{ margin-left:0; margin-right:0 } .slds-panel__header-title{ text-align:start; width:100% } .slds-panel_docked{ position:relative; min-width:var(--lwc-sizeSmall,15rem); height:100%; border-radius:0; display:none } .slds-panel_docked.slds-is-open{ display:block } .slds-panel_docked-left{ box-shadow:var(--lwc-panelDockedLeftShadow,1px 0 3px rgba(0,0,0,0.25)) } .slds-panel_docked-right{ margin-left:auto; box-shadow:var(--lwc-panelDockedRightShadow,-1px 0 3px 0 rgba(0,0,0,0.25)) } .slds-panel_animated{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; transform:translate3d(120%, 0, 0); transition:transform 300ms ease; z-index:var(--lwc-zIndexModal,9000) } .slds-tabs-mobile__container .slds-panel_animated{ position:fixed } .slds-panel_animated.slds-is-open{ transform:translate3d(0, 0, 0) } .slds-panel_filters,.slds-panel--filters{ margin-left:var(--lwc-spacingMedium,1rem); box-shadow:var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16)); border-radius:0 } .slds-popover{ position:relative; border-radius:var(--lwc-borderRadiusMedium,0.25rem); width:var(--lwc-sizeMedium,20rem); min-height:2rem; z-index:var(--slds-c-popover-position-zindex, var(--lwc-zIndexDialog,6000)); background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); display:inline-block; box-shadow:var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-popover__meta{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-popover__body{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-popover__body .slds-popover__header{ padding:0 0 var(--lwc-spacingXSmall,0.5rem) 0 } .slds-popover__body,.slds-popover__header,.slds-popover__footer{ position:relative; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem); word-wrap:break-word } .slds-popover__header{ border-bottom:0 } .slds-popover__footer{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); background-color:var(--lwc-colorBackground,#FFFFFF); border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-popover__footer_form{ text-align:center; background:var(--lwc-colorBackground,#FFFFFF); border-radius:0 0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-popover__body_small{ max-height:var(--lwc-sizeSmall,15rem); overflow-y:auto } .slds-popover__close{ position:relative; margin:var(--lwc-spacingXxSmall,0.25rem); z-index:6001 } .slds-popover_small,.slds-popover--small{ max-width:var(--lwc-sizeSmall,15rem) } .slds-popover_medium,.slds-popover--medium{ min-width:var(--lwc-sizeMedium,20rem) } .slds-popover_large,.slds-popover--large{ min-width:var(--lwc-sizeLarge,25rem); max-width:var(--lwc-maxWidthActionOverflowMenu,512px) } .slds-popover[class*=theme_],.slds-popover[class*=theme--]{ border:0 } .slds-popover *:last-child{ margin-bottom:0 } .slds-popover_full-width{ width:100% } .slds-popover_hide{ display:none } .slds-popover_dark{ background-color:var(--lwc-brandBackgroundDark,rgb(232, 232, 232)); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-popover_dark .slds-badge{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-popover_dark .slds-popover__close{ color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-popover_dark .slds-icon-text-default{ fill:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-popover_dark .slds-popover__footer{ border-top-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)); background-color:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)) } .slds-popover_brand .slds-popover__footer{ background-color:transparent; border-color:transparent } .slds-popover_brand .slds-popover__icon{ fill:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_brand.slds-popover_brand-dark .slds-popover__icon{ fill:var(--lwc-colorBorderInverse,rgb(0, 22, 57)) } .slds-popover_brand-top{ border-top-width:var(--lwc-popoverBrandBorderWidth,0.25rem); border-top-color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_brand-top.slds-nubbin_top:before,.slds-popover_brand-top.slds-nubbin_top-left:before,.slds-popover_brand-top.slds-nubbin_top-left-corner:before,.slds-popover_brand-top.slds-nubbin_top-right:before,.slds-popover_brand-top.slds-nubbin_top-right-corner:before{ margin-top:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-45deg, transparent 50%, #0176d3 50%, #0176d3) } .slds-popover_brand-top.slds-nubbin_top:after,.slds-popover_brand-top.slds-nubbin_top-left:after,.slds-popover_brand-top.slds-nubbin_top-left-corner:after,.slds-popover_brand-top.slds-nubbin_top-right:after,.slds-popover_brand-top.slds-nubbin_top-right-corner:after{ margin-top:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-45deg, transparent 50%, transparent 50%, transparent) } .slds-popover_brand-top.slds-popover_brand-dark{ border-top-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)) } .slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top:before,.slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-left:before,.slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-left-corner:before,.slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-right:before,.slds-popover_brand-top.slds-popover_brand-dark.slds-nubbin_top-right-corner:before{ margin-top:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-45deg, transparent 50%, #001639 50%, #001639) } .slds-popover_brand-left{ border-left-width:var(--lwc-popoverBrandBorderWidth,0.25rem); border-left-color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_brand-left.slds-nubbin_left:before,.slds-popover_brand-left.slds-nubbin_left-top:before,.slds-popover_brand-left.slds-nubbin_left-top-corner:before,.slds-popover_brand-left.slds-nubbin_left-bottom:before,.slds-popover_brand-left.slds-nubbin_left-bottom-corner:before{ margin-left:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-135deg, transparent 50%, #0176d3 50%, #0176d3) } .slds-popover_brand-left.slds-nubbin_left:after,.slds-popover_brand-left.slds-nubbin_left-top:after,.slds-popover_brand-left.slds-nubbin_left-top-corner:after,.slds-popover_brand-left.slds-nubbin_left-bottom:after,.slds-popover_brand-left.slds-nubbin_left-bottom-corner:after{ margin-left:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-135deg, transparent 50%, transparent 50%, transparent) } .slds-popover_brand-left.slds-popover_brand-dark{ border-left-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)) } .slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left:before,.slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-top:before,.slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-top-corner:before,.slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-bottom:before,.slds-popover_brand-left.slds-popover_brand-dark.slds-nubbin_left-bottom-corner:before{ margin-left:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(-135deg, transparent 50%, #001639 50%, #001639) } .slds-popover_brand-bottom{ border-bottom-width:var(--lwc-popoverBrandBorderWidth,0.25rem); border-bottom-color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_brand-bottom.slds-nubbin_bottom:before,.slds-popover_brand-bottom.slds-nubbin_bottom-left:before,.slds-popover_brand-bottom.slds-nubbin_bottom-left-corner:before,.slds-popover_brand-bottom.slds-nubbin_bottom-right:before,.slds-popover_brand-bottom.slds-nubbin_bottom-right-corner:before{ margin-bottom:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(135deg, transparent 50%, #0176d3 50%, #0176d3) } .slds-popover_brand-bottom.slds-nubbin_bottom:after,.slds-popover_brand-bottom.slds-nubbin_bottom-left:after,.slds-popover_brand-bottom.slds-nubbin_bottom-left-corner:after,.slds-popover_brand-bottom.slds-nubbin_bottom-right:after,.slds-popover_brand-bottom.slds-nubbin_bottom-right-corner:after{ margin-bottom:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(135deg, transparent 50%, transparent 50%, transparent) } .slds-popover_brand-bottom.slds-popover_brand-dark{ border-bottom-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)) } .slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom:before,.slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-left:before,.slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-left-corner:before,.slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-right:before,.slds-popover_brand-bottom.slds-popover_brand-dark.slds-nubbin_bottom-right-corner:before{ margin-bottom:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(135deg, transparent 50%, #001639 50%, #001639) } .slds-popover_brand-right{ border-right-width:var(--lwc-popoverBrandBorderWidth,0.25rem); border-right-color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_brand-right.slds-nubbin_right:before,.slds-popover_brand-right.slds-nubbin_right-top:before,.slds-popover_brand-right.slds-nubbin_right-top-corner:before,.slds-popover_brand-right.slds-nubbin_right-bottom:before,.slds-popover_brand-right.slds-nubbin_right-bottom-corner:before{ margin-right:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(45deg, transparent 50%, #0176d3 50%, #0176d3) } .slds-popover_brand-right.slds-nubbin_right:after,.slds-popover_brand-right.slds-nubbin_right-top:after,.slds-popover_brand-right.slds-nubbin_right-top-corner:after,.slds-popover_brand-right.slds-nubbin_right-bottom:after,.slds-popover_brand-right.slds-nubbin_right-bottom-corner:after{ margin-right:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(45deg, transparent 50%, transparent 50%, transparent) } .slds-popover_brand-right.slds-popover_brand-dark{ border-right-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)) } .slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right:before,.slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-top:before,.slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-top-corner:before,.slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-bottom:before,.slds-popover_brand-right.slds-popover_brand-dark.slds-nubbin_right-bottom-corner:before{ margin-right:var(--lwc-nubbinTriangleOffset,-0.1875rem); background:linear-gradient(45deg, transparent 50%, #001639 50%, #001639) } .slds-popover_panel .slds-popover__header,.slds-popover--panel .slds-popover__header{ background:var(--lwc-colorBackground,#FFFFFF); padding:var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingSmall,0.75rem); border-top-left-radius:calc(var(--lwc-borderRadiusMedium,0.25rem) - var(--lwc-borderWidthThin,1px)); border-top-right-radius:calc(var(--lwc-borderRadiusMedium,0.25rem) - var(--lwc-borderWidthThin,1px)); border-bottom:0 } .slds-popover_panel .slds-popover__body,.slds-popover--panel .slds-popover__body{ padding:0 } .slds-popover_panel .slds-popover__body-list,.slds-popover--panel .slds-popover__body-list{ padding:var(--lwc-spacingMedium,1rem) var(--lwc-spacingLarge,1.5rem); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-popover_panel.slds-nubbin_left-top:before,.slds-popover_panel.slds-nubbin_left-top:after,.slds-popover_panel.slds-nubbin--left-top:before,.slds-popover_panel.slds-nubbin--left-top:after,.slds-popover_panel.slds-nubbin_right-top:before,.slds-popover_panel.slds-nubbin_right-top:after,.slds-popover_panel.slds-nubbin--right-top:before,.slds-popover_panel.slds-nubbin--right-top:after,.slds-popover_panel.slds-nubbin_top-left:before,.slds-popover_panel.slds-nubbin_top-left:after,.slds-popover_panel.slds-nubbin--top-left:before,.slds-popover_panel.slds-nubbin--top-left:after,.slds-popover_panel.slds-nubbin_top-right:before,.slds-popover_panel.slds-nubbin_top-right:after,.slds-popover_panel.slds-nubbin--top-right:before,.slds-popover_panel.slds-nubbin--top-right:after,.slds-popover--panel.slds-nubbin_left-top:before,.slds-popover--panel.slds-nubbin_left-top:after,.slds-popover--panel.slds-nubbin--left-top:before,.slds-popover--panel.slds-nubbin--left-top:after,.slds-popover--panel.slds-nubbin_right-top:before,.slds-popover--panel.slds-nubbin_right-top:after,.slds-popover--panel.slds-nubbin--right-top:before,.slds-popover--panel.slds-nubbin--right-top:after,.slds-popover--panel.slds-nubbin_top-left:before,.slds-popover--panel.slds-nubbin_top-left:after,.slds-popover--panel.slds-nubbin--top-left:before,.slds-popover--panel.slds-nubbin--top-left:after,.slds-popover--panel.slds-nubbin_top-right:before,.slds-popover--panel.slds-nubbin_top-right:after,.slds-popover--panel.slds-nubbin--top-right:before,.slds-popover--panel.slds-nubbin--top-right:after{ background:var(--lwc-colorBackground,#FFFFFF) } .slds-popover_panel.slds-nubbin_left-top:before,.slds-popover_panel.slds-nubbin_left-top:after,.slds-popover_panel.slds-nubbin--left-top:before,.slds-popover_panel.slds-nubbin--left-top:after,.slds-popover_panel.slds-nubbin_right-top:before,.slds-popover_panel.slds-nubbin_right-top:after,.slds-popover_panel.slds-nubbin--right-top:before,.slds-popover_panel.slds-nubbin--right-top:after,.slds-popover--panel.slds-nubbin_left-top:before,.slds-popover--panel.slds-nubbin_left-top:after,.slds-popover--panel.slds-nubbin--left-top:before,.slds-popover--panel.slds-nubbin--left-top:after,.slds-popover--panel.slds-nubbin_right-top:before,.slds-popover--panel.slds-nubbin_right-top:after,.slds-popover--panel.slds-nubbin--right-top:before,.slds-popover--panel.slds-nubbin--right-top:after{ top:2.25rem } .slds-popover_panel__label{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-nubbin_top:before,.slds-nubbin--top:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top:after,.slds-nubbin--top:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top:after,.slds-nubbin--top:after{ box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_top-left:before,.slds-nubbin--top-left:before,.slds-nubbin_top-left-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top-left:after,.slds-nubbin--top-left:after,.slds-nubbin_top-left-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top-left:after,.slds-nubbin--top-left:after,.slds-nubbin_top-left-corner:after{ box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_top-left:before,.slds-nubbin_top-left:after,.slds-nubbin--top-left:before,.slds-nubbin--top-left:after,.slds-nubbin_top-left-corner:before,.slds-nubbin_top-left-corner:after{ left:var(--lwc-spacingLarge,1.5rem); top:-.5rem } .slds-nubbin_top-right:before,.slds-nubbin--top-right:before,.slds-nubbin_top-right-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top-right:after,.slds-nubbin--top-right:after,.slds-nubbin_top-right-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; top:-.5rem; margin-left:-.5rem } .slds-nubbin_top-right:after,.slds-nubbin--top-right:after,.slds-nubbin_top-right-corner:after{ box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_top-right:before,.slds-nubbin_top-right:after,.slds-nubbin--top-right:before,.slds-nubbin--top-right:after,.slds-nubbin_top-right-corner:before,.slds-nubbin_top-right-corner:after{ left:auto; right:var(--lwc-spacingLarge,1.5rem); top:-.5rem; margin-right:-.5rem } .slds-nubbin_bottom:before,.slds-nubbin--bottom:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom:after,.slds-nubbin--bottom:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom:after,.slds-nubbin--bottom:after{ box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_bottom-left:before,.slds-nubbin--bottom-left:before,.slds-nubbin_bottom-left-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom-left:after,.slds-nubbin--bottom-left:after,.slds-nubbin_bottom-left-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom-left:after,.slds-nubbin--bottom-left:after,.slds-nubbin_bottom-left-corner:after{ box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_bottom-left:before,.slds-nubbin_bottom-left:after,.slds-nubbin--bottom-left:before,.slds-nubbin--bottom-left:after,.slds-nubbin_bottom-left-corner:before,.slds-nubbin_bottom-left-corner:after{ left:var(--lwc-spacingLarge,1.5rem); top:100%; margin-top:-.5rem } .slds-nubbin_bottom-right:before,.slds-nubbin--bottom-right:before,.slds-nubbin_bottom-right-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom-right:after,.slds-nubbin--bottom-right:after,.slds-nubbin_bottom-right-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; left:50%; bottom:-.5rem; margin-left:-.5rem } .slds-nubbin_bottom-right:after,.slds-nubbin--bottom-right:after,.slds-nubbin_bottom-right-corner:after{ box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_bottom-right:before,.slds-nubbin_bottom-right:after,.slds-nubbin--bottom-right:before,.slds-nubbin--bottom-right:after,.slds-nubbin_bottom-right-corner:before,.slds-nubbin_bottom-right-corner:after{ left:auto; right:var(--lwc-spacingLarge,1.5rem); top:100%; margin-top:-.5rem; margin-right:-.5rem } .slds-nubbin_left:before,.slds-nubbin--left:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left:after,.slds-nubbin--left:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left:after,.slds-nubbin--left:after{ box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_left-top:before,.slds-nubbin--left-top:before,.slds-nubbin_left-top-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left-top:after,.slds-nubbin--left-top:after,.slds-nubbin_left-top-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left-top:after,.slds-nubbin--left-top:after,.slds-nubbin_left-top-corner:after{ box-shadow:-1px 1px 2px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_left-top:before,.slds-nubbin_left-top:after,.slds-nubbin--left-top:before,.slds-nubbin--left-top:after,.slds-nubbin_left-top-corner:before,.slds-nubbin_left-top-corner:after{ top:var(--lwc-spacingLarge,1.5rem) } .slds-nubbin_left-bottom:before,.slds-nubbin--left-bottom:before,.slds-nubbin_left-bottom-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left-bottom:after,.slds-nubbin--left-bottom:after,.slds-nubbin_left-bottom-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; left:-.5rem; margin-top:-.5rem } .slds-nubbin_left-bottom:before,.slds-nubbin--left-bottom:before,.slds-nubbin_left-bottom-corner:before{ margin-bottom:-1px } .slds-nubbin_left-bottom:after,.slds-nubbin--left-bottom:after,.slds-nubbin_left-bottom-corner:after{ box-shadow:-1px 2px 3px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_left-bottom:before,.slds-nubbin_left-bottom:after,.slds-nubbin--left-bottom:before,.slds-nubbin--left-bottom:after,.slds-nubbin_left-bottom-corner:before,.slds-nubbin_left-bottom-corner:after{ top:auto; bottom:var(--lwc-spacingMedium,1rem) } .slds-nubbin_right:before,.slds-nubbin--right:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right:after,.slds-nubbin--right:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right:after,.slds-nubbin--right:after{ box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_right-top:before,.slds-nubbin--right-top:before,.slds-nubbin_right-top-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right-top:after,.slds-nubbin--right-top:after,.slds-nubbin_right-top-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right-top:after,.slds-nubbin--right-top:after,.slds-nubbin_right-top-corner:after{ box-shadow:1px -1px 2px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_right-top:before,.slds-nubbin_right-top:after,.slds-nubbin--right-top:before,.slds-nubbin--right-top:after,.slds-nubbin_right-top-corner:before,.slds-nubbin_right-top-corner:after{ top:var(--lwc-spacingLarge,1.5rem) } .slds-nubbin_right-bottom:before,.slds-nubbin--right-bottom:before,.slds-nubbin_right-bottom-corner:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right-bottom:after,.slds-nubbin--right-bottom:after,.slds-nubbin_right-bottom-corner:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:inherit; top:50%; right:-.5rem; margin-top:-.5rem } .slds-nubbin_right-bottom:before,.slds-nubbin--right-bottom:before,.slds-nubbin_right-bottom-corner:before{ margin-bottom:-1px } .slds-nubbin_right-bottom:after,.slds-nubbin--right-bottom:after,.slds-nubbin_right-bottom-corner:after{ box-shadow:2px -1px 3px 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-nubbin_right-bottom:before,.slds-nubbin_right-bottom:after,.slds-nubbin--right-bottom:before,.slds-nubbin--right-bottom:after,.slds-nubbin_right-bottom-corner:before,.slds-nubbin_right-bottom-corner:after{ top:auto; bottom:var(--lwc-spacingMedium,1rem) } .slds-nubbin_top-left-corner{ border-radius:var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_top-left-corner:before,.slds-nubbin_top-left-corner:after{ left:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_bottom-left-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) } .slds-nubbin_bottom-left-corner:before,.slds-nubbin_bottom-left-corner:after{ left:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_top-right-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_top-right-corner:before,.slds-nubbin_top-right-corner:after{ right:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_bottom-right-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_bottom-right-corner:before,.slds-nubbin_bottom-right-corner:after{ right:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_left-top-corner{ border-radius:var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_left-top-corner:before,.slds-nubbin_left-top-corner:after{ top:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_right-top-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_right-top-corner:before,.slds-nubbin_right-top-corner:after{ top:var(--lwc-spacingSmall,0.75rem) } .slds-nubbin_left-bottom-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) } .slds-nubbin_left-bottom-corner:before,.slds-nubbin_left-bottom-corner:after{ bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-nubbin_right-bottom-corner{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-nubbin_right-bottom-corner:before,.slds-nubbin_right-bottom-corner:after{ bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-popover_walkthrough,.slds-popover--walkthrough{ border-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)); color:var(--lwc-colorTextInverse,#FFFFFF); background:var(--lwc-popoverWalkthroughColorBackground,rgb(0, 22, 57)); border-color:var(--lwc-popoverWalkthroughColorBackground,rgb(0, 22, 57)) } .slds-popover_walkthrough .slds-text-title,.slds-popover_walkthrough .slds-text-title_caps,.slds-popover_walkthrough .slds-text-title--caps,.slds-popover--walkthrough .slds-text-title,.slds-popover--walkthrough .slds-text-title_caps,.slds-popover--walkthrough .slds-text-title--caps{ color:var(--lwc-colorTextInverseWeak,rgb(171, 173, 176)) } .slds-popover_walkthrough .slds-icon,.slds-popover--walkthrough .slds-icon{ fill:currentColor } .slds-popover_walkthrough a,.slds-popover--walkthrough a{ color:currentColor; border:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-popover_walkthrough a:hover,.slds-popover_walkthrough a:focus,.slds-popover--walkthrough a:hover,.slds-popover--walkthrough a:focus{ text-decoration:none; outline:0 } .slds-popover_walkthrough a:focus,.slds-popover--walkthrough a:focus{ box-shadow:var(--lwc-shadowLinkFocusInverse,0 0 3px #E9EAEC); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderLinkFocusInverse,rgb(233, 234, 236)) } .slds-popover_walkthrough a:active,.slds-popover--walkthrough a:active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-popover_walkthrough a[disabled],.slds-popover--walkthrough a[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-popover_walkthrough a,.slds-popover--walkthrough a{ text-decoration:underline } .slds-popover_walkthrough .slds-popover__header,.slds-popover--walkthrough .slds-popover__header{ background-color:var(--lwc-popoverWalkthroughHeaderColorBackground,rgb(3, 45, 96)); background-image:var(--lwc-popoverWalkthroughHeaderImage,url()); background-repeat:no-repeat; background-position:bottom; background-size:contain; border-color:inherit; padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem); text-shadow:0 0 4px var(--lwc-popoverWalkthroughColorBackground,rgb(0, 22, 57)) } .slds-popover_walkthrough .slds-popover__body,.slds-popover_walkthrough .slds-popover__footer,.slds-popover--walkthrough .slds-popover__body,.slds-popover--walkthrough .slds-popover__footer{ padding:var(--lwc-spacingMedium,1rem) } .slds-popover_walkthrough .slds-popover__footer,.slds-popover--walkthrough .slds-popover__footer{ background-color:transparent; border:0 } .slds-popover_walkthrough .slds-text-title,.slds-popover--walkthrough .slds-text-title{ color:var(--lwc-popoverColorText,rgb(217, 219, 221)) } .slds-popover_walkthrough .slds-input,.slds-popover_walkthrough .slds-select,.slds-popover_walkthrough .slds-textarea,.slds-popover--walkthrough .slds-input,.slds-popover--walkthrough .slds-select,.slds-popover--walkthrough .slds-textarea{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-popover_walkthrough.slds-nubbin_top:before,.slds-popover_walkthrough.slds-nubbin--top:before,.slds-popover_walkthrough.slds-nubbin_top-left:before,.slds-popover_walkthrough.slds-nubbin--top-left:before,.slds-popover_walkthrough.slds-nubbin_top-right:before,.slds-popover_walkthrough.slds-nubbin--top-right:before,.slds-popover_walkthrough.slds-nubbin_left-top:before,.slds-popover_walkthrough.slds-nubbin--left-top:before,.slds-popover_walkthrough.slds-nubbin_right-top:before,.slds-popover_walkthrough.slds-nubbin--right-top:before,.slds-popover--walkthrough.slds-nubbin_top:before,.slds-popover--walkthrough.slds-nubbin--top:before,.slds-popover--walkthrough.slds-nubbin_top-left:before,.slds-popover--walkthrough.slds-nubbin--top-left:before,.slds-popover--walkthrough.slds-nubbin_top-right:before,.slds-popover--walkthrough.slds-nubbin--top-right:before,.slds-popover--walkthrough.slds-nubbin_left-top:before,.slds-popover--walkthrough.slds-nubbin--left-top:before,.slds-popover--walkthrough.slds-nubbin_right-top:before,.slds-popover--walkthrough.slds-nubbin--right-top:before{ background-color:var(--lwc-popoverWalkthroughHeaderColorBackground,rgb(3, 45, 96)) } .slds-popover_walkthrough-alt,.slds-popover_feature{ border-color:var(--lwc-popoverWalkthroughColorBackgroundAlt,rgb(1, 118, 211)); background-color:var(--lwc-popoverWalkthroughColorBackgroundAlt,rgb(1, 118, 211)); background-image:var(--lwc-popoverWalkthroughAltImage,url()); background-repeat:no-repeat; background-size:100% 2.25rem; background-position:bottom; padding-bottom:var(--lwc-spacingLarge,1.5rem); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-popover_walkthrough-alt .slds-text-heading_small,.slds-popover_feature .slds-text-heading_small{ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-popover_walkthrough-alt.slds-nubbin_bottom:before,.slds-popover_walkthrough-alt.slds-nubbin--bottom:before,.slds-popover_walkthrough-alt.slds-nubbin_bottom-left:before,.slds-popover_walkthrough-alt.slds-nubbin--bottom-left:before,.slds-popover_walkthrough-alt.slds-nubbin_bottom-right:before,.slds-popover_walkthrough-alt.slds-nubbin--bottom-right:before,.slds-popover_feature.slds-nubbin_bottom:before,.slds-popover_feature.slds-nubbin--bottom:before,.slds-popover_feature.slds-nubbin_bottom-left:before,.slds-popover_feature.slds-nubbin--bottom-left:before,.slds-popover_feature.slds-nubbin_bottom-right:before,.slds-popover_feature.slds-nubbin--bottom-right:before{ background-color:var(--lwc-popoverWalkthroughAltNubbinColorBackground,rgb(1, 118, 211)) } .slds-popover_error .slds-popover__header{ background-color:var(--lwc-colorBackgroundErrorDark,rgb(186, 5, 23)); color:var(--lwc-colorTextInverse,#FFFFFF); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-popover_error .slds-popover__footer{ background-color:transparent } .slds-popover_error .slds-popover__footer .slds-button{ text-decoration:none } .slds-popover_error .slds-popover__footer .slds-button.slds-button_neutral{ color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_error.slds-nubbin_top:before,.slds-popover_error.slds-nubbin--top:before,.slds-popover_error.slds-nubbin_top-left:before,.slds-popover_error.slds-nubbin--top-left:before,.slds-popover_error.slds-nubbin_top-right:before,.slds-popover_error.slds-nubbin--top-right:before,.slds-popover_error.slds-nubbin_left-top:before,.slds-popover_error.slds-nubbin--left-top:before,.slds-popover_error.slds-nubbin_right-top:before,.slds-popover_error.slds-nubbin--right-top:before{ background-color:var(--lwc-colorBackgroundErrorDark,rgb(186, 5, 23)) } .slds-popover_error .slds-popover__body{ padding-left:2.5rem } .slds-popover_error .slds-popover__header,.slds-popover_warning .slds-popover__header{ border-radius:calc(var(--lwc-borderRadiusMedium,0.25rem) - 1px) calc(var(--lwc-borderRadiusMedium,0.25rem) - 1px) 0 0 } .slds-popover_error .slds-popover__body_scrollable,.slds-popover_warning .slds-popover__body_scrollable{ max-height:150px; overflow-y:auto; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-popover_error .slds-popover__body_scrollable+.slds-popover__footer,.slds-popover_warning .slds-popover__body_scrollable+.slds-popover__footer{ border-top:0 } .slds-popover_warning button{ color:var(--lwc-colorGray10,rgb(81, 79, 77)); text-decoration:underline } .slds-popover_warning button:hover{ color:var(--lwc-colorGray9,rgb(112, 110, 107)) } .slds-popover_warning button:focus{ color:var(--lwc-colorGray10,rgb(81, 79, 77)); box-shadow:0 0 3px var(--lwc-colorGray10,rgb(81, 79, 77)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-popover_warning button:active{ color:var(--lwc-colorGray9,rgb(112, 110, 107)) } .slds-popover_warning .slds-popover__header{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)); color:var(--lwc-colorGray12,rgb(43, 40, 38)) } .slds-popover_warning .slds-popover__header .slds-icon{ fill:currentColor } .slds-popover_warning .slds-popover__close{ color:currentColor } .slds-popover_warning.slds-nubbin_top:before,.slds-popover_warning.slds-nubbin--top:before,.slds-popover_warning.slds-nubbin_top-left:before,.slds-popover_warning.slds-nubbin--top-left:before,.slds-popover_warning.slds-nubbin_top-right:before,.slds-popover_warning.slds-nubbin--top-right:before,.slds-popover_warning.slds-nubbin_left-top:before,.slds-popover_warning.slds-nubbin--left-top:before,.slds-popover_warning.slds-nubbin_right-top:before,.slds-popover_warning.slds-nubbin--right-top:before{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } .slds-popover_warning .slds-popover__body{ padding-left:2.5rem } .slds-popover_warning .slds-popover__footer{ background-color:transparent } .slds-popover_warning .slds-popover__footer .slds-button{ text-decoration:none } .slds-popover_warning .slds-popover__footer .slds-button.slds-button_neutral{ color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-popover_prompt{ width:var(--lwc-sizeLarge,25rem) } .slds-popover_prompt .slds-popover__body{ padding:var(--lwc-spacingMedium,1rem) } .slds-popover_prompt .slds-popover__footer{ border-top:inherit } .slds-popover_prompt__heading{ font-size:var(--lwc-fontSize5,1rem); line-height:var(--lwc-lineHeightHeading,1.25); font-weight:var(--lwc-fontWeightBold,700) } .slds-popover_prompt__action-link{ margin-right:var(--lwc-spacingMedium,1rem) } .slds-popover_prompt_top,.slds-popover_prompt_top-right,.slds-popover_prompt_top-left,.slds-popover_prompt_bottom,.slds-popover_prompt_bottom-right,.slds-popover_prompt_bottom-left{ position:absolute } .slds-popover_prompt_top,.slds-popover_prompt_top-right,.slds-popover_prompt_top-left{ top:var(--lwc-spacingXSmall,0.5rem) } .slds-popover_prompt_bottom,.slds-popover_prompt_bottom-right,.slds-popover_prompt_bottom-left{ bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-popover_prompt_top,.slds-popover_prompt_bottom{ left:50%; margin-left:-12.5rem } .slds-popover_prompt_top-right,.slds-popover_prompt_bottom-right{ right:var(--lwc-spacingXSmall,0.5rem) } .slds-popover_prompt_top-left,.slds-popover_prompt_bottom-left{ left:var(--lwc-spacingXSmall,0.5rem) } .slds-tooltip{ position:relative; border-radius:var(--lwc-borderRadiusMedium,0.25rem); width:var(--lwc-sizeMedium,20rem); min-height:2rem; z-index:var(--slds-c-popover-position-zindex, var(--lwc-zIndexDialog,6000)); background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); display:inline-block } .slds-tooltip__body{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem); font-size:var(--lwc-fontSize2,0.75rem); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-popover_tooltip,.slds-popover--tooltip{ width:auto; max-width:var(--sds-c-tooltip-sizing-max-width, var(--lwc-sizeMedium,20rem)); background-color:var(--sds-c-tooltip-color-background, var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96))); border:0 } .slds-popover_tooltip .slds-popover__body,.slds-popover--tooltip .slds-popover__body{ font-size:var(--sds-c-tooltip-font-size, var(--lwc-fontSize2,0.75rem)); color:var(--sds-c-tooltip-text-color, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-rise-from-ground{ visibility:visible; opacity:1; transform:translate(0%, 0%); transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear,transform var(--lwc-durationQuickly,0.1s) linear; will-change:transform } .slds-fall-into-ground{ visibility:hidden; opacity:0; transform:translate(0%, 0%); transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear,transform var(--lwc-durationQuickly,0.1s) linear; will-change:transform } .slds-slide-from-bottom-to-top{ transform:translateY(10%); will-change:transform } .slds-slide-from-top-to-bottom{ transform:translateY(-10%); will-change:transform } .slds-slide-from-right-to-left{ transform:translateX(5%); will-change:transform } .slds-slide-from-left-to-right{ transform:translateX(-5%); will-change:transform } .slds-dropdown-trigger .slds-dropdown{ visibility:hidden; opacity:0; transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear } .slds-dropdown-trigger:hover,.slds-dropdown-trigger:focus{ outline:0 } .slds-dropdown-trigger:hover .slds-dropdown,.slds-dropdown-trigger:focus .slds-dropdown{ visibility:visible; opacity:1; transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear } .slds-dropdown_nubbin-top,.slds-dropdown--nubbin-top{ margin-top:.5rem } .slds-dropdown_nubbin-top:before,.slds-dropdown--nubbin-top:before{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); left:50%; top:-.5rem; margin-left:-.5rem } .slds-dropdown_nubbin-top:after,.slds-dropdown--nubbin-top:after{ width:1rem; height:1rem; position:absolute; transform:rotate(45deg); content:''; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); left:50%; top:-.5rem; margin-left:-.5rem } .slds-dropdown_nubbin-top:before,.slds-dropdown--nubbin-top:before{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-dropdown_nubbin-top:after,.slds-dropdown--nubbin-top:after{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:-1px -1px 0 0 rgba(0, 0, 0, 0.16); z-index:-1 } .slds-dropdown_nubbin-top.slds-dropdown_left,.slds-dropdown_nubbin-top.slds-dropdown--left,.slds-dropdown--nubbin-top.slds-dropdown_left,.slds-dropdown--nubbin-top.slds-dropdown--left{ left:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-dropdown_nubbin-top.slds-dropdown_left:before,.slds-dropdown_nubbin-top.slds-dropdown_left:after,.slds-dropdown_nubbin-top.slds-dropdown--left:before,.slds-dropdown_nubbin-top.slds-dropdown--left:after,.slds-dropdown--nubbin-top.slds-dropdown_left:before,.slds-dropdown--nubbin-top.slds-dropdown_left:after,.slds-dropdown--nubbin-top.slds-dropdown--left:before,.slds-dropdown--nubbin-top.slds-dropdown--left:after{ left:var(--lwc-spacingLarge,1.5rem); margin-left:0 } .slds-dropdown_nubbin-top.slds-dropdown_right,.slds-dropdown_nubbin-top.slds-dropdown--right,.slds-dropdown--nubbin-top.slds-dropdown_right,.slds-dropdown--nubbin-top.slds-dropdown--right{ right:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-dropdown_nubbin-top.slds-dropdown_right:before,.slds-dropdown_nubbin-top.slds-dropdown_right:after,.slds-dropdown_nubbin-top.slds-dropdown--right:before,.slds-dropdown_nubbin-top.slds-dropdown--right:after,.slds-dropdown--nubbin-top.slds-dropdown_right:before,.slds-dropdown--nubbin-top.slds-dropdown_right:after,.slds-dropdown--nubbin-top.slds-dropdown--right:before,.slds-dropdown--nubbin-top.slds-dropdown--right:after{ left:auto; right:var(--lwc-spacingLarge,1.5rem); margin-left:0 } .slds-dropdown__item .slds-has-icon{ position:relative } .slds-dropdown__item .slds-has-icon_left>a,.slds-dropdown__item .slds-has-icon--left>a,.slds-dropdown__item .slds-has-icon_left>span,.slds-dropdown__item .slds-has-icon--left>span{ padding-left:var(--lwc-spacingXLarge,2rem) } .slds-dropdown__item .slds-has-icon_right>a,.slds-dropdown__item .slds-has-icon--right>a,.slds-dropdown__item .slds-has-icon_right>span,.slds-dropdown__item .slds-has-icon--right>span{ padding-right:var(--lwc-spacingXLarge,2rem) } .slds-dropdown__item .slds-has-icon_left-right>a,.slds-dropdown__item .slds-has-icon--left-right>a,.slds-dropdown__item .slds-has-icon_left-right>span,.slds-dropdown__item .slds-has-icon--left-right>span{ padding-left:var(--lwc-spacingXLarge,2rem); padding-right:var(--lwc-spacingXLarge,2rem) } .slds-dropdown__item .slds-has-icon .slds-icon{ width:var(--lwc-squareIconMediumContent,1rem); height:var(--lwc-squareIconMediumContent,1rem); position:absolute; top:50%; margin-top:-.5rem; fill:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-dropdown__item .slds-has-icon .slds-icon_left,.slds-dropdown__item .slds-has-icon .slds-icon--left{ left:var(--lwc-spacingSmall,0.75rem) } .slds-dropdown__item .slds-has-icon .slds-icon_right,.slds-dropdown__item .slds-has-icon .slds-icon--right{ right:var(--lwc-spacingSmall,0.75rem) } .slds-dropdown-trigger{ position:relative; display:inline-block } .slds-dropdown-trigger .slds-dropdown{ top:100% } .slds-dropdown-trigger .slds-dropdown_bottom,.slds-dropdown-trigger .slds-dropdown--bottom{ top:auto } .slds-dropdown-trigger_hover .slds-dropdown,.slds-dropdown-trigger--hover .slds-dropdown{ visibility:hidden; opacity:0; transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear } .slds-dropdown-trigger_hover:hover,.slds-dropdown-trigger_hover:focus,.slds-dropdown-trigger--hover:hover,.slds-dropdown-trigger--hover:focus{ outline:0 } .slds-dropdown-trigger_hover:hover .slds-dropdown,.slds-dropdown-trigger_hover:focus .slds-dropdown,.slds-dropdown-trigger--hover:hover .slds-dropdown,.slds-dropdown-trigger--hover:focus .slds-dropdown{ visibility:visible; opacity:1; transition:opacity var(--lwc-durationQuickly,0.1s) linear,visibility var(--lwc-durationQuickly,0.1s) linear } .slds-dropdown-trigger_click .slds-dropdown,.slds-dropdown-trigger_click:hover .slds-dropdown,.slds-dropdown-trigger--click .slds-dropdown,.slds-dropdown-trigger--click:hover .slds-dropdown{ display:none } .slds-dropdown-trigger_click.slds-is-open .slds-dropdown,.slds-dropdown-trigger--click.slds-is-open .slds-dropdown{ display:block; visibility:visible; opacity:1 } .slds-dropdown-trigger>[class*=slds-button_icon]~.slds-dropdown_left[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button_icon]~.slds-dropdown--left[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button--icon]~.slds-dropdown_left[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button--icon]~.slds-dropdown--left[class*=slds-nubbin]{ left:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-dropdown-trigger>[class*=slds-button_icon]~.slds-dropdown_right[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button_icon]~.slds-dropdown--right[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button--icon]~.slds-dropdown_right[class*=slds-nubbin],.slds-dropdown-trigger>[class*=slds-button--icon]~.slds-dropdown--right[class*=slds-nubbin]{ right:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-dropdown{ position:absolute; z-index:var(--lwc-zIndexDropdown,7000); left:50%; float:left; min-width:var(--lwc-sizeXxSmall,6rem); max-width:var(--lwc-sizeMedium,20rem); margin-top:var(--lwc-spacingXxxSmall,0.125rem); margin-bottom:var(--lwc-spacingXxxSmall,0.125rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingXxSmall,0.25rem) 0; font-size:var(--lwc-fontSize2,0.75rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16)); transform:translateX(-50%); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-dropdown_left,.slds-dropdown--left{ left:0; right:auto; transform:translateX(0) } .slds-dropdown_right,.slds-dropdown--right{ left:auto; right:0; transform:translateX(0) } .slds-dropdown_bottom,.slds-dropdown--bottom{ bottom:100% } .slds-dropdown_xx-small,.slds-dropdown--xx-small{ min-width:var(--lwc-sizeXxSmall,6rem) } .slds-dropdown_x-small,.slds-dropdown--x-small{ min-width:var(--lwc-sizeXSmall,12rem) } .slds-dropdown_small,.slds-dropdown--small{ min-width:var(--lwc-sizeSmall,15rem) } .slds-dropdown_medium,.slds-dropdown--medium{ min-width:var(--lwc-sizeMedium,20rem) } .slds-dropdown_large,.slds-dropdown--large{ min-width:var(--lwc-sizeLarge,25rem); max-width:var(--lwc-maxWidthActionOverflowMenu,512px) } .slds-dropdown_fluid,.slds-dropdown--fluid{ min-width:var(--lwc-sizeXSmall,12rem); max-width:100%; width:100% } .slds-dropdown_length-5,.slds-dropdown--length-5{ -webkit-overflow-scrolling:touch; max-height:calc(((1rem * 1.5) + 1rem) * 5); overflow-y:auto } .slds-dropdown_length-7,.slds-dropdown--length-7{ -webkit-overflow-scrolling:touch; max-height:calc(((1rem * 1.5) + 1rem) * 7); overflow-y:auto } .slds-dropdown_length-10,.slds-dropdown--length-10{ -webkit-overflow-scrolling:touch; max-height:calc(((1rem * 1.5) + 1rem) * 10); overflow-y:auto } .slds-dropdown_length-with-icon-5,.slds-dropdown--length-with-icon-5{ -webkit-overflow-scrolling:touch; max-height:calc((1.5rem + 1rem) * 5); overflow-y:auto } .slds-dropdown_length-with-icon-7,.slds-dropdown--length-with-icon-7{ -webkit-overflow-scrolling:touch; max-height:calc((1.5rem + 1rem) * 7); overflow-y:auto } .slds-dropdown_length-with-icon-10,.slds-dropdown--length-with-icon-10{ -webkit-overflow-scrolling:touch; max-height:calc((1.5rem + 1rem) * 10); overflow-y:auto } .slds-dropdown_inverse,.slds-dropdown--inverse{ background:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); border-color:var(--lwc-colorBorderInverse,rgb(0, 22, 57)); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-dropdown_inverse .slds-dropdown__item>a,.slds-dropdown--inverse .slds-dropdown__item>a{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-dropdown_inverse .slds-dropdown__item>a:hover,.slds-dropdown_inverse .slds-dropdown__item>a:focus,.slds-dropdown--inverse .slds-dropdown__item>a:hover,.slds-dropdown--inverse .slds-dropdown__item>a:focus{ color:var(--lwc-colorTextLinkInverseHover,rgba(255, 255, 255, 0.75)); background-color:transparent } .slds-dropdown_inverse .slds-dropdown__item>a:active,.slds-dropdown--inverse .slds-dropdown__item>a:active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)); background-color:transparent } .slds-dropdown_inverse .slds-dropdown__item>a[aria-disabled=true],.slds-dropdown--inverse .slds-dropdown__item>a[aria-disabled=true]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)); cursor:default } .slds-dropdown_inverse .slds-dropdown__item>a[aria-disabled=true]:hover,.slds-dropdown--inverse .slds-dropdown__item>a[aria-disabled=true]:hover{ background-color:transparent } .slds-dropdown mark{ font-weight:var(--lwc-fontWeightBold,700); background-color:transparent; color:inherit } .slds-dropdown[class*=slds-nubbin_top],.slds-dropdown[class*=slds-nubbin--top]{ margin-top:.5rem } .slds-dropdown[class*=slds-nubbin_bottom],.slds-dropdown[class*=slds-nubbin--bottom]{ margin-bottom:.5rem } .slds-dropdown__header{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700); padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-dropdown__item{ line-height:var(--lwc-lineHeightText,1.5); font-weight:var(--lwc-fontWeightRegular,400) } .slds-dropdown__item>a{ position:relative; display:flex; justify-content:space-between; align-items:center; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); white-space:nowrap; cursor:pointer } .slds-dropdown__item>a:hover,.slds-dropdown__item>a:focus{ outline:0; text-decoration:none; background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-dropdown__item>a:active{ text-decoration:none; background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-dropdown__item>a[aria-disabled=true]{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)); cursor:default } .slds-dropdown__item>a[aria-disabled=true]:hover{ background-color:transparent } .slds-dropdown__item>a[aria-disabled=true] .slds-icon{ fill:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-dropdown__item>a.slds-has-error{ background:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)) } .slds-dropdown__item>a.slds-has-success{ background:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } .slds-dropdown__item>a.slds-has-error,.slds-dropdown__item>a.slds-has-success{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-dropdown__item>a.slds-has-warning{ background:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } .slds-dropdown__item>a.slds-has-warning .slds-indicator_unread{ background-color:currentColor } .slds-dropdown__item>a.slds-has-warning .slds-indicator_unsaved{ color:currentColor } .slds-dropdown__item>a.slds-has-error:hover,.slds-dropdown__item>a.slds-has-error:focus,.slds-dropdown__item>a.slds-has-success:hover,.slds-dropdown__item>a.slds-has-success:focus,.slds-dropdown__item>a.slds-has-warning:hover,.slds-dropdown__item>a.slds-has-warning:focus{ text-decoration:underline } .slds-dropdown__item .slds-icon_selected,.slds-dropdown__item .slds-icon--selected{ opacity:0; transition:opacity var(--lwc-durationImmediately,0.05s) ease } .slds-dropdown__item.slds-is-selected .slds-icon_selected,.slds-dropdown__item.slds-is-selected .slds-icon--selected{ opacity:1 } .slds-dropdown__item.slds-has-notification .slds-indicator_unsaved{ top:-.375rem } [dir=rtl] .slds-dropdown_center,[dir=rtl] .slds-dropdown--center{ left:auto; right:auto; transform:translateX(calc(50% - (0.875rem / 2))) } .slds-dropdown_actions a,.slds-dropdown--actions a{ color:var(--lwc-brandTextLink,rgb(225, 50, 0)) } .slds-has-submenu{ position:relative } .slds-has-submenu .slds-dropdown_submenu{ top:0; transform:none } .slds-has-submenu .slds-dropdown_submenu-left{ left:auto; right:100%; margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-has-submenu .slds-dropdown_submenu-right{ left:100%; margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-has-submenu .slds-dropdown_submenu-bottom{ top:auto; bottom:0; margin-bottom:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)) } .slds-has-submenu.slds-dropdown__item .slds-dropdown_submenu{ display:none } .slds-has-submenu [role=menuitem][aria-expanded=true]+.slds-dropdown_submenu{ display:block } .slds-picklist{ position:relative } .slds-picklist .slds-dropdown{ width:var(--lwc-sizeSmall,15rem) } .slds-picklist li .slds-icon_selected,.slds-picklist li .slds-icon--selected{ opacity:0; transition:opacity var(--lwc-durationImmediately,0.05s) ease } .slds-picklist li.slds-is-selected .slds-icon_selected,.slds-picklist li.slds-is-selected .slds-icon--selected{ fill:var(--lwc-colorTextIconDefaultHover,#b82900); opacity:1 } .slds-picklist input[readonly]{ padding-left:var(--lwc-spacingSmall,0.75rem); border-color:var(--lwc-colorBorderInput,rgb(0, 1, 16)); background-color:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); font-size:inherit; font-weight:var(--lwc-fontWeightRegular,400) } .slds-picklist input[readonly]:focus,.slds-picklist input[readonly].slds-has-focus{ border-color:var(--lwc-colorBorderBrandPrimary,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-picklist input[readonly][disabled]{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)) } .slds-picklist_fluid .slds-picklist__input,.slds-picklist_fluid .slds-picklist__label,.slds-picklist_fluid .slds-dropdown,.slds-picklist_fluid .slds-lookup,.slds-picklist--fluid .slds-picklist__input,.slds-picklist--fluid .slds-picklist__label,.slds-picklist--fluid .slds-dropdown,.slds-picklist--fluid .slds-lookup{ width:auto; min-width:0; max-width:var(--lwc-sizeSmall,15rem) } .slds-picklist__input{ width:var(--lwc-sizeSmall,15rem) } .slds-picklist__input .slds-button{ line-height:0 } .slds-picklist__label{ padding-right:var(--lwc-spacingXLarge,2rem); width:var(--lwc-sizeSmall,15rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-align:left } .slds-picklist__label .slds-icon{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem); position:absolute; right:var(--lwc-spacingMedium,1rem); top:50%; margin-top:-.375rem; fill:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-picklist__label .slds-truncate{ display:block } .slds-combobox_container{ display:flex; flex-direction:column; position:relative } .slds-combobox_container.slds-is-open .slds-dropdown{ display:block } .slds-combobox_container.slds-has-selection .slds-combobox__input-value,.slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus{ box-shadow:0 0 0 2px var(--lwc-colorGray1,rgb(255, 255, 255)) inset,0 0 0 3px var(--lwc-colorBorder,rgb(0, 1, 16)) inset } .slds-combobox_container.slds-has-icon-only .slds-combobox__input,.slds-combobox_container.slds-has-icon-only .slds-combobox__input:focus,.slds-combobox_container.slds-has-icon-only .slds-combobox__input.slds-has-focus{ width:0; pointer-events:auto } .slds-combobox_container.slds-has-icon-only .slds-input__icon{ z-index:2; pointer-events:none } .slds-combobox{ position:static; display:flex; flex-direction:column; flex:1 1 auto } .slds-combobox__form-element{ flex:1 1 auto } [role=combobox] input[readonly],input[readonly][role=combobox]{ padding-left:var(--lwc-spacingSmall,0.75rem); border-color:var(--lwc-colorBorderInput,rgb(0, 1, 16)); background-color:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); font-size:inherit; font-weight:var(--lwc-fontWeightRegular,400) } [role=combobox] input[readonly]:focus,[role=combobox] input[readonly].slds-has-focus,input[readonly][role=combobox]:focus,input[readonly][role=combobox].slds-has-focus{ border-color:var(--lwc-colorBorderBrandPrimary,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } [role=combobox] input[readonly][disabled],input[readonly][role=combobox][disabled]{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)) } .slds-listbox_inline,.slds-listbox--inline{ display:inline-flex; flex-wrap:wrap; flex-shrink:0; align-items:center; margin-left:var(--lwc-spacingXxxSmall,0.125rem); margin-right:var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox_inline li,.slds-listbox--inline li{ display:flex } .slds-listbox_inline li+li,.slds-listbox--inline li+li{ padding-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox_horizontal,.slds-listbox--horizontal{ display:inline-flex; flex-wrap:wrap; align-items:center } .slds-listbox_horizontal li,.slds-listbox--horizontal li{ display:flex } .slds-listbox_horizontal li+li,.slds-listbox--horizontal li+li{ padding-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox__option:hover{ cursor:pointer } .slds-listbox__option:focus{ outline:0 } .slds-listbox__option .slds-truncate{ display:inline-block; vertical-align:middle } .slds-listbox__option[aria-disabled=true]{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-listbox__option-header{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-listbox__option-icon{ width:var(--lwc-squareIconSmallBoundary,1.5rem); display:inline-flex; align-content:center; align-items:center; justify-content:center; color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-listbox__option[aria-disabled=true] .slds-listbox__option-icon{ color:currentColor } .slds-listbox_vertical .slds-listbox__option:focus,.slds-listbox_vertical .slds-listbox__option:hover,.slds-listbox_vertical .slds-listbox__option.slds-has-focus,.slds-listbox--vertical .slds-listbox__option:focus,.slds-listbox--vertical .slds-listbox__option:hover,.slds-listbox--vertical .slds-listbox__option.slds-has-focus{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); text-decoration:none } .slds-listbox_vertical .slds-listbox__option[aria-disabled=true],.slds-listbox_vertical .slds-listbox__option[role=presentation]:hover,.slds-listbox--vertical .slds-listbox__option[aria-disabled=true],.slds-listbox--vertical .slds-listbox__option[role=presentation]:hover{ background-color:transparent; cursor:default } .slds-listbox_vertical .slds-listbox__option_entity,.slds-listbox_vertical .slds-listbox__option--entity,.slds-listbox--vertical .slds-listbox__option_entity,.slds-listbox--vertical .slds-listbox__option--entity{ padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingSmall,0.75rem) } .slds-listbox_vertical .slds-listbox__option_entity .slds-media__figure,.slds-listbox_vertical .slds-listbox__option--entity .slds-media__figure,.slds-listbox--vertical .slds-listbox__option_entity .slds-media__figure,.slds-listbox--vertical .slds-listbox__option--entity .slds-media__figure{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-listbox_vertical .slds-listbox__option_plain,.slds-listbox_vertical .slds-listbox__option--plain,.slds-listbox--vertical .slds-listbox__option_plain,.slds-listbox--vertical .slds-listbox__option--plain{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-listbox_vertical .slds-listbox__option_term,.slds-listbox--vertical .slds-listbox__option_term{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-listbox_vertical .slds-listbox__option_has-meta .slds-media__figure,.slds-listbox_vertical .slds-listbox__option--has-meta .slds-media__figure,.slds-listbox--vertical .slds-listbox__option_has-meta .slds-media__figure,.slds-listbox--vertical .slds-listbox__option--has-meta .slds-media__figure{ margin-top:var(--lwc-spacingXxSmall,0.25rem) } [class*=slds-input-has-icon_left] .slds-combobox__input[value],[class*=slds-input-has-icon--left] .slds-combobox__input[value],[class*=slds-input-has-icon_left] .slds-combobox__input.slds-combobox__input-value,[class*=slds-input-has-icon--left] .slds-combobox__input.slds-combobox__input-value{ padding-left:2.25rem } .slds-input_faux:not(.slds-combobox__input-value){ color:var(--lwc-colorTextPlaceholder,rgb(0, 1, 16)) } .slds-combobox__input-entity-icon{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem); position:absolute; top:50%; left:calc(var(--lwc-spacingXxSmall,0.25rem) + 1px); transform:translateY(-50%); z-index:2 } .slds-combobox__input-entity-icon .slds-icon{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem) } .slds-combobox_container__icon{ color:var(--lwc-colorTextInputIcon,rgb(171, 173, 176)) } .slds-listbox__icon-selected{ opacity:0; fill:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-listbox__option.slds-is-selected .slds-listbox__icon-selected{ opacity:1 } .slds-listbox__option.slds-is-selected .slds-listbox__option-icon{ color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-listbox__option-text_entity,.slds-listbox__option-text--entity{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox__option-meta{ display:block; margin-top:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); color:var(--lwc-colorTextLabel,rgb(0, 1, 16)) } .slds-listbox__option[aria-disabled=true] .slds-listbox__option-meta{ color:currentColor } .slds-listbox_object-switcher,.slds-listbox--object-switcher{ flex-shrink:0; padding:var(--lwc-spacingXxxSmall,0.125rem) } .slds-combobox_object-switcher{ flex-shrink:0 } .slds-combobox_object-switcher .slds-combobox__input{ width:7.5rem; transition:width 80ms linear; font-size:var(--lwc-fontSize2,0.75rem); color:var(--lwc-colorTextPlaceholder,rgb(0, 1, 16)) } .slds-combobox_object-switcher .slds-combobox__input:focus,.slds-combobox_object-switcher .slds-combobox__input.slds-has-focus{ width:10rem } .slds-combobox__input:focus,.slds-combobox__input.slds-has-focus{ border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-combobox-group{ display:flex; flex-direction:row } .slds-combobox-group .slds-combobox_container{ flex:1 1 auto } .slds-combobox-group .slds-combobox__input,.slds-combobox-group .slds-combobox_object-switcher__button{ border-radius:0; margin-left:-1px; margin-right:-1px; position:relative } .slds-combobox-group .slds-combobox__input:focus,.slds-combobox-group .slds-combobox__input.slds-has-focus,.slds-combobox-group .slds-combobox_object-switcher__button:focus,.slds-combobox-group .slds-combobox_object-switcher__button.slds-has-focus{ z-index:1 } .slds-combobox-group.slds-has-selection .slds-combobox-addon_start .slds-combobox__input{ border-bottom-left-radius:0 } .slds-combobox-group.slds-has-selection .slds-combobox-addon_end .slds-combobox__input{ border-bottom-right-radius:0 } .slds-combobox-group.slds-has-selection~.slds-listbox_selection-group{ display:flex; position:relative; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border:1px solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-top:0; border-bottom-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom-right-radius:var(--lwc-borderRadiusMedium,0.25rem); left:-1px } .slds-combobox-group .slds-listbox_horizontal li+li{ padding:var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox_selection-group{ position:relative; padding:0; padding-right:3.75rem; height:var(--lwc-heightInput,1.875rem); overflow:hidden } .slds-listbox_selection-group.slds-is-expanded{ height:auto; padding:0 } .slds-listbox_selection-group .slds-listbox{ padding:0 0 var(--lwc-spacingXxxSmall,0.125rem) } .slds-listbox_selection-group .slds-listbox-item{ padding:var(--lwc-spacingXxxSmall,0.125rem) var(--lwc-spacingXxxSmall,0.125rem) 0 } .slds-listbox_selection-group .slds-listbox-toggle{ position:absolute; top:50%; transform:translateY(-50%); right:var(--lwc-spacingXSmall,0.5rem) } .slds-listbox_selection-group .slds-listbox-toggle .slds-button{ line-height:1 } .slds-combobox-addon_start .slds-combobox__input{ border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:4px; border-bottom-left-radius:4px } .slds-combobox-addon_end .slds-combobox__input{ border-top-right-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:0; border-bottom-left-radius:0 } .slds-has-inline-listbox,.slds-has-object-switcher{ flex-direction:row; background:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-has-inline-listbox .slds-combobox,.slds-has-object-switcher .slds-combobox{ flex-basis:50%; flex-shrink:0 } .slds-has-inline-listbox .slds-combobox__input,.slds-has-object-switcher .slds-combobox__input{ min-height:100%; line-height:calc(var(--lwc-heightInput,1.875rem) - 2px); border:0; padding-top:var(--lwc-spacingXxxSmall,0.125rem); padding-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-has-inline-listbox .slds-combobox__input:focus,.slds-has-inline-listbox .slds-combobox__input:active,.slds-has-object-switcher .slds-combobox__input:focus,.slds-has-object-switcher .slds-combobox__input:active{ outline:0; box-shadow:none } .slds-has-inline-listbox .slds-listbox_object-switcher~.slds-listbox_inline,.slds-has-inline-listbox .slds-listbox--object-switcher~.slds-listbox--inline,.slds-has-inline-listbox .slds-combobox_container__icon~.slds-listbox_inline,.slds-has-inline-listbox .slds-combobox_container__icon~.slds-listbox--inline,.slds-has-object-switcher .slds-listbox_object-switcher~.slds-listbox_inline,.slds-has-object-switcher .slds-listbox--object-switcher~.slds-listbox--inline,.slds-has-object-switcher .slds-combobox_container__icon~.slds-listbox_inline,.slds-has-object-switcher .slds-combobox_container__icon~.slds-listbox--inline{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-has-inline-listbox.slds-has-icon_left,.slds-has-object-switcher.slds-has-icon_left{ padding-left:2.25rem } .slds-has-inline-listbox.slds-has-icon_left .slds-combobox_container__icon,.slds-has-object-switcher.slds-has-icon_left .slds-combobox_container__icon{ width:var(--lwc-squareIconUtilitySmall,1rem); height:var(--lwc-squareIconUtilitySmall,1rem); position:absolute; left:1.125rem; top:50%; margin-top:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-has-inline-listbox [role=listbox]{ display:inline-flex; padding:0 var(--lwc-spacingXxxSmall,0.125rem) } .slds-has-inline-listbox .slds-combobox__input-value{ box-shadow:0 0 0 2px var(--lwc-colorGray1,rgb(255, 255, 255)) inset,0 0 0 3px var(--lwc-colorBorder,rgb(0, 1, 16)) inset } .slds-picklist_draggable,.slds-picklist--draggable{ display:flex } .slds-picklist_draggable .slds-button,.slds-picklist--draggable .slds-button{ margin:var(--lwc-spacingXxSmall,0.25rem) } .slds-picklist_draggable .slds-button:first-of-type,.slds-picklist--draggable .slds-button:first-of-type{ margin-top:var(--lwc-spacingLarge,1.5rem) } .slds-picklist__item{ position:relative; line-height:var(--lwc-lineHeightText,1.5) } .slds-picklist__item>a,.slds-picklist__item>span{ display:block; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-picklist__item>a:hover,.slds-picklist__item>span:hover{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); cursor:pointer } .slds-picklist__item>a:active,.slds-picklist__item>span:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-picklist__item[aria-selected=true]{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-dueling-list{ display:flex; clear:left } .slds-dueling-list__column{ display:inline-flex; flex-direction:column } .slds-dueling-list__column .slds-button{ margin:var(--lwc-spacingXxSmall,0.25rem) } .slds-dueling-list__column .slds-button:first-of-type{ margin-top:var(--lwc-spacingLarge,1.5rem) } .slds-dueling-list__column_responsive{ flex:1 1 var(--lwc-sizeSmall,15rem); flex-wrap:wrap; overflow:hidden; min-width:var(--lwc-sizeXxSmall,6rem) } .slds-dueling-list__column_responsive .slds-dueling-list__options{ width:auto; max-width:100% } .slds-dueling-list__options,.slds-picklist__options{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderInput,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingXxSmall,0.25rem) 0; width:var(--lwc-sizeSmall,15rem); height:var(--lwc-sizeSmall,15rem); background-color:var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255)); overflow:auto } .slds-dueling-list__options [aria-selected=true],.slds-picklist__options [aria-selected=true]{ background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextButtonBrand,#FFFFFF) } .slds-dueling-list__options [aria-selected=true]:hover,.slds-dueling-list__options [aria-selected=true]:focus,.slds-picklist__options [aria-selected=true]:hover,.slds-picklist__options [aria-selected=true]:focus{ background:var(--lwc-brandAccessibleActive,#ae2700); color:var(--lwc-colorTextButtonBrandHover,#FFFFFF) } .slds-dueling-list__options .slds-is-grabbed,.slds-picklist__options .slds-is-grabbed{ transform:rotate(3deg) } .slds-dueling-list__options.slds-is-disabled,.slds-picklist__options.slds-is-disabled{ background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); color:var(--lwc-colorTextInputDisabled,rgb(107, 109, 112)) } .slds-dueling-list__options.slds-is-disabled:hover,.slds-picklist__options.slds-is-disabled:hover{ cursor:not-allowed } .slds-dueling-list__options.slds-is-disabled .slds-listbox__option:hover,.slds-picklist__options.slds-is-disabled .slds-listbox__option:hover{ cursor:not-allowed; background-color:transparent } .slds-dueling-list__options.slds-is-disabled .slds-listbox__option:focus,.slds-picklist__options.slds-is-disabled .slds-listbox__option:focus{ background-color:transparent } .slds-disabled-text{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-datepicker td:hover:not(.slds-disabled-text)>.slds-day,.slds-datepicker td:focus:not(.slds-disabled-text)>.slds-day,.slds-datepicker td.slds-is-today>.slds-day{ cursor:pointer } .slds-datepicker{ padding:0; font-size:var(--lwc-fontSize2,0.75rem) } .slds-datepicker thead>tr>th,.slds-datepicker tbody>tr>td{ text-align:center } .slds-datepicker thead>tr>th{ padding:var(--lwc-spacingXSmall,0.5rem); font-weight:var(--lwc-fontWeightRegular,400); color:var(--lwc-colorTextLabel,rgb(0, 1, 16)) } .slds-datepicker tbody>tr>td{ padding:var(--lwc-spacingXxSmall,0.25rem); font-size:var(--lwc-fontSize2,0.75rem) } .slds-datepicker tbody>tr>td>.slds-day{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); display:block; position:relative; min-width:var(--lwc-squareIconMediumBoundary,2rem); line-height:var(--lwc-squareIconMediumBoundary,2rem); border-radius:var(--lwc-borderRadiusCircle,50%); margin:auto } .slds-datepicker tbody>tr>td:hover>.slds-day,.slds-datepicker tbody>tr>td:focus>.slds-day,.slds-datepicker tbody>tr>td.slds-is-today>.slds-day{ cursor:pointer } .slds-datepicker tbody>tr>td.slds-is-today>.slds-day{ background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-datepicker tbody>tr>td:focus{ outline:0 } .slds-datepicker tbody>tr>td:focus>.slds-day{ box-shadow:var(--lwc-brandAccessible,rgb(225, 50, 0)) 0 0 0 1px inset } .slds-datepicker tbody>tr>td:hover>.slds-day{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-datepicker tbody>tr>td.slds-is-selected>.slds-day{ background:var(--lwc-brandAccessible,rgb(225, 50, 0)); color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-datepicker tbody>tr>td.slds-is-selected:focus>.slds-day{ background:var(--lwc-brandAccessibleActive,#ae2700); box-shadow:var(--lwc-brandAccessibleActive,#ae2700) 0 0 3px; color:var(--lwc-colorTextBrandPrimary,#FFFFFF) } .slds-datepicker__filter{ padding:var(--lwc-spacingXxSmall,0.25rem) } .slds-datepicker__filter_month,.slds-datepicker__filter--month{ padding:0 var(--lwc-spacingXxSmall,0.25rem) 0 0 } .slds-datepicker__month{ font-size:var(--lwc-fontSize2,0.75rem) } .slds-has-error .slds-datepicker__filter .slds-select{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderInput,rgb(0, 1, 16)); box-shadow:none } .slds-day_adjacent-month{ color:var(--lwc-datepickerColorTextDayAdjacentMonth,rgb(112, 110, 107)) } .slds-table .slds-datepicker .slds-datepicker__month tbody>tr:hover>td{ background-color:unset } .slds-datepicker .slds-has-multi-selection .slds-is-selected-multi:last-child>.slds-day:after{ left:auto; right:0; transform:translateX(var(--lwc-spacingXxSmall,0.25rem)) } .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child>.slds-day:before,.slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child>.slds-day:after{ content:''; position:absolute; background:var(--lwc-brandAccessible,rgb(225, 50, 0)); top:0; left:-50%; height:100%; width:2.5rem; transform:translateX(var(--lwc-spacingXSmall,0.5rem) * -1); z-index:-1 } .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child>.slds-day:before{ left:0; transform:translateX(var(--lwc-spacingXxSmall,0.25rem) * -1) } .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child>.slds-day:after{ left:auto; right:0; transform:translateX(var(--lwc-spacingXxSmall,0.25rem)) } .slds-datepicker td.slds-is-selected-multi>.slds-day{ overflow:visible } .slds-datepicker td.slds-is-selected-multi.slds-is-today>.slds-day{ box-shadow:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) 0 0 0 1px inset } .slds-datepicker td.slds-is-selected-multi+.slds-is-selected-multi>.slds-day:before{ content:''; position:absolute; background:var(--lwc-brandAccessible,rgb(225, 50, 0)); top:0; left:-50%; height:100%; width:2.5rem; transform:translateX(var(--lwc-spacingXSmall,0.5rem) * -1); z-index:-1 } .slds-datepicker_time,.slds-datepicker--time{ max-width:var(--lwc-sizeXSmall,12rem); max-height:13.5rem; overflow:hidden; overflow-y:auto } .slds-datepicker_time__list>li,.slds-datepicker--time__list>li{ white-space:nowrap; padding:var(--lwc-spacingXSmall,0.5rem); padding-left:var(--lwc-spacingXLarge,2rem); padding-right:var(--lwc-spacingXLarge,2rem) } .slds-datepicker_time__list>li:hover,.slds-datepicker_time__list>li:focus,.slds-datepicker--time__list>li:hover,.slds-datepicker--time__list>li:focus{ background:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); text-decoration:none; cursor:pointer } .slds-docked-composer_overflow__pill,.slds-docked-composer--overflow__pill{ display:flex; padding:0 var(--lwc-spacingSmall,0.75rem); height:inherit; white-space:nowrap; border-bottom-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom-right-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-docked-composer_overflow__pill:hover,.slds-docked-composer_overflow__pill:focus,.slds-docked-composer--overflow__pill:hover,.slds-docked-composer--overflow__pill:focus{ color:var(--lwc-colorTextInverse,#FFFFFF); text-decoration:none } .slds-docked-composer_overflow__pill .slds-text-body_small,.slds-docked-composer_overflow__pill .slds-text-body--small,.slds-docked-composer--overflow__pill .slds-text-body_small,.slds-docked-composer--overflow__pill .slds-text-body--small{ color:var(--lwc-colorTextInverse,#FFFFFF); margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-docked_container{ display:flex; align-items:flex-end; position:fixed; bottom:0; right:0; padding:0 var(--lwc-spacingLarge,1.5rem); height:var(--lwc-heightDockedBar,2.5rem) } .slds-docked-composer{ position:relative; border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; width:480px; height:var(--lwc-heightDockedBar,2.5rem); float:left; box-shadow:var(--lwc-elevationInverseShadow2,0 -2px 2px 0 rgba(0, 0, 0, 0.16)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:none; background-color:var(--lwc-colorBackgroundDockedPanel,rgb(255, 255, 255)) } .slds-docked-composer.slds-has-focus{ box-shadow:0 0 4px 2px var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-docked-composer.slds-is-open{ height:480px } .slds-docked-composer.slds-is-closed{ height:var(--lwc-heightDockedBar,2.5rem) } .slds-docked-composer.slds-is-closed .slds-docked-composer__body,.slds-docked-composer.slds-is-closed .slds-docked-composer__footer{ display:none } .slds-docked-composer+.slds-docked-composer{ margin-left:var(--lwc-spacingLarge,1.5rem) } .slds-docked-composer__header{ background:var(--lwc-colorBackgroundDockedPanelHeader,rgb(255, 255, 255)); border-bottom:var(--lwc-borderWidthThick,2px) solid var(--lwc-brandPrimary,rgb(225, 50, 0)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-docked-composer__actions .slds-button{ margin-left:var(--lwc-spacingSmall,0.75rem) } .slds-docked-composer__body{ display:flex; flex:1 0 auto; flex-direction:column; overflow:auto } .slds-docked-composer__body_form,.slds-docked-composer__body--form{ justify-content:flex-start; padding:var(--lwc-spacingMedium,1rem) } .slds-docked-composer__lead{ display:flex; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); padding:var(--lwc-spacingMedium,1rem) var(--lwc-spacingXSmall,0.5rem) } .slds-docked-composer__toolbar{ background:var(--lwc-colorBackground,#FFFFFF); padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem); max-height:60px; overflow-y:auto; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-docked-composer__input{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); padding:var(--lwc-spacingMedium,1rem); min-height:var(--lwc-sizeXxSmall,6rem); resize:none; line-height:var(--lwc-lineHeightText,1.5); overflow:hidden; overflow-y:auto } .slds-docked-composer__footer{ display:flex; background:var(--lwc-colorBackground,#FFFFFF); padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingXSmall,0.5rem); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-docked-composer_overflow,.slds-docked-composer--overflow{ width:auto } .slds-docked-composer_overflow__button,.slds-docked-composer--overflow__button{ display:flex; background:var(--lwc-colorBackgroundDockedPanelHeader,rgb(255, 255, 255)); padding:0 var(--lwc-spacingSmall,0.75rem); height:inherit; white-space:nowrap; border-bottom-left-radius:0; border-bottom-right-radius:0 } .slds-docked-composer-modal .slds-modal__content{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-docked-composer-modal .slds-docked-composer{ width:100%; height:100%; border:0 } .slds-email-composer{ position:relative; flex:1 1 auto } .slds-email-composer .slds-rich-text-editor{ border:0; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:0 } .slds-email-composer__combobox{ padding-left:var(--lwc-spacingXxLarge,3rem); border:0; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:0 } .slds-email-composer__combobox .slds-form-element__label{ position:absolute; left:var(--lwc-spacingSmall,0.75rem); top:50%; transform:translateY(-50%) } .slds-email-composer__combobox .slds-combobox_container,.slds-email-composer__combobox .slds-input[value]{ border:0; box-shadow:none } .slds-email-composer__recipient{ position:absolute; top:0; right:var(--lwc-spacingSmall,0.75rem) } .slds-utility-bar_container{ position:relative } .slds-utility-bar{ display:flex; position:fixed; bottom:0; left:0; width:100%; height:var(--lwc-heightDockedBar,2.5rem); background:var(--lwc-colorBackgroundDockedPanel,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowDocked,0 -2px 2px 0 rgba(0, 0, 0, 0.16)); z-index:var(--lwc-zIndexDocked,4) } .slds-utility-bar .slds-indicator_unread,.slds-utility-bar .slds-indicator--unread{ background:var(--lwc-utilityBarColorBackgroundNotificationBadge,rgb(254, 92, 76)); top:var(--lwc-spacingXSmall,0.5rem) } .slds-utility-bar__item{ display:flex; margin-right:var(--lwc-borderWidthThin,1px) } .slds-utility-bar__item_pop-out{ position:relative } .slds-utility-bar__item_pop-out:before{ content:''; position:absolute; top:4px; right:4px; height:4px; width:4px; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorTextDefault,rgb(0, 1, 16)); border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorTextDefault,rgb(0, 1, 16)) } [dir=rtl] .slds-utility-bar__item_pop-out:before{ right:auto; left:4px; border-right-width:0; border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-utility-bar__item_pop-out:after{ content:''; position:absolute; top:2px; right:6px; height:7px; width:7px; border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorTextDefault,rgb(0, 1, 16)); transform:rotate(45deg) } [dir=rtl] .slds-utility-bar__item_pop-out:after{ right:auto; left:6px; border-right-width:0; border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorTextDefault,rgb(0, 1, 16)); transform:rotate(-45deg) } .slds-utility-bar__action{ position:relative; display:inline-flex; align-items:center; padding:0 var(--lwc-spacingSmall,0.75rem); border-radius:0; border:0; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-utility-bar__action:after{ content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:transparent } .slds-utility-bar__action:focus,.slds-utility-bar__action:hover{ box-shadow:none } .slds-utility-bar__action:focus:after{ height:3px; background:var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-utility-bar__action:hover,.slds-utility-bar__action:focus{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)); color:inherit } .slds-utility-bar__action.slds-is-active{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)); color:inherit } .slds-utility-bar__action.slds-is-active:after{ background:var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-utility-bar__text{ display:flex; flex-direction:column; line-height:1; text-align:left } .slds-has-notification .slds-utility-bar__action{ background:var(--lwc-colorBackgroundInfo,rgb(107, 109, 112)); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-has-notification .slds-utility-bar__action:hover,.slds-has-notification .slds-utility-bar__action:focus{ background:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)) } .slds-has-notification .slds-utility-bar__action:focus:after{ background:var(--lwc-utilityBarColorBackgroundNotificationFocus,rgb(201, 199, 197)) } .slds-utility-panel{ position:fixed; bottom:var(--lwc-lineHeightButton,1.875rem); width:21.25rem; height:30rem; border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:none; background:var(--lwc-colorBackgroundDockedPanel,rgb(255, 255, 255)); transform:translateY(100%) } .slds-utility-panel.slds-is-open{ box-shadow:var(--lwc-shadowDocked,0 -2px 2px 0 rgba(0, 0, 0, 0.16)); transform:translateY(0) } .slds-utility-panel__header{ background:var(--lwc-colorBackgroundDockedPanelHeader,rgb(255, 255, 255)); border-bottom:var(--lwc-borderWidthThick,2px) solid var(--lwc-brandPrimary,rgb(225, 50, 0)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-utility-panel__body{ display:flex; flex:1 1 0%; flex-direction:column; overflow:auto } .slds-drop-zone{ position:relative } .slds-drop-zone:after{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; border:var(--lwc-borderWidthThin,1px) dotted var(--lwc-colorGray11,rgb(62, 62, 60)); outline:var(--lwc-borderWidthThin,1px) dotted var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-drop-zone.slds-drop-zone_drag:after{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)); outline:0 } .slds-drop-zone__label{ color:var(--lwc-colorTextInverse,#FFFFFF); background:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem); position:absolute; top:0; left:50%; transform:translate(-50%, -100%) } .slds-drop-zone__label.slds-drop-zone__label_container{ opacity:0; background:var(--lwc-colorBackgroundBrandPrimary,rgb(225, 50, 0)) } .slds-drop-zone__label .slds-media__body{ flex-basis:auto } .slds-drop-zone__label_button{ border-radius:0 } .slds-drop-zone__label_button:hover,.slds-drop-zone__label_button:focus{ text-decoration:underline; outline:none } .slds-drop-zone_drag__slot{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorGray1,rgb(255, 255, 255)); border-left-width:var(--lwc-borderWidthThick,2px); border-right-width:var(--lwc-borderWidthThick,2px); background:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)); width:100%; height:var(--lwc-dropZoneSlotHeight,0.25rem) } .slds-drop-zone__container{ position:relative; z-index:var(--lwc-zIndexOverlay,8000) } .slds-drop-zone__container:after{ content:''; position:absolute; top:0; left:0; bottom:0; right:0 } .slds-drop-zone__container.slds-is-hovered .slds-drop-zone__label_container,.slds-drop-zone__container.slds-is-hovered .slds-drop-zone__actions,.slds-drop-zone__container:hover .slds-drop-zone__label_container,.slds-drop-zone__container:hover .slds-drop-zone__actions{ opacity:1; z-index:var(--lwc-zIndexOverlay,8000) } .slds-drop-zone__container.slds-is-hovered:after,.slds-drop-zone__container:hover:after{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderBrandPrimary,rgb(27, 150, 255)) } .slds-drop-zone__container:active:after{ border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorderBrandPrimaryActive,rgb(3, 45, 96)) } .slds-drop-zone__container:active .slds-drop-zone__label{ background-color:var(--lwc-colorBackgroundBrandPrimaryActive,#ae2700) } .slds-drop-zone__container:focus-within{ outline:none } .slds-drop-zone__container:focus-within .slds-drop-zone__label_container,.slds-drop-zone__container:focus-within .slds-drop-zone__actions{ opacity:1; z-index:var(--lwc-zIndexOverlay,8000) } .slds-drop-zone__container:focus-within:after{ border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorderBrandPrimaryFocus,rgb(1, 118, 211)) } .slds-drop-zone__container:focus-within .slds-drop-zone__label{ background-color:var(--lwc-colorBackgroundBrandPrimaryFocus,rgb(1, 68, 134)) } .slds-drop-zone__actions{ opacity:0; background:var(--lwc-colorBackgroundBrandPrimary,rgb(225, 50, 0)); position:absolute; right:0; top:0 } .slds-global-header__button_icon,.slds-global-header__button--icon{ margin:0 var(--lwc-spacingXxSmall,0.25rem); color:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)) } .slds-global-header__button_icon .slds-icon,.slds-global-header__button--icon .slds-icon{ fill:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)) } .slds-global-header__button_icon:hover:not(:disabled),.slds-global-header__button_icon:focus,.slds-global-header__button--icon:hover:not(:disabled),.slds-global-header__button--icon:focus{ color:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) } .slds-global-header__button_icon:hover:not(:disabled) .slds-icon,.slds-global-header__button_icon:focus .slds-icon,.slds-global-header__button--icon:hover:not(:disabled) .slds-icon,.slds-global-header__button--icon:focus .slds-icon{ fill:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) } .slds-global-header__button_icon-actions,.slds-global-header__button--icon-actions{ background:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); color:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header__button_icon-actions:hover,.slds-global-header__button_icon-actions:focus,.slds-global-header__button--icon-actions:hover,.slds-global-header__button--icon-actions:focus{ background-color:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)); color:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header__button_icon-actions .slds-button__icon,.slds-global-header__button--icon-actions .slds-button__icon{ width:1rem; height:1rem } .slds-global-header__button_icon-favorites,.slds-global-header__button--icon-favorites{ color:var(--lwc-colorTextIconInverse,rgb(255, 255, 255)) } .slds-global-header__button_icon-favorites .slds-icon,.slds-global-header__button_icon-favorites .slds-button__icon,.slds-global-header__button--icon-favorites .slds-icon,.slds-global-header__button--icon-favorites .slds-button__icon{ color:var(--lwc-brandHeader,rgb(225, 50, 0)); stroke:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)); stroke-width:var(--lwc-borderStrokeWidthThick,2px); stroke-linejoin:round; stroke-linecap:round } .slds-global-header__button_icon-favorites:hover .slds-icon,.slds-global-header__button_icon-favorites:hover .slds-button__icon,.slds-global-header__button_icon-favorites:focus .slds-icon,.slds-global-header__button_icon-favorites:focus .slds-button__icon,.slds-global-header__button--icon-favorites:hover .slds-icon,.slds-global-header__button--icon-favorites:hover .slds-button__icon,.slds-global-header__button--icon-favorites:focus .slds-icon,.slds-global-header__button--icon-favorites:focus .slds-button__icon{ color:var(--lwc-brandHeader,rgb(225, 50, 0)); stroke:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) } .slds-global-header__button_icon-favorites.slds-is-selected .slds-icon,.slds-global-header__button_icon-favorites.slds-is-selected .slds-button__icon,.slds-global-header__button--icon-favorites.slds-is-selected .slds-icon,.slds-global-header__button--icon-favorites.slds-is-selected .slds-button__icon{ color:var(--lwc-brandHeader,rgb(225, 50, 0)); stroke:var(--lwc-brandAccessible,rgb(225, 50, 0)); stroke-width:var(--lwc-borderStrokeWidthThin,1px); fill:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-icon,.slds-global-header__button_icon-favorites.slds-is-selected:hover .slds-button__icon,.slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-icon,.slds-global-header__button_icon-favorites.slds-is-selected:focus .slds-button__icon,.slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-icon,.slds-global-header__button--icon-favorites.slds-is-selected:hover .slds-button__icon,.slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-icon,.slds-global-header__button--icon-favorites.slds-is-selected:focus .slds-button__icon{ color:var(--lwc-brandHeader,rgb(225, 50, 0)); stroke:var(--lwc-brandAccessibleActive,#ae2700); fill:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header__button_icon-favorites.slds-is-selected:active .slds-icon,.slds-global-header__button_icon-favorites.slds-is-selected:active .slds-button__icon,.slds-global-header__button--icon-favorites.slds-is-selected:active .slds-icon,.slds-global-header__button--icon-favorites.slds-is-selected:active .slds-button__icon{ color:var(--lwc-brandHeader,rgb(225, 50, 0)); stroke:var(--lwc-brandAccessibleActive,#ae2700); fill:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header__button_icon-favorites.slds-is-disabled .slds-icon,.slds-global-header__button_icon-favorites.slds-is-disabled .slds-button__icon,.slds-global-header__button_icon-favorites:disabled .slds-icon,.slds-global-header__button_icon-favorites:disabled .slds-button__icon,.slds-global-header__button--icon-favorites.slds-is-disabled .slds-icon,.slds-global-header__button--icon-favorites.slds-is-disabled .slds-button__icon,.slds-global-header__button--icon-favorites:disabled .slds-icon,.slds-global-header__button--icon-favorites:disabled .slds-button__icon{ stroke:var(--lwc-brandHeaderContrastWeakDisabled,rgba(166, 166, 166, 0.25)) } .slds-global-header__icon,.slds-global-header__icon .slds-icon,.slds-global-header__icon .slds-button__icon{ width:1.25rem; height:1.25rem } .slds-global-header_container{ position:fixed; width:100%; top:0; left:0; z-index:var(--lwc-zIndexSticky,100) } .slds-global-header_container .slds-assistive-text_focus,.slds-global-header_container .slds-assistive-text--focus{ top:0; color:var(--lwc-brandHeaderContrast,rgb(94, 94, 94)); background:var(--lwc-brandHeader,rgb(225, 50, 0)) } .slds-global-header{ background:var(--lwc-brandHeader,rgb(225, 50, 0)); box-shadow:var(--lwc-shadowHeader,0 2px 4px rgba(0, 0, 0, 0.07)); padding:var(--lwc-spacingXSmall,0.5rem) 0; height:var(--lwc-heightHeader,3.125rem); align-items:center } .slds-global-header__item{ padding:0 var(--lwc-spacingMedium,1rem) } .slds-global-header__item_search,.slds-global-header__item--search{ flex:0 1 33.5rem; min-width:27.5rem; padding:0 } .slds-global-header .slds-global-search__form-element .slds-input{ padding-left:3rem } .slds-global-header .slds-global-search__form-element .slds-input__icon_left,.slds-global-header .slds-global-search__form-element .slds-input__icon--left{ left:1.25rem } .slds-global-header .slds-global-search__form-element .slds-icon{ fill:var(--lwc-colorTextInputIcon,rgb(171, 173, 176)) } .slds-global-header__logo{ width:12.5rem; height:2.5rem; background-image:var(--lwc-brandLogoImage,url(../../../support/file-asset/Meet_Poly1@v=1.html)); background-size:contain; background-repeat:no-repeat; background-position:left center } .slds-global-actions{ display:flex; align-items:center } .slds-global-actions__item{ margin-left:var(--lwc-spacingXxSmall,0.25rem); margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-global-actions__item .slds-button_icon{ color:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)) } .slds-global-actions__item-action{ transition:color 200ms linear } .slds-global-actions__item-action:hover:not(:disabled),.slds-global-actions__item-action:focus{ color:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) } .slds-global-actions__item-action:active{ animation:click-icon 120ms cubic-bezier(1, 1.9, 0.94, 0.98) } .slds-global-actions__item-action:active:not(:disabled){ color:var(--lwc-brandHeaderContrast,rgb(94, 94, 94)) } @keyframes click-icon{ 25%{ transform:scale(0.94, 0.94) } 100%{ transform:scale(0.98, 0.98) } } .slds-global-actions__avatar{ box-shadow:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) 0 0 0 0; border-radius:var(--lwc-borderRadiusCircle,50%); border:0; margin-left:var(--lwc-spacingXSmall,0.5rem); transition:transform 80ms ease-out,box-shadow .1s linear } .slds-global-actions__avatar:hover,.slds-global-actions__avatar:focus{ box-shadow:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) 0 0 0 2px } .slds-global-actions__favorites{ display:inline-flex; margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-global-actions__favorites-action{ border-color:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)) } .slds-global-actions__favorites-action:hover{ border-color:var(--lwc-brandHeaderContrast,rgb(94, 94, 94)) } .slds-global-actions__favorites-action .slds-button__icon{ width:1rem; height:1rem; transition:transform 200ms ease-out } .slds-global-actions__favorites-action:hover:not(:disabled) .slds-button__icon{ transform:scale(1.1, 1.1); transform-origin:60% 40% } .slds-global-actions__favorites-action.slds-is-selected{ background-color:var(--lwc-brandHeaderContrastCool,rgb(1, 68, 134)); border-color:var(--lwc-brandHeaderContrastCool,rgb(1, 68, 134)) } .slds-global-actions__favorites-action.slds-is-selected:hover,.slds-global-actions__favorites-action.slds-is-selected:focus{ background-color:var(--lwc-brandHeaderContrastCoolActive,rgb(1, 68, 134)); border-color:var(--lwc-brandHeaderContrastCoolActive,rgb(1, 68, 134)) } .slds-global-actions__favorites-action.slds-is-selected .slds-button__icon{ animation:click-favorites-icon 600ms cubic-bezier(0.46, 0.32, 0, 0.98) } .slds-global-actions__favorites-action:disabled,.slds-global-actions__favorites-action.slds-is-disabled{ color:var(--lwc-brandHeaderContrastWeakDisabled,rgba(166, 166, 166, 0.25)); border-color:var(--lwc-brandHeaderContrastWeakDisabled,rgba(166, 166, 166, 0.25)) } .slds-global-actions__favorites-more{ width:auto; padding-left:var(--lwc-spacingXxxSmall,0.125rem); padding-right:var(--lwc-spacingXxxSmall,0.125rem); border-color:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)) } .slds-global-actions__favorites-more:hover{ border-color:var(--lwc-brandHeaderContrast,rgb(94, 94, 94)) } @keyframes click-favorites-icon{ 25%{ transform:scale(0.85, 0.85) rotate(15deg) } 75%{ transform:scale(1.2, 1.2) rotate(0deg) } 100%{ transform:scale(1, 1) rotate(0deg) } } .slds-global-actions__task{ width:1.25rem; height:1.25rem; background:var(--lwc-brandHeaderContrastWeak,rgb(145, 145, 145)); position:relative; top:-1px } .slds-global-actions__task:hover{ background:var(--lwc-brandHeaderContrastWeakActive,rgb(129, 129, 129)) } .slds-global-actions__task:active{ background:var(--lwc-brandHeaderContrast,rgb(94, 94, 94)) } .slds-global-actions__task.slds-global-actions__item-action,.slds-global-actions__task.slds-global-actions__item-action:hover,.slds-global-actions__task.slds-global-actions__item-action:active{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-global-actions__task .slds-button__icon{ width:1rem; height:1rem } .slds-global-actions__notifications{ position:relative } .slds-global-actions__notifications.slds-incoming-notification{ animation:bell .8s ease-in-out } .slds-notification-badge{ display:inline-flex; justify-content:center; align-content:center; align-items:center; position:absolute; top:-.25rem; right:-.25rem; background:var(--lwc-brandHeaderContrastWarm,rgb(186, 5, 23)); color:var(--lwc-colorGray1,rgb(255, 255, 255)); border-radius:var(--lwc-borderRadiusPill,15rem); min-width:1rem; min-height:1rem; text-align:center; font-size:var(--lwc-fontSize1,0.625rem); padding:0 var(--lwc-spacingXxxSmall,0.125rem); opacity:0; pointer-events:none } .slds-notification-badge.slds-show-notification{ animation:ding .8s ease-out; opacity:1; transition-delay:.5s; transform-origin:1.1875rem 0 } @keyframes ding{ 75%{ transform:scale(0.5, 0.5) } 85%{ transform:scale(1.5, 1.5) } 100%{ transform:scale(1, 1) } } @keyframes bell{ 45%{ transform:rotate(15deg) } 57%{ transform:rotate(-15deg) } 70%{ transform:rotate(7deg) } 77%{ transform:rotate(-5deg) } } .slds-global-header__notification{ border-bottom:1px solid var(--lwc-colorBorder,rgb(0, 1, 16)); padding:var(--lwc-spacingXxSmall,0.25rem) } .slds-global-header__notification_unread,.slds-global-header__notification--unread{ background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-global-header__notification:hover{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-global-header__notification:last-child{ border-bottom:0 } .slds-context-bar{ display:flex; height:var(--lwc-heightContextBar,2.5rem); background-color:var(--lwc-colorBackgroundContextBar,rgb(255, 255, 255)); border-bottom:3px solid var(--lwc-brandPrimary,rgb(225, 50, 0)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); position:relative; padding:0 0 0 var(--lwc-spacingLarge,1.5rem) } .slds-context-bar__primary,.slds-context-bar__secondary,.slds-context-bar__tertiary{ display:flex; flex-shrink:0 } .slds-context-bar__secondary{ flex:1 1 0%; min-width:0 } .slds-context-bar__vertical-divider{ width:0; overflow:hidden; border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar__item{ display:flex; align-content:center; align-items:stretch; white-space:nowrap; position:relative; max-width:var(--lwc-sizeSmall,15rem); transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-context-bar__item:not(.slds-no-hover):hover,.slds-context-bar__item.slds-is-active{ outline:0; border-radius:0; background-color:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)); text-decoration:none; cursor:pointer } .slds-context-bar__item:not(.slds-no-hover):hover:after{ content:''; width:100%; height:3px; display:block; background:rgba(0, 0, 0, 0.25); position:absolute; bottom:-3px; left:0; right:0 } @supports (mix-blend-mode: soft-light){ .slds-context-bar__item:not(.slds-no-hover):hover:after{ background:rgba(0, 0, 0, 0.75); mix-blend-mode:soft-light } } .slds-context-bar__item:before{ bottom:0; content:''; height:auto; left:0; position:absolute; right:0; top:0; transition-property:top,background-color } .slds-context-bar__item.slds-is-active{ animation:bkAnim .135s cubic-bezier(0.39, 0.575, 0.565, 1) both } @keyframes bkAnim{ 50%{ background-color:var(--lwc-colorBackgroundContextBar,rgb(255, 255, 255)) } 100%{ background-color:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)) } } .slds-context-bar__item.slds-is-active:before{ content:''; height:var(--lwc-globalnavigationItemHeightAccentActive,3px); display:block; background:var(--lwc-brandPrimary,rgb(225, 50, 0)); position:absolute; top:0; left:-1px; right:-1px; animation:navBounceIn .15s cubic-bezier(0.39, 0.575, 0.565, 1) both } @keyframes navBounceIn{ 0%{ transform:translate3d(0, 20px, 0); opacity:0 } 20%{ opacity:0 } 90%{ transform:translate3d(0, 1px, 0) } 100%{ transform:translate3d(0, 0, 0) } } .slds-context-bar__item.slds-is-active:hover{ border-bottom-color:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)) } .slds-context-bar__item.slds-has-focus:before,.slds-context-bar__item.slds-has-focus:after,.slds-context-bar__item.slds-has-focus:hover:before,.slds-context-bar__item.slds-has-focus:hover:after{ height:var(--lwc-globalnavigationItemHeightAccentFocus,4px) } .slds-context-bar__item.slds-has-notification{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)) } @keyframes error-pulse{ 0%{ background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)) } 40%{ background-color:var(--lwc-colorBackgroundDestructiveActive,rgb(142, 3, 15)) } 100%{ background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)) } } @keyframes success-pulse{ 0%{ background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } 40%{ background-color:var(--lwc-colorBackgroundSuccessDarker,rgb(25, 78, 49)) } 100%{ background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } } @keyframes warning-pulse{ 0%{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } 40%{ background-color:var(--lwc-colorBackgroundWarningDark,rgb(254, 147, 57)) } 100%{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } } .slds-context-bar__item.slds-has-success:before{ animation:none; animation-duration:1s; animation-iteration-count:3; animation-delay:150ms; animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1); background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)); bottom:0; content:''; height:auto; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-context-bar__item.slds-has-success:hover:before{ background-color:var(--lwc-colorBackgroundSuccessDarker,rgb(25, 78, 49)); height:auto } .slds-context-bar__item.slds-has-success:before{ animation-name:success-pulse } .slds-context-bar__item.slds-has-error:before{ animation:none; animation-duration:1s; animation-iteration-count:3; animation-delay:150ms; animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1); background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)); bottom:0; content:''; height:auto; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-context-bar__item.slds-has-error:hover:before{ background-color:var(--lwc-colorBackgroundDestructiveActive,rgb(142, 3, 15)); height:auto } .slds-context-bar__item.slds-has-error:before{ animation-name:error-pulse } .slds-context-bar__item.slds-has-success .slds-context-bar__label-action,.slds-context-bar__item.slds-has-error .slds-context-bar__label-action{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-context-bar__item.slds-has-success .slds-indicator_unread,.slds-context-bar__item.slds-has-error .slds-indicator_unread{ background-color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-context-bar__item.slds-has-success .slds-indicator_unsaved,.slds-context-bar__item.slds-has-error .slds-indicator_unsaved{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-context-bar__item.slds-has-warning:before{ animation:none; animation-duration:1s; animation-iteration-count:3; animation-delay:150ms; animation-timing-function:cubic-bezier(0.07, 0.49, 0.5, 1); background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)); bottom:0; content:''; height:auto; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-context-bar__item.slds-has-warning:hover:before{ background-color:var(--lwc-colorBackgroundWarningDark,rgb(254, 147, 57)); height:auto } .slds-context-bar__item.slds-has-warning:before{ animation-name:warning-pulse } .slds-context-bar__item.slds-has-warning .slds-indicator_unread{ background-color:currentColor } .slds-context-bar__item.slds-has-warning .slds-indicator_unsaved{ color:currentColor } .slds-context-bar__item.slds-has-success.slds-is-active:after,.slds-context-bar__item.slds-has-warning.slds-is-active:after,.slds-context-bar__item.slds-has-error.slds-is-active:after{ content:''; background:var(--lwc-colorGray11,rgb(62, 62, 60)); position:absolute; height:var(--lwc-globalnavigationItemHeightAccentActive,3px); opacity:.4; top:0; right:0; left:0 } .slds-context-bar__item.slds-has-success.slds-has-focus:after,.slds-context-bar__item.slds-has-warning.slds-has-focus:after,.slds-context-bar__item.slds-has-error.slds-has-focus:after{ height:var(--lwc-globalnavigationItemHeightAccentFocus,4px) } .slds-context-bar__item_divider-left,.slds-context-bar__item--divider-left{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar__item_divider-right,.slds-context-bar__item--divider-right{ border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar__label-action{ display:flex; align-content:center; align-items:center; flex-grow:1; padding:0 var(--lwc-spacingSmall,0.75rem); border-radius:0; min-width:0%; color:inherit; font-size:var(--lwc-fontSize3,0.8125rem); z-index:1 } .slds-context-bar__label-action:focus,.slds-context-bar__label-action:focus:hover{ outline:0; text-decoration:underline } .slds-context-bar__label-action:hover{ text-decoration:none } .slds-context-bar__label-action:hover,.slds-context-bar__label-action:focus{ color:inherit } .slds-context-bar__label-action:active{ color:inherit; text-decoration:none } .slds-context-bar__icon-action{ display:flex; align-items:center; align-content:center; margin-left:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); padding:0 var(--lwc-spacingXSmall,0.5rem); color:var(--lwc-colorTextContextBar,rgb(62, 62, 60)); border-radius:0; flex-shrink:0 } .slds-context-bar__icon-action:focus{ outline:0 } .slds-context-bar__icon-action:focus .slds-context-bar__button{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-context-bar__icon-action:focus~.slds-dropdown{ visibility:visible; opacity:1 } .slds-context-bar__icon-action:hover,.slds-context-bar__icon-action:focus{ color:var(--lwc-colorTextContextBar,rgb(62, 62, 60)) } .slds-context-bar__icon-action:active{ color:var(--lwc-colorTextContextBar,rgb(62, 62, 60)) } .slds-context-bar__icon-action .slds-icon-waffle_container{ width:var(--lwc-squareIconLargeContent,2rem); height:var(--lwc-squareIconLargeContent,2rem); margin-right:var(--lwc-spacingXxSmall,0.25rem); margin-left:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-context-bar__icon-action .slds-icon-waffle{ margin-right:auto; margin-left:auto } .slds-context-bar .slds-context-bar__button{ color:inherit } .slds-context-bar .slds-context-bar__icon-action{ margin-left:auto } .slds-context-bar_tabs,.slds-context-bar--tabs{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar__item_tab,.slds-context-bar__item--tab{ width:var(--lwc-sizeXSmall,12rem); border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar__item_tab .slds-context-bar__label-action,.slds-context-bar__item--tab .slds-context-bar__label-action{ padding:0 var(--lwc-spacingXSmall,0.5rem) } .slds-context-bar__item_tab.slds-is-pinned,.slds-context-bar__item--tab.slds-is-pinned{ width:auto; padding-right:var(--lwc-spacingXSmall,0.5rem) } .slds-context-bar__item_tab.slds-is-pinned .slds-context-bar__label-action,.slds-context-bar__item--tab.slds-is-pinned .slds-context-bar__label-action{ padding:0 var(--lwc-spacingXSmall,0.5rem) } .slds-context-bar .slds-is-unsaved .slds-context-bar__label-action{ position:relative; font-style:italic; line-height:normal } .slds-context-bar .slds-is-unsaved .slds-indicator_unread{ margin-left:-.35rem } .slds-context-bar .slds-has-notification .slds-indicator_unread{ display:inline-block; flex-shrink:0; height:6px; width:6px; left:auto; position:relative; top:auto } .slds-context-bar .slds-has-notification .slds-indicator_unsaved,.slds-context-bar .slds-has-notification .slds-indicator--unsaved{ top:-.25rem } .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active,.slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover{ animation:none; background-color:transparent } .slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:after,.slds-context-bar__item_tab.slds-has-sub-tabs.slds-is-active:hover:after{ content:''; display:block; position:absolute; left:0; bottom:-3px; height:3px; width:100%; background-color:var(--lwc-colorBackgroundContextBar,rgb(255, 255, 255)); border:0; mix-blend-mode:unset } .slds-indicator_unsaved,.slds-indicator--unsaved{ color:var(--lwc-brandAccessible,rgb(225, 50, 0)); align-self:center; position:relative } .slds-context-bar__dropdown-trigger .slds-dropdown{ margin-top:3px } .slds-context-bar__dropdown-trigger .slds-dropdown:before{ content:''; position:absolute; bottom:100%; width:100%; height:3px } .slds-context-bar__app-name{ padding:0 var(--lwc-spacingLarge,1.5rem) 0 0; font-size:var(--lwc-fontSize6,1.125rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-context-bar__object-switcher{ min-width:9rem; max-width:var(--lwc-sizeXSmall,12rem); border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-context-bar_theme-marketing,.slds-context-bar--theme-marketing{ border-bottom-color:#f59331 } .slds-context-bar_theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover,.slds-context-bar--theme-marketing .slds-context-bar__item:not(.slds-no-hover):hover{ border-bottom-color:#f59331 } .slds-context-bar_theme-marketing .slds-context-bar__item.slds-is-active:before,.slds-context-bar--theme-marketing .slds-context-bar__item.slds-is-active:before{ background:#f59331 } .slds-indicator-container{ display:inline; margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-indicator-container:empty{ margin-right:0 } .slds-expression__options{ width:var(--lwc-sizeSmall,15rem) } .slds-expression__options .slds-form-element__control{ clear:none } .slds-expression__legend{ float:left; width:var(--lwc-sizeXxxSmall,3rem); padding-top:calc((1.5 * 0.75rem) + (1.875rem / 4)); font-weight:var(--lwc-fontWeightBold,700) } .slds-expression__legend.slds-expression__legend_group{ margin-top:0 } .slds-expression__row{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-expression__row.slds-expression__row_group{ padding-left:var(--lwc-spacingXxLarge,3rem) } .slds-expression__buttons{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-expression__group{ background:var(--lwc-colorBackground,#FFFFFF); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingSmall,0.75rem); margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-expression__title{ font-size:var(--lwc-fontSize6,1.125rem); font-weight:bold; margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-expression__custom-logic{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-expression_formula__rte{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-filters{ position:relative } .slds-filters__header{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-filters__body{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-filters__footer{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem) } .slds-filters__item{ padding:var(--lwc-spacingSmall,0.75rem); background:var(--lwc-colorBackgroundButtonDefault,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-filters__item.slds-is-new{ background:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-filters__item.slds-has-error{ border-color:var(--lwc-colorBorderError,rgb(234, 0, 30)) } .slds-filters__item.slds-is-locked{ background:var(--lwc-colorBackground,#FFFFFF) } .slds-filters__item+.slds-filters__item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-filters__item:hover{ background:var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05)) } .slds-filters__group{ background:var(--lwc-colorBackground,#FFFFFF); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingSmall,0.75rem) } .slds-builder-header_container{ position:fixed; width:100%; top:0; left:0; z-index:var(--lwc-zIndexSticky,100) } .slds-builder-header{ position:relative; display:flex; height:var(--lwc-heightHeader,3.125rem); background:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-builder-header__item{ display:flex; align-content:center; align-items:center; white-space:nowrap } .slds-builder-header__item+.slds-builder-header__item{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-builder-header__item-action,.slds-builder-header__item-label{ color:currentColor; padding:0 var(--lwc-spacingMedium,1rem); display:flex; align-content:center; align-items:center; flex-grow:1; min-width:0%; height:100% } .slds-builder-header__item-action .slds-media__body,.slds-builder-header__item-label .slds-media__body{ flex-basis:auto } .slds-builder-header__item-action{ transition:all 150ms linear } .slds-builder-header__item-action:hover,.slds-builder-header__item-action:focus{ background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); color:var(--lwc-colorGray1,rgb(255, 255, 255)); text-decoration:none } .slds-builder-header__item-action:focus{ text-decoration:underline; box-shadow:none; outline:none } .slds-builder-header__nav,.slds-builder-header__utilities{ align-items:stretch } .slds-builder-header__nav-list{ display:flex } .slds-builder-header__utilities{ margin-left:auto } .slds-builder-header__nav-item,.slds-builder-header__utilities-item{ display:flex; align-content:center; align-items:stretch } .slds-builder-header__nav-item+.slds-builder-header__nav-item,.slds-builder-header__nav-item+.slds-builder-header__utilities-item,.slds-builder-header__utilities-item+.slds-builder-header__nav-item,.slds-builder-header__utilities-item+.slds-builder-header__utilities-item{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-builder-toolbar{ display:flex; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-builder-toolbar__actions{ display:flex; align-items:center; margin-left:auto } .slds-builder-toolbar__item-group{ display:flex; align-items:center } .slds-builder-toolbar__item-group+.slds-builder-toolbar__item-group{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-publisher{ display:flex } .slds-publisher.slds-is-active{ display:block } .slds-publisher.slds-is-active .slds-publisher__toggle-visibility{ display:inherit; height:auto; overflow:visible; width:auto } .slds-publisher.slds-is-active .slds-publisher__input{ line-height:var(--lwc-lineHeightText,1.5); height:auto; max-height:10rem; resize:vertical; padding-top:var(--lwc-spacingSmall,0.75rem); padding-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-publisher__input{ line-height:var(--lwc-lineHeightButton,1.875rem); padding:0 var(--lwc-spacingMedium,1rem); resize:none; min-height:calc(var(--lwc-lineHeightButton,1.875rem) + 2px); max-height:calc(var(--lwc-lineHeightButton,1.875rem) + 2px); width:100% } .slds-publisher__actions>.slds-button{ margin-left:var(--lwc-spacingSmall,0.75rem) } .slds-publisher .slds-publisher__toggle-visibility{ display:block; height:0; overflow:hidden; width:0 } .slds-publisher_comment,.slds-publisher--comment{ background-color:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderInput,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); width:100%; position:relative; min-height:calc(var(--lwc-lineHeightButton,1.875rem) + 2px); max-height:calc(var(--lwc-lineHeightButton,1.875rem) + 2px) } .slds-publisher_comment.slds-is-active,.slds-publisher--comment.slds-is-active{ min-height:var(--lwc-sizeXxSmall,6rem); max-height:var(--lwc-sizeSmall,15rem) } .slds-publisher_comment.slds-is-active .slds-publisher__actions,.slds-publisher--comment.slds-is-active .slds-publisher__actions{ display:flex } .slds-publisher_comment.slds-has-focus,.slds-publisher--comment.slds-has-focus{ outline:0; border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); background-color:var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-publisher_comment .slds-publisher__actions,.slds-publisher--comment .slds-publisher__actions{ display:none; padding:0 var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingSmall,0.75rem) } .slds-publisher_comment .slds-attachments,.slds-publisher--comment .slds-attachments{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem) } .slds-feed{ position:relative; max-width:49rem; margin:auto } .slds-feed__list{ margin:0; padding:0 } .slds-feed__item{ padding:var(--lwc-varSpacingVerticalXSmall,0.5rem) 0 } @media (min-width:48em){ .slds-feed__item{ padding:var(--lwc-varSpacingVerticalSmall,0.75rem) 0 } } .slds-comment__replies{ padding-top:var(--lwc-spacingMedium,1rem); margin-left:3.75rem } .slds-comment__replies>:last-child,.slds-comment__replies>:last-child .slds-comment{ padding-bottom:0 } .slds-comment__replies>:last-child:before,.slds-comment__replies>:last-child .slds-comment:before{ content:none } .slds-comment__replies .slds-comment{ margin-bottom:0; padding-bottom:var(--lwc-spacingMedium,1rem); position:relative } .slds-comment__replies .slds-comment:before{ content:''; background:var(--lwc-colorBorder,rgb(0, 1, 16)); height:100%; width:var(--lwc-borderWidthThin,1px); position:absolute; left:1.125rem; top:0; bottom:0; margin-left:-1.125rem; z-index:-1 } .slds-comment__replies .slds-avatar{ border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-tags{ display:flex } .slds-tags__list{ display:flex } .slds-tags__item{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-tags__item:after{ content:', ' } .slds-tags__item:last-child:after{ content:none } .slds-attachments{ padding-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-attachments:empty{ padding:0 } .slds-attachments__item+.slds-attachments__item{ margin-top:var(--lwc-spacingMedium,1rem) } .slds-comment__content{ padding:var(--lwc-varSpacingVerticalXxSmall,0.25rem) 0 } .slds-feed__item-comments{ background:var(--lwc-colorBackgroundPost,rgb(249, 249, 250)); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-feed__item-comments .slds-comment{ padding:var(--lwc-varSpacingVerticalXSmall,0.5rem) var(--lwc-spacingMedium,1rem) } .slds-post{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem) } @media (max-width:48em){ .slds-post{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } } @media (min-width:64em){ .slds-post{ padding:0 var(--lwc-spacingMedium,1rem) var(--lwc-spacingXSmall,0.5rem) } } .slds-post__header{ margin-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-post__content{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } @media (min-width:48em){ .slds-post__content{ margin-bottom:var(--lwc-spacingLarge,1.5rem) } } .slds-post__footer{ display:flex; font-size:var(--lwc-fontSize2,0.75rem); flex-direction:column } @media (min-width:48em){ .slds-post__footer{ flex-direction:row } } .slds-post__footer-actions-list{ justify-content:space-between; text-align:center; order:1 } @media (max-width:30em){ .slds-post__footer-actions-list{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin:0 calc(-1 * var(--lwc-spacingSmall,0.75rem)) calc(-1 * var(--lwc-spacingSmall,0.75rem)); padding:0 var(--lwc-spacingMedium,1rem) } } @media (min-width:48em){ .slds-post__footer-actions-list{ order:0 } } .slds-post__footer-action{ display:flex; align-items:center; justify-content:center; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); padding:var(--lwc-spacingSmall,0.75rem) 0; line-height:1 } @media (min-width:48em){ .slds-post__footer-action{ margin-right:var(--lwc-spacingMedium,1rem); padding:0 } } .slds-post__footer-action .slds-icon{ margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-post__footer-action:hover,.slds-post__footer-action:focus,.slds-post__footer-action.slds-is-active{ color:var(--lwc-colorTextLinkHover,#b82900); text-decoration:none } .slds-post__footer-action:hover .slds-icon,.slds-post__footer-action:focus .slds-icon,.slds-post__footer-action.slds-is-active .slds-icon{ fill:currentColor } .slds-post__footer-meta-list{ margin-bottom:var(--lwc-spacingMedium,1rem) } @media (min-width:48em){ .slds-post__footer-meta-list{ margin-left:auto; margin-bottom:0 } } .slds-region_narrow .slds-post,.slds-region--narrow .slds-post{ border:0; padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem) } .slds-region_narrow .slds-post__content,.slds-region--narrow .slds-post__content{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-region_narrow .slds-post__footer,.slds-region--narrow .slds-post__footer{ flex-direction:column } .slds-region_narrow .slds-post__footer-action,.slds-region--narrow .slds-post__footer-action{ padding:var(--lwc-spacingSmall,0.75rem) 0 } .slds-region_narrow .slds-post__footer-actions-list,.slds-region--narrow .slds-post__footer-actions-list{ order:1; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin:0 calc(-1 * var(--lwc-spacingSmall,0.75rem)) calc(-1 * var(--lwc-spacingSmall,0.75rem)); padding:0 var(--lwc-spacingMedium,1rem) } .slds-region_narrow .slds-post__footer-meta-list,.slds-region--narrow .slds-post__footer-meta-list{ margin-left:0; margin-bottom:var(--lwc-spacingMedium,1rem) } .slds-post__payload{ padding:0 0 var(--lwc-spacingMedium,1rem) } .slds-post__payload:empty{ padding:0; border:0 } .slds-modal__menu{ position:relative; border-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingMedium,1rem); background-color:var(--lwc-colorBackground,#FFFFFF) } @media (max-width:48em){ .slds-modal__menu .slds-button{ width:100%; margin:var(--lwc-spacingXxxSmall,0.125rem) 0 } } .slds-modal{ opacity:0; visibility:hidden; transition:transform var(--lwc-durationQuickly,0.1s) linear,opacity var(--lwc-durationQuickly,0.1s) linear; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9001 } .slds-modal__container{ position:relative; transform:translate(0, 0); transition:transform var(--lwc-durationQuickly,0.1s) linear,opacity var(--lwc-durationQuickly,0.1s) linear; display:flex; flex-direction:column; justify-content:center; margin:0 var(--lwc-spacingXLarge,2rem); height:100%; padding:var(--lwc-squareIconLargeBoundary,3rem) 0; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } @media (min-width:48em){ .slds-modal__container{ margin:0 auto; width:50%; max-width:40rem; min-width:20rem } } .slds-modal__header,.slds-modal__footer{ flex-shrink:0 } .slds-modal__header{ position:relative; border-top-right-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-top-left-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-bottom-width:var(--sds-c-modal-sizing-border, var(--lwc-borderWidthThick,2px)); border-bottom-style:solid; border-bottom-color:var(--sds-c-modal-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))); background-color:var(--sds-c-modal-header-color-background, var(--sds-c-modal-color-background, var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)))); color:var(--sds-c-modal-header-text-color, var(--sds-c-modal-text-color)); padding-top:var(--sds-c-modal-header-spacing-block-start, var(--lwc-spacingMedium,1rem)); padding-right:var(--sds-c-modal-header-spacing-inline-end, var(--lwc-spacingMedium,1rem)); padding-bottom:var(--sds-c-modal-header-spacing-block-end, var(--lwc-spacingMedium,1rem)); padding-left:var(--sds-c-modal-header-spacing-inline-start, var(--lwc-spacingMedium,1rem)); text-align:center } .slds-modal__header+.slds-modal__menu{ border-top-right-radius:0; border-top-left-radius:0 } .slds-modal__header_empty,.slds-modal__header--empty{ padding:0; border-bottom:0 } .slds-modal__header_empty+.slds-modal__content,.slds-modal__header--empty+.slds-modal__content{ border-top-right-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-top-left-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)) } .slds-modal .slds-modal__title{ font-weight:var(--sds-c-modal-heading-font-weight); font-size:var(--sds-c-modal-heading-font-size, var(--lwc-fontSize7,1.25rem)); line-height:var(--sds-c-modal-heading-line-height, var(--lwc-lineHeightHeading,1.25)) } .slds-modal__content{ background-color:var(--sds-c-modal-content-color-background, var(--sds-c-modal-color-background, var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)))); color:var(--sds-c-modal-content-text-color, var(--sds-c-modal-text-color)); overflow:hidden; overflow-y:auto } .slds-modal__content:last-child,.slds-modal__content_has-hidden-footer{ border-bottom-right-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-bottom-left-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); box-shadow:var(--sds-c-modal-shadow, var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16))) } .slds-modal__footer{ border-bottom-right-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-bottom-left-radius:var(--sds-c-modal-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); border-top-width:var(--sds-c-modal-sizing-border, var(--lwc-borderWidthThick,2px)); border-top-style:solid; border-top-color:var(--sds-c-modal-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))); background-color:var(--sds-c-modal-footer-color-background, var(--sds-c-modal-color-background, var(--lwc-colorBackground,#FFFFFF))); color:var(--sds-c-modal-footer-text-color, var(--sds-c-modal-text-color)); padding-top:var(--sds-c-modal-footer-spacing-block-start, var(--lwc-spacingSmall,0.75rem)); padding-right:var(--sds-c-modal-footer-spacing-inline-end, var(--lwc-spacingMedium,1rem)); padding-bottom:var(--sds-c-modal-footer-spacing-block-end, var(--lwc-spacingSmall,0.75rem)); padding-left:var(--sds-c-modal-footer-spacing-inline-start, var(--lwc-spacingMedium,1rem)); text-align:right; box-shadow:var(--sds-c-modal-shadow, var(--lwc-shadowDropDown,0 2px 3px 0 rgba(0, 0, 0, 0.16))) } .slds-modal__footer_directional .slds-button:first-child,.slds-modal__footer--directional .slds-button:first-child{ float:left } .slds-modal__footer .slds-button+.slds-button{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-modal__close{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); position:absolute; top:-2.5rem; right:-.5rem } @media (min-width:48em){ .slds-modal_small .slds-modal__container{ width:60%; max-width:52.0625rem; min-width:40rem } } @media (min-width:48em){ .slds-modal_medium .slds-modal__container{ width:70%; max-width:75rem; min-width:40rem } } @media (min-width:48em){ .slds-modal_large .slds-modal__container,.slds-modal--large .slds-modal__container{ width:90%; max-width:none; min-width:40rem } } .slds-backdrop{ transition-duration:var(--lwc-durationSlowly,0.4s); width:100%; height:100%; opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; background:var(--sds-c-backdrop-color-background, var(--lwc-colorBackgroundTempModalTint,rgba(8, 7, 7, 0.6))); z-index:var(--lwc-zIndexModal,9000) } .slds-backdrop_open,.slds-backdrop--open{ visibility:visible; opacity:1; transition:opacity var(--lwc-durationSlowly,0.4s) linear } .slds-fade-in-open{ opacity:1; visibility:visible; transition:opacity var(--lwc-durationQuickly,0.1s) linear } .slds-fade-in-open .slds-modal__container-reset{ opacity:1; visibility:visible; transform:translate(0, 0) } .slds-slide-up-open{ opacity:1; visibility:visible; transform:translate(0, 0); transition:opacity var(--lwc-durationQuickly,0.1s) linear,transform var(--lwc-durationPromptly,0.2s) linear } .slds-slide-up-open .slds-modal__container-reset{ opacity:0; visibility:hidden; transform:translate(0, var(--lwc-spacingMedium,1rem)); transition:opacity var(--lwc-durationPromptly,0.2s) linear,transform var(--lwc-durationPromptly,0.2s) linear } .slds-slide-up-saving{ opacity:1; visibility:visible; transform:translate(0, calc(-1 * var(--lwc-spacingMedium,1rem))) } .slds-slide-down-cancel{ opacity:1; visibility:visible; transform:translate(0, var(--lwc-spacingMedium,1rem)) } .slds-map_container{ flex:3 1 auto } .slds-map{ position:relative; min-width:23.75rem; width:100%; max-height:100% } .slds-map:before{ content:''; display:block; height:0; width:100%; padding-top:56.25% } .slds-map iframe{ position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:0 } .slds-has-coordinates{ display:flex; flex-wrap:wrap; overflow:auto; max-height:41.25rem; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-has-coordinates .slds-map:before{ padding-top:75% } .slds-coordinates{ overflow:auto; flex:1 1 auto } .slds-coordinates__header{ padding:var(--lwc-spacingMedium,1rem) } .slds-coordinates__title{ font-size:var(--lwc-fontSize5,1rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-coordinates__item-action{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem); width:100% } .slds-coordinates__item-action .slds-text-link{ display:block } .slds-coordinates__item-action:hover,.slds-coordinates__item-action:focus{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); outline:0 } .slds-coordinates__item-action:hover .slds-text-link,.slds-coordinates__item-action:focus .slds-text-link{ text-decoration:underline } .slds-coordinates__item-action:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-coordinates__item-action[aria-pressed=true]{ background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-coordinates__item-action[aria-pressed=true] .slds-text-link{ color:var(--lwc-colorTextLinkActive,#b82900) } .slds-app-launcher__header-search{ flex:0 1 var(--lwc-sizeLarge,25rem); padding:0 var(--lwc-spacingMedium,1rem) } .slds-app-launcher__content{ flex:1 1 auto } .slds-app-launcher__content .slds-section__title-action{ background:transparent } .slds-app-launcher__tile_small,.slds-app-launcher__tile--small{ flex-direction:column; border:0; border-radius:0; text-align:center; cursor:pointer } .slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure_small,.slds-app-launcher__tile_small:hover .slds-app-launcher__tile-figure--small,.slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure_small,.slds-app-launcher__tile_small:focus .slds-app-launcher__tile-figure--small,.slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure_small,.slds-app-launcher__tile--small:hover .slds-app-launcher__tile-figure--small,.slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure_small,.slds-app-launcher__tile--small:focus .slds-app-launcher__tile-figure--small{ border-color:var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) } .slds-app-launcher__tile-figure_small,.slds-app-launcher__tile-figure--small{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-app-launcher__tile-body_small,.slds-app-launcher__tile-body--small{ background:transparent; padding:var(--lwc-spacingXSmall,0.5rem) 0; border:0; border-radius:0 } .slds-app-launcher__tile{ display:flex; align-items:stretch; margin:var(--lwc-spacingXSmall,0.5rem) 0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); cursor:move } .slds-app-launcher__tile:hover,.slds-app-launcher__tile:focus,.slds-app-launcher__tile:active{ outline:0; border-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-app-launcher__tile.slds-is-draggable .slds-app-launcher__tile-figure{ padding-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-app-launcher__tile.slds-is-grabbed{ transform:rotate(3deg) } .slds-app-launcher__tile-figure{ display:flex; flex-direction:column; flex-shrink:0; padding:var(--lwc-spacingSmall,0.75rem); color:var(--lwc-colorTextInverse,#FFFFFF); border-radius:var(--lwc-borderRadiusMedium,0.25rem) 0 0 var(--lwc-borderRadiusMedium,0.25rem); text-align:center } .slds-app-launcher__tile-body{ flex:1 1 auto; background:var(--lwc-colorBackground,#FFFFFF); padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingSmall,0.75rem); border-radius:0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 } .slds-visual-picker{ display:inline-flex; position:relative; flex-direction:column; border:0; border-radius:0; text-align:center; cursor:pointer } .slds-visual-picker+.slds-visual-picker{ margin-left:var(--lwc-spacingMedium,1rem) } .slds-visual-picker:active .slds-visual-picker__figure{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)); box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset } .slds-visual-picker:hover .slds-visual-picker__figure{ cursor:pointer } .slds-visual-picker input:not(:disabled)~label:hover .slds-visual-picker__figure{ cursor:pointer; outline:0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)); box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset } .slds-visual-picker input{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-visual-picker input:focus~label .slds-visual-picker__figure{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)); box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset } .slds-visual-picker input:checked~label .slds-visual-picker__figure{ box-shadow:var(--lwc-elevationShadow4,0 4px 4px 0 rgba(0, 0, 0, 0.16)) } .slds-visual-picker input:focus~label .slds-visual-picker__body>*:first-child{ text-decoration:underline } .slds-visual-picker input:checked~label .slds-is-not-selected{ display:none } .slds-visual-picker input:checked~label .slds-is-selected{ display:block } .slds-visual-picker input:checked~label .slds-visual-picker__icon{ background-color:var(--lwc-colorBrand,rgb(225, 50, 0)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) } .slds-visual-picker input:checked~label .slds-visual-picker__text{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)); box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset } .slds-visual-picker input:checked~label .slds-visual-picker__text:after{ content:''; position:absolute; top:0; right:0; border-color:transparent; border-style:solid; border-radius:0 var(--lwc-borderRadiusMedium,0.25rem) 0 0; border-width:1rem; border-right-color:var(--lwc-colorBrand,rgb(225, 50, 0)); border-top-color:var(--lwc-colorBrand,rgb(225, 50, 0)) } .slds-visual-picker input[disabled]{ cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-visual-picker input[disabled]~label .slds-visual-picker__body,.slds-visual-picker input[disabled]~label .slds-visual-picker__text{ color:var(--lwc-colorTextInputDisabled,rgb(107, 109, 112)) } .slds-visual-picker input[disabled]~label .slds-visual-picker__figure{ border-color:var(--lwc-colorBorderInputDisabled,rgb(196, 198, 202)); background-color:var(--lwc-colorBackgroundInputDisabled,rgb(233, 234, 236)); box-shadow:none } .slds-visual-picker input[disabled]~label .slds-visual-picker__figure:hover{ cursor:not-allowed; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-shadow:none } .slds-visual-picker__figure{ display:block; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:0 2px 2px rgba(0, 0, 0, 0.05); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); text-align:center } .slds-visual-picker__figure .slds-icon-action-check{ background-color:var(--lwc-colorBrand,rgb(225, 50, 0)) } .slds-visual-picker__figure span{ display:block } .slds-visual-picker__figure .slds-is-selected{ display:none } .slds-visual-picker_medium .slds-visual-picker__figure,.slds-visual-picker_medium .slds-visual-picker__body{ width:var(--lwc-sizeXSmall,12rem) } .slds-visual-picker_medium .slds-visual-picker__figure{ height:var(--lwc-sizeXSmall,12rem) } .slds-visual-picker_large .slds-visual-picker__figure,.slds-visual-picker_large .slds-visual-picker__body{ width:var(--lwc-sizeSmall,15rem) } .slds-visual-picker_large .slds-visual-picker__figure{ height:var(--lwc-sizeSmall,15rem) } .slds-visual-picker_small .slds-visual-picker__figure,.slds-visual-picker_small .slds-visual-picker__body{ width:8.5rem } .slds-visual-picker_small .slds-visual-picker__figure{ height:8.5rem } .slds-visual-picker__body{ display:flex; flex-direction:column; background:transparent; padding:var(--lwc-spacingMedium,1rem) var(--lwc-spacingXSmall,0.5rem); border:0; border-radius:0 } .slds-visual-picker__text-check{ position:absolute; top:.1rem; right:.625rem; width:var(--lwc-squareIconXSmallContent,0.5rem); height:var(--lwc-squareIconXSmallContent,0.5rem) } .slds-visual-picker input[disabled]~label .slds-visual-picker__text-check{ opacity:0 } .slds-visual-picker_vertical{ width:var(--lwc-sizeLarge,25rem); display:flex } .slds-visual-picker_vertical .slds-visual-picker__figure{ text-align:left; padding:var(--lwc-spacingMedium,1rem); height:var(--lwc-sizeXxSmall,6rem) } .slds-visual-picker_vertical+.slds-visual-picker_vertical{ margin-left:0; margin-top:var(--lwc-spacingMedium,1rem) } .slds-visual-picker_vertical .slds-visual-picker__figure,.slds-visual-picker_vertical .slds-visual-picker__body{ width:var(--lwc-sizeLarge,25rem) } .slds-visual-picker_vertical input:focus~label .slds-visual-picker__text .slds-text-heading_medium{ text-decoration:underline } .slds-pill{ display:inline-flex; align-items:center; justify-content:space-between; line-height:var(--sds-c-pill-line-height, var(--lwc-lineHeightText,1.5)); max-width:100%; padding-top:var(--sds-c-pill-spacing-block-start, var(--lwc-spacingXxxSmall,0.125rem)); padding-right:var(--sds-c-pill-spacing-inline-end, var(--lwc-spacingXxxSmall,0.125rem)); padding-bottom:var(--sds-c-pill-spacing-block-end, var(--lwc-spacingXxxSmall,0.125rem)); padding-left:var(--sds-c-pill-spacing-inline-start, var(--lwc-spacingXxxSmall,0.125rem)); border-width:var(--sds-c-pill-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-pill-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-pill-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-color:var(--sds-c-pill-color-background, var(--lwc-colorBackgroundPill,rgb(255, 255, 255))); position:relative; min-height:var(--lwc-heightPill,1.625rem) } .slds-pill+.slds-pill{ margin-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-pill:hover{ background-color:var(--sds-c-pill-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(225, 50, 0, 0.05))) } .slds-pill:focus{ outline:0; border-color:var(--sds-c-pill-color-border-focus, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-pill-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-pill a{ text-decoration:none } .slds-pill_bare,.slds-pill--bare{ background-color:transparent; border-width:0 } .slds-pill_bare:hover,.slds-pill--bare:hover{ background-color:transparent } .slds-pill_container{ display:flex; min-height:calc(var(--lwc-heightInput,1.875rem) + 2px); padding-top:var(--sds-c-pill-container-spacing-block-start, var(--lwc-spacingXxxSmall,0.125rem)); padding-right:var(--sds-c-pill-container-spacing-inline-end, var(--lwc-spacingXxxSmall,0.125rem)); padding-bottom:var(--sds-c-pill-container-spacing-block-end, var(--lwc-spacingXxxSmall,0.125rem)); padding-left:var(--sds-c-pill-container-spacing-inline-start, var(--lwc-spacingXxxSmall,0.125rem)); border-width:var(--sds-c-pill-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-pill-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-pill-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); background-color:var(--sds-c-pill-container-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255))) } .slds-pill_container .slds-listbox_inline{ margin-left:0; margin-right:0 } .slds-pill__label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .slds-pill__label:focus{ outline:0; border-radius:var(--lwc-borderRadiusMedium,0.25rem); box-shadow:var(--sds-c-pill-label-shadow-focus, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-pill__icon,.slds-pill__icon_container{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem); margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-pill__icon .slds-icon,.slds-pill__icon .slds-avatar,.slds-pill__icon_container .slds-icon,.slds-pill__icon_container .slds-avatar{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem); display:block; font-size:var(--lwc-fontSize1,0.625rem) } .slds-pill__icon~.slds-pill__action,.slds-pill__icon_container~.slds-pill__action{ padding-left:calc(var(--lwc-squareIconXSmallBoundary,1.25rem) + var(--lwc-spacingXxSmall,0.25rem) + 2px) } .slds-pill__remove{ width:var(--lwc-squareIconXxSmallBoundary,1rem); height:var(--lwc-squareIconXxSmallBoundary,1rem); display:inline-flex; align-items:center; justify-content:center; margin-left:var(--lwc-spacingXxSmall,0.25rem); border-radius:var(--lwc-borderRadiusSmall,0.125rem) } .slds-pill__remove svg{ width:var(--lwc-squareIconXxSmallContent,.875rem); height:var(--lwc-squareIconXxSmallContent,.875rem) } .slds-pill_link,.slds-pill--link{ border:0; padding:0 } .slds-pill_link .slds-pill__icon_container,.slds-pill--link .slds-pill__icon_container{ display:inline-block; position:absolute; top:50%; left:var(--lwc-spacingXxxSmall,0.125rem); transform:translateY(-50%) } .slds-pill_link .slds-pill__remove,.slds-pill--link .slds-pill__remove{ position:absolute; top:50%; right:var(--lwc-spacingXxxSmall,0.125rem); transform:translateY(-50%) } .slds-pill__action{ padding-top:var(--sds-c-pill-spacing-block-start, var(--lwc-spacingXxxSmall,0.125rem)); padding-right:calc(var(--lwc-squareIconXxSmallBoundary,1rem) + var(--sds-c-pill-spacing-inline-end, 0.125rem) + 2px); padding-bottom:var(--sds-c-pill-spacing-block-end, var(--lwc-spacingXxxSmall,0.125rem)); padding-left:var(--sds-c-pill-spacing-inline-start, var(--lwc-spacingXxxSmall,0.125rem)); border-width:var(--sds-c-pill-sizing-border, var(--lwc-borderWidthThin,1px)); border-style:solid; border-color:var(--sds-c-pill-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))); border-radius:var(--sds-c-pill-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-grow:1 } .slds-pill__action:focus{ outline:0; border-color:var(--sds-c-pill-action-color-border, var(--lwc-colorBorderInputActive,rgb(27, 150, 255))); box-shadow:var(--sds-c-pill-action-shadow, var(--lwc-shadowButtonFocus,0 0 3px #0176d3)) } .slds-has-error{ border-color:var(--sds-c-pill-error-color-border, var(--lwc-colorBorderError,rgb(234, 0, 30))) } .slds-has-error:active{ border-color:var(--sds-c-pill-error-color-border-active, var(--lwc-colorBorderError,rgb(234, 0, 30))) } .slds-has-error .slds-pill__label{ font-weight:var(--lwc-fontWeightBold,700); color:var(--sds-c-pill-error-text-color, var(--lwc-colorTextError,rgb(234, 0, 30))) } .slds-wizard{ position:relative } .slds-wizard__list{ display:flex; justify-content:space-between; position:relative; margin:auto } .slds-wizard__item{ flex:2 0 auto; text-align:center; width:0%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .slds-wizard__item:first-child{ text-align:left; flex-grow:1 } .slds-wizard__item:last-child{ text-align:right; flex-grow:1 } .slds-wizard__item a:hover,.slds-wizard__item a:focus{ outline:0; text-decoration:none } .slds-wizard__item a:hover .slds-wizard__marker,.slds-wizard__item a:focus .slds-wizard__marker{ background:#d8dde6 } .slds-wizard__link{ display:block } .slds-wizard__marker{ width:var(--lwc-squareIconSmallBoundary,1.5rem); height:var(--lwc-squareIconSmallBoundary,1.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background:var(--lwc-colorBackgroundDark,rgb(233, 234, 236)); display:inline-block; vertical-align:middle; z-index:1; position:relative } .slds-wizard__label{ display:block; margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-wizard__progress{ position:absolute; left:0; top:.625rem; height:.25rem; display:block; width:100%; z-index:-1; background:var(--lwc-colorBackgroundDark,rgb(233, 234, 236)) } .slds-wizard__progress-bar{ position:absolute; left:0; top:0; height:100%; background:#0076de; transition:width var(--lwc-durationPromptly,0.2s) ease } .slds-wizard .slds-is-active .slds-wizard__marker{ background:#0076de } .slds-wizard .slds-is-active a:hover .slds-wizard__marker,.slds-wizard .slds-is-active a:focus .slds-wizard__marker{ background:#005fb2 } .slds-path-coach{ border:transparent var(--lwc-borderWidthThin,1px) solid; border-top:0 } .slds-path-coach.slds-is-expanded{ border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); padding-bottom:var(--lwc-spacingMedium,1rem) } .slds-path-coach .slds-path__mark-current{ background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); border-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-tabs_path,.slds-tabs--path{ display:block; width:100% } .slds-tabs_path__nav,.slds-tabs--path__nav{ display:flex; align-items:flex-start } .slds-tabs_path .slds-is-complete,.slds-tabs--path .slds-is-complete{ background-color:#51c983 } .slds-tabs_path .slds-is-complete .slds-tabs_path__stage,.slds-tabs_path .slds-is-complete .slds-tabs--path__stage,.slds-tabs--path .slds-is-complete .slds-tabs_path__stage,.slds-tabs--path .slds-is-complete .slds-tabs--path__stage{ transform:rotateX(0deg) } .slds-tabs_path .slds-is-complete .slds-tabs_path__title,.slds-tabs_path .slds-is-complete .slds-tabs--path__title,.slds-tabs--path .slds-is-complete .slds-tabs_path__title,.slds-tabs--path .slds-is-complete .slds-tabs--path__title{ transform:rotateX(180deg) } .slds-tabs_path .slds-is-complete .slds-tabs_path__link,.slds-tabs_path .slds-is-complete .slds-tabs--path__link,.slds-tabs--path .slds-is-complete .slds-tabs_path__link,.slds-tabs--path .slds-is-complete .slds-tabs--path__link{ color:var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0)) } .slds-tabs_path .slds-is-complete:hover,.slds-tabs--path .slds-is-complete:hover{ background-color:#1f8956 } .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__stage,.slds-tabs_path .slds-is-complete:hover .slds-tabs--path__stage,.slds-tabs--path .slds-is-complete:hover .slds-tabs_path__stage,.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__stage{ transform:rotateX(-180deg) } .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__title,.slds-tabs_path .slds-is-complete:hover .slds-tabs--path__title,.slds-tabs--path .slds-is-complete:hover .slds-tabs_path__title,.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__title{ transform:rotateX(0deg) } .slds-tabs_path .slds-is-complete:hover .slds-tabs_path__link,.slds-tabs_path .slds-is-complete:hover .slds-tabs--path__link,.slds-tabs--path .slds-is-complete:hover .slds-tabs_path__link,.slds-tabs--path .slds-is-complete:hover .slds-tabs--path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-tabs_path .slds-is-current,.slds-tabs--path .slds-is-current{ background-color:#1172cf } .slds-tabs_path .slds-is-current:hover,.slds-tabs--path .slds-is-current:hover{ background-color:#0d61af } .slds-tabs_path .slds-is-current+.slds-is-incomplete:before,.slds-tabs--path .slds-is-current+.slds-is-incomplete:before{ background-color:#1172cf } .slds-tabs_path .slds-is-current:hover+.slds-is-incomplete:before,.slds-tabs--path .slds-is-current:hover+.slds-is-incomplete:before{ background-color:#0d61af } .slds-tabs_path .slds-is-incomplete,.slds-tabs--path .slds-is-incomplete{ background-color:#e0e5ee } .slds-tabs_path .slds-is-incomplete:hover,.slds-tabs--path .slds-is-incomplete:hover{ background-color:#d8dde6 } .slds-tabs_path .slds-is-incomplete .slds-tabs_path__link,.slds-tabs_path .slds-is-incomplete .slds-tabs--path__link,.slds-tabs--path .slds-is-incomplete .slds-tabs_path__link,.slds-tabs--path .slds-is-incomplete .slds-tabs--path__link{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-tabs_path .slds-is-lost,.slds-tabs_path .slds-is-lost:hover,.slds-tabs--path .slds-is-lost,.slds-tabs--path .slds-is-lost:hover{ background-color:#c23934 } .slds-tabs_path .slds-is-current .slds-tabs_path__link,.slds-tabs_path .slds-is-current .slds-tabs--path__link,.slds-tabs_path .slds-is-lost .slds-tabs_path__link,.slds-tabs_path .slds-is-lost .slds-tabs--path__link,.slds-tabs--path .slds-is-current .slds-tabs_path__link,.slds-tabs--path .slds-is-current .slds-tabs--path__link,.slds-tabs--path .slds-is-lost .slds-tabs_path__link,.slds-tabs--path .slds-is-lost .slds-tabs--path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-tabs_path .slds-is-active,.slds-tabs--path .slds-is-active{ background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-tabs_path .slds-is-active .slds-tabs_path__link,.slds-tabs_path .slds-is-active .slds-tabs--path__link,.slds-tabs--path .slds-is-active .slds-tabs_path__link,.slds-tabs--path .slds-is-active .slds-tabs--path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-tabs_path .slds-is-active:hover,.slds-tabs--path .slds-is-active:hover{ background-color:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)) } .slds-tabs_path .slds-is-active:hover+.slds-tabs_path__item:before,.slds-tabs_path .slds-is-active:hover+.slds-tabs--path__item:before,.slds-tabs--path .slds-is-active:hover+.slds-tabs_path__item:before,.slds-tabs--path .slds-is-active:hover+.slds-tabs--path__item:before{ background-color:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)) } .slds-tabs_path .slds-is-active+.slds-tabs_path__item:before,.slds-tabs_path .slds-is-active+.slds-tabs--path__item:before,.slds-tabs--path .slds-is-active+.slds-tabs_path__item:before,.slds-tabs--path .slds-is-active+.slds-tabs--path__item:before{ background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-tabs_path .slds-is-active .slds-tabs_path__title,.slds-tabs_path .slds-is-active .slds-tabs--path__title,.slds-tabs_path .slds-is-won .slds-tabs_path__title,.slds-tabs_path .slds-is-won .slds-tabs--path__title,.slds-tabs--path .slds-is-active .slds-tabs_path__title,.slds-tabs--path .slds-is-active .slds-tabs--path__title,.slds-tabs--path .slds-is-won .slds-tabs_path__title,.slds-tabs--path .slds-is-won .slds-tabs--path__title{ color:var(--lwc-colorGray1,rgb(255, 255, 255)); transform:rotateX(0deg) } .slds-tabs_path .slds-is-active .slds-tabs_path__stage,.slds-tabs_path .slds-is-active .slds-tabs--path__stage,.slds-tabs_path .slds-is-won .slds-tabs_path__stage,.slds-tabs_path .slds-is-won .slds-tabs--path__stage,.slds-tabs--path .slds-is-active .slds-tabs_path__stage,.slds-tabs--path .slds-is-active .slds-tabs--path__stage,.slds-tabs--path .slds-is-won .slds-tabs_path__stage,.slds-tabs--path .slds-is-won .slds-tabs--path__stage{ transform:rotateX(-180deg) } .slds-tabs_path__item,.slds-tabs--path__item{ overflow:hidden; position:relative; flex:1 1 0%; min-width:5rem; text-align:center; perspective:500px; transition:transform .1s ease-in-out,background-color .1s linear } .slds-tabs_path__item:first-child,.slds-tabs--path__item:first-child{ border-radius:var(--lwc-borderRadiusPill,15rem) 0 0 var(--lwc-borderRadiusPill,15rem) } .slds-tabs_path__item:last-child,.slds-tabs--path__item:last-child{ border-radius:0 var(--lwc-borderRadiusPill,15rem) var(--lwc-borderRadiusPill,15rem) 0; border-right:0 } .slds-tabs_path__item:before,.slds-tabs--path__item:before{ content:''; display:block; position:absolute; top:var(--lwc-borderWidthThick,2px); left:-1rem; width:calc(var(--lwc-heightSalesPath,2rem) - (2px * 2)); height:calc(var(--lwc-heightSalesPath,2rem) - (2px * 2)); border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorderPathDivider,rgb(255, 255, 255)); border-left:0; border-bottom:0; background-clip:padding-box; transform:scale3d(0.8, 1.1, 1) rotate(45deg); transition:transform .1s ease-in-out,background-color .1s linear } .slds-tabs_path__item:first-child:before,.slds-tabs--path__item:first-child:before{ display:none } .slds-tabs_path__item+.slds-is-complete:before,.slds-tabs_path__item+.slds-is-current:before,.slds-tabs--path__item+.slds-is-complete:before,.slds-tabs--path__item+.slds-is-current:before{ background-color:#51c983 } .slds-tabs_path__item:hover+.slds-is-complete:before,.slds-tabs_path__item:hover+.slds-is-current:before,.slds-tabs--path__item:hover+.slds-is-complete:before,.slds-tabs--path__item:hover+.slds-is-current:before{ background-color:#1f8956 } .slds-tabs_path__item+.slds-is-incomplete:before,.slds-tabs_path__item+.slds-is-lost:before,.slds-tabs--path__item+.slds-is-incomplete:before,.slds-tabs--path__item+.slds-is-lost:before{ background-color:#e0e5ee } .slds-tabs_path__item:hover+.slds-is-incomplete:before,.slds-tabs_path__item:hover+.slds-is-lost:before,.slds-tabs--path__item:hover+.slds-is-incomplete:before,.slds-tabs--path__item:hover+.slds-is-lost:before{ background-color:#d8dde6 } .slds-tabs_path__title,.slds-tabs--path__title{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .slds-tabs_path__stage,.slds-tabs--path__stage{ position:absolute; top:50%; left:.5rem; width:100%; margin-top:calc(-1 * var(--lwc-spacingXSmall,0.5rem)); transform:rotateX(-180deg); line-height:1 } .slds-tabs_path__link,.slds-tabs--path__link{ display:flex; justify-content:center; position:relative; padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) 1.25rem; line-height:var(--lwc-lineHeightSalespath,1.5rem); text-decoration:none; cursor:pointer } .slds-tabs_path__link:hover,.slds-tabs--path__link:hover{ text-decoration:none } .slds-tabs_path__link:focus,.slds-tabs--path__link:focus{ outline:0 } .slds-tabs_path__title,.slds-tabs--path__title,.slds-tabs_path__stage,.slds-tabs--path__stage{ display:block; transition:transform .2s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden } .slds-tabs_path__content,.slds-tabs--path__content{ position:relative; padding-left:var(--lwc-spacingLarge,1.5rem); padding-right:var(--lwc-spacingMedium,1rem) } .slds-coach__keys{ padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-coach__guidance{ padding-left:var(--lwc-spacingLarge,1.5rem); padding-bottom:var(--lwc-spacingXxSmall,0.25rem); background-color:var(--lwc-colorBackgroundGuidance,rgb(255, 255, 255)) } .slds-coach__keys,.slds-coach__guidance{ margin-top:var(--lwc-spacingMedium,1rem); padding-top:var(--lwc-spacingMedium,1rem); padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-coach__item{ border-top:var(--lwc-colorBorder,rgb(0, 1, 16)) var(--lwc-borderWidthThin,1px) solid; padding:var(--lwc-spacingMedium,1rem) 0; color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-coach__value{ border-top:var(--lwc-colorBorder,rgb(0, 1, 16)) var(--lwc-borderWidthThin,1px) solid; padding-top:var(--lwc-spacingMedium,1rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-path.slds-is-expanded{ padding-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-path__track{ flex-wrap:wrap; align-items:flex-start } @media (min-width:64em){ .slds-path__track{ flex-wrap:nowrap; align-items:stretch } } .slds-path__track.slds-has-overflow .slds-path__scroller_inner{ display:flex; width:100%; overflow:hidden } .slds-path__track.slds-has-overflow .slds-path__scroll-controls{ display:inline-flex; flex-shrink:0; padding-left:var(--lwc-spacingXSmall,0.5rem) } @media (pointer:coarse) and (hover:none){ .slds-path__track.slds-has-overflow .slds-path__scroll-controls{ display:none } } .slds-path__scroller{ flex:1; max-width:100%; overflow:hidden } .slds-path__scroll-controls{ display:none } .slds-path__stage-name{ display:block; font-weight:var(--lwc-fontWeightBold,700); margin:var(--lwc-spacingSmall,0.75rem) 0 } @media (min-width:48em){ .slds-path__stage-name{ margin:0 } } @media (min-width:64em){ .slds-path__stage-name{ display:none } } .slds-path__scroller-container{ flex:1; flex-basis:100%; overflow:hidden } @media (min-width:64em){ .slds-path__scroller-container{ flex-basis:auto } } @media (min-width:48em){ .slds-path_has-coaching .slds-path__action{ padding-left:2.75rem } } @media (min-width:64em){ .slds-path_has-coaching .slds-path__action{ padding-left:0 } } .slds-path__action{ flex-grow:1; flex-basis:100%; margin-left:0; align-items:center; flex-shrink:0; flex-direction:column } @media (min-width:48em){ .slds-path__action{ max-width:100%; justify-content:space-between; margin-top:var(--lwc-spacingMedium,1rem); flex-direction:row } } @media (min-width:64em){ .slds-path__action{ flex-basis:auto; flex-grow:0; align-items:normal; margin-top:0; margin-left:var(--lwc-spacingLarge,1.5rem) } } .slds-path__nav{ display:flex; align-items:flex-start; overflow:hidden } .slds-path__nav .slds-is-incomplete{ background:var(--lwc-colorBackgroundPathIncomplete,rgb(236, 235, 234)) } .slds-path__nav .slds-is-incomplete:before,.slds-path__nav .slds-is-incomplete:after{ background:var(--lwc-colorBackgroundPathIncomplete,rgb(236, 235, 234)) } .slds-path__nav .slds-is-incomplete .slds-path__link{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-path__nav .slds-is-incomplete:hover{ background:var(--lwc-colorBackgroundPathIncompleteHover,rgb(221, 219, 218)) } .slds-path__nav .slds-is-incomplete:hover:before,.slds-path__nav .slds-is-incomplete:hover:after{ background:var(--lwc-colorBackgroundPathIncompleteHover,rgb(221, 219, 218)) } .slds-path__nav .slds-is-complete{ background:var(--lwc-colorBackgroundPathComplete,rgb(69, 198, 90)) } .slds-path__nav .slds-is-complete:before,.slds-path__nav .slds-is-complete:after{ background:var(--lwc-colorBackgroundPathComplete,rgb(69, 198, 90)) } .slds-path__nav .slds-is-complete .slds-path__stage{ transform:translate(-50%, -50%) rotateX(0deg) } .slds-path__nav .slds-is-complete .slds-path__title{ transform:rotateX(180deg) } .slds-path__nav .slds-is-complete .slds-path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-path__nav .slds-is-complete:hover{ background:var(--lwc-colorBackgroundPathCompleteHover,rgb(46, 132, 74)) } .slds-path__nav .slds-is-complete:hover:before,.slds-path__nav .slds-is-complete:hover:after{ background:var(--lwc-colorBackgroundPathCompleteHover,rgb(46, 132, 74)) } .slds-path__nav .slds-is-complete:hover .slds-path__stage{ transform:translate(-50%, -50%) rotateX(-180deg) } .slds-path__nav .slds-is-complete:hover .slds-path__title{ transform:rotateX(0deg) } .slds-path__nav .slds-is-current{ background-color:var(--lwc-colorBackgroundPathCurrent,rgb(255, 255, 255)) } .slds-path__nav .slds-is-current:before,.slds-path__nav .slds-is-current:after{ background-color:var(--lwc-colorBackgroundPathCurrent,rgb(255, 255, 255)); background-image:linear-gradient(90deg, var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)), var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)) 0.125rem, transparent 0.125rem),linear-gradient(90deg, var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)), var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)) 0.125rem, transparent 0.125rem),linear-gradient(var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)), var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)) 0.125rem, transparent 0.125rem); background-repeat:no-repeat; background-size:.125rem 100%,.125rem 100%,100% .125rem } .slds-path__nav .slds-is-current:before{ background-position:top right,top left,top left } .slds-path__nav .slds-is-current:after{ background-position:top right,top left,bottom left } .slds-path__nav .slds-is-current:first-child{ border:2px solid var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)); border-right:0 } .slds-path__nav .slds-is-current:first-child:before,.slds-path__nav .slds-is-current:first-child:after{ background-color:transparent; background-image:linear-gradient(90deg, var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)), var(--lwc-colorBorderPathCurrent,rgb(1, 68, 134)) 0.125rem, transparent 0.125rem) } .slds-path__nav .slds-is-current:first-child:before{ top:-.125rem } .slds-path__nav .slds-is-current:first-child:after{ bottom:-.125rem } .slds-path__nav .slds-is-current:first-child:hover{ border-color:var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)) } .slds-path__nav .slds-is-current:first-child:hover:before,.slds-path__nav .slds-is-current:first-child:hover:after{ background-image:linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)), var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)) 0.125rem, transparent 0.125rem) } .slds-path__nav .slds-is-current:first-child .slds-path__link{ height:calc(var(--lwc-heightSalesPath,2rem) - 0.25rem) } .slds-path__nav .slds-is-current .slds-path__link{ color:var(--lwc-colorTextPathCurrent,rgb(1, 68, 134)) } .slds-path__nav .slds-is-current:hover:before,.slds-path__nav .slds-is-current:hover:after{ background-image:linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)), var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)) 0.125rem, transparent 0.125rem),linear-gradient(90deg, var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)), var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)) 0.125rem, transparent 0.125rem),linear-gradient(var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)), var(--lwc-colorBorderPathCurrentHover,rgb(3, 45, 96)) 0.125rem, transparent 0.125rem) } .slds-path__nav .slds-is-current:hover .slds-path__link{ color:var(--lwc-colorTextPathCurrentHover,rgb(3, 45, 96)) } .slds-path__nav .slds-is-active{ background:var(--lwc-colorBackgroundPathActive,rgb(1, 68, 134)) } .slds-path__nav .slds-is-active:before,.slds-path__nav .slds-is-active:after{ background:var(--lwc-colorBackgroundPathActive,rgb(1, 68, 134)) } .slds-path__nav .slds-is-active:first-child{ border:0 } .slds-path__nav .slds-is-active:first-child:before,.slds-path__nav .slds-is-active:first-child:after{ background:var(--lwc-colorBackgroundPathActive,rgb(1, 68, 134)) } .slds-path__nav .slds-is-active:first-child:before{ top:0 } .slds-path__nav .slds-is-active:first-child:after{ bottom:0 } .slds-path__nav .slds-is-active:first-child .slds-path__link{ height:var(--lwc-heightSalesPath,2rem) } .slds-path__nav .slds-is-active .slds-path__stage{ transform:translateY(-50%) rotateX(-180deg) } .slds-path__nav .slds-is-active .slds-path__title{ transform:rotateX(0deg) } .slds-path__nav .slds-is-active .slds-path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-path__nav .slds-is-active:hover{ background:var(--lwc-colorBackgroundPathActiveHover,rgb(3, 45, 96)) } .slds-path__nav .slds-is-active:hover:before,.slds-path__nav .slds-is-active:hover:after{ background:var(--lwc-colorBackgroundPathActiveHover,rgb(3, 45, 96)) } .slds-path__nav .slds-is-active:hover .slds-path__link{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-path__nav .slds-is-lost{ background:var(--lwc-colorBackgroundPathLost,rgb(234, 0, 30)) } .slds-path__nav .slds-is-lost:before,.slds-path__nav .slds-is-lost:after,.slds-path__nav .slds-is-lost:hover,.slds-path__nav .slds-is-lost:hover:before,.slds-path__nav .slds-is-lost:hover:after{ background:var(--lwc-colorBackgroundPathLost,rgb(234, 0, 30)) } .slds-path__nav .slds-is-won{ background:var(--lwc-colorBackgroundPathWon,rgb(46, 132, 74)) } .slds-path__nav .slds-is-won:before,.slds-path__nav .slds-is-won:after,.slds-path__nav .slds-is-won:hover,.slds-path__nav .slds-is-won:hover:before,.slds-path__nav .slds-is-won:hover:after{ background:var(--lwc-colorBackgroundPathWon,rgb(46, 132, 74)) } .slds-path.slds-is-won .slds-path__item.slds-is-current{ background:var(--lwc-colorBackgroundPathWon,rgb(46, 132, 74)) } .slds-path.slds-is-won .slds-path__item.slds-is-current:before,.slds-path.slds-is-won .slds-path__item.slds-is-current:after,.slds-path.slds-is-won .slds-path__item.slds-is-current:hover,.slds-path.slds-is-won .slds-path__item.slds-is-current:hover:before,.slds-path.slds-is-won .slds-path__item.slds-is-current:hover:after{ background:var(--lwc-colorBackgroundPathWon,rgb(46, 132, 74)) } .slds-path.slds-is-lost .slds-path__item.slds-is-current{ background:var(--lwc-colorBackgroundPathLost,rgb(234, 0, 30)) } .slds-path.slds-is-lost .slds-path__item.slds-is-current:before,.slds-path.slds-is-lost .slds-path__item.slds-is-current:after,.slds-path.slds-is-lost .slds-path__item.slds-is-current:hover,.slds-path.slds-is-lost .slds-path__item.slds-is-current:hover:before,.slds-path.slds-is-lost .slds-path__item.slds-is-current:hover:after{ background:var(--lwc-colorBackgroundPathLost,rgb(234, 0, 30)) } .slds-path__item{ position:relative; flex:1; margin-left:.375rem; margin-right:.4375rem; min-width:5rem; text-align:center } .slds-path__item:before,.slds-path__item:after{ content:''; position:absolute; left:-.25rem; right:-.3125rem; cursor:pointer } .slds-path__item:before{ top:0; height:calc((2rem / 2) + 0.0625rem); transform:skew(28deg) translate3d(0, 0, 0) } .slds-path__item:after{ bottom:0; height:1rem; transform:skew(-30deg) translate3d(0, 0, 0) } .slds-path__item:first-child{ margin-left:0; border-top-left-radius:var(--lwc-heightSalesPath,2rem); border-bottom-left-radius:var(--lwc-heightSalesPath,2rem); padding-left:.625rem } .slds-path__item:first-child:before,.slds-path__item:first-child:after{ left:1.125rem } .slds-path__item:last-child{ margin-right:0; border-top-right-radius:var(--lwc-heightSalesPath,2rem); border-bottom-right-radius:var(--lwc-heightSalesPath,2rem); padding-right:.625rem } .slds-path__item:last-child .slds-path__link{ padding-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-path__item:last-child:before,.slds-path__item:last-child:after{ right:.625rem } [dir=rtl] .slds-path__item:before{ transform:skew(-30deg) translate3d(0, 0, 0) } [dir=rtl] .slds-path__item:after{ transform:skew(28deg) translate3d(0, 0, 0) } .slds-path__title{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transform:translate3d(0, 0, 0) } .slds-path__stage{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotateX(-180deg) } .slds-path__link{ position:relative; display:flex; justify-content:center; align-items:center; height:var(--lwc-heightSalesPath,2rem); padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXSmall,0.5rem); text-decoration:none; z-index:5; cursor:pointer } .slds-path__link:hover{ text-decoration:none } .slds-path__link:focus{ outline:0 } .slds-path__title,.slds-path__stage{ display:block; transition:transform .2s linear; -webkit-backface-visibility:hidden; backface-visibility:hidden } .slds-path .slds-path__trigger{ margin-right:var(--lwc-spacingSmall,0.75rem); transition:var(--lwc-durationSlowly,0.4s) transform ease-in-out; display:none } @media (min-width:48em){ .slds-path .slds-path__trigger{ display:block } } .slds-flip_vertical,.slds-flip--vertical{ transform:rotateX(180deg) } .slds-flip_horizontal,.slds-flip--horizontal{ transform:rotateY(180deg) } .slds-path__trigger_open{ transform:rotate(90deg) } [dir=rtl] .slds-path__trigger_open{ transform:rotate(-90deg) } .slds-path .slds-path__mark-complete{ width:100%; min-width:var(--lwc-pathButtonWidthFixed,13rem); margin-right:0 } @media (min-width:48em){ .slds-path .slds-path__mark-complete{ width:auto } } .slds-path__mark-current{ border-color:var(--lwc-brandAccessible,rgb(225, 50, 0)); background-color:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-path__mark-current:hover,.slds-path__mark-current:focus{ background-color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-path__guidance{ margin-right:var(--lwc-spacingXSmall,0.5rem); padding-bottom:var(--lwc-spacingXxSmall,0.25rem); background-color:var(--lwc-colorBackgroundGuidance,rgb(255, 255, 255)) } @media (min-width:48em){ .slds-path__guidance{ margin-top:0 } } .slds-path__keys,.slds-path__guidance{ flex:1 1 100%; margin-top:var(--lwc-varSpacingVerticalMedium,1rem); padding-left:0; padding-right:0 } @media (min-width:48em){ .slds-path__keys,.slds-path__guidance{ flex-basis:50% } } @media (min-width:48em){ .slds-path__keys{ padding-right:var(--lwc-spacingSmall,0.75rem) } } .slds-path__coach{ flex-wrap:wrap; align-items:flex-start } @media (min-width:48em){ .slds-path__coach{ flex-wrap:nowrap; align-items:stretch } } .slds-path__coach-title{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700); margin-bottom:var(--lwc-spacingXSmall,0.5rem); padding-bottom:var(--lwc-spacingXSmall,0.5rem); line-height:1.125 } .slds-path__coach-edit{ border:0; padding:0; line-height:inherit } .slds-path__guidance-content{ padding-top:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-path__trigger-coaching-content{ width:100%; margin-top:var(--lwc-spacingSmall,0.75rem) } @media (min-width:48em){ .slds-path__trigger-coaching-content{ display:none } } .slds-path .slds-path__trigger-coaching-content{ margin-left:0 } .slds-region_medium .slds-path_has-coaching .slds-path__action{ padding-left:2.75rem } .slds-region_medium .slds-path__scroller-container{ flex-basis:100% } .slds-region_medium .slds-path__track{ flex-wrap:wrap; align-items:flex-start } .slds-region_medium .slds-path__action{ flex-grow:1; flex-basis:100%; margin-left:0; align-items:center; max-width:100%; justify-content:space-between; margin-top:var(--lwc-spacingMedium,1rem); flex-direction:row } .slds-region_medium .slds-path__stage-name,.slds-region_medium .slds-path__trigger{ display:block } .slds-region_medium .slds-path__stage-name{ margin:0 } .slds-region_medium .slds-path__trigger-coaching-content{ display:none } .slds-region_medium .slds-path__mark-complete{ width:auto } .slds-region_medium .slds-path__coach{ flex-wrap:nowrap; align-items:stretch } .slds-region_medium .slds-path__keys,.slds-region_medium .slds-path__guidance{ flex-basis:50% } .slds-region_medium .slds-path__keys{ padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-region_small .slds-path__scroller-container{ flex-basis:100% } .slds-region_small .slds-path__track,.slds-region_small .slds-path__coach{ flex-wrap:wrap; align-items:flex-start } .slds-region_small .slds-path__stage-name{ display:block; margin:var(--lwc-spacingSmall,0.75rem) 0 } .slds-region_small .slds-path__action{ flex-grow:1; flex-basis:100%; margin-left:0; align-items:center; flex-direction:column; margin-top:0 } .slds-region_small .slds-path_has-coaching .slds-path__action{ padding-left:0 } .slds-region_small .slds-path__mark-complete{ width:100% } .slds-region_small .slds-path__keys,.slds-region_small .slds-path__guidance{ flex-basis:100%; padding-left:0; padding-right:0 } .slds-region_small .slds-path__guidance{ margin-top:var(--lwc-spacingMedium,1rem) } .slds-region_small .slds-path__trigger{ display:none } .slds-region_small .slds-path__trigger-coaching-content{ display:inline-block } .slds-progress-bar{ -webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:100%; height:.5rem; background:var(--lwc-progressBarColorBackground,rgb(221, 219, 218)); border:0; position:relative } .slds-progress-bar_x-small,.slds-progress-bar--x-small{ height:var(--lwc-progressBarHeight,0.125rem) } .slds-progress-bar_small,.slds-progress-bar--small{ height:.25rem } .slds-progress-bar_medium,.slds-progress-bar--medium{ height:.5rem } .slds-progress-bar_large,.slds-progress-bar--large{ height:.75rem } .slds-progress-bar_circular,.slds-progress-bar--circular{ border-radius:var(--lwc-borderRadiusLarge,0.5rem) } .slds-progress-bar_circular .slds-progress-bar__value,.slds-progress-bar--circular .slds-progress-bar__value{ border-radius:var(--lwc-borderRadiusLarge,0.5rem) } .slds-progress-bar__value{ display:block; background:var(--lwc-progressBarColorBackgroundFill,rgb(26, 185, 255)); height:100% } .slds-progress-bar__value_success{ background:var(--lwc-progressBarColorBackgroundFillSuccess,rgb(46, 132, 74)) } .slds-progress-bar_vertical{ height:100%; width:.5rem } .slds-progress-bar_vertical.slds-progress-bar_x-small{ width:var(--lwc-progressBarHeight,0.125rem) } .slds-progress-bar_vertical.slds-progress-bar_small{ width:.25rem } .slds-progress-bar_vertical.slds-progress-bar_medium{ width:.5rem } .slds-progress-bar_vertical.slds-progress-bar_large{ width:.75rem } .slds-progress{ position:relative; max-width:70%; width:100%; flex:1 1 auto; margin:auto } .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker,.slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker,.slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker,.slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker{ background:var(--lwc-progressColorBackgroundShade,rgb(250, 250, 249)) } .slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon,.slds-progress_shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon,.slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker_icon,.slds-progress--shade .slds-progress__item.slds-is-completed .slds-progress__marker--icon{ border-color:var(--lwc-progressColorBackgroundShade,rgb(250, 250, 249)) } .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker,.slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker{ box-shadow:var(--lwc-progressColorBackgroundShade,rgb(250, 250, 249)) 0 0 0 4px } .slds-progress_shade .slds-progress__item.slds-is-active .slds-progress__marker:focus,.slds-progress--shade .slds-progress__item.slds-is-active .slds-progress__marker:focus{ box-shadow:var(--lwc-progressColorBackgroundShade,rgb(250, 250, 249)) 0 0 0 4px,0 0 3px 4px var(--lwc-colorBorderBrandDark,rgb(1, 68, 134)) } .slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker,.slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:hover,.slds-progress_shade .slds-progress__item.slds-has-error .slds-progress__marker:focus,.slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker,.slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:hover,.slds-progress--shade .slds-progress__item.slds-has-error .slds-progress__marker:focus{ background:var(--lwc-progressColorBackgroundShade,rgb(250, 250, 249)) } .slds-progress_shade .slds-progress__item .slds-progress__marker,.slds-progress--shade .slds-progress__item .slds-progress__marker{ border-color:var(--lwc-progressColorBorderShade,rgb(250, 250, 249)) } .slds-progress .slds-progress-bar{ position:absolute; top:50%; margin-top:-.0625rem } .slds-progress__list{ display:flex; justify-content:space-between; align-items:center; height:100%; margin:auto; position:relative; z-index:var(--lwc-zIndexDefault,1) } .slds-progress__item{ display:inline-flex; align-self:center } .slds-progress__item.slds-is-completed .slds-progress__marker,.slds-progress__item.slds-is-active .slds-progress__marker{ background:var(--lwc-progressColorBackground,rgb(255, 255, 255)); border-color:var(--lwc-progressColorBorderActive,rgb(27, 150, 255)) } .slds-progress__item.slds-is-completed .slds-progress__marker_icon,.slds-progress__item.slds-is-completed .slds-progress__marker--icon{ border-color:var(--lwc-progressColorBackground,rgb(255, 255, 255)); color:var(--lwc-progressBarColorBackgroundFill,rgb(26, 185, 255)) } .slds-progress__item.slds-is-active .slds-progress__marker{ box-shadow:var(--lwc-progressColorBackground,rgb(255, 255, 255)) 0 0 0 4px } .slds-progress__item.slds-is-active .slds-progress__marker:hover,.slds-progress__item.slds-is-active .slds-progress__marker:focus{ border-color:var(--lwc-progressColorBorderHover,rgb(1, 118, 211)) } .slds-progress__item.slds-is-active .slds-progress__marker:focus{ box-shadow:var(--lwc-progressColorBackground,rgb(255, 255, 255)) 0 0 0 4px,0 0 3px 4px var(--lwc-colorBorderBrandDark,rgb(1, 68, 134)) } .slds-progress__item.slds-has-error .slds-progress__marker,.slds-progress__item.slds-has-error .slds-progress__marker:hover,.slds-progress__item.slds-has-error .slds-progress__marker:focus{ color:var(--lwc-colorTextError,rgb(234, 0, 30)); background:var(--lwc-progressColorBackground,rgb(255, 255, 255)); border-color:transparent; box-shadow:none } .slds-progress__item.slds-has-error .slds-progress__marker:focus{ box-shadow:0 0 3px 0 var(--lwc-colorBorderError,rgb(234, 0, 30)) } .slds-progress__marker{ width:var(--lwc-squareIconUtilitySmall,1rem); height:var(--lwc-squareIconUtilitySmall,1rem); position:relative; border-radius:var(--lwc-borderRadiusCircle,50%); background:var(--lwc-progressBarColorBackground,rgb(221, 219, 218)); border:4px solid var(--lwc-progressColorBorder,rgb(255, 255, 255)); vertical-align:middle } .slds-progress__marker_icon,.slds-progress__marker--icon{ width:auto; height:auto } .slds-progress_vertical{ max-width:none } .slds-progress_vertical .slds-progress__list{ display:block } .slds-progress_vertical .slds-progress__item{ position:relative; display:flex; align-self:left; align-items:center; padding:0 } .slds-progress_vertical .slds-progress__item:before,.slds-progress_vertical .slds-progress__item:after{ content:''; position:absolute; left:calc((1rem / 2) - 1px); width:2px; background-color:var(--lwc-progressBarColorBackground,rgb(221, 219, 218)) } .slds-progress_vertical .slds-progress__item:before{ top:0; bottom:50% } .slds-progress_vertical .slds-progress__item:after{ top:50%; bottom:0 } .slds-progress_vertical .slds-progress__item:first-child:before,.slds-progress_vertical .slds-progress__item:last-child:after{ display:none } .slds-progress_vertical .slds-progress__item.slds-is-completed:before,.slds-progress_vertical .slds-progress__item.slds-is-completed:after,.slds-progress_vertical .slds-progress__item.slds-is-active:before,.slds-progress_vertical .slds-progress__item.slds-has-error:before{ background-color:var(--lwc-progressBarColorBackgroundFill,rgb(26, 185, 255)) } .slds-progress_vertical .slds-progress__item_content{ flex:1; align-items:center; margin-top:var(--lwc-spacingSmall,0.75rem); padding-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-progress_vertical .slds-progress__list-bordered .slds-progress__item:not(:last-child) .slds-progress__item_content{ border-bottom:1px var(--lwc-colorBorderSeparatorAlt,rgb(0, 1, 16)) solid } .slds-progress_vertical .slds-progress__marker{ display:flex; justify-content:center; margin-right:var(--lwc-spacingMedium,1rem); min-width:var(--lwc-squareIconUtilitySmall,1rem); z-index:5 } .slds-progress_vertical .slds-progress__marker_icon{ border-right:0; border-left:0 } .slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon svg{ fill:var(--lwc-progressBarColorBackgroundFill,rgb(26, 185, 255)) } .slds-progress_vertical .slds-progress__item.slds-is-completed .slds-progress__marker_icon-success svg{ fill:var(--lwc-progressBarColorBackgroundFillSuccess,rgb(46, 132, 74)) } .slds-progress_vertical .slds-progress__item.slds-has-error .slds-progress__marker_icon svg{ fill:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-progress_success .slds-progress__item.slds-is-completed:before,.slds-progress_success .slds-progress__item.slds-is-completed:after,.slds-progress_success .slds-progress__item.slds-is-active:before,.slds-progress_success .slds-progress__item.slds-has-error:before{ opacity:.3; background-color:var(--lwc-progressBarColorBackgroundFillSuccess,rgb(46, 132, 74)) } .slds-progress-ring{ position:relative; display:inline-block; height:var(--lwc-squareIconUtilityLarge,1.5rem); width:var(--lwc-squareIconUtilityLarge,1.5rem); border-radius:var(--lwc-squareIconUtilityLarge,1.5rem); background:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-progress-ring .slds-icon_container{ line-height:0 } .slds-progress-ring__progress{ position:absolute; top:0; left:0; height:100%; width:100%; transform:scale(-1, 1) rotate(-90deg) } .slds-progress-ring__progress svg{ width:100% } .slds-progress-ring__path{ fill:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } .slds-progress-ring__content{ position:absolute; top:var(--lwc-progressRingWidth,0.1875rem); right:var(--lwc-progressRingWidth,0.1875rem); bottom:var(--lwc-progressRingWidth,0.1875rem); left:var(--lwc-progressRingWidth,0.1875rem); display:flex; align-items:center; justify-content:center; border-radius:var(--lwc-squareIconUtilityLarge,1.5rem); background:var(--lwc-colorBackgroundProgressRingContent,rgb(255, 255, 255)) } .slds-progress-ring__content .slds-icon{ width:var(--lwc-squareIconSmallContent,0.75rem) } .slds-progress-ring_warning .slds-progress-ring__content{ background:var(--lwc-colorBackgroundProgressRingContent,rgb(255, 255, 255)) } .slds-progress-ring_warning .slds-icon,.slds-progress-ring_warning .slds-progress-ring__path{ fill:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } .slds-progress-ring_expired .slds-progress-ring__content{ background:var(--lwc-colorBackgroundProgressRingContent,rgb(255, 255, 255)) } .slds-progress-ring_expired .slds-icon,.slds-progress-ring_expired .slds-progress-ring__path{ fill:var(--lwc-colorBackgroundError,#C23934) } .slds-progress-ring_complete .slds-icon{ fill:var(--lwc-colorBackgroundProgressRingContent,rgb(255, 255, 255)) } .slds-progress-ring_complete .slds-progress-ring__path{ fill:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } .slds-progress-ring_complete .slds-progress-ring__content{ background:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } .slds-progress-ring_large{ height:var(--lwc-squareIconLargeContent,2rem); width:var(--lwc-squareIconLargeContent,2rem) } .slds-progress-ring_large .slds-icon{ width:var(--lwc-squareIconMediumContent,1rem) } .slds-progress-ring_active-step .slds-progress-ring__path{ fill:var(--lwc-progressColorBorderActive,rgb(27, 150, 255)) } .slds-rich-text-editor{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-rich-text-editor_toolbar-only{ border:0; border-radius:0 } .slds-rich-text-editor__toolbar{ display:flex; flex-wrap:wrap; align-items:flex-start; white-space:nowrap; position:relative; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem); border-top-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-top-right-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); background-color:var(--lwc-colorBackground,#FFFFFF) } .slds-rich-text-editor__col{ align-self:center } .slds-rich-text-editor__col+.slds-rich-text-editor__col{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-rich-text-editor__col_grow{ flex-grow:1 } .slds-rich-text-editor__toolbar_bottom{ border-radius:0 0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:0 } .slds-rich-text-editor__toolbar_detached{ border-radius:0; border-top:0; border-bottom:0 } .slds-rich-text-editor .slds-button-group-list{ margin-right:var(--lwc-spacingXxSmall,0.25rem); margin-bottom:var(--lwc-spacingXxSmall,0.25rem); margin-left:0 } .slds-rich-text-editor .slds-button-group-list:last-child{ margin-right:0 } .slds-rich-text-editor__select{ margin-right:var(--lwc-spacingXxSmall,0.25rem); margin-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-rich-text-editor__select_x-small{ max-width:var(--lwc-sizeXSmall,12rem); width:auto } .slds-rich-text-editor__select_xx-small{ max-width:var(--lwc-sizeXxSmall,6rem); width:auto } .slds-region_narrow .slds-combobox{ max-width:11rem } .slds-rich-text-editor.slds-has-focus{ border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-rich-text-editor.slds-has-error{ border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorderError,rgb(234, 0, 30)) } .slds-rich-text-editor.slds-has-error .slds-input{ border-color:var(--lwc-colorBorderInput,rgb(0, 1, 16)); box-shadow:none } .slds-rich-text-editor.slds-has-error .slds-form-element__help{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); margin-top:0; border-radius:0 0 var(--lwc-borderRadiusSmall,0.125rem) var(--lwc-borderRadiusSmall,0.125rem) } .slds-rich-text-area__content{ overflow-y:auto; min-height:var(--sds-c-textarea-sizing-min-height, var(--lwc-sizeXxSmall,6rem)); max-height:var(--sds-c-textarea-sizing-max-height, var(--lwc-sizeSmall,15rem)); padding:var(--lwc-spacingMedium,1rem); background-color:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)) } .slds-picklist__label[disabled] .slds-icon{ fill:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } [contenteditable]:focus{ outline:none } .slds-rich-text-editor__textarea:last-child .slds-rich-text-area__content{ border-radius:0 0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) } .slds-rich-text-editor__textarea:first-child .slds-rich-text-area__content{ border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0 } .slds-rich-text-editor__textarea .ql-editor{ white-space:pre-wrap; word-wrap:break-word; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text } .slds-rich-text-editor__textarea .ql-editor.ql-blank:before{ color:#54698d; content:attr(data-placeholder); pointer-events:none; position:absolute } .slds-rich-text-editor__textarea .ql-editor a{ text-decoration:underline } .slds-rich-text-editor__textarea .overflow-menu{ z-index:2 } .slds-rich-text-editor__textarea .ql-active{ background-color:#eef1f6 } .slds-rich-text-editor__textarea .ql-clipboard{ position:absolute!important; margin:-1px!important; border:0!important; padding:0!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important } .slds-rich-text-editor__textarea p,.slds-rich-text-editor__textarea ol,.slds-rich-text-editor__textarea ul,.slds-rich-text-editor__textarea pre,.slds-rich-text-editor__textarea blockquote,.slds-rich-text-editor__textarea h1,.slds-rich-text-editor__textarea h2,.slds-rich-text-editor__textarea h3,.slds-rich-text-editor__textarea h4,.slds-rich-text-editor__textarea h5,.slds-rich-text-editor__textarea h6{ counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol,.slds-rich-text-editor__textarea ul{ margin:0; padding:0; padding-left:1.5em } .slds-rich-text-editor__textarea ol>li{ list-style-type:none } .slds-rich-text-editor__textarea ul>li{ list-style-type:none } .slds-rich-text-editor__textarea ul>li:before{ content:'\2022'; vertical-align:middle; display:inline-block; line-height:normal } .slds-rich-text-editor__textarea ul[data-checked=true],.slds-rich-text-editor__textarea ul[data-checked=false]{ pointer-events:none } .slds-rich-text-editor__textarea ul[data-checked=true]>li:before{ color:#777; cursor:pointer; pointer-events:all } .slds-rich-text-editor__textarea ul[data-checked=false]>li:before{ color:#777; cursor:pointer; pointer-events:all } .slds-rich-text-editor__textarea ul[data-checked=true]>li:before{ content:'\2611' } .slds-rich-text-editor__textarea ul[data-checked=false]>li:before{ content:'\2610' } .slds-rich-text-editor__textarea li:before{ display:inline-block; margin-right:.3em; text-align:right; white-space:nowrap; width:1.2em } .slds-rich-text-editor__textarea li:not(.ql-direction-rtl):before{ margin-left:-1.5em } .slds-rich-text-editor__textarea ol li,.slds-rich-text-editor__textarea ul li{ padding-left:1.5em } .slds-rich-text-editor__textarea ol li{ counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment:list-num } .slds-rich-text-editor__textarea ol li:before{ content:counter(list-num, decimal) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-1{ counter-increment:list-1; counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-1:before{ content:counter(list-1, lower-alpha) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-2{ counter-increment:list-2; counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-2:before{ content:counter(list-2, lower-roman) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-3{ counter-increment:list-3; counter-reset:list-4 list-5 list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-3:before{ content:counter(list-3, decimal) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-4{ counter-increment:list-4; counter-reset:list-5 list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-4:before{ content:counter(list-4, lower-alpha) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-5{ counter-increment:list-5; counter-reset:list-6 list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-5:before{ content:counter(list-5, lower-roman) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-6{ counter-increment:list-6; counter-reset:list-7 list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-6:before{ content:counter(list-6, decimal) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-7{ counter-increment:list-7; counter-reset:list-8 list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-7:before{ content:counter(list-7, lower-alpha) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-8{ counter-increment:list-8; counter-reset:list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-8:before{ content:counter(list-8, lower-roman) ". " } .slds-rich-text-editor__textarea ol li.ql-indent-9{ counter-increment:list-9 } .slds-rich-text-editor__textarea ol li.ql-indent-9:before{ content:counter(list-9, decimal) ". " } .slds-rich-text-editor__textarea ul li.ql-indent-1:before{ content:'\25e6' } .slds-rich-text-editor__textarea ul li.ql-indent-2:before,.slds-rich-text-editor__textarea ul li.ql-indent-3:before,.slds-rich-text-editor__textarea ul li.ql-indent-4:before,.slds-rich-text-editor__textarea ul li.ql-indent-5:before,.slds-rich-text-editor__textarea ul li.ql-indent-6:before,.slds-rich-text-editor__textarea ul li.ql-indent-7:before,.slds-rich-text-editor__textarea ul li.ql-indent-8:before{ content:'\25aa' } .slds-rich-text-editor__textarea li.ql-indent-1:not(.ql-direction-rtl){ padding-left:4.5em } .slds-rich-text-editor__textarea li.ql-indent-1.ql-direction-rtl.ql-align-right{ padding-right:4.5em } .slds-rich-text-editor__textarea li.ql-indent-2:not(.ql-direction-rtl){ padding-left:7.5em } .slds-rich-text-editor__textarea li.ql-indent-2.ql-direction-rtl.ql-align-right{ padding-right:7.5em } .slds-rich-text-editor__textarea li.ql-indent-3:not(.ql-direction-rtl){ padding-left:10.5em } .slds-rich-text-editor__textarea li.ql-indent-3.ql-direction-rtl.ql-align-right{ padding-right:10.5em } .slds-rich-text-editor__textarea li.ql-indent-4:not(.ql-direction-rtl){ padding-left:13.5em } .slds-rich-text-editor__textarea li.ql-indent-4.ql-direction-rtl.ql-align-right{ padding-right:13.5em } .slds-rich-text-editor__textarea li.ql-indent-5:not(.ql-direction-rtl){ padding-left:16.5em } .slds-rich-text-editor__textarea li.ql-indent-5.ql-direction-rtl.ql-align-right{ padding-right:16.5em } .slds-rich-text-editor__textarea li.ql-indent-6:not(.ql-direction-rtl){ padding-left:19.5em } .slds-rich-text-editor__textarea li.ql-indent-6.ql-direction-rtl.ql-align-right{ padding-right:19.5em } .slds-rich-text-editor__textarea li.ql-indent-7:not(.ql-direction-rtl){ padding-left:22.5em } .slds-rich-text-editor__textarea li.ql-indent-7.ql-direction-rtl.ql-align-right{ padding-right:22.5em } .slds-rich-text-editor__textarea li.ql-indent-8:not(.ql-direction-rtl){ padding-left:25.5em } .slds-rich-text-editor__textarea li.ql-indent-8.ql-direction-rtl.ql-align-right{ padding-right:25.5em } .slds-rich-text-editor__textarea li.ql-indent-9:not(.ql-direction-rtl){ padding-left:28.5em } .slds-rich-text-editor__textarea li.ql-indent-9.ql-direction-rtl.ql-align-right{ padding-right:28.5em } .slds-rich-text-editor__textarea,.slds-rich-text-editor__output{ line-height:var(--lwc-lineHeightText,1.5); overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:manual; -ms-hyphens:manual; hyphens:manual } .slds-rich-text-editor__textarea h1,.slds-rich-text-editor__output h1{ font-size:var(--lwc-fontSize8,1.5rem) } .slds-rich-text-editor__textarea h2,.slds-rich-text-editor__output h2{ font-size:var(--lwc-fontSize6,1.125rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-rich-text-editor__textarea h3,.slds-rich-text-editor__output h3{ font-size:var(--lwc-fontSize6,1.125rem) } .slds-rich-text-editor__textarea h4,.slds-rich-text-editor__output h4{ font-size:var(--lwc-fontSizeHeadingSmall,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-rich-text-editor__textarea h5,.slds-rich-text-editor__output h5{ font-size:var(--lwc-fontSizeHeadingSmall,0.875rem) } .slds-rich-text-editor__textarea h6,.slds-rich-text-editor__output h6{ font-size:var(--lwc-fontSize2,0.75rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-rich-text-editor__textarea h1,.slds-rich-text-editor__textarea h2,.slds-rich-text-editor__textarea h3,.slds-rich-text-editor__textarea h4,.slds-rich-text-editor__textarea h5,.slds-rich-text-editor__textarea h6,.slds-rich-text-editor__textarea ul,.slds-rich-text-editor__textarea ol,.slds-rich-text-editor__textarea dl,.slds-rich-text-editor__textarea img,.slds-rich-text-editor__output h1,.slds-rich-text-editor__output h2,.slds-rich-text-editor__output h3,.slds-rich-text-editor__output h4,.slds-rich-text-editor__output h5,.slds-rich-text-editor__output h6,.slds-rich-text-editor__output ul,.slds-rich-text-editor__output ol,.slds-rich-text-editor__output dl,.slds-rich-text-editor__output img{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-rich-text-editor__textarea blockquote,.slds-rich-text-editor__output blockquote{ margin:var(--lwc-spacingXLarge,2rem) var(--lwc-spacingLarge,1.5rem) } .slds-rich-text-editor__textarea ins,.slds-rich-text-editor__output ins{ color:var(--lwc-colorTextSuccess,rgb(46, 132, 74)); text-decoration:underline } .slds-rich-text-editor__textarea del,.slds-rich-text-editor__output del{ color:var(--lwc-colorTextDestructive,rgb(234, 0, 30)); text-decoration:line-through } .slds-rich-text-editor__textarea ul,.slds-rich-text-editor__output ul{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:disc } .slds-rich-text-editor__textarea ul ul,.slds-rich-text-editor__output ul ul{ list-style:circle; margin-bottom:0 } .slds-rich-text-editor__textarea ul ul ul,.slds-rich-text-editor__output ul ul ul{ list-style:square } .slds-rich-text-editor__textarea ul ul ul ul,.slds-rich-text-editor__output ul ul ul ul{ list-style:disc } .slds-rich-text-editor__textarea ul ul ul ul ul,.slds-rich-text-editor__output ul ul ul ul ul{ list-style:circle } .slds-rich-text-editor__textarea ul ol,.slds-rich-text-editor__output ul ol{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:decimal; margin-bottom:0 } .slds-rich-text-editor__textarea ol,.slds-rich-text-editor__output ol{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:decimal } .slds-rich-text-editor__textarea ol ol,.slds-rich-text-editor__output ol ol{ list-style:lower-alpha; margin-bottom:0 } .slds-rich-text-editor__textarea ol ol ol,.slds-rich-text-editor__output ol ol ol{ list-style:lower-roman } .slds-rich-text-editor__textarea ol ol ol ol,.slds-rich-text-editor__output ol ol ol ol{ list-style:decimal } .slds-rich-text-editor__textarea ol ol ol ol ol,.slds-rich-text-editor__output ol ol ol ol ol{ list-style:lower-alpha } .slds-rich-text-editor__textarea ol ul,.slds-rich-text-editor__output ol ul{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:disc; margin-bottom:0 } .slds-rich-text-editor__textarea dd,.slds-rich-text-editor__output dd{ margin-left:2.5rem } .slds-rich-text-editor__textarea abbr[title],.slds-rich-text-editor__textarea acronym[title],.slds-rich-text-editor__output abbr[title],.slds-rich-text-editor__output acronym[title]{ border-bottom:1px dotted; cursor:help } .slds-rich-text-editor__textarea table,.slds-rich-text-editor__output table{ overflow-wrap:normal; word-wrap:normal; word-break:normal; width:auto } .slds-rich-text-editor__textarea table caption,.slds-rich-text-editor__output table caption{ text-align:center } .slds-rich-text-editor__textarea th,.slds-rich-text-editor__textarea td,.slds-rich-text-editor__output th,.slds-rich-text-editor__output td{ padding:var(--lwc-spacingXSmall,0.5rem) } .slds-rich-text-editor__textarea .sans-serif,.slds-rich-text-editor__output .sans-serif{ font-family:sans-serif } .slds-rich-text-editor__textarea .courier,.slds-rich-text-editor__output .courier{ font-family:courier } .slds-rich-text-editor__textarea .verdana,.slds-rich-text-editor__output .verdana{ font-family:verdana } .slds-rich-text-editor__textarea .tahoma,.slds-rich-text-editor__output .tahoma{ font-family:tahoma } .slds-rich-text-editor__textarea .garamond,.slds-rich-text-editor__output .garamond{ font-family:garamond } .slds-rich-text-editor__textarea .serif,.slds-rich-text-editor__output .serif{ font-family:serif } .slds-rich-text-editor__textarea .ql-indent-1:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-1:not(.ql-direction-rtl){ padding-left:3em } .slds-rich-text-editor__textarea .ql-indent-1.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-1.ql-direction-rtl.ql-align-right{ padding-right:3em } .slds-rich-text-editor__textarea .ql-indent-2:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-2:not(.ql-direction-rtl){ padding-left:6em } .slds-rich-text-editor__textarea .ql-indent-2.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-2.ql-direction-rtl.ql-align-right{ padding-right:6em } .slds-rich-text-editor__textarea .ql-indent-3:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-3:not(.ql-direction-rtl){ padding-left:9em } .slds-rich-text-editor__textarea .ql-indent-3.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-3.ql-direction-rtl.ql-align-right{ padding-right:9em } .slds-rich-text-editor__textarea .ql-indent-4:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-4:not(.ql-direction-rtl){ padding-left:12em } .slds-rich-text-editor__textarea .ql-indent-4.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-4.ql-direction-rtl.ql-align-right{ padding-right:12em } .slds-rich-text-editor__textarea .ql-indent-5:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-5:not(.ql-direction-rtl){ padding-left:15em } .slds-rich-text-editor__textarea .ql-indent-5.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-5.ql-direction-rtl.ql-align-right{ padding-right:15em } .slds-rich-text-editor__textarea .ql-indent-6:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-6:not(.ql-direction-rtl){ padding-left:18em } .slds-rich-text-editor__textarea .ql-indent-6.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-6.ql-direction-rtl.ql-align-right{ padding-right:18em } .slds-rich-text-editor__textarea .ql-indent-7:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-7:not(.ql-direction-rtl){ padding-left:21em } .slds-rich-text-editor__textarea .ql-indent-7.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-7.ql-direction-rtl.ql-align-right{ padding-right:21em } .slds-rich-text-editor__textarea .ql-indent-8:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-8:not(.ql-direction-rtl){ padding-left:24em } .slds-rich-text-editor__textarea .ql-indent-8.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-8.ql-direction-rtl.ql-align-right{ padding-right:24em } .slds-rich-text-editor__textarea .ql-indent-9:not(.ql-direction-rtl),.slds-rich-text-editor__output .ql-indent-9:not(.ql-direction-rtl){ padding-left:27em } .slds-rich-text-editor__textarea .ql-indent-9.ql-direction-rtl.ql-align-right,.slds-rich-text-editor__output .ql-indent-9.ql-direction-rtl.ql-align-right{ padding-right:27em } .slds-spinner_container{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:var(--lwc-zIndexSpinner,9050); background-color:var(--lwc-colorBackgroundTempModalTintAlt,rgba(255, 255, 255, 0.75)); visibility:visible; opacity:1; transition:opacity .2s ease,visibility 0s; transition-delay:0s,.3s } .slds-spinner_container.is-hidden{ visibility:hidden; opacity:0; transition:opacity .2s ease,visibility 0s; transition-delay:0s,0s } .slds-spinner_container.hide{ display:none } .slds-spinner{ position:absolute; top:50%; left:50%; z-index:9051; transform:translate(-50%, -50%) rotate(90deg) } .slds-spinner_inline{ position:relative; top:auto; left:auto; right:auto; bottom:auto; transform:none } .slds-spinner,.slds-spinner__dot-a,.slds-spinner__dot-b{ transform-origin:50% 50%; will-change:transform } .slds-spinner__dot-a,.slds-spinner__dot-b{ position:absolute; top:0; left:0; width:100% } .slds-spinner:before,.slds-spinner:after,.slds-spinner__dot-a:before,.slds-spinner__dot-b:before,.slds-spinner__dot-a:after,.slds-spinner__dot-b:after{ content:''; position:absolute; background:var(--lwc-colorBackgroundSpinnerDot,rgb(171, 173, 176)); border-radius:var(--lwc-borderRadiusCircle,50%); animation-duration:1000ms; animation-iteration-count:infinite; transform:translate3d(0, 0, 0) } .slds-spinner__dot-a{ transform:rotate(60deg) } .slds-spinner__dot-b{ transform:rotate(120deg) } .slds-spinner:before{ animation-delay:-83.33333ms } .slds-spinner__dot-a:before{ animation-delay:83.33333ms } .slds-spinner__dot-b:before{ animation-delay:250ms } .slds-spinner:after{ animation-delay:416.66667ms } .slds-spinner__dot-a:after{ animation-delay:583.33333ms } .slds-spinner__dot-b:after{ animation-delay:750ms } .slds-spinner_delayed:before{ animation-delay:216.66667ms } .slds-spinner_delayed .slds-spinner__dot-a:before{ animation-delay:383.33333ms } .slds-spinner_delayed .slds-spinner__dot-b:before{ animation-delay:550ms } .slds-spinner_delayed:after{ animation-delay:716.66667ms } .slds-spinner_delayed .slds-spinner__dot-a:after{ animation-delay:883.33333ms } .slds-spinner_delayed .slds-spinner__dot-b:after{ animation-delay:1050ms } .slds-spinner_brand.slds-spinner:before,.slds-spinner_brand.slds-spinner:after,.slds-spinner_brand .slds-spinner__dot-a:before,.slds-spinner_brand .slds-spinner__dot-b:before,.slds-spinner_brand .slds-spinner__dot-a:after,.slds-spinner_brand .slds-spinner__dot-b:after,.slds-spinner--brand.slds-spinner:before,.slds-spinner--brand.slds-spinner:after,.slds-spinner--brand .slds-spinner__dot-a:before,.slds-spinner--brand .slds-spinner__dot-b:before,.slds-spinner--brand .slds-spinner__dot-a:after,.slds-spinner--brand .slds-spinner__dot-b:after{ background-color:var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-spinner_inverse.slds-spinner:before,.slds-spinner_inverse.slds-spinner:after,.slds-spinner_inverse .slds-spinner__dot-a:before,.slds-spinner_inverse .slds-spinner__dot-b:before,.slds-spinner_inverse .slds-spinner__dot-a:after,.slds-spinner_inverse .slds-spinner__dot-b:after,.slds-spinner--inverse.slds-spinner:before,.slds-spinner--inverse.slds-spinner:after,.slds-spinner--inverse .slds-spinner__dot-a:before,.slds-spinner--inverse .slds-spinner__dot-b:before,.slds-spinner--inverse .slds-spinner__dot-a:after,.slds-spinner--inverse .slds-spinner__dot-b:after{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-spinner_xx-small,.slds-spinner--xx-small{ width:var(--lwc-spinnerSizeXxSmall,0.5rem) } .slds-spinner_xx-small.slds-spinner_inline,.slds-spinner--xx-small.slds-spinner_inline{ height:var(--lwc-spinnerSizeXxSmall,0.5rem) } .slds-spinner_xx-small.slds-spinner:before,.slds-spinner_xx-small.slds-spinner:after,.slds-spinner_xx-small .slds-spinner__dot-a:before,.slds-spinner_xx-small .slds-spinner__dot-b:before,.slds-spinner_xx-small .slds-spinner__dot-a:after,.slds-spinner_xx-small .slds-spinner__dot-b:after,.slds-spinner--xx-small.slds-spinner:before,.slds-spinner--xx-small.slds-spinner:after,.slds-spinner--xx-small .slds-spinner__dot-a:before,.slds-spinner--xx-small .slds-spinner__dot-b:before,.slds-spinner--xx-small .slds-spinner__dot-a:after,.slds-spinner--xx-small .slds-spinner__dot-b:after{ width:.125rem; height:.125rem } .slds-spinner_xx-small.slds-spinner:before,.slds-spinner_xx-small .slds-spinner__dot-a:before,.slds-spinner_xx-small .slds-spinner__dot-b:before,.slds-spinner--xx-small.slds-spinner:before,.slds-spinner--xx-small .slds-spinner__dot-a:before,.slds-spinner--xx-small .slds-spinner__dot-b:before{ top:-.0625rem; left:-.0625rem; animation-name:dotsBounceBefore-extraExtraSmall } .slds-spinner_xx-small.slds-spinner:after,.slds-spinner_xx-small .slds-spinner__dot-a:after,.slds-spinner_xx-small .slds-spinner__dot-b:after,.slds-spinner--xx-small.slds-spinner:after,.slds-spinner--xx-small .slds-spinner__dot-a:after,.slds-spinner--xx-small .slds-spinner__dot-b:after{ top:-.0625rem; right:-.0625rem; animation-name:dotsBounceAfter-extraExtraSmall } @keyframes dotsBounceBefore-extraExtraSmall{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.275, 0.0425, 0.34, 0.265) } 80%{ transform:translate3d(-0.125rem, 0, 0); animation-timing-function:cubic-bezier(0, 0.555, 0.35, 0.715) } 100%{ transform:translate3d(0, 0, 0) } } @keyframes dotsBounceAfter-extraExtraSmall{ 0%{ transform:translate3d(0, 0, 0) } 60%{ animation-timing-function:cubic-bezier(0.275, 0.0425, 0.34, 0.265); transform:translate3d(0, 0, 0) } 80%{ animation-timing-function:cubic-bezier(0, 0.555, 0.35, 0.715); transform:translate3d(0.125rem, 0, 0) } 100%{ transform:translate3d(0, 0, 0) } } .slds-spinner_x-small,.slds-spinner--x-small{ width:var(--lwc-spinnerSizeXSmall,1rem) } .slds-spinner_x-small.slds-spinner_inline,.slds-spinner--x-small.slds-spinner_inline{ height:var(--lwc-spinnerSizeXSmall,1rem) } .slds-spinner_x-small.slds-spinner:before,.slds-spinner_x-small.slds-spinner:after,.slds-spinner_x-small .slds-spinner__dot-a:before,.slds-spinner_x-small .slds-spinner__dot-b:before,.slds-spinner_x-small .slds-spinner__dot-a:after,.slds-spinner_x-small .slds-spinner__dot-b:after,.slds-spinner--x-small.slds-spinner:before,.slds-spinner--x-small.slds-spinner:after,.slds-spinner--x-small .slds-spinner__dot-a:before,.slds-spinner--x-small .slds-spinner__dot-b:before,.slds-spinner--x-small .slds-spinner__dot-a:after,.slds-spinner--x-small .slds-spinner__dot-b:after{ width:.25rem; height:.25rem } .slds-spinner_x-small.slds-spinner:before,.slds-spinner_x-small .slds-spinner__dot-a:before,.slds-spinner_x-small .slds-spinner__dot-b:before,.slds-spinner--x-small.slds-spinner:before,.slds-spinner--x-small .slds-spinner__dot-a:before,.slds-spinner--x-small .slds-spinner__dot-b:before{ top:-.125rem; left:-.125rem; animation-name:dotsBounceBefore-extraSmall } .slds-spinner_x-small.slds-spinner:after,.slds-spinner_x-small .slds-spinner__dot-a:after,.slds-spinner_x-small .slds-spinner__dot-b:after,.slds-spinner--x-small.slds-spinner:after,.slds-spinner--x-small .slds-spinner__dot-a:after,.slds-spinner--x-small .slds-spinner__dot-b:after{ top:-.125rem; right:-.125rem; animation-name:dotsBounceAfter-extraSmall } @keyframes dotsBounceBefore-extraSmall{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(-0.25rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translate3d(0, 0, 0) } } @keyframes dotsBounceAfter-extraSmall{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(0.25rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translate3d(0, 0, 0) } } .slds-spinner_small,.slds-spinner--small{ width:var(--lwc-spinnerSizeSmall,1.25rem) } .slds-spinner_small.slds-spinner_inline,.slds-spinner--small.slds-spinner_inline{ height:var(--lwc-spinnerSizeSmall,1.25rem) } .slds-spinner_small.slds-spinner:before,.slds-spinner_small.slds-spinner:after,.slds-spinner_small .slds-spinner__dot-a:before,.slds-spinner_small .slds-spinner__dot-b:before,.slds-spinner_small .slds-spinner__dot-a:after,.slds-spinner_small .slds-spinner__dot-b:after,.slds-spinner--small.slds-spinner:before,.slds-spinner--small.slds-spinner:after,.slds-spinner--small .slds-spinner__dot-a:before,.slds-spinner--small .slds-spinner__dot-b:before,.slds-spinner--small .slds-spinner__dot-a:after,.slds-spinner--small .slds-spinner__dot-b:after{ width:.25rem; height:.25rem } .slds-spinner_small.slds-spinner:before,.slds-spinner_small .slds-spinner__dot-a:before,.slds-spinner_small .slds-spinner__dot-b:before,.slds-spinner--small.slds-spinner:before,.slds-spinner--small .slds-spinner__dot-a:before,.slds-spinner--small .slds-spinner__dot-b:before{ top:-.125rem; left:-.125rem; animation-name:dotsBounceBefore-small } .slds-spinner_small.slds-spinner:after,.slds-spinner_small .slds-spinner__dot-a:after,.slds-spinner_small .slds-spinner__dot-b:after,.slds-spinner--small.slds-spinner:after,.slds-spinner--small .slds-spinner__dot-a:after,.slds-spinner--small .slds-spinner__dot-b:after{ top:-.125rem; right:-.125rem; animation-name:dotsBounceAfter-small } @keyframes dotsBounceBefore-small{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(-0.375rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translate3d(0, 0, 0) } } @keyframes dotsBounceAfter-small{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(0.375rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translateX(0) } } .slds-spinner_medium,.slds-spinner--medium{ width:var(--lwc-spinnerSizeMedium,2rem) } .slds-spinner_medium.slds-spinner_inline,.slds-spinner--medium.slds-spinner_inline{ height:var(--lwc-spinnerSizeMedium,2rem) } .slds-spinner_medium.slds-spinner:before,.slds-spinner_medium.slds-spinner:after,.slds-spinner_medium .slds-spinner__dot-a:before,.slds-spinner_medium .slds-spinner__dot-b:before,.slds-spinner_medium .slds-spinner__dot-a:after,.slds-spinner_medium .slds-spinner__dot-b:after,.slds-spinner--medium.slds-spinner:before,.slds-spinner--medium.slds-spinner:after,.slds-spinner--medium .slds-spinner__dot-a:before,.slds-spinner--medium .slds-spinner__dot-b:before,.slds-spinner--medium .slds-spinner__dot-a:after,.slds-spinner--medium .slds-spinner__dot-b:after{ width:.5rem; height:.5rem } .slds-spinner_medium.slds-spinner:before,.slds-spinner_medium .slds-spinner__dot-a:before,.slds-spinner_medium .slds-spinner__dot-b:before,.slds-spinner--medium.slds-spinner:before,.slds-spinner--medium .slds-spinner__dot-a:before,.slds-spinner--medium .slds-spinner__dot-b:before{ animation-name:dotsBounceBefore-medium; top:-.25rem; left:-.25rem } .slds-spinner_medium.slds-spinner:after,.slds-spinner_medium .slds-spinner__dot-a:after,.slds-spinner_medium .slds-spinner__dot-b:after,.slds-spinner--medium.slds-spinner:after,.slds-spinner--medium .slds-spinner__dot-a:after,.slds-spinner--medium .slds-spinner__dot-b:after{ animation-name:dotsBounceAfter-medium; top:-.25rem; right:-.25rem } @keyframes dotsBounceBefore-medium{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(-0.5rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translate3d(0, 0, 0) } } @keyframes dotsBounceAfter-medium{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(0.5rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translateX(0) } } .slds-spinner_large,.slds-spinner--large{ width:var(--lwc-spinnerSizeLarge,2.75rem) } .slds-spinner_large.slds-spinner_inline,.slds-spinner--large.slds-spinner_inline{ height:var(--lwc-spinnerSizeLarge,2.75rem) } .slds-spinner_large.slds-spinner:before,.slds-spinner_large.slds-spinner:after,.slds-spinner_large .slds-spinner__dot-a:before,.slds-spinner_large .slds-spinner__dot-b:before,.slds-spinner_large .slds-spinner__dot-a:after,.slds-spinner_large .slds-spinner__dot-b:after,.slds-spinner--large.slds-spinner:before,.slds-spinner--large.slds-spinner:after,.slds-spinner--large .slds-spinner__dot-a:before,.slds-spinner--large .slds-spinner__dot-b:before,.slds-spinner--large .slds-spinner__dot-a:after,.slds-spinner--large .slds-spinner__dot-b:after{ width:.625rem; height:.625rem } .slds-spinner_large.slds-spinner:before,.slds-spinner_large .slds-spinner__dot-a:before,.slds-spinner_large .slds-spinner__dot-b:before,.slds-spinner--large.slds-spinner:before,.slds-spinner--large .slds-spinner__dot-a:before,.slds-spinner--large .slds-spinner__dot-b:before{ animation-name:dotsBounceBefore-medium; top:-.3125rem; left:-.3125rem } .slds-spinner_large.slds-spinner:after,.slds-spinner_large .slds-spinner__dot-a:after,.slds-spinner_large .slds-spinner__dot-b:after,.slds-spinner--large.slds-spinner:after,.slds-spinner--large .slds-spinner__dot-a:after,.slds-spinner--large .slds-spinner__dot-b:after{ animation-name:dotsBounceAfter-medium; top:-.3125rem; right:-.3125rem } @keyframes dotsBounceBefore-large{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(-0.75rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translateX(0) } } @keyframes dotsBounceAfter-large{ 0%{ transform:translate3d(0, 0, 0) } 60%{ transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53) } 80%{ transform:translate3d(0.75rem, 0, 0); animation-timing-function:cubic-bezier(0, 1.11, 0.7, 1.43) } 100%{ transform:translateX(0) } } .slds-split-view__list-item-action[aria-selected=true]{ box-shadow:inset 4px 0 0 var(--lwc-brandAccessible,rgb(225, 50, 0)) } /* .slds-split-view__list-item-action[aria-selected=true]:focus{ box-shadow:inset 4px 0 0 var(--lwc-brandAccessible,rgb(225, 50, 0)),inset 0 0 0 1px var(--lwc-brandAccessible,rgb(225, 50, 0)) } */ .slds-split-view_container{ position:relative; display:flex; flex-direction:column; min-width:0 } .slds-split-view_container.slds-is-closed .slds-split-view{ display:none } .slds-split-view_container.slds-is-closed .slds-split-view__toggle-button .slds-button__icon{ transform:rotate(180deg) } .slds-split-view_container.slds-is-open{ flex:1 1 auto } .slds-split-view_container.slds-is-open .slds-split-view{ display:inherit } .slds-split-view_container.slds-is-open .slds-split-view__toggle-button .slds-button__icon{ transform:rotate(0) } .slds-split-view{ background:var(--lwc-splitViewColorBackground,rgb(250, 250, 249)); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-split-view__header{ padding:var(--lwc-varSpacingVerticalMedium,1rem) var(--lwc-varSpacingHorizontalMedium,1rem) var(--lwc-spacingXSmall,0.5rem) var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-split-view__list-header{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700); line-height:var(--lwc-lineHeightHeading,1.25); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-splitViewColorBorder,rgb(221, 219, 218)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-splitViewColorBorder,rgb(221, 219, 218)); padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem) var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingLarge,1.5rem) } .slds-split-view__list-item{ display:flex; position:relative; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-splitViewColorBorder,rgb(221, 219, 218)); font-size:var(--lwc-fontSize2,0.75rem) } .slds-split-view__list-item:hover,.slds-split-view__list-item:focus{ background:var(--lwc-splitViewColorBackgroundRowHover,rgb(255, 255, 255)) } .slds-split-view__list-item .slds-indicator_unread,.slds-split-view__list-item .slds-indicator--unread{ background:var(--lwc-colorBrand,rgb(225, 50, 0)) } .slds-indicator_unread,.slds-indicator--unread{ width:8px; height:8px; position:absolute; top:var(--lwc-spacingMedium,1rem); left:var(--lwc-spacingXSmall,0.5rem); display:block; border-radius:var(--lwc-borderRadiusCircle,50%); background:var(--lwc-colorBackgroundNotificationBadge,rgb(234, 0, 30)) } .slds-split-view__list-item-action{ color:currentColor; padding:var(--lwc-varSpacingVerticalSmall,0.75rem) var(--lwc-varSpacingHorizontalMedium,1rem) var(--lwc-varSpacingVerticalSmall,0.75rem) var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-split-view__list-item-action:hover,.slds-split-view__list-item-action:focus{ outline:none; background:var(--lwc-splitViewColorBackgroundRowHover,rgb(255, 255, 255)); color:currentColor; text-decoration:none } .slds-split-view__list-item-action:focus{ box-shadow:inset 0 0 0 1px var(--lwc-colorBrand,rgb(225, 50, 0)) } .slds-split-view__list-item-action[aria-current=page]{ box-shadow:inset 4px 0 0 var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-split-view__list-item-action[aria-current=page]:focus{ box-shadow:inset 4px 0 0 var(--lwc-brandAccessible,rgb(225, 50, 0)),inset 0 0 0 1px var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-split-view__toggle-button{ position:absolute; right:-.75rem; height:100%; width:.75rem; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-radius:0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-split-view__toggle-button:hover,.slds-split-view__toggle-button:focus{ background:var(--lwc-splitViewColorBackgroundRowHover,rgb(255, 255, 255)) } .slds-split-view__toggle-button.slds-is-closed .slds-button__icon{ transform:rotate(180deg) } .slds-tile+.slds-tile{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-tile__detail{ position:relative } .slds-tile__meta{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-tile_board,.slds-tile--board{ position:relative } .slds-tile_board__icon,.slds-tile--board__icon{ width:var(--lwc-squareIconMediumContent,1rem); height:var(--lwc-squareIconMediumContent,1rem); position:absolute; bottom:var(--lwc-spacingXxSmall,0.25rem); right:var(--lwc-spacingXxSmall,0.25rem) } .slds-tile_board .slds-has-alert,.slds-tile--board .slds-has-alert{ padding-right:var(--lwc-spacingLarge,1.5rem) } @media (min-width:48em){ .slds-tabs_default .slds-tabs__item+.slds-tabs__item,.slds-tabs--default .slds-tabs__item+.slds-tabs__item{ margin-left:var(--lwc-spacingLarge,1.5rem) } } .slds-tabs_default .slds-tabs__item>a,.slds-tabs--default .slds-tabs__item>a{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none; cursor:pointer; height:var(--lwc-lineHeightTab,2.5rem); line-height:var(--lwc-lineHeightTab,2.5rem); border-bottom:var(--lwc-borderWidthThick,2px) solid transparent; padding:0 var(--lwc-spacingXSmall,0.5rem); color:var(--lwc-colorTextActionLabel,rgb(0, 1, 16)) } .slds-tabs_default .slds-tabs__item>a:focus,.slds-tabs--default .slds-tabs__item>a:focus{ outline:0 } @media (min-width:48em){ .slds-tabs_default .slds-tabs__item>a,.slds-tabs--default .slds-tabs__item>a{ padding:0 var(--lwc-spacingMedium,1rem) } } .slds-tabs_default .slds-tabs__item>a:hover,.slds-tabs_default .slds-tabs__item>a:focus,.slds-tabs--default .slds-tabs__item>a:hover,.slds-tabs--default .slds-tabs__item>a:focus{ text-decoration:none; border-color:var(--lwc-colorBorderTabSelected,rgb(1, 118, 211)); color:var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0)) } .slds-tabs_default .slds-tabs__item.slds-active a,.slds-tabs--default .slds-tabs__item.slds-active a{ border-color:var(--lwc-brandPrimary,rgb(225, 50, 0)); color:var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0)) } .slds-tabs_default .slds-tabs__item.slds-active a:focus,.slds-tabs--default .slds-tabs__item.slds-active a:focus{ color:var(--lwc-colorTextTabLabelSelected,rgb(225, 50, 0)) } .slds-tabs_default>.slds-tabs__content,.slds-tabs--default>.slds-tabs__content{ position:relative; padding:var(--lwc-spacingMedium,1rem) 0 } .slds-tabs_default,.slds-tabs--default{ display:block; width:100% } .slds-tabs_default .slds-tabs__item_overflow,.slds-tabs_default .slds-tabs__item--overflow,.slds-tabs--default .slds-tabs__item_overflow,.slds-tabs--default .slds-tabs__item--overflow{ overflow:visible } .slds-tabs_default__nav,.slds-tabs--default__nav{ display:flex; align-items:flex-start; border-bottom-width:var(--sds-c-tabs-list-sizing-border, var(--lwc-borderWidthThin,1px)); border-bottom-style:solid; border-bottom-color:var(--sds-c-tabs-list-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))) } .slds-tabs_default__item,.slds-tabs--default__item{ color:var(--sds-c-tabs-item-text-color, var(--lwc-colorTextActionLabel,rgb(0, 1, 16))); position:relative; padding-top:var(--sds-c-tabs-item-spacing-block-start, var(--sds-c-tabs-item-spacing-block, 0)); padding-right:var(--sds-c-tabs-item-spacing-inline-end, var(--sds-c-tabs-item-spacing-inline, var(--lwc-spacingSmall,0.75rem))); padding-bottom:var(--sds-c-tabs-item-spacing-block-end, var(--sds-c-tabs-item-spacing-block, 0)); padding-left:var(--sds-c-tabs-item-spacing-inline-start, var(--sds-c-tabs-item-spacing-inline, var(--lwc-spacingSmall,0.75rem))); margin-bottom:calc(var(--sds-c-tabs-list-sizing-border, 1px) * -1) } .slds-tabs_default__item:after,.slds-tabs--default__item:after{ display:block; content:''; bottom:0; left:0; right:0; height:0; position:absolute } .slds-tabs_default__item.slds-active,.slds-tabs_default__item.slds-is-active,.slds-tabs--default__item.slds-active,.slds-tabs--default__item.slds-is-active{ color:var(--sds-c-tabs-item-text-color-active, var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0))) } .slds-tabs_default__item.slds-active:after,.slds-tabs_default__item.slds-is-active:after,.slds-tabs--default__item.slds-active:after,.slds-tabs--default__item.slds-is-active:after{ background-color:var(--sds-c-tabs-item-color-border-active, var(--lwc-brandPrimary,rgb(225, 50, 0))); height:calc(var(--sds-c-tabs-list-sizing-border, 1px) + 2px) } .slds-tabs_default__item.slds-active .slds-tabs_default__link,.slds-tabs_default__item.slds-active .slds-tabs--default__link,.slds-tabs_default__item.slds-is-active .slds-tabs_default__link,.slds-tabs_default__item.slds-is-active .slds-tabs--default__link,.slds-tabs--default__item.slds-active .slds-tabs_default__link,.slds-tabs--default__item.slds-active .slds-tabs--default__link,.slds-tabs--default__item.slds-is-active .slds-tabs_default__link,.slds-tabs--default__item.slds-is-active .slds-tabs--default__link{ font-weight:var(--lwc-tabsFontWeight,400) } .slds-tabs_default__item.slds-active .slds-tabs_default__link:hover,.slds-tabs_default__item.slds-active .slds-tabs--default__link:hover,.slds-tabs_default__item.slds-is-active .slds-tabs_default__link:hover,.slds-tabs_default__item.slds-is-active .slds-tabs--default__link:hover,.slds-tabs--default__item.slds-active .slds-tabs_default__link:hover,.slds-tabs--default__item.slds-active .slds-tabs--default__link:hover,.slds-tabs--default__item.slds-is-active .slds-tabs_default__link:hover,.slds-tabs--default__item.slds-is-active .slds-tabs--default__link:hover{ color:currentColor } .slds-tabs_default__item:hover:after,.slds-tabs--default__item:hover:after{ height:calc(var(--sds-c-tabs-list-sizing-border, 1px) + 1px); background-color:var(--sds-c-tabs-item-color-border-hover, var(--lwc-brandPrimaryActive,rgb(1, 118, 211))) } .slds-tabs_default__item:focus,.slds-tabs_default__item.slds-has-focus,.slds-tabs--default__item:focus,.slds-tabs--default__item.slds-has-focus{ outline:0 } .slds-tabs_default__item:focus:after,.slds-tabs_default__item.slds-has-focus:after,.slds-tabs--default__item:focus:after,.slds-tabs--default__item.slds-has-focus:after{ height:calc(var(--sds-c-tabs-list-sizing-border, 2px) + 1px); background-color:var(--sds-c-tabs-item-color-border-active, var(--lwc-brandPrimary,rgb(225, 50, 0))) } .slds-tabs_default__item .slds-tabs_default__link:focus,.slds-tabs_default__item .slds-tabs--default__link:focus,.slds-tabs--default__item .slds-tabs_default__link:focus,.slds-tabs--default__item .slds-tabs--default__link:focus{ box-shadow:none } .slds-tabs_default__item.slds-has-notification,.slds-tabs--default__item.slds-has-notification{ background:var(--lwc-colorBackgroundNotificationNew,rgb(249, 249, 250)) } .slds-tabs_default__item.slds-has-notification:after,.slds-tabs--default__item.slds-has-notification:after{ background-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_default__item.slds-has-notification:hover:after,.slds-tabs--default__item.slds-has-notification:hover:after{ background-color:var(--lwc-colorBrandDark,rgb(1, 118, 211)) } .slds-tabs_default__item.slds-has-notification .slds-indicator_unread,.slds-tabs--default__item.slds-has-notification .slds-indicator_unread{ display:inline-block; height:.375rem; width:.375rem; position:relative; top:auto; left:auto } .slds-tabs_default__item.slds-is-unsaved .slds-indicator_unread,.slds-tabs--default__item.slds-is-unsaved .slds-indicator_unread{ margin-left:-.35rem } .slds-tabs_default__item.slds-is-unsaved .slds-indicator_unsaved,.slds-tabs--default__item.slds-is-unsaved .slds-indicator_unsaved{ color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-tabs_default__item.slds-has-notification .slds-indicator_unsaved,.slds-tabs--default__item.slds-has-notification .slds-indicator_unsaved{ top:-.25rem } .slds-tabs_default__link,.slds-tabs--default__link{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none; cursor:pointer; height:var(--sds-c-tabs-item-sizing-height, var(--lwc-lineHeightTab,2.5rem)); line-height:var(--sds-c-tabs-item-line-height, var(--lwc-lineHeightTab,2.5rem)); color:currentColor; border:0; text-transform:inherit; z-index:1 } .slds-tabs_default__link:focus,.slds-tabs--default__link:focus{ outline:0 } .slds-tabs_default__link:hover,.slds-tabs_default__link:focus,.slds-tabs--default__link:hover,.slds-tabs--default__link:focus{ text-decoration:none; box-shadow:none; color:currentColor } .slds-tabs_default__link[tabindex="0"]:focus,.slds-tabs--default__link[tabindex="0"]:focus{ text-decoration:underline } .slds-tabs_default__overflow-button{ display:inline-flex; height:var(--sds-c-tabs-item-sizing-height, var(--lwc-lineHeightTab,2.5rem)); line-height:var(--sds-c-tabs-item-line-height, var(--lwc-lineHeightTab,2.5rem)) } .slds-tabs_default__overflow-button .slds-button{ line-height:inherit; color:var(--sds-c-tabs-item-text-color, var(--lwc-colorTextActionLabel,rgb(0, 1, 16))); box-shadow:none } .slds-tabs_default__overflow-button .slds-button:focus{ text-decoration:underline } .slds-tabs_default__overflow-button.slds-has-error .slds-button,.slds-tabs_default__overflow-button.slds-has-success .slds-button{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-tabs_default__content,.slds-tabs--default__content{ position:relative; padding-top:var(--sds-c-tabs-panel-spacing-block-start, var(--sds-c-tabs-panel-spacing-block, var(--lwc-spacingSmall,0.75rem))); padding-right:var(--sds-c-tabs-panel-spacing-inline-end, var(--sds-c-tabs-panel-spacing-inline, 0)); padding-bottom:var(--sds-c-tabs-panel-spacing-block-end, var(--sds-c-tabs-panel-spacing-block, var(--lwc-spacingSmall,0.75rem))); padding-left:var(--sds-c-tabs-panel-spacing-inline-start, var(--sds-c-tabs-panel-spacing-inline, 0)) } .slds-tabs_medium .slds-tabs_default__item{ font-size:var(--lwc-varFontSize5,1rem) } .slds-tabs_large .slds-tabs_default__item{ font-size:var(--lwc-varFontSize7,1.25rem) } .slds-tabs__left-icon{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-tabs__left-icon:empty{ margin-right:0 } .slds-tabs__right-icon{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-tabs_mobile__title{ width:100%; height:100%; color:var(--lwc-colorTextTabLabel,rgb(3, 45, 96)); font-size:var(--lwc-fontSize5,1rem); padding:0 var(--lwc-spacingMedium,1rem) } .slds-tabs_mobile__title .slds-button:focus{ box-shadow:none } .slds-tabs_mobile__title-action{ width:100%; height:100%; display:inline-flex; flex-grow:1; align-items:center; justify-content:space-between } .slds-tabs_mobile__title-action .slds-button__icon{ flex-shrink:0 } .slds-tabs_mobile{ display:flex; flex-direction:column } .slds-tabs_mobile__item{ display:flex; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); height:var(--lwc-squareTappable,2.75rem); align-items:center } .slds-tabs_mobile__item:active{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-tabs_mobile__item:last-child{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_mobile+.slds-tabs_mobile .slds-tabs_mobile__item:first-child{ border-top:0 } .slds-tabs-mobile__container{ position:relative; overflow:hidden } .slds-panel__body .slds-tabs-mobile{ margin-left:-.75rem; margin-right:-.75rem } .slds-panel__body .slds-tabs-mobile:first-child{ margin-top:-.75rem } .slds-panel__body .slds-tabs-mobile:first-child .slds-tabs-mobile__item:first-child{ border-top:0 } .slds-tabs-mobile{ display:flex; flex-direction:column; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-tabs-mobile__item{ display:flex; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); height:var(--lwc-squareTappable,2.75rem); align-items:stretch; color:var(--lwc-colorTextTabLabel,rgb(3, 45, 96)); font-size:var(--lwc-fontSize5,1rem); padding:0 var(--lwc-spacingSmall,0.75rem) } .slds-tabs-mobile__item:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-tabs-mobile__item:last-child{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs-mobile__group .slds-tabs-mobile__container+.slds-tabs-mobile__container .slds-tabs-mobile__item:first-child{ border-top:0 } .slds-tabs_scoped .slds-tabs__item,.slds-tabs--scoped .slds-tabs__item{ position:relative; margin-bottom:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-tabs_scoped .slds-tabs__item+.slds-tabs__item,.slds-tabs--scoped .slds-tabs__item+.slds-tabs__item{ margin-left:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-tabs_scoped .slds-tabs__item:first-child>a,.slds-tabs--scoped .slds-tabs__item:first-child>a{ border-left:0; border-radius:var(--lwc-borderRadiusMedium,0.25rem) 0 0 0 } .slds-tabs_scoped .slds-tabs__item>a,.slds-tabs--scoped .slds-tabs__item>a{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none; cursor:pointer; height:var(--lwc-lineHeightTab,2.5rem); line-height:var(--lwc-lineHeightTab,2.5rem); padding:0 var(--lwc-spacingLarge,1.5rem); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); background-clip:padding-box; border-left:var(--lwc-borderWidthThin,1px) solid transparent; border-right:var(--lwc-borderWidthThin,1px) solid transparent } .slds-tabs_scoped .slds-tabs__item>a:focus,.slds-tabs--scoped .slds-tabs__item>a:focus{ outline:0 } .slds-tabs_scoped .slds-tabs__item>a:hover,.slds-tabs_scoped .slds-tabs__item>a:focus,.slds-tabs--scoped .slds-tabs__item>a:hover,.slds-tabs--scoped .slds-tabs__item>a:focus{ text-decoration:none; color:var(--lwc-colorTextLinkHover,#b82900); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_scoped .slds-tabs__item .slds-active>a,.slds-tabs--scoped .slds-tabs__item .slds-active>a{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); color:var(--lwc-colorTextLink,rgb(225, 50, 0)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_scoped .slds-tabs__item .slds-active>a:focus,.slds-tabs--scoped .slds-tabs__item .slds-active>a:focus{ text-decoration:underline } .slds-tabs_scoped>.slds-tabs__content,.slds-tabs--scoped>.slds-tabs__content{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); border-top:0; border-radius:0 0 var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingMedium,1rem) } .slds-tabs_scoped,.slds-tabs--scoped{ display:block; width:100% } .slds-tabs_scoped__nav,.slds-tabs--scoped__nav{ display:flex; align-items:flex-start; background-color:var(--lwc-colorGray2,rgb(250, 250, 249)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); border-top-left-radius:var(--lwc-borderRadiusMedium,0.25rem); border-top-right-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom-right-radius:0; border-bottom-left-radius:0 } .slds-tabs_scoped__item,.slds-tabs--scoped__item{ position:relative; margin-bottom:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-tabs_scoped__item+.slds-tabs_scoped__item,.slds-tabs_scoped__item+.slds-tabs--scoped__item,.slds-tabs--scoped__item+.slds-tabs_scoped__item,.slds-tabs--scoped__item+.slds-tabs--scoped__item{ margin-left:calc(-1 * var(--lwc-borderWidthThin,1px)) } .slds-tabs_scoped__item:first-child .slds-tabs_scoped__link,.slds-tabs_scoped__item:first-child .slds-tabs--scoped__link,.slds-tabs--scoped__item:first-child .slds-tabs_scoped__link,.slds-tabs--scoped__item:first-child .slds-tabs--scoped__link{ border-left:0; border-radius:0 } .slds-tabs_scoped__content,.slds-tabs--scoped__content{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderButtonDefault,rgb(0, 1, 16)); border-top:0; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:var(--lwc-borderRadiusMedium,0.25rem); border-bottom-left-radius:var(--lwc-borderRadiusMedium,0.25rem); padding:var(--lwc-spacingMedium,1rem) } .slds-tabs_scoped__link,.slds-tabs--scoped__link{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; text-decoration:none; cursor:pointer; height:var(--lwc-lineHeightTab,2.5rem); line-height:var(--lwc-lineHeightTab,2.5rem); padding:0 var(--lwc-spacingMedium,1rem); color:var(--lwc-colorTextActionLabel,rgb(0, 1, 16)); background-clip:padding-box; border:0; border-left:var(--lwc-borderWidthThin,1px) solid transparent; border-right:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:0 } .slds-tabs_scoped__link:focus,.slds-tabs--scoped__link:focus{ outline:0 } .slds-tabs_scoped__link:hover,.slds-tabs_scoped__link:focus,.slds-tabs--scoped__link:hover,.slds-tabs--scoped__link:focus{ text-decoration:none; color:currentColor; border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_scoped__overflow-button{ display:inline-flex; height:var(--lwc-lineHeightTab,2.5rem); line-height:var(--lwc-lineHeightTab,2.5rem) } .slds-tabs_scoped__overflow-button .slds-button{ line-height:inherit; color:var(--lwc-colorTextActionLabel,rgb(0, 1, 16)); padding:0 var(--lwc-spacingMedium,1rem) } .slds-active .slds-tabs_scoped__link,.slds-active .slds-tabs--scoped__link,.slds-is-active .slds-tabs_scoped__link,.slds-is-active .slds-tabs--scoped__link{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); font-weight:var(--lwc-tabsFontWeight,400); color:var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0)) } .slds-active .slds-tabs_scoped__link:focus,.slds-active .slds-tabs--scoped__link:focus,.slds-is-active .slds-tabs_scoped__link:focus,.slds-is-active .slds-tabs--scoped__link:focus{ text-decoration:underline } .slds-tabs_medium .slds-tabs_scoped__item{ font-size:var(--lwc-varFontSize5,1rem) } .slds-tabs_medium .slds-tabs_scoped__link{ padding-left:var(--lwc-varSpacingHorizontalLarge,1.5rem); padding-right:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-tabs_large .slds-tabs_scoped__item{ font-size:var(--lwc-varFontSize7,1.25rem) } .slds-tabs_large .slds-tabs_scoped__link{ padding-left:var(--lwc-varSpacingHorizontalXLarge,2rem); padding-right:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-tabs__nav-scroller.slds-has-overflow{ position:relative; padding-right:4.7rem } .slds-tab__scroll-controls{ display:none } .slds-has-overflow .slds-tabs__nav-scroller_inner,.slds-has-overflow .slds-tabs__nav-scroller--inner{ overflow:hidden } .slds-has-overflow .slds-tabs_scoped__nav,.slds-has-overflow .slds-tabs--scoped__nav,.slds-has-overflow .slds-tabs_default__nav,.slds-has-overflow .slds-tabs--default__nav{ border:0 } .slds-has-overflow .slds-tab__scroll-controls{ display:flex; position:absolute; right:0; top:0; bottom:0; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); align-items:center } .slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller_inner,.slds-tabs_default .slds-has-overflow .slds-tabs__nav-scroller--inner,.slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller_inner,.slds-tabs--default .slds-has-overflow .slds-tabs__nav-scroller--inner{ border-bottom-width:var(--sds-c-tabs-list-sizing-border, var(--lwc-borderWidthThin,1px)); border-bottom-style:solid; border-bottom-color:var(--sds-c-tabs-list-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))) } .slds-tabs_default .slds-tab__scroll-controls,.slds-tabs--default .slds-tab__scroll-controls{ padding:calc(var(--lwc-spacingXxSmall,0.25rem) - var(--sds-c-tabs-list-sizing-border, 1px)) var(--lwc-borderWidthThin,1px) calc(var(--lwc-spacingXxSmall,0.25rem) - var(--sds-c-tabs-list-sizing-border, 1px)) var(--lwc-spacingXSmall,0.5rem); border-bottom-width:var(--sds-c-tabs-list-sizing-border, var(--lwc-borderWidthThin,1px)); border-bottom-style:solid; border-bottom-color:var(--sds-c-tabs-list-color-border, var(--lwc-colorBorder,rgb(0, 1, 16))) } .slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller_inner,.slds-tabs_scoped .slds-has-overflow .slds-tabs__nav-scroller--inner,.slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller_inner,.slds-tabs--scoped .slds-has-overflow .slds-tabs__nav-scroller--inner{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:0; border-radius:var(--lwc-borderRadiusMedium,0.25rem) var(--lwc-borderRadiusMedium,0.25rem) 0 0; background-color:var(--lwc-colorBackground,#FFFFFF) } .slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item,.slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item,.slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item,.slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item{ margin-bottom:0; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-tabs_scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active,.slds-tabs_scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active,.slds-tabs--scoped .slds-has-overflow .slds-tabs_scoped__item.slds-active,.slds-tabs--scoped .slds-has-overflow .slds-tabs--scoped__item.slds-active{ border-bottom-color:var(--lwc-colorBorderTabActive,rgb(255, 255, 255)) } .slds-tabs_scoped .slds-tab__scroll-controls,.slds-tabs--scoped .slds-tab__scroll-controls{ padding:calc(var(--lwc-spacingXxSmall,0.25rem) - var(--lwc-borderWidthThin,1px)) var(--lwc-spacingXxSmall,0.25rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:0 var(--lwc-borderRadiusMedium,0.25rem) 0 0 } .slds-sub-tabs .slds-tabs_default__nav{ border-bottom-width:var(--lwc-borderWidthThin,1px) } .slds-sub-tabs__item{ text-transform:none; letter-spacing:0; margin-bottom:0 } .slds-sub-tabs__item.slds-active,.slds-sub-tabs__item.slds-is-open{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)) } .slds-sub-tabs__item:after{ content:none } .slds-sub-tabs__item .slds-tabs_default__link:focus,.slds-sub-tabs__item.slds-has-focus{ text-decoration:underline } .slds-sub-tabs__item+.slds-sub-tabs__item{ margin-left:0 } @keyframes error-pulse{ 0%{ background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)) } 40%{ background-color:var(--lwc-colorBackgroundDestructiveActive,rgb(142, 3, 15)) } 100%{ background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)) } } @keyframes success-pulse{ 0%{ background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } 40%{ background-color:var(--lwc-colorBackgroundSuccessDarker,rgb(25, 78, 49)) } 100%{ background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)) } } @keyframes warning-pulse{ 0%{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } 40%{ background-color:var(--lwc-colorBackgroundWarningDark,rgb(254, 147, 57)) } 100%{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)) } } .slds-sub-tabs__item.slds-has-success:before{ animation-duration:1s; animation-iteration-count:3; animation-timing-function:linear; background-color:var(--lwc-colorBackgroundSuccessDark,rgb(46, 132, 74)); bottom:0; content:" "; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-sub-tabs__item.slds-has-success:hover:before{ background-color:var(--lwc-colorBackgroundSuccessDarker,rgb(25, 78, 49)) } .slds-sub-tabs__item.slds-has-success:before{ animation-name:success-pulse } .slds-sub-tabs__item.slds-has-error:before{ animation-duration:1s; animation-iteration-count:3; animation-timing-function:linear; background-color:var(--lwc-colorBackgroundDestructive,rgb(186, 5, 23)); bottom:0; content:" "; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-sub-tabs__item.slds-has-error:hover:before{ background-color:var(--lwc-colorBackgroundDestructiveActive,rgb(142, 3, 15)) } .slds-sub-tabs__item.slds-has-error:before{ animation-name:error-pulse } .slds-sub-tabs__item.slds-has-success,.slds-sub-tabs__item.slds-has-error{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-sub-tabs__item.slds-has-success .slds-indicator_unread,.slds-sub-tabs__item.slds-has-error .slds-indicator_unread{ background-color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-sub-tabs__item.slds-has-success .slds-indicator_unsaved,.slds-sub-tabs__item.slds-has-error .slds-indicator_unsaved{ color:var(--lwc-colorGray1,rgb(255, 255, 255)) } .slds-sub-tabs__item.slds-has-warning:before{ animation-duration:1s; animation-iteration-count:3; animation-timing-function:linear; background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)); bottom:0; content:" "; left:0; position:absolute; right:0; top:0; transition:background-color .25s cubic-bezier(0.39, 0.575, 0.565, 1) } .slds-sub-tabs__item.slds-has-warning:hover:before{ background-color:var(--lwc-colorBackgroundWarningDark,rgb(254, 147, 57)) } .slds-sub-tabs__item.slds-has-warning:before{ animation-name:warning-pulse } .slds-sub-tabs__item.slds-has-warning .slds-indicator_unread{ background-color:currentColor } .slds-sub-tabs__item.slds-has-warning .slds-indicator_unsaved{ color:currentColor } .slds-has-pinned-regions .slds-sub-tabs__item.slds-active:before,.slds-has-pinned-regions .slds-sub-tabs__item.slds-is-open:before{ content:''; height:3px; display:block; background:var(--lwc-brandPrimary,rgb(225, 50, 0)); position:absolute; top:0; left:-1px; right:-1px } .slds-navigation-list-vertical .slds-is-active,.slds-navigation-list--vertical .slds-is-active{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action,.slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action,.slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action,.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action{ background-color:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); border-left-color:var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-navigation-list-vertical .slds-is-active .slds-navigation-list-vertical__action:focus,.slds-navigation-list-vertical .slds-is-active .slds-navigation-list--vertical__action:focus,.slds-navigation-list--vertical .slds-is-active .slds-navigation-list-vertical__action:focus,.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action:focus{ border-left-width:var(--lwc-spacingXSmall,0.5rem); color:var(--lwc-brandAccessibleActive,#ae2700) } .slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list-vertical__action,.slds-navigation-list-vertical_shade .slds-is-active .slds-navigation-list--vertical__action,.slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list-vertical__action,.slds-navigation-list-vertical--shade .slds-is-active .slds-navigation-list--vertical__action,.slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list-vertical__action,.slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-navigation-list-vertical__action,.slds-navigation-list--vertical__action{ display:block; border-left:var(--lwc-spacingXxSmall,0.25rem) solid transparent; border-top:var(--lwc-borderWidthThin,1px) solid transparent; border-bottom:var(--lwc-borderWidthThin,1px) solid transparent; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingLarge,1.5rem) } .slds-navigation-list-vertical__action:hover,.slds-navigation-list-vertical__action:focus,.slds-navigation-list--vertical__action:hover,.slds-navigation-list--vertical__action:focus{ outline:0; background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-navigation-list-vertical__action:active,.slds-navigation-list--vertical__action:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)) } .slds-nav-vertical{ position:relative } .slds-nav-vertical_compact .slds-nav-vertical__title,.slds-nav-vertical_compact .slds-nav-vertical__action{ padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingLarge,1.5rem) } .slds-nav-vertical_shade .slds-is-active.slds-nav-vertical__item:before{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-nav-vertical_shade .slds-nav-vertical__item:hover:before{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-nav-vertical_shade .slds-is-active .slds-nav-vertical__action{ border-color:var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-nav-vertical__title{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem); padding-left:var(--lwc-spacingLarge,1.5rem); font-size:var(--lwc-fontSize5,1rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-nav-vertical__title:not(:first-of-type){ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-nav-vertical__section:not(:first-of-type){ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-nav-vertical__item{ position:relative } .slds-nav-vertical__item:before{ position:absolute; top:0; right:0; bottom:0; left:0; content:'' } .slds-nav-vertical__item:hover:before,.slds-nav-vertical__item.slds-is-active:before{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)) } .slds-nav-vertical__action{ position:relative; display:flex; align-items:center; width:100%; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXLarge,2rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); border-top:var(--lwc-borderWidthThin,1px) solid transparent; border-bottom:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:0; box-shadow:inset 0 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)); cursor:pointer } .slds-nav-vertical__action:active,.slds-nav-vertical__action:hover,.slds-nav-vertical__action:focus{ color:currentColor } .slds-nav-vertical__action:hover{ text-decoration:none; box-shadow:inset .125rem 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)) } [dir=rtl] .slds-nav-vertical__action:hover{ box-shadow:inset -.125rem 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-nav-vertical__action:focus{ outline:0; text-decoration:underline } .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{ font-weight:bold; box-shadow:inset .25rem 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)) } [dir=rtl] .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action{ box-shadow:inset -.25rem 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-nav-vertical__item{ display:block } .slds-nav-vertical__item [type=radio]{ width:1px; height:1px; border:0; clip:rect(0 0 0 0); margin:-1px; overflow:hidden; padding:0; position:absolute } .slds-nav-vertical__item [type=radio]:focus+.slds-nav-vertical__action .slds-nav-vertical_radio-faux{ text-decoration:underline } .slds-nav-vertical__item [type=radio]:checked+.slds-nav-vertical__action{ font-weight:bold; background-color:var(--lwc-brandBackgroundPrimary,rgb(250, 250, 249)); box-shadow:inset .25rem 0 0 var(--lwc-brandPrimary,rgb(225, 50, 0)) } .slds-nav-vertical_shade .slds-nav-vertical__item [type=radio]:checked+.slds-nav-vertical__action{ border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-nav-vertical__action_overflow{ color:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-nav-vertical__action_overflow[aria-expanded=true] .slds-button__icon{ transform:rotate(90deg) } [dir=rtl] .slds-nav-vertical__action_overflow[aria-expanded=true] .slds-button__icon{ transform:rotate(-90deg) } .slds-nav-vertical__action-text{ color:var(--lwc-colorTextLink,rgb(225, 50, 0)) } .slds-notify_alert,.slds-notify--alert{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; padding-top:var(--sds-c-alert-spacing-block-start, var(--lwc-spacingXSmall,0.5rem)); padding-right:var(--sds-c-alert-spacing-inline-end, var(--lwc-spacingXLarge,2rem)); padding-bottom:var(--sds-c-alert-spacing-block-end, var(--lwc-spacingXSmall,0.5rem)); padding-left:var(--sds-c-alert-spacing-inline-start, var(--lwc-spacingXSmall,0.5rem)); color:var(--sds-c-alert-text-color, var(--lwc-colorTextInverse,#FFFFFF)); font-weight:var(--sds-c-alert-font-weight); text-align:center; background-color:var(--sds-c-alert-color-background, var(--lwc-colorBackgroundToast,rgb(107, 109, 112))); background-image:var(--sds-c-alert-image-background, linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent)); background-size:var(--sds-c-alert-size-background, 64px 64px) } .slds-notify_alert a,.slds-notify--alert a{ color:currentColor; border:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:var(--lwc-borderRadiusMedium,0.25rem); text-decoration:underline } .slds-notify_alert a:hover,.slds-notify_alert a:focus,.slds-notify--alert a:hover,.slds-notify--alert a:focus{ text-decoration:none; outline:0 } .slds-notify_alert a:focus,.slds-notify--alert a:focus{ box-shadow:0 0 3px var(--lwc-colorBorderLinkFocusInverse,rgb(233, 234, 236)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderLinkFocusInverse,rgb(233, 234, 236)) } .slds-notify_alert a:active,.slds-notify--alert a:active{ color:var(--sds-c-alert-text-color-active, var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5))) } .slds-notify_alert a[disabled],.slds-notify--alert a[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-alert_warning{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-alert_warning .slds-icon,.slds-alert_warning .slds-button__icon{ fill:var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-alert_error{ background-color:var(--lwc-colorBackgroundToastError,rgb(234, 0, 30)) } .slds-alert_offline{ background-color:#444 } .slds-notify__close{ position:absolute; top:50%; right:var(--lwc-spacingSmall,0.75rem); margin-left:var(--lwc-spacingXxSmall,0.25rem); transform:translateY(-50%) } .slds-modal_prompt .slds-modal__close,.slds-modal--prompt .slds-modal__close{ display:none } .slds-modal_prompt .slds-modal__header,.slds-modal--prompt .slds-modal__header{ border-bottom:0 } .slds-modal_prompt .slds-modal__content,.slds-modal--prompt .slds-modal__content{ padding-left:var(--lwc-spacingXLarge,2rem); padding-right:var(--lwc-spacingXLarge,2rem) } .slds-modal_prompt .slds-modal__footer,.slds-modal--prompt .slds-modal__footer{ border-top:0; text-align:center } .slds-notify-container,.slds-notify_container{ position:fixed; width:100%; left:0; top:0; z-index:var(--lwc-zIndexToast,10000); text-align:center } .slds-notify_toast,.slds-notify--toast{ color:var(--lwc-colorTextInverse,#FFFFFF); display:inline-flex; align-items:center; position:relative; background:none; background-color:var(--sds-c-toast-color-background, var(--lwc-colorBackgroundToast,rgb(107, 109, 112))); color:var(--sds-c-toast-text-color); border-radius:var(--sds-c-toast-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); margin:var(--lwc-spacingXSmall,0.5rem); padding-top:var(--sds-c-toast-spacing-block-start, var(--lwc-spacingSmall,0.75rem)); padding-right:var(--sds-c-toast-spacing-inline-end, var(--lwc-spacingXxLarge,3rem)); padding-bottom:var(--sds-c-toast-spacing-block-end, var(--lwc-spacingSmall,0.75rem)); padding-left:var(--sds-c-toast-spacing-inline-start, var(--lwc-spacingLarge,1.5rem)); min-width:var(--sds-c-toast-sizing-min-width, 30rem); text-align:left; justify-content:flex-start } .slds-notify_toast a,.slds-notify--toast a{ color:currentColor; border:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-notify_toast a:hover,.slds-notify_toast a:focus,.slds-notify--toast a:hover,.slds-notify--toast a:focus{ text-decoration:none; outline:0 } .slds-notify_toast a:focus,.slds-notify--toast a:focus{ box-shadow:var(--lwc-shadowLinkFocusInverse,0 0 3px #E9EAEC); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderLinkFocusInverse,rgb(233, 234, 236)) } .slds-notify_toast a:active,.slds-notify--toast a:active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-notify_toast a[disabled],.slds-notify--toast a[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-notify_toast .slds-notify__close,.slds-notify--toast .slds-notify__close{ float:right; position:absolute; top:var(--lwc-spacingSmall,0.75rem); right:var(--lwc-spacingSmall,0.75rem); margin-left:var(--lwc-spacingXxSmall,0.25rem); transform:translateY(var(--lwc-spacingXxxSmall,0.125rem) * -1) } .slds-region_narrow .slds-notify_toast,.slds-region_narrow .slds-notify--toast{ min-width:auto; width:100%; margin-left:0 } .slds-scoped-notification{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-scoped-notification_light{ background-color:var(--lwc-colorBackground,#FFFFFF) } .slds-scoped-notification_dark{ background-color:var(--lwc-notificationColorBackgroundInverse,rgb(112, 110, 107)); color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-scoped-notification_dark a{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-scoped-notification_dark a:hover,.slds-scoped-notification_dark a:active{ text-decoration:none } .slds-notification-container{ position:fixed; display:block; width:20.5rem; right:var(--lwc-spacingXxSmall,0.25rem); top:var(--lwc-spacingXxSmall,0.25rem); padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXSmall,0.5rem); z-index:var(--lwc-zIndexReminder,8500) } .slds-notification{ position:relative; width:var(--lwc-sizeMedium,20rem); border:1px solid var(--lwc-colorBorderReminder,rgb(236, 235, 234)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); box-shadow:var(--lwc-shadowReminder,0 2px 3px 0 rgba(0, 0, 0, 0.20)); transition-duration:var(--lwc-durationSlowly,0.4s); transition-timing-function:ease-in-out; transition-property:margin,max-height,opacity,top } .slds-notification .slds-media__body{ opacity:1; transition-property:opacity; transition-duration:var(--lwc-durationSlowly,0.4s); transition-timing-function:ease-in-out } .slds-notification+.slds-notification{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-notification:nth-of-type(1){ z-index:4 } .slds-notification:nth-of-type(2){ z-index:3 } .slds-notification:nth-of-type(3){ z-index:2 } .slds-notification:nth-of-type(4){ z-index:1 } .slds-notification:nth-of-type(n+3){ overflow:hidden } .slds-notification:nth-of-type(n+4){ margin-top:0; transform:scaleX(0.95) translateY(-90%) } .slds-notification:nth-of-type(n+4) .slds-media__body,.slds-notification:nth-of-type(n+5){ opacity:0 } .slds-notification:nth-of-type(n+6){ display:none } .slds-notification__target{ padding:var(--lwc-spacingSmall,0.75rem); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-color:var(--lwc-colorBackgroundReminder,rgb(250, 250, 249)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-notification__target:hover,.slds-notification__target:focus{ background-color:var(--lwc-colorBackgroundReminderHover,rgb(255, 255, 255)); text-decoration:none } .slds-notification__footer{ padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem) var(--lwc-spacingSmall,0.75rem) } .slds-notification__close{ position:absolute; top:0; right:0 } .slds-modal__header .slds-notify-container,.slds-modal__header .slds-notify_container{ position:absolute } .slds-modal__header .slds-notify_toast,.slds-modal__header .slds-notify--toast{ display:block } .slds-trial-header{ color:var(--lwc-colorTextInverse,#FFFFFF); height:var(--lwc-heightHeader,3.125rem); background:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); padding:0 var(--lwc-spacingMedium,1rem) } .slds-trial-header .slds-icon{ fill:currentColor } .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]),.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]){ color:currentColor; border:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):hover,.slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):focus,.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):hover,.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus{ text-decoration:none; outline:0 } .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):focus,.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):focus{ box-shadow:var(--lwc-shadowLinkFocusInverse,0 0 3px #E9EAEC); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderLinkFocusInverse,rgb(233, 234, 236)) } .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"]):active,.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"]):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-trial-header a:not([class*="slds-button_"]):not([class*="slds-button--"])[disabled],.slds-trial-header button:not([class*="slds-button_"]):not([class*="slds-button--"])[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-trial-header .slds-icon_selected,.slds-trial-header .slds-icon--selected{ fill:var(--lwc-colorTextSuccessInverse,rgb(69, 198, 90)) } .slds-lookup{ position:relative; width:100% } .slds-lookup__list{ max-height:calc((((1.5 * 0.8125rem) + (1.5 * 0.75rem) - 0.25rem) + (0.25rem * 2)) * 8); overflow-y:auto } .slds-lookup__menu{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); z-index:var(--lwc-zIndexDropdown,7000); position:absolute; width:100%; padding:var(--lwc-spacingXSmall,0.5rem) 0; display:none } .slds-lookup__item>a,.slds-lookup__item>span,.slds-lookup__item>button{ display:block; padding:var(--lwc-spacingXSmall,0.5rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-align:left; width:100%; line-height:var(--lwc-lineHeightText,1.5); border-radius:0 } .slds-lookup__item>a:hover,.slds-lookup__item>a:focus,.slds-lookup__item>span:hover,.slds-lookup__item>span:focus,.slds-lookup__item>button:hover,.slds-lookup__item>button:focus{ outline:0; background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-decoration:none } .slds-lookup__item>a .slds-icon,.slds-lookup__item>span .slds-icon,.slds-lookup__item>button .slds-icon{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-lookup__item_label,.slds-lookup__item--label{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700); display:flex; align-items:center; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem) } .slds-lookup__item-action{ font-size:var(--lwc-fontSize3,0.8125rem); display:flex; align-items:center; padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingMedium,1rem); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-align:left; width:100%; line-height:var(--lwc-lineHeightText,1.5); border-radius:0 } .slds-lookup__item-action:hover,.slds-lookup__item-action:focus,.slds-lookup__item-action.slds-has-focus{ outline:0; cursor:pointer; background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-decoration:none } .slds-lookup__item-action .slds-media__figure{ margin-right:var(--lwc-spacingXSmall,0.5rem); margin-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-lookup__item-action_label,.slds-lookup__item-action--label{ padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem) } .slds-lookup__item-action_label>.slds-icon,.slds-lookup__item-action--label>.slds-icon{ margin-left:var(--lwc-spacingXxSmall,0.25rem); margin-right:var(--lwc-spacingSmall,0.75rem) } .slds-lookup__search-input{ width:100% } .slds-lookup__result-text{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-lookup__result-meta{ display:block; margin-top:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); color:var(--lwc-colorTextLabel,rgb(0, 1, 16)) } .slds-lookup__pill-container{ padding:0 var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingXxSmall,0.25rem) } .slds-lookup mark{ font-weight:var(--lwc-fontWeightBold,700); background-color:transparent; color:inherit } .slds-lookup.slds-is-open .slds-lookup__menu{ display:block } .slds-lookup.slds-has-selection .slds-input,.slds-lookup.slds-has-selection .slds-input__icon,.slds-lookup.slds-has-selection .slds-lookup__search-input{ display:none } .slds-lookup.slds-has-selection .slds-pill{ display:flex } .slds-lookup.slds-has-selection .slds-pill__remove{ margin-left:auto } .slds-mobile-combobox{ display:block } .slds-mobile-combobox__header{ display:flex } .slds-mobile-combobox__header-has-icon{ position:relative } .slds-mobile-combobox__header-has-icon .slds-mobile-combobox__addon{ display:flex; align-items:center; margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-mobile-combobox__addon{ flex-shrink:0 } .slds-mobile-combobox__input{ flex:1 1 auto } .slds-mobile-combobox__input .slds-input{ line-height:2.625rem; font-size:var(--lwc-fontSize5,1rem) } .slds-mobile-lookup__listbox_container{ width:100%; margin:var(--lwc-spacingXxSmall,0.25rem) 0; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-mobile-lookup__listbox-option{ display:flex; align-items:center; margin-right:-.75rem; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingLarge,1.5rem) var(--lwc-spacingXSmall,0.5rem) 0; min-height:var(--lwc-heightTappable,2.75rem); line-height:1.375; border-bottom:var(--lwc-borderWidthThin,1px) solid #f1f2f3 } .slds-mobile-lookup__listbox-option mark{ font-weight:var(--lwc-fontWeightBold,700); background-color:transparent; color:inherit } .slds-mobile-lookup__listbox-option_heading{ font-size:var(--lwc-fontSize5,1rem); font-weight:var(--lwc-fontWeightBold,700); border-bottom:0 } .slds-mobile-lookup__listbox_text{ display:block; color:var(--lwc-colorGray13,rgb(0, 1, 16)); font-size:var(--lwc-fontSize5,1rem) } .slds-mobile-lookup__listbox_meta{ display:block; color:var(--lwc-colorGray9,rgb(112, 110, 107)); font-size:var(--lwc-fontSize4,0.875rem) } .slds-mobile-lookup__listbox_icon_container{ margin-left:auto; color:var(--lwc-colorBrandDark,rgb(1, 118, 211)) } .slds-mobile-lookup__listbox_trigger{ line-height:2.625rem; justify-content:unset; font-size:var(--lwc-fontSize5,1rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-mobile-lookup__listbox_trigger .slds-icon{ margin-left:var(--lwc-spacingSmall,0.75rem); fill:currentColor } .slds-mobile-lookup__listbox_trigger+.slds-mobile-lookup__listbox{ margin-top:-.25rem } .slds-mobile-lookup__listbox_loader{ position:relative; height:var(--lwc-heightTappable,2.75rem) } .slds-faux-input{ display:inline-flex; align-items:center; justify-content:flex-end; width:100%; height:var(--lwc-heightTappable,2.75rem); padding:0 var(--lwc-spacingMedium,1rem); border-radius:var(--lwc-buttonBorderRadius,.25rem); color:var(--lwc-brandAccessible,rgb(225, 50, 0)); background:var(--lwc-colorBackgroundInput,rgb(255, 255, 255)); -webkit-appearance:none; -moz-appearance:none; appearance:none; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderInput,rgb(0, 1, 16)); transition:border .15s linear } .slds-faux-input:focus{ outline:0; border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); background-color:var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-faux-input_label{ display:inline-block; padding-right:var(--lwc-spacingXSmall,0.5rem); padding-top:var(--lwc-spacingXxSmall,0.25rem); margin-bottom:var(--lwc-spacingXxxSmall,0.125rem); font-size:var(--lwc-formLabelFontSize,0.75rem); color:var(--lwc-colorTextLabel,rgb(0, 1, 16)); overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto } .slds-avatar{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); overflow:hidden; display:inline-block; vertical-align:middle; border-radius:var(--sds-c-avatar-radius-border, var(--lwc-borderRadiusMedium,0.25rem)); line-height:var(--lwc-lineHeightReset,1); font-size:var(--lwc-fontSizeHeadingSmall,0.875rem); color:var(--sds-c-avatar-text-color, var(--lwc-colorTextInverse,#FFFFFF)) } .slds-avatar:hover,.slds-avatar:focus:hover{ color:currentColor } .slds-avatar.slds-avatar_group-image-small{ background:var(--lwc-groupDefaultAvatarSmall,url(https://www.poly.com/_slds/images/group_avatar_96.png?cache=d0659d12)) top left/cover no-repeat } .slds-avatar.slds-avatar_group-image-medium{ background:var(--lwc-groupDefaultAvatarMedium,url(https://www.poly.com/_slds/images/group_avatar_160.png?cache=822ccda4)) top left/cover no-repeat } .slds-avatar.slds-avatar_group-image-large{ background:var(--lwc-groupDefaultAvatar,url(https://www.poly.com/_slds/images/group_avatar_200.png?cache=a0044dae)) top left/cover no-repeat } .slds-avatar.slds-avatar_profile-image-small{ background:var(--lwc-userDefaultAvatarSmall,url(https://www.poly.com/_slds/images/profile_avatar_96.png?cache=3c01f25f)) top left/cover no-repeat } .slds-avatar.slds-avatar_profile-image-medium{ background:var(--lwc-userDefaultAvatarMedium,url(https://www.poly.com/_slds/images/profile_avatar_160.png?cache=bfba2c9a)) top left/cover no-repeat } .slds-avatar.slds-avatar_profile-image-large{ background:var(--lwc-userDefaultAvatar,url(https://www.poly.com/_slds/images/profile_avatar_200.png?cache=7bdcafae)) top left/cover no-repeat } .slds-avatar_x-small,.slds-avatar--x-small{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem); font-size:var(--lwc-fontSize1,0.625rem) } .slds-avatar_x-small .slds-icon,.slds-avatar--x-small .slds-icon{ width:var(--lwc-squareIconXSmallBoundary,1.25rem); height:var(--lwc-squareIconXSmallBoundary,1.25rem) } .slds-avatar_small,.slds-avatar--small{ width:var(--lwc-squareIconSmallBoundary,1.5rem); height:var(--lwc-squareIconSmallBoundary,1.5rem); font-size:var(--lwc-fontSize1,0.625rem) } .slds-avatar_small .slds-icon,.slds-avatar--small .slds-icon{ width:var(--lwc-squareIconSmallBoundary,1.5rem); height:var(--lwc-squareIconSmallBoundary,1.5rem) } .slds-avatar_medium,.slds-avatar--medium{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem); font-size:var(--lwc-fontSizeHeadingSmall,0.875rem) } .slds-avatar_medium .slds-icon,.slds-avatar--medium .slds-icon{ width:var(--lwc-squareIconMediumBoundary,2rem); height:var(--lwc-squareIconMediumBoundary,2rem) } .slds-avatar_large,.slds-avatar--large{ width:var(--lwc-squareIconLargeBoundary,3rem); height:var(--lwc-squareIconLargeBoundary,3rem); font-size:var(--lwc-fontSize6,1.125rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-avatar_large .slds-icon,.slds-avatar--large .slds-icon{ width:var(--lwc-squareIconLargeBoundary,3rem); height:var(--lwc-squareIconLargeBoundary,3rem) } .slds-avatar_circle,.slds-avatar--circle{ border-radius:var(--lwc-borderRadiusCircle,50%) } .slds-avatar_empty,.slds-avatar--empty{ border:var(--lwc-borderWidthThin,1px) dashed var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-avatar__initials{ display:flex; justify-content:center; align-content:center; align-items:center; margin:auto; color:var(--sds-c-avatar-initials-text-color); height:100%; text-shadow:0 0 1px rgba(0, 0, 0, 0.8) } .slds-avatar__initials[title]{ cursor:default; text-decoration:none } .slds-avatar__initials:hover{ color:var(--sds-c-avatar-initials-text-color-hover, var(--lwc-colorTextInverse,#FFFFFF)); cursor:default } .slds-avatar__initials_inverse{ background-color:var(--lwc-colorBackground,#FFFFFF); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); text-shadow:none } .slds-avatar__initials_inverse:hover{ color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-avatar-group{ width:2rem; height:2rem; position:relative; display:inline-block } .slds-avatar-grouped{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorGray1,rgb(255, 255, 255)); line-height:0; border-radius:var(--lwc-borderRadiusCircle,50%); background:#34becd } .slds-avatar-grouped_inverse{ background-color:var(--lwc-colorBackground,#FFFFFF) } .slds-avatar-grouped__primary{ width:1.5rem; height:1.5rem; position:absolute; left:0; bottom:0; z-index:1 } .slds-avatar-grouped__primary .slds-avatar-grouped__initials{ transform:scale(0.6428571429) } .slds-avatar-grouped__secondary{ width:1.25rem; height:1.25rem; position:absolute; top:0; right:0 } .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{ transform:scale(0.5) } .slds-avatar-grouped__icon{ height:100%; line-height:0 } .slds-avatar-grouped__icon .slds-icon{ width:100%; height:100% } .slds-avatar-group_x-small{ width:1.25rem; height:1.25rem } .slds-avatar-group_x-small .slds-avatar-grouped__primary{ width:1rem; height:1rem } .slds-avatar-group_x-small .slds-avatar-grouped__primary .slds-avatar-grouped__initials{ transform:scale(0.3571428571) } .slds-avatar-group_x-small .slds-avatar-grouped__secondary{ width:.75rem; height:.75rem } .slds-avatar-group_x-small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{ transform:scale(0.2142857143) } .slds-avatar-group_small{ width:1.5rem; height:1.5rem } .slds-avatar-group_small .slds-avatar-grouped__primary{ width:1.25rem; height:1.25rem } .slds-avatar-group_small .slds-avatar-grouped__primary .slds-avatar-grouped__initials{ transform:scale(0.4714285714) } .slds-avatar-group_small .slds-avatar-grouped__secondary{ width:1rem; height:1rem } .slds-avatar-group_small .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{ transform:scale(0.3571428571) } .slds-avatar-group_medium{ width:2rem; height:2rem } .slds-avatar-group_medium .slds-avatar-grouped__primary{ width:1.5rem; height:1.5rem } .slds-avatar-group_medium .slds-avatar-grouped__primary .slds-avatar-grouped__initials{ transform:scale(0.6428571429) } .slds-avatar-group_medium .slds-avatar-grouped__secondary{ width:1.25rem; height:1.25rem } .slds-avatar-group_medium .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{ transform:scale(0.5) } .slds-avatar-group_large{ width:3rem; height:3rem } .slds-avatar-group_large .slds-avatar-grouped__primary{ width:2.5rem; height:2.5rem } .slds-avatar-group_large .slds-avatar-grouped__primary .slds-avatar-grouped__initials{ transform:scale(1) } .slds-avatar-group_large .slds-avatar-grouped__secondary{ width:1.5rem; height:1.5rem } .slds-avatar-group_large .slds-avatar-grouped__secondary .slds-avatar-grouped__initials{ transform:scale(0.5714285714) } .slds-image,.slds-file{ display:block; position:relative } .slds-image .slds-file__text,.slds-file .slds-file__text{ display:block } .slds-image:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-image:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:before,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:after,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:before,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:after{ position:absolute; z-index:var(--lwc-filesZIndexHover,5); cursor:pointer; content:'' } .slds-image:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:before,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:before{ top:0; right:0; bottom:0; left:0; background-color:var(--lwc-colorBackgroundImageOverlay,rgba(0, 0, 0, 0.4)) } .slds-image:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:after,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:after{ top:50%; left:50%; width:var(--lwc-squareIconLargeContent,2rem); height:var(--lwc-squareIconLargeContent,2rem); background-image:url(../components/content/support-threedotnav/clientlibs/css/data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSI1MiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUxLjggMjVBMjkgMjkgMCAwIDAgMjYgOSAyOSAyOSAwIDAgMCAuMiAyNWEyIDIgMCAwIDAgMCAxLjhDNSAzNi40IDE0LjcgNDMgMjYgNDNhMjkgMjkgMCAwIDAgMjUuOC0xNiAyIDIgMCAwIDAgMC0xLjh6TTI2IDM3YTExIDExIDAgMSAxIDAtMjIgMTEgMTEgMCAxIDEgMCAyMnptMC0xOGMtNCAwLTcgMy03IDdzMyA3IDcgNyA3LTMgNy03LTMtNy03LTd6Ii8+PC9zdmc+); background-size:contain; transform:translate(-50%, -50%) } @media (any-hover:none){ .slds-image:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-image:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-image:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-image:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:before,.slds-image:not(.slds-file_loading) .slds-file__crop:focus:after,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:before,.slds-file:not(.slds-file_loading) .slds-file__figure:hover:after,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:before,.slds-file:not(.slds-file_loading) .slds-file__figure:focus:after,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:before,.slds-file:not(.slds-file_loading) .slds-file__crop:hover:after,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:before,.slds-file:not(.slds-file_loading) .slds-file__crop:focus:after{ display:none } } .slds-image:not(.slds-file_loading) .slds-file__figure:hover+.slds-file__title,.slds-image:not(.slds-file_loading) .slds-file__figure:focus+.slds-file__title,.slds-image:not(.slds-file_loading) .slds-file__crop:hover+.slds-file__title,.slds-image:not(.slds-file_loading) .slds-file__crop:focus+.slds-file__title,.slds-file:not(.slds-file_loading) .slds-file__figure:hover+.slds-file__title,.slds-file:not(.slds-file_loading) .slds-file__figure:focus+.slds-file__title,.slds-file:not(.slds-file_loading) .slds-file__crop:hover+.slds-file__title,.slds-file:not(.slds-file_loading) .slds-file__crop:focus+.slds-file__title{ z-index:var(--lwc-filesZIndexHover,5) } .slds-image.slds-has-title .slds-file__figure:hover:after,.slds-image.slds-has-title .slds-file__figure:focus:after,.slds-image.slds-has-title .slds-file__crop:hover:after,.slds-image.slds-has-title .slds-file__crop:focus:after,.slds-file.slds-has-title .slds-file__figure:hover:after,.slds-file.slds-has-title .slds-file__figure:focus:after,.slds-file.slds-has-title .slds-file__crop:hover:after,.slds-file.slds-has-title .slds-file__crop:focus:after{ transform:translate(-50%, token('calc(-50% - (2rem / 2))')) } .slds-image:focus,.slds-file:focus{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderBrandDark,rgb(1, 68, 134)); box-shadow:var(--lwc-elevationShadow4,0 4px 4px 0 rgba(0, 0, 0, 0.16)) } .slds-image__crop,.slds-file__crop{ display:block; position:relative; overflow:hidden; padding-top:56.25% } .slds-image__crop img,.slds-file__crop img{ position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); max-width:200% } .slds-image__crop:after,.slds-file__crop:after{ content:''; display:block } .slds-image__crop_1-by-1,.slds-image__crop--1-by-1,.slds-file__crop_1-by-1,.slds-file__crop--1-by-1{ padding-top:100% } .slds-image__crop_16-by-9,.slds-image__crop--16-by-9,.slds-file__crop_16-by-9,.slds-file__crop--16-by-9{ padding-top:56.25% } .slds-image__crop_4-by-3,.slds-image__crop--4-by-3,.slds-file__crop_4-by-3,.slds-file__crop--4-by-3{ padding-top:75% } .slds-image :not(:only-child) .slds-spinner,.slds-file :not(:only-child) .slds-spinner{ top:45% } .slds-image__figure,.slds-file__figure{ display:block; min-width:var(--lwc-sizeXSmall,12rem); max-width:var(--lwc-sizeSmall,15rem); min-height:var(--lwc-sizeXxSmall,6rem); max-height:var(--lwc-sizeSmall,15rem) } .slds-image .slds-file__figure_portrait img,.slds-file .slds-file__figure_portrait img{ display:block; margin:0 auto; max-height:var(--lwc-sizeSmall,15rem); height:auto } .slds-image__title,.slds-file__title{ display:flex; z-index:var(--lwc-filesZIndexHover,5); align-items:center; padding:var(--lwc-spacingXSmall,0.5rem); overflow:hidden } .slds-image__title .slds-media,.slds-file__title .slds-media{ overflow:hidden } .slds-image__title_overlay,.slds-image__title--overlay,.slds-file__title_overlay,.slds-file__title--overlay{ color:var(--lwc-colorTextInverse,#FFFFFF); position:absolute; top:0; left:0; right:0; bottom:0 } .slds-image__title_overlay .slds-media__body,.slds-image__title--overlay .slds-media__body,.slds-file__title_overlay .slds-media__body,.slds-file__title--overlay .slds-media__body{ z-index:1 } .slds-image__title_card,.slds-image__title--card,.slds-file__title_card,.slds-file__title--card{ background:var(--lwc-colorBackground,#FFFFFF); position:absolute; bottom:0; left:0; right:0 } .slds-image__title_scrim,.slds-file__title_scrim{ background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); position:absolute; bottom:0; left:0; right:0; padding:var(--lwc-spacingMedium,1rem) } .slds-image-has-actions,.slds-file-has-actions{ padding-right:var(--lwc-spacingXxLarge,3rem) } .slds-image_overlay,.slds-image--overlay,.slds-file_overlay,.slds-file--overlay{ content:''; background:var(--lwc-colorBackgroundImageOverlay,rgba(0, 0, 0, 0.4)); color:var(--lwc-colorTextInverse,#FFFFFF); position:absolute; top:0; left:0; right:0; bottom:0; z-index:1 } .slds-image_card,.slds-image--card,.slds-file_card,.slds-file--card{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border:var(--lwc-borderWidthThin,1px) solid rgba(0, 0, 0, 0.16) } .slds-image__icon,.slds-file__icon{ position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin-top:-1rem } .slds-image__actions-menu,.slds-file__actions-menu{ position:absolute; z-index:var(--lwc-filesZIndexHover,5); bottom:var(--lwc-spacingXSmall,0.5rem); right:var(--lwc-spacingXxSmall,0.25rem) } .slds-image__external-icon,.slds-file__external-icon{ position:absolute; top:2.5rem; left:var(--lwc-spacingLarge,1.5rem) } .slds-image__loading-icon,.slds-file__loading-icon{ fill:var(--lwc-colorTextIconDefaultDisabled,rgb(217, 219, 221)) } .slds-image_center-icon .slds-file__icon,.slds-file_center-icon .slds-file__icon{ margin-top:0 } .slds-table{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); font-size:inherit } .slds-table th,.slds-table td{ padding:var(--lwc-tableCellSpacing,0.5rem); white-space:nowrap; position:relative } .slds-table th{ font-weight:var(--lwc-fontWeightRegular,400) } .slds-table th:focus{ outline:0 } .slds-table thead th{ background-color:var(--lwc-tableColorBackgroundHeader,rgb(255, 255, 255)); color:var(--lwc-tableColorTextHeader,rgb(0, 1, 16)); padding:var(--lwc-tableCellSpacing,0.5rem); font-weight:var(--lwc-fontWeightBold,700); line-height:normal } .slds-table:not(.slds-no-row-hover) tbody tr:hover,.slds-table:not(.slds-no-row-hover) tbody tr:focus{ outline:0 } .slds-table:not(.slds-no-row-hover) tbody tr:hover>td,.slds-table:not(.slds-no-row-hover) tbody tr:hover>th,.slds-table:not(.slds-no-row-hover) tbody tr:focus>td,.slds-table:not(.slds-no-row-hover) tbody tr:focus>th{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-table tbody tr.slds-is-selected>td,.slds-table tbody tr.slds-is-selected>th,.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>td,.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover>th{ background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-table tbody tr.slds-is-selected a,.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a{ color:var(--lwc-colorTextLinkActive,#b82900) } .slds-table .slds-cell-wrap{ white-space:pre-line; overflow-wrap:break-word; word-wrap:break-word } .slds-table .slds-cell-shrink{ width:1% } .slds-table .slds-cell-buffer_left,.slds-table .slds-cell-buffer--left{ padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-table .slds-cell-buffer_right,.slds-table .slds-cell-buffer--right{ padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-table tbody tr{ counter-increment:row-number } .slds-table .slds-row-number:after{ content:counter(row-number) } .slds-table th:focus,.slds-table [role=gridcell]:focus{ outline:0 } .slds-table th:focus,.slds-table th.slds-has-focus,.slds-table [role=gridcell]:focus,.slds-table [role=gridcell].slds-has-focus{ box-shadow:var(--lwc-brandAccessible,rgb(225, 50, 0)) 0 0 0 1px inset } .slds-table th:focus.slds-cell_action-mode,.slds-table th.slds-has-focus.slds-cell_action-mode,.slds-table [role=gridcell]:focus.slds-cell_action-mode,.slds-table [role=gridcell].slds-has-focus.slds-cell_action-mode{ border-bottom:3px solid var(--lwc-colorBorderBrandDark,rgb(1, 68, 134)) } .slds-table th:active,.slds-table [role=gridcell]:active{ box-shadow:none } .slds-table .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{ margin-right:0 } .slds-table_cell-buffer tr>th:first-child,.slds-table_cell-buffer tr>td:first-child,.slds-table--cell-buffer tr>th:first-child,.slds-table--cell-buffer tr>td:first-child{ padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-table_cell-buffer tr>th:last-child,.slds-table_cell-buffer tr>td:last-child,.slds-table--cell-buffer tr>th:last-child,.slds-table--cell-buffer tr>td:last-child{ padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-table_bordered,.slds-table--bordered{ border-collapse:separate; border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-table_bordered thead>tr+tr>th,.slds-table--bordered thead>tr+tr>th{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-table_bordered tbody td,.slds-table_bordered tbody th,.slds-table--bordered tbody td,.slds-table--bordered tbody th{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus),.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus),.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus>td:not(.slds-has-focus),.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus>th:not(.slds-has-focus),.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus),.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover>th:not(.slds-has-focus),.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus>td:not(.slds-has-focus),.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus>th:not(.slds-has-focus){ box-shadow:var(--lwc-colorBorder,rgb(0, 1, 16)) 0 calc(-1 * var(--lwc-borderWidthThin,1px)) 0 inset,var(--lwc-colorBorder,rgb(0, 1, 16)) 0 1px 0 inset } .slds-table_col-bordered td+td,.slds-table_col-bordered th+th,.slds-table_col-bordered th+td,.slds-table_col-bordered td+th,.slds-table--col-bordered td+td,.slds-table--col-bordered th+th,.slds-table--col-bordered th+td,.slds-table--col-bordered td+th{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-table_striped tbody tr:nth-of-type(even)>td,.slds-table_striped tbody tr:nth-of-type(even)>th,.slds-table--striped tbody tr:nth-of-type(even)>td,.slds-table--striped tbody tr:nth-of-type(even)>th{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)) } .slds-table_fixed-layout,.slds-table--fixed-layout{ table-layout:fixed; width:100%; white-space:nowrap } .slds-table_fixed-layout thead,.slds-table--fixed-layout thead{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-table_fixed-layout tbody,.slds-table--fixed-layout tbody{ transform:translateZ(0) } .slds-table_fixed-layout .slds-cell-shrink,.slds-table--fixed-layout .slds-cell-shrink{ width:var(--lwc-squareIconLargeBoundary,3rem) } .slds-table_fixed-layout .slds-cell-shrink:nth-child(n),.slds-table--fixed-layout .slds-cell-shrink:nth-child(n){ padding-left:0; padding-right:0 } .slds-table_fixed-layout .slds-cell-shrink:first-child,.slds-table--fixed-layout .slds-cell-shrink:first-child{ text-align:right; padding-right:var(--lwc-spacingXSmall,0.5rem) } .slds-table_fixed-layout .slds-cell-shrink:last-child,.slds-table--fixed-layout .slds-cell-shrink:last-child{ text-align:left; padding-left:var(--lwc-spacingXSmall,0.5rem) } .slds-is-sortable .slds-th__action:hover,.slds-is-sortable .slds-th__action:focus,.slds-is-sortable.slds-has-focus .slds-th__action,.slds-is-sortable.slds-has-focus .slds-th__action:hover,.slds-is-sortable.slds-has-focus .slds-th__action:focus{ background-color:var(--lwc-tableColorBackgroundHeaderHover,rgb(250, 250, 249)); color:currentColor } .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon,.slds-is-sortable .slds-th__action:focus .slds-is-sortable__icon,.slds-is-sortable.slds-has-focus .slds-th__action .slds-is-sortable__icon,.slds-is-sortable.slds-has-focus .slds-th__action:hover .slds-is-sortable__icon,.slds-is-sortable.slds-has-focus .slds-th__action:focus .slds-is-sortable__icon{ display:inline-block; fill:var(--lwc-brandAccessible,rgb(225, 50, 0)) } .slds-th__action{ display:flex; padding:var(--lwc-tableCellSpacing,0.5rem); height:2rem; align-items:center } .slds-th__action:focus,.slds-th__action:hover{ outline:0; background-color:var(--lwc-tableColorBackgroundHeaderHover,rgb(250, 250, 249)) } .slds-th__action_form,.slds-th__action--form{ display:inline-flex } .slds-th__action-button{ position:absolute; transform:translateY(-50%); top:50%; right:var(--lwc-spacingXxSmall,0.25rem) } .slds-has-button-menu .slds-th__action{ padding-right:var(--lwc-spacingXLarge,2rem) } .slds-has-button-menu .slds-th__action-button{ right:var(--lwc-spacingSmall,0.75rem) } .slds-is-sortable__icon{ width:var(--lwc-squareIconSmallContent,0.75rem); height:var(--lwc-squareIconSmallContent,0.75rem); margin-left:var(--lwc-spacingXxSmall,0.25rem); display:none } .slds-is-sorted .slds-is-sortable__icon{ display:inline-block } .slds-is-sorted_asc .slds-is-sortable__icon,.slds-is-sorted--asc .slds-is-sortable__icon{ transform:rotate(180deg) } .slds-table_column-1-wrap tbody tr>*:nth-child(1) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-2-wrap tbody tr>*:nth-child(2) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-3-wrap tbody tr>*:nth-child(3) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-4-wrap tbody tr>*:nth-child(4) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-5-wrap tbody tr>*:nth-child(5) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-6-wrap tbody tr>*:nth-child(6) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-7-wrap tbody tr>*:nth-child(7) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-8-wrap tbody tr>*:nth-child(8) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-9-wrap tbody tr>*:nth-child(9) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-10-wrap tbody tr>*:nth-child(10) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-11-wrap tbody tr>*:nth-child(11) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-12-wrap tbody tr>*:nth-child(12) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-13-wrap tbody tr>*:nth-child(13) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-14-wrap tbody tr>*:nth-child(14) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } .slds-table_column-15-wrap tbody tr>*:nth-child(15) .slds-truncate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; white-space:normal } [class*=slds-table_column-] tr td .slds-truncate{ overflow:hidden; position:relative; max-height:3.25rem } [class*=slds-table_column-] tr td .slds-truncate:after{ content:''; position:absolute; top:2.25rem; bottom:0; right:0; width:50%; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 69%) } [class*=slds-table_column-] tr:hover td .slds-truncate:after{ background:linear-gradient(to right, rgba(250, 250, 249, 0) 0%, #fafaf9 69%) } .slds-table_resizable-cols thead th,.slds-table--resizable-cols thead th{ padding:0 } .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle,.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle{ width:var(--lwc-spacingSmall,0.75rem); right:0 } .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider:before,.slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider:after,.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider:before,.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider:after{ right:0 } .slds-resizable{ max-width:100% } .slds-resizable__handle{ width:var(--lwc-spacingLarge,1.5rem); height:100%; position:absolute; top:0; right:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-resizable__divider{ position:absolute; right:0; top:0; width:100%; height:100%; display:block; cursor:col-resize; z-index:var(--lwc-zIndexPopup,5000) } .slds-resizable__divider:before,.slds-resizable__divider:after{ height:100%; content:' '; display:block; position:absolute; top:0; right:var(--lwc-spacingSmall,0.75rem) } .slds-resizable__divider:before{ background-color:var(--lwc-tableColorBackgroundHeaderResizableHandle,rgb(176, 173, 171)); height:100%; width:var(--lwc-borderWidthThin,1px) } .slds-resizable__divider:after{ background-color:var(--lwc-colorBackgroundButtonBrand,rgb(225, 50, 0)); width:var(--lwc-borderWidthThin,1px); height:100vh; opacity:0 } .slds-resizable__divider:hover:before,.slds-resizable__divider:focus:before,.slds-resizable__divider:active:before{ background-color:var(--lwc-colorBackgroundButtonBrand,rgb(225, 50, 0)); width:var(--lwc-spacingXxSmall,0.25rem) } .slds-resizable__divider:hover:after,.slds-resizable__divider:focus:after,.slds-resizable__divider:active:after{ opacity:1 } .slds-resizable__input:focus~.slds-resizable__handle .slds-resizable__divider:before{ background-color:var(--lwc-colorBackgroundButtonBrand,rgb(225, 50, 0)); width:var(--lwc-spacingXxSmall,0.25rem) } .slds-resizable__input:focus~.slds-resizable__handle .slds-resizable__divider:after{ opacity:1 } .slds-table_joined table,.slds-table.slds-has-top-magnet table{ border-radius:var(--lwc-tableBorderRadius,0); box-shadow:var(--lwc-cardShadow,none) } .slds-table_joined-wrapper{ padding:var(--lwc-cardWrapperSpacing,1rem) var(--lwc-cardWrapperSpacing,1rem) 0 var(--lwc-cardWrapperSpacing,1rem); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-clip:padding-box } .slds-table_joined-wrapper .slds-table{ border-radius:var(--lwc-tableBorderRadius,0); box-shadow:var(--lwc-cardShadow,none) } @media (max-width:48em){ .slds-max-medium-table_stacked,.slds-max-medium-table--stacked{ border:0 } .slds-max-medium-table_stacked thead,.slds-max-medium-table--stacked thead{ position:absolute!important; margin:-1px!important; border:0!important; padding:0!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important } .slds-max-medium-table_stacked th,.slds-max-medium-table--stacked th{ border-top:0 } .slds-max-medium-table_stacked tr,.slds-max-medium-table--stacked tr{ display:block; border-top:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-max-medium-table_stacked th,.slds-max-medium-table_stacked td,.slds-max-medium-table--stacked th,.slds-max-medium-table--stacked td{ display:block; padding:var(--lwc-spacingSmall,0.75rem); max-width:100%; width:100%; clear:both; white-space:normal; overflow:hidden; text-align:left } .slds-max-medium-table_stacked th.slds-truncate,.slds-max-medium-table_stacked td.slds-truncate,.slds-max-medium-table--stacked th.slds-truncate,.slds-max-medium-table--stacked td.slds-truncate{ max-width:100% } .slds-max-medium-table_stacked th:before,.slds-max-medium-table_stacked td:before,.slds-max-medium-table--stacked th:before,.slds-max-medium-table--stacked td:before{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); text-transform:uppercase; letter-spacing:.0625rem; display:block; padding-bottom:var(--lwc-spacingXxSmall,0.25rem); content:attr(data-label) } .slds-max-medium-table_stacked tr>td:first-child,.slds-max-medium-table_stacked tr>td:last-child,.slds-max-medium-table--stacked tr>td:first-child,.slds-max-medium-table--stacked tr>td:last-child{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover td,.slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover th,.slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td,.slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th{ background-color:inherit!important; box-shadow:none!important } .slds-max-medium-table_stacked .slds-is-interactive .slds-button,.slds-max-medium-table--stacked .slds-is-interactive .slds-button{ visibility:visible } .slds-max-medium-table_stacked .slds-cell-shrink,.slds-max-medium-table--stacked .slds-cell-shrink{ width:auto } } @media (max-width:48em){ .slds-max-medium-table_stacked td:before,.slds-max-medium-table_stacked th:before,.slds-max-medium-table--stacked td:before,.slds-max-medium-table--stacked th:before{ padding-bottom:var(--lwc-spacingXxSmall,0.25rem) } } @media (max-width:48em){ .slds-max-medium-table_stacked-horizontal,.slds-max-medium-table--stacked-horizontal{ border:0 } .slds-max-medium-table_stacked-horizontal thead,.slds-max-medium-table--stacked-horizontal thead{ position:absolute!important; margin:-1px!important; border:0!important; padding:0!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important } .slds-max-medium-table_stacked-horizontal th,.slds-max-medium-table--stacked-horizontal th{ border-top:0 } .slds-max-medium-table_stacked-horizontal tr,.slds-max-medium-table--stacked-horizontal tr{ display:block; border-top:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-max-medium-table_stacked-horizontal th,.slds-max-medium-table_stacked-horizontal td,.slds-max-medium-table--stacked-horizontal th,.slds-max-medium-table--stacked-horizontal td{ display:block; padding:var(--lwc-spacingSmall,0.75rem); max-width:100%; width:100%; clear:both; white-space:normal; overflow:hidden; text-align:left } .slds-max-medium-table_stacked-horizontal th.slds-truncate,.slds-max-medium-table_stacked-horizontal td.slds-truncate,.slds-max-medium-table--stacked-horizontal th.slds-truncate,.slds-max-medium-table--stacked-horizontal td.slds-truncate{ max-width:100% } .slds-max-medium-table_stacked-horizontal th:before,.slds-max-medium-table_stacked-horizontal td:before,.slds-max-medium-table--stacked-horizontal th:before,.slds-max-medium-table--stacked-horizontal td:before{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); text-transform:uppercase; letter-spacing:.0625rem; display:block; padding-bottom:var(--lwc-spacingXxSmall,0.25rem); content:attr(data-label) } .slds-max-medium-table_stacked-horizontal tr>td:first-child,.slds-max-medium-table_stacked-horizontal tr>td:last-child,.slds-max-medium-table--stacked-horizontal tr>td:first-child,.slds-max-medium-table--stacked-horizontal tr>td:last-child{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,.slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th,.slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,.slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th{ background-color:inherit!important; box-shadow:none!important } .slds-max-medium-table_stacked-horizontal .slds-is-interactive .slds-button,.slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button{ visibility:visible } .slds-max-medium-table_stacked-horizontal .slds-cell-shrink,.slds-max-medium-table--stacked-horizontal .slds-cell-shrink{ width:auto } } @media (max-width:48em){ .slds-max-medium-table_stacked-horizontal td,.slds-max-medium-table--stacked-horizontal td{ text-align:right } .slds-max-medium-table_stacked-horizontal td:before,.slds-max-medium-table--stacked-horizontal td:before{ float:left; margin-top:var(--lwc-spacingXxxSmall,0.125rem) } .slds-max-medium-table_stacked-horizontal .slds-truncate,.slds-max-medium-table--stacked-horizontal .slds-truncate{ max-width:100% } } .slds-table_edit_container:focus,.slds-table--edit_container:focus{ outline:none } .slds-table_edit_container:focus:before,.slds-table--edit_container:focus:before{ content:' '; position:absolute; top:0; right:0; bottom:0; left:0; z-index:var(--lwc-zIndexDefault,1); background-color:var(--lwc-colorBackgroundBackdropTint,rgb(249, 249, 250)); box-shadow:0 0 0 4px var(--lwc-colorBorderBrand,rgb(225, 50, 0)) inset } .slds-table_edit_container:focus .slds-table_edit_container-message,.slds-table_edit_container:focus .slds-table--edit_container-message,.slds-table--edit_container:focus .slds-table_edit_container-message,.slds-table--edit_container:focus .slds-table--edit_container-message{ display:block; position:absolute; top:50%; left:50%; width:var(--lwc-sizeMedium,20rem); margin-top:-2.25rem; margin-left:-10rem; background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); text-align:center; z-index:var(--lwc-zIndexDefault,1) } .slds-table_edit_container-message,.slds-table--edit_container-message{ display:none } .slds-table_edit thead th,.slds-table--edit thead th{ padding:0 } .slds-table_edit .slds-cell-error,.slds-table--edit .slds-cell-error{ padding-left:0 } .slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover>.slds-cell-edit.slds-has-focus,.slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover>.slds-cell-edit.slds-has-focus{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-brandAccessible,rgb(225, 50, 0)) 0 0 0 1px inset } .slds-table_edit.slds-table tbody tr:hover>.slds-cell-edit:hover,.slds-table--edit.slds-table tbody tr:hover>.slds-cell-edit:hover{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-table_edit.slds-table tbody tr:hover>.slds-cell-edit.slds-is-edited,.slds-table--edit.slds-table tbody tr:hover>.slds-cell-edit.slds-is-edited{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)) } .slds-table_edit.slds-table tbody tr:hover>.slds-cell-edit.slds-has-error,.slds-table--edit.slds-table tbody tr:hover>.slds-cell-edit.slds-has-error{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 2px inset } .slds-table_edit .slds-button__icon_edit:focus,.slds-table_edit .slds-button__icon--edit:focus,.slds-table--edit .slds-button__icon_edit:focus,.slds-table--edit .slds-button__icon--edit:focus{ fill:var(--lwc-colorTextBrand,rgb(225, 50, 0)) } .slds-has-focus .slds-th__action{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-brandAccessibleActive,#ae2700) 0 0 0 1px inset } .slds-has-focus.slds-is-resizable .slds-th__action,.slds-has-focus.slds-is-resizable .slds-th__action:focus,.slds-has-focus.slds-is-resizable .slds-th__action:hover,.slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,.slds-is-resizable .slds-th__action:focus,.slds-is-resizable .slds-th__action:focus:hover{ background-color:var(--lwc-tableColorBackgroundHeaderHover,rgb(250, 250, 249)); box-shadow:var(--lwc-brandAccessibleActive,#ae2700) 0 0 0 1px inset,var(--lwc-brandAccessibleActive,#ae2700) -.25rem 0 0 inset } .slds-table .slds-cell-edit{ outline:0 } .slds-table .slds-cell-edit.slds-has-focus{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); box-shadow:var(--lwc-brandAccessibleActive,#ae2700) 0 0 0 1px inset } .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit,.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock,.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--lock{ opacity:1 } .slds-table .slds-cell-edit.slds-has-focus:hover{ box-shadow:var(--lwc-brandAccessibleActive,#ae2700) 0 0 0 1px inset } .slds-table .slds-cell-edit.slds-has-focus a:focus{ text-decoration:underline; outline:none } .slds-table .slds-cell-edit.slds-is-edited,.slds-table .slds-cell-edit.slds-is-edited:hover{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)) } .slds-table .slds-cell-edit.slds-has-error,.slds-table .slds-cell-edit.slds-has-error:hover{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 2px inset } .slds-cell-edit__button{ width:var(--lwc-squareIconUtilityMedium,1.25rem); height:var(--lwc-squareIconUtilityMedium,1.25rem); flex-shrink:0 } .slds-cell-edit__button:focus .slds-button__icon_edit,.slds-cell-edit__button:focus .slds-button__icon--edit{ opacity:1 } .slds-no-cell-focus .slds-has-focus{ background:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); box-shadow:none } .slds-no-cell-focus .slds-has-focus .slds-th__action,.slds-no-cell-focus .slds-has-focus .slds-th__action:hover,.slds-no-cell-focus .slds-has-focus .slds-th__action:focus,.slds-no-cell-focus .slds-has-focus .slds-th__action:focus:hover{ color:inherit; background-color:var(--lwc-tableColorBackgroundHeaderHover,rgb(250, 250, 249)); box-shadow:none } .slds-no-cell-focus .slds-has-focus .slds-button__icon_edit,.slds-no-cell-focus .slds-has-focus .slds-button__icon--edit{ opacity:1 } .slds-no-cell-focus .slds-has-focus.slds-is-resizable:hover .slds-th__action{ background-color:var(--lwc-tableColorBackgroundHeaderHover,rgb(250, 250, 249)); box-shadow:var(--lwc-colorBorder,rgb(0, 1, 16)) -.25rem 0 0 inset } .slds-no-cell-focus .slds-is-sortable.slds-has-focus .slds-is-sortable__icon{ display:none } .slds-no-cell-focus .slds-is-sorted.slds-has-focus .slds-is-sortable__icon{ display:inline-block; fill:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)) } .slds-no-cell-focus .slds-is-edited,.slds-no-cell-focus .slds-is-edited:hover{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)) } .slds-no-cell-focus .slds-has-error,.slds-no-cell-focus .slds-has-error:hover{ background-color:var(--lwc-colorBackgroundHighlight,rgb(250, 255, 189)); box-shadow:var(--lwc-colorBorderError,rgb(234, 0, 30)) 0 0 0 2px inset } .slds-no-cell-focus thead .slds-has-focus:hover{ color:var(--lwc-colorTextLink,rgb(225, 50, 0)) } .slds-no-cell-focus thead .slds-has-focus:hover .slds-is-sortable__icon{ display:inline-block; fill:var(--lwc-colorTextLink,rgb(225, 50, 0)) } .slds-hint-parent .slds-cell-edit .slds-button__icon_edit,.slds-hint-parent .slds-cell-edit .slds-button__icon--edit,.slds-hint-parent .slds-cell-edit .slds-button__icon_lock,.slds-hint-parent .slds-cell-edit .slds-button__icon--lock{ opacity:0 } .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit,.slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit{ opacity:.5 } .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:hover,.slds-hint-parent .slds-cell-edit:hover .slds-button__icon_edit:focus,.slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:hover,.slds-hint-parent .slds-cell-edit:hover .slds-button__icon--edit:focus,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:hover,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon_edit:focus,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:hover,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon--edit:focus{ fill:var(--lwc-colorTextBrand,rgb(225, 50, 0)); opacity:1 } .slds-hint-parent .slds-cell-edit:hover .slds-button__icon_lock,.slds-hint-parent .slds-cell-edit:hover .slds-button__icon--lock,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon_lock,.slds-hint-parent .slds-cell-edit:focus .slds-button__icon--lock{ opacity:.5 } .slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon_edit,.slds-hint-parent .slds-cell-edit.slds-has-focus .slds-button__icon--edit{ fill:var(--lwc-colorTextIconDefault,rgb(107, 109, 112)); opacity:1 } .slds-form-element__label_edit,.slds-form-element__label--edit{ margin:0 var(--lwc-spacingXxxSmall,0.125rem) 0 } .slds-popover_edit,.slds-popover--edit{ border-top:0; border-top-left-radius:0; border-top-right-radius:0 } .slds-popover_edit .slds-popover__body,.slds-popover--edit .slds-popover__body{ padding:var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) var(--lwc-spacingXxSmall,0.25rem) 0 } .slds-popover_edit .slds-form-element__help,.slds-popover--edit .slds-form-element__help{ width:100%; padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-table_header-fixed_container,.slds-table--header-fixed_container{ position:relative; padding-top:2rem; background-color:var(--lwc-tableColorBackgroundHeader,rgb(255, 255, 255)); overflow:hidden } .slds-table_header-fixed_container:before,.slds-table--header-fixed_container:before{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); content:''; display:block; position:relative; width:100% } .slds-cell-fixed{ background-color:var(--lwc-tableColorBackgroundHeader,rgb(255, 255, 255)); position:absolute; top:0; min-height:2rem } .slds-table_header-fixed,.slds-table--header-fixed{ border-top:0 } .slds-table_header-fixed thead th,.slds-table--header-fixed thead th{ position:static; padding:0; border-top:0 } .slds-table_header-fixed tbody tr:first-child td,.slds-table_header-fixed tbody tr:first-child th,.slds-table--header-fixed tbody tr:first-child td,.slds-table--header-fixed tbody tr:first-child th{ border-top:0 } .slds-table_header-hidden{ border-top:0 } .slds-tree__item a{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-tree__item a:hover{ text-decoration:none } .slds-tree__item a:focus{ outline:0; } /*.slds-tree__item a:focus{ outline:0; text-decoration:underline }*/ .slds-tree .slds-tree__item .slds-is-disabled{ visibility:hidden } .slds-tree .slds-is-selected{ background:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)); box-shadow:var(--lwc-colorBackgroundButtonBrand,rgb(225, 50, 0)) 4px 0 0 inset } .slds-tree .slds-is-focused{ text-decoration:underline } /* .slds-tree [aria-expanded=false]>.slds-tree__item>.slds-button[aria-controls]>.slds-button__icon,.slds-tree [aria-expanded=false]>.slds-tree__item>.slds-button[aria-controls]>span>.slds-button__icon{ transition:var(--lwc-durationPromptly,0.2s) transform ease-in-out; transform:rotate(0deg) } .slds-tree [aria-expanded=true]>.slds-tree__item>.slds-button[aria-controls]>.slds-button__icon,.slds-tree [aria-expanded=true]>.slds-tree__item>.slds-button[aria-controls]>span>.slds-button__icon{ transition:var(--lwc-durationPromptly,0.2s) transform ease-in-out; transform:rotate(90deg) } */ .slds-tree-container,.slds-tree_container{ min-width:7.5rem; max-width:var(--sds-c-tree-sizing-max-width, 25rem) } .slds-tree-container>.slds-text-heading_label,.slds-tree-container>.slds-text-heading--label,.slds-tree_container>.slds-text-heading_label,.slds-tree_container>.slds-text-heading--label{ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-tree__item{ display:flex; padding:.375rem 0 .375rem var(--lwc-spacingMedium,1rem) } .slds-tree__item.slds-is-hovered,.slds-tree__item:hover{ background:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); cursor:pointer } .slds-tree [role=treeitem]:focus{ outline:0 } .slds-tree [role=treeitem]:focus>.slds-tree__item{ background:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); cursor:pointer; text-decoration:underline } /* .slds-tree [role=treeitem][aria-selected=true]>.slds-tree__item{ background:var(--lwc-brandPrimaryTransparent10,rgba(21, 137, 238, 0.1)); box-shadow:var(--lwc-brandPrimary,rgb(225, 50, 0)) 4px 0 0 inset } */ /* [dir=rtl] .slds-tree [role=treeitem][aria-selected=true]>.slds-tree__item{ box-shadow:var(--lwc-brandPrimary,rgb(225, 50, 0)) -4px 0 0 inset } */ .slds-tree [aria-disabled=true]{ color:var(--lwc-colorTextButtonDefaultDisabled,rgb(217, 219, 221)) } .slds-tree [aria-disabled=true] .slds-tree__item.slds-is-hovered,.slds-tree [aria-disabled=true] .slds-tree__item:hover{ background-color:transparent; cursor:default } .slds-tree [aria-disabled=true] .slds-tree__item-meta{ color:inherit } .slds-tree [role=treeitem]>[role=group]{ display:none } .slds-tree [role=treeitem][aria-expanded=true]>[role=group]{ display:block } [aria-expanded=false]>.slds-tree__item .slds-button__icon{ transition:var(--lwc-durationPromptly,0.2s) transform ease-in-out; transform:rotate(0deg) } [aria-expanded=true]>.slds-tree__item .slds-button__icon{ transition:var(--lwc-durationPromptly,0.2s) transform ease-in-out; transform:rotate(90deg) } [dir=rtl] [aria-expanded=true]>.slds-tree__item .slds-button__icon{ transform:rotate(-90deg) } [aria-level="1"]>.slds-tree__item{ padding-left:1rem } [aria-level="2"]>.slds-tree__item{ padding-left:0rem } [aria-level="3"]>.slds-tree__item{ padding-left:3rem } [aria-level="4"]>.slds-tree__item{ padding-left:4rem } [aria-level="5"]>.slds-tree__item{ padding-left:5rem } [aria-level="6"]>.slds-tree__item{ padding-left:6rem } [aria-level="7"]>.slds-tree__item{ padding-left:7rem } [aria-level="8"]>.slds-tree__item{ padding-left:8rem } [aria-level="9"]>.slds-tree__item{ padding-left:9rem } [aria-level="10"]>.slds-tree__item{ padding-left:10rem } [aria-level="11"]>.slds-tree__item{ padding-left:11rem } [aria-level="12"]>.slds-tree__item{ padding-left:12rem } [aria-level="13"]>.slds-tree__item{ padding-left:13rem } [aria-level="14"]>.slds-tree__item{ padding-left:14rem } [aria-level="15"]>.slds-tree__item{ padding-left:15rem } [aria-level="16"]>.slds-tree__item{ padding-left:16rem } [aria-level="17"]>.slds-tree__item{ padding-left:17rem } [aria-level="18"]>.slds-tree__item{ padding-left:18rem } [aria-level="19"]>.slds-tree__item{ padding-left:19rem } [aria-level="20"]>.slds-tree__item{ padding-left:20rem } .slds-tree__item-label{ display:block } .slds-tree__item-meta{ display:block; color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-tree__item .slds-button{ align-self:flex-start; margin-top:var(--lwc-spacingXxxSmall,0.125rem) } .slds-tree__item .slds-pill{ margin-left:var(--lwc-spacingSmall,0.75rem) } .slds-tree__group-header{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-table_tree .slds-tree__item,.slds-table--tree .slds-tree__item{ line-height:1.5rem } .slds-table_tree .slds-tree__item a,.slds-table--tree .slds-tree__item a{ color:var(--lwc-colorTextLink,rgb(225, 50, 0)) } .slds-table_tree .slds-tree__item a:hover,.slds-table--tree .slds-tree__item a:hover{ text-decoration:underline } .slds-table_tree .slds-button,.slds-table--tree .slds-button{ align-self:center } .slds-table_tree .slds-button:not(.slds-th__action-button),.slds-table--tree .slds-button:not(.slds-th__action-button){ margin-top:0 } .slds-table_tree [aria-level="1"]>.slds-tree__item,.slds-table--tree [aria-level="1"]>.slds-tree__item{ padding-left:1.5rem } .slds-table_tree [aria-level="2"]>.slds-tree__item,.slds-table--tree [aria-level="2"]>.slds-tree__item{ padding-left:2.5rem } .slds-table_tree [aria-level="3"]>.slds-tree__item,.slds-table--tree [aria-level="3"]>.slds-tree__item{ padding-left:3.5rem } .slds-table_tree [aria-level="4"]>.slds-tree__item,.slds-table--tree [aria-level="4"]>.slds-tree__item{ padding-left:4.5rem } .slds-table_tree [aria-level="5"]>.slds-tree__item,.slds-table--tree [aria-level="5"]>.slds-tree__item{ padding-left:5.5rem } .slds-table_tree [aria-level="6"]>.slds-tree__item,.slds-table--tree [aria-level="6"]>.slds-tree__item{ padding-left:6.5rem } .slds-table_tree [aria-level="7"]>.slds-tree__item,.slds-table--tree [aria-level="7"]>.slds-tree__item{ padding-left:7.5rem } .slds-table_tree [aria-level="8"]>.slds-tree__item,.slds-table--tree [aria-level="8"]>.slds-tree__item{ padding-left:8.5rem } .slds-table_tree [aria-level="9"]>.slds-tree__item,.slds-table--tree [aria-level="9"]>.slds-tree__item{ padding-left:9.5rem } .slds-table_tree [aria-level="10"]>.slds-tree__item,.slds-table--tree [aria-level="10"]>.slds-tree__item{ padding-left:10.5rem } .slds-table_tree [aria-level="11"]>.slds-tree__item,.slds-table--tree [aria-level="11"]>.slds-tree__item{ padding-left:11.5rem } .slds-table_tree [aria-level="12"]>.slds-tree__item,.slds-table--tree [aria-level="12"]>.slds-tree__item{ padding-left:12.5rem } .slds-table_tree [aria-level="13"]>.slds-tree__item,.slds-table--tree [aria-level="13"]>.slds-tree__item{ padding-left:13.5rem } .slds-table_tree [aria-level="14"]>.slds-tree__item,.slds-table--tree [aria-level="14"]>.slds-tree__item{ padding-left:14.5rem } .slds-table_tree [aria-level="15"]>.slds-tree__item,.slds-table--tree [aria-level="15"]>.slds-tree__item{ padding-left:15.5rem } .slds-table_tree [aria-level="16"]>.slds-tree__item,.slds-table--tree [aria-level="16"]>.slds-tree__item{ padding-left:16.5rem } .slds-table_tree [aria-level="17"]>.slds-tree__item,.slds-table--tree [aria-level="17"]>.slds-tree__item{ padding-left:17.5rem } .slds-table_tree [aria-level="18"]>.slds-tree__item,.slds-table--tree [aria-level="18"]>.slds-tree__item{ padding-left:18.5rem } .slds-table_tree [aria-level="19"]>.slds-tree__item,.slds-table--tree [aria-level="19"]>.slds-tree__item{ padding-left:19.5rem } .slds-table_tree [aria-level="20"]>.slds-tree__item,.slds-table--tree [aria-level="20"]>.slds-tree__item{ padding-left:20.5rem } .slds-einstein-header{ position:relative; background-color:var(--lwc-einsteinHeaderBackgroundColor,rgb(144, 208, 254)); background-image:var(--lwc-einsteinHeaderBackground,url(https://www.poly.com/_slds/images/einstein-headers/einstein-header-background.svg?cache=3655c827)); background-repeat:no-repeat; background-position:left top; background-size:cover; border-radius:calc(var(--lwc-borderRadiusMedium,0.25rem) - 1px) calc(var(--lwc-borderRadiusMedium,0.25rem) - 1px) 0 0; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); padding-top:var(--lwc-spacingSmall,0.75rem); padding-bottom:var(--lwc-spacingSmall,0.75rem); text-shadow:0 0 4px var(--lwc-einsteinHeaderTextShadow,#cfe9fe) } .slds-einstein-header .slds-popover__close{ color:currentColor } .slds-einstein-header .slds-einstein-header__figure,.slds-einstein-header .slds-einstein-header__figure:last-child{ margin-bottom:calc((0.75rem + 5px) * -1); height:4.75rem; background-image:var(--lwc-einsteinHeaderFigure,url(https://www.poly.com/_slds/images/einstein-headers/einstein-figure.svg?cache=c929d5fa)); background-position:right bottom; background-repeat:no-repeat } .slds-einstein-header .slds-einstein-header__actions{ padding-left:var(--lwc-spacingMedium,1rem); display:flex; align-items:center } .slds-einstein-header .slds-popover__close{ position:absolute; top:0; right:0 } .slds-popover_einstein.slds-nubbin_top:before,.slds-popover_einstein.slds-nubbin--top:before,.slds-popover_einstein.slds-nubbin_top-left:before,.slds-popover_einstein.slds-nubbin--top-left:before,.slds-popover_einstein.slds-nubbin_top-right:before,.slds-popover_einstein.slds-nubbin--top-right:before,.slds-popover_einstein.slds-nubbin_left-top:before,.slds-popover_einstein.slds-nubbin--left-top:before,.slds-popover_einstein.slds-nubbin_right-top:before,.slds-popover_einstein.slds-nubbin--right-top:before{ background-color:var(--lwc-einsteinHeaderBackgroundColor,rgb(144, 208, 254)) } .slds-section-title{ font-size:var(--lwc-fontSize5,1rem) } .slds-section-title>a{ display:inline-block; color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-section-title>a:hover,.slds-section-title>a:focus{ color:var(--lwc-colorTextLinkHover,#b82900) } .slds-section-title>a:focus{ box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-section-title>a:active{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-section-title .slds-icon{ width:var(--lwc-squareIconMediumContent,1rem); height:var(--lwc-squareIconMediumContent,1rem); fill:currentColor } .slds-section-title .slds-section-group_is-closed .slds-icon,.slds-section-title .slds-section-group--is-closed .slds-icon{ transform:rotate(-90deg) } .slds-section{ margin-top:var(--lwc-spacingXSmall,0.5rem); margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-section__title{ display:flex; align-items:center; font-size:var(--lwc-varFontSize5,1rem); line-height:var(--lwc-lineHeightButton,1.875rem); border:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-section__title-action{ display:flex; align-items:center; background:var(--lwc-colorBackground,#FFFFFF); cursor:pointer; width:100%; text-align:left; color:currentColor; font-size:inherit; padding:0 var(--lwc-spacingXSmall,0.5rem) } .slds-section__title-action:hover,.slds-section__title-action:focus,.slds-section__title-action:active{ background:var(--lwc-colorBackgroundButtonDefaultActive,rgb(243, 242, 242)); color:inherit } .slds-section__content{ overflow:hidden; visibility:hidden; opacity:0; height:0 } .slds-section__title-action-icon{ transform:rotate(-90deg) } .slds-section.slds-is-open .slds-section__title-action-icon{ transform:rotate(0deg); transform-origin:45% } .slds-section.slds-is-open .slds-section__content{ padding-top:var(--lwc-spacingXSmall,0.5rem); overflow:visible; visibility:visible; opacity:1; height:auto } .slds-section-title_divider,.slds-section-title--divider{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); text-transform:uppercase; letter-spacing:.0625rem; padding:var(--lwc-spacingXSmall,0.5rem) var(--lwc-spacingMedium,1rem); background:var(--lwc-colorBackground,#FFFFFF) } .slds-illustration{ text-align:center } .slds-illustration.slds-illustration_small .slds-illustration__svg{ width:100%; max-width:300px; max-height:200px; margin-bottom:var(--lwc-spacingMedium,1rem) } .slds-illustration.slds-illustration_large .slds-illustration__svg{ width:100%; max-width:600px; max-height:400px; margin-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-illustration.slds-illustration_large .slds-illustration__header{ margin-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-illustration.slds-illustration_large p{ margin-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-illustration .slds-illustration__stroke-primary{ stroke:var(--lwc-illustrationColorPrimary,rgb(144, 208, 254)) } .slds-illustration .slds-illustration__stroke-secondary{ stroke:var(--lwc-illustrationColorSecondary,rgb(207, 233, 254)) } .slds-illustration .slds-illustration__fill-primary{ fill:var(--lwc-illustrationColorPrimary,rgb(144, 208, 254)) } .slds-illustration .slds-illustration__fill-secondary{ fill:var(--lwc-illustrationColorSecondary,rgb(207, 233, 254)) } .slds-region{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-region__pinned-top{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-cardColorBorder,rgb(0, 1, 16)) } .slds-region__pinned-left{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-cardColorBorder,rgb(0, 1, 16)) } .slds-region__pinned-right{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-cardColorBorder,rgb(0, 1, 16)) } .slds-vertical-tabs{ display:flex; overflow:hidden; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem) } .slds-vertical-tabs__nav{ width:var(--lwc-sizeXSmall,12rem); border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); background:var(--lwc-colorBackground,#FFFFFF) } .slds-vertical-tabs__nav-item{ display:flex; align-items:center; overflow:hidden; border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); color:var(--lwc-colorTextActionLabel,rgb(0, 1, 16)) } .slds-vertical-tabs__nav-item:last-child{ margin-bottom:-1px } .slds-vertical-tabs__link{ display:flex; flex:1 1 0%; align-items:center; min-width:0; padding:var(--lwc-spacingSmall,0.75rem); color:currentColor } .slds-vertical-tabs__link:hover{ background:var(--lwc-colorBackgroundPathIncompleteHover,rgb(221, 219, 218)); color:var(--lwc-colorTextActionLabelActive,rgb(225, 50, 0)); text-decoration:none } .slds-vertical-tabs__link:focus{ outline:0 } .slds-vertical-tabs__left-icon{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-vertical-tabs__left-icon:empty{ margin-right:0 } .slds-vertical-tabs__right-icon{ margin-left:auto } .slds-vertical-tabs__content{ flex:1; padding:var(--lwc-spacingMedium,1rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-vertical-tabs__nav-item.slds-is-active{ margin-right:-1px; border-right:0; background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); color:var(--lwc-brandTextLink,rgb(225, 50, 0)) } .slds-vertical-tabs__nav-item.slds-is-active .slds-vertical-tabs__link:hover{ background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); color:currentColor } .slds-vertical-tabs__nav-item.slds-has-focus{ text-decoration:underline } .slds-welcome-mat .slds-modal__container{ width:var(--lwc-welcomeMatWidth,52.0625rem); max-width:none } .slds-welcome-mat{ position:relative } .slds-welcome-mat__content{ min-height:var(--lwc-welcomeMatMinHeight,25rem); max-height:var(--lwc-welcomeMatMaxHeight,37.5rem) } .slds-welcome-mat__content .slds-progress-bar{ display:inline-block; width:var(--lwc-welcomeMatWidthProgressBar,12.5rem); background:var(--lwc-welcomeMatColorBackgroundProgressBar,rgb(255, 255, 255)) } .slds-welcome-mat__content .slds-progress-bar__value{ background:var(--lwc-progressBarColorBackgroundFillSuccess,rgb(46, 132, 74)) } .slds-welcome-mat__info{ display:flex; overflow:auto; padding:var(--lwc-spacingMedium,1rem) var(--lwc-spacingXxLarge,3rem) var(--lwc-welcomeMatSpacingInfo,7.75rem); color:var(--lwc-welcomeMatTextColorInfo,rgb(3, 45, 96)); background-image:var(--lwc-welcomeMatBackgroundImageInfo,url(https://www.poly.com/_slds/images/welcome-mat/bg-info@2x.png?cache=bad2f521)); background-position:bottom center; background-repeat:no-repeat; background-size:contain; background-color:var(--lwc-welcomeMatBackgroundColorInfo,rgb(207, 233, 254)); align-items:center } .slds-welcome-mat__info-content{ margin:auto; text-align:center } .slds-welcome-mat__info-title{ margin-bottom:var(--lwc-spacingLarge,1.5rem); font-size:var(--lwc-welcomeMatFontSizeInfoTitle,2.625rem); font-weight:var(--lwc-fontWeightBold,700); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-welcome-mat__info-description{ margin-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-welcome-mat__info-progress{ margin-bottom:var(--lwc-spacingMedium,1rem) } .slds-welcome-mat__tiles{ background:var(--lwc-colorBackground,#FFFFFF); overflow:auto; padding:var(--lwc-spacingMedium,1rem) } .slds-welcome-mat__tile{ margin:var(--lwc-spacingMedium,1rem) 0 } .slds-welcome-mat__tile .slds-media{ padding:.5rem } .slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete):not(.slds-welcome-mat__tile_info-only){ box-shadow:0 2px 2px var(--lwc-welcomeMatColorActionShadow,rgba(0, 0, 0, 0.05)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete):not(.slds-welcome-mat__tile_info-only):hover{ box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset,0 2px 2px var(--lwc-welcomeMatColorActionShadow,rgba(0, 0, 0, 0.05)) } .slds-welcome-mat__tile:not(.slds-welcome-mat__tile_complete) .slds-icon-action-check{ display:none } .slds-welcome-mat__tile:first-child{ margin-top:0 } .slds-welcome-mat__tile:last-child{ margin-bottom:0 } .slds-welcome-mat__tile-figure{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-welcome-mat__tile-title{ font-weight:var(--lwc-fontWeightBold,700) } .slds-welcome-mat__tile-body{ padding:var(--lwc-spacingSmall,0.75rem); border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-welcome-mat__tile-description{ color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightText,1.5) } .slds-welcome-mat__tile-icon-container{ position:relative } .slds-welcome-mat__tile_complete{ background:transparent } .slds-welcome-mat__tile_complete .slds-icon{ fill:var(--lwc-welcomeMatColorIconComplete,rgb(201, 199, 197)) } .slds-welcome-mat .slds-icon-action-check{ position:absolute; bottom:-.625rem; right:-.625rem; height:var(--lwc-welcomeMatCompleteIconSize,1.25rem); width:var(--lwc-welcomeMatCompleteIconSize,1.25rem); display:flex; align-items:center; justify-content:center; padding:.25rem; border:var(--lwc-borderWidthThick,2px) solid var(--lwc-colorBackground,#FFFFFF); border-radius:var(--lwc-welcomeMatCompleteIconSize,1.25rem); line-height:0; background:var(--lwc-paletteGreen60,rgb(59, 167, 85)) } .slds-welcome-mat .slds-icon-action-check .slds-icon{ fill:var(--lwc-colorTextInverse,#FFFFFF) } .slds-welcome-mat_splash .slds-welcome-mat__content{ height:var(--lwc-welcomeMatMaxHeight,37.5rem) } .slds-welcome-mat_splash .slds-welcome-mat__info-content{ max-width:37.5rem } .slds-welcome-mat_splash .slds-welcome-mat__info-title{ font-size:2rem } .slds-welcome-mat_info-only .slds-welcome-mat__content{ height:var(--lwc-welcomeMatMaxHeight,37.5rem) } .slds-welcome-mat_info-only .slds-welcome-mat__info-title{ font-size:2rem } .slds-welcome-mat__tiles_info-only{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)) } .slds-welcome-mat__tile_info-only .slds-welcome-mat__tile-body{ border-left:0 } .slds-welcome-mat__info-badge-container{ display:inline-block; position:relative } .slds-welcome-mat__info-badge-container .slds-icon-action-check{ border-width:0; top:50%; right:0%; transform:translate3d(50%, -50%, 0); display:none } .slds-welcome-mat__info-badge{ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-welcome-mat__info-progress_complete .slds-icon-action-check{ display:flex } .slds-summary-detail{ display:flex; align-items:flex-start } .slds-summary-detail .slds-summary-detail__action-icon{ transform:rotate(-90deg) } .slds-summary-detail .slds-summary-detail__content{ overflow:hidden; visibility:hidden; opacity:0; height:0 } .slds-summary-detail.slds-is-open .slds-summary-detail__action-icon{ transform:rotate(0deg); transform-origin:45% } .slds-summary-detail.slds-is-open .slds-summary-detail__content{ padding-top:var(--lwc-spacingSmall,0.75rem); overflow:visible; visibility:visible; opacity:1; height:auto } .slds-setup-assistant{ padding:var(--lwc-spacingMedium,1rem) } .slds-setup-assistant__item{ border-bottom:1px var(--lwc-colorBorderSeparatorAlt,rgb(0, 1, 16)) solid; padding:var(--lwc-spacingXLarge,2rem) 0 } .slds-setup-assistant__item:first-child{ padding-top:0 } .slds-setup-assistant__item:last-child{ padding-bottom:0; border-bottom:0 } .slds-setup-assistant__step-summary .slds-progress-ring_large{ top:1px } .slds-setup-assistant__step-summary-content{ margin-right:var(--lwc-spacingXxLarge,3rem) } .slds-setup-assistant__step-summary-title{ padding-bottom:var(--lwc-spacingXSmall,0.5rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-setup-assistant__step-detail{ padding-left:2.75rem } @media (min-width:30em){ .slds-nowrap_small,.slds-nowrap--small{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } @media (min-width:48em){ .slds-nowrap_medium,.slds-nowrap--medium{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } @media (min-width:64em){ .slds-nowrap_large,.slds-nowrap--large{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } .slds-col_padded,.slds-col--padded{ padding-right:var(--lwc-spacingSmall,0.75rem); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-col_padded-medium,.slds-col--padded-medium{ padding-right:var(--lwc-spacingMedium,1rem); padding-left:var(--lwc-spacingMedium,1rem) } .slds-col_padded-large,.slds-col--padded-large{ padding-right:var(--lwc-spacingLarge,1.5rem); padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-col_padded-around,.slds-col--padded-around{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-col_padded-around-medium,.slds-col--padded-around-medium{ padding:var(--lwc-spacingMedium,1rem) } .slds-col_padded-around-large,.slds-col--padded-around-large{ padding:var(--lwc-spacingLarge,1.5rem) } @media (min-width:64em){ .slds-col-rule_top,.slds-col-rule--top{ border-top:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } .slds-col-rule_right,.slds-col-rule--right{ border-right:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } .slds-col-rule_bottom,.slds-col-rule--bottom{ border-bottom:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } .slds-col-rule_left,.slds-col-rule--left{ border-left:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } } .slds-align-content-center{ flex:1; align-self:center; justify-content:center } .slds-grid{ display:flex } .slds-grid_frame,.slds-grid--frame{ min-width:100vw; min-height:100vh; overflow:hidden } .slds-grid_vertical,.slds-grid--vertical{ flex-direction:column } .slds-grid_vertical-reverse,.slds-grid--vertical-reverse{ flex-direction:column-reverse } .slds-grid_reverse,.slds-grid--reverse{ flex-direction:row-reverse } .slds-wrap{ flex-wrap:wrap; align-items:flex-start } .slds-nowrap{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } @media (min-width:20em){ .slds-x-small-nowrap{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } @media (min-width:30em){ .slds-small-nowrap{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } @media (min-width:48em){ .slds-medium-nowrap{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } @media (min-width:64em){ .slds-large-nowrap{ flex:1 1 auto; flex-wrap:nowrap; align-items:stretch } } .slds-gutters{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-gutters .slds-col{ padding-right:var(--lwc-spacingSmall,0.75rem); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-gutters_xxx-small{ margin-right:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)); margin-left:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)) } .slds-gutters_xxx-small .slds-col{ padding-right:var(--lwc-spacingXxxSmall,0.125rem); padding-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-gutters_xx-small{ margin-right:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); margin-left:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)) } .slds-gutters_xx-small .slds-col{ padding-right:var(--lwc-spacingXxSmall,0.25rem); padding-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-gutters_x-small{ margin-right:calc(-1 * var(--lwc-spacingXSmall,0.5rem)); margin-left:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-gutters_x-small .slds-col{ padding-right:var(--lwc-spacingXSmall,0.5rem); padding-left:var(--lwc-spacingXSmall,0.5rem) } .slds-gutters_small{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-gutters_small .slds-col{ padding-right:var(--lwc-spacingSmall,0.75rem); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-gutters_medium{ margin-right:calc(-1 * var(--lwc-spacingMedium,1rem)); margin-left:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-gutters_medium .slds-col{ padding-right:var(--lwc-spacingMedium,1rem); padding-left:var(--lwc-spacingMedium,1rem) } .slds-gutters_large{ margin-right:calc(-1 * var(--lwc-spacingLarge,1.5rem)); margin-left:calc(-1 * var(--lwc-spacingLarge,1.5rem)) } .slds-gutters_large .slds-col{ padding-right:var(--lwc-spacingLarge,1.5rem); padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-gutters_x-large{ margin-right:calc(-1 * var(--lwc-spacingXLarge,2rem)); margin-left:calc(-1 * var(--lwc-spacingXLarge,2rem)) } .slds-gutters_x-large .slds-col{ padding-right:var(--lwc-spacingXLarge,2rem); padding-left:var(--lwc-spacingXLarge,2rem) } .slds-gutters_xx-large{ margin-right:calc(-1 * var(--lwc-spacingXxLarge,3rem)); margin-left:calc(-1 * var(--lwc-spacingXxLarge,3rem)) } .slds-gutters_xx-large .slds-col{ padding-right:var(--lwc-spacingXxLarge,3rem); padding-left:var(--lwc-spacingXxLarge,3rem) } .slds-gutters_direct{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-gutters_direct>.slds-col{ padding-right:var(--lwc-spacingSmall,0.75rem); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-gutters_direct-xxx-small{ margin-right:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)); margin-left:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)) } .slds-gutters_direct-xxx-small>.slds-col{ padding-right:var(--lwc-spacingXxxSmall,0.125rem); padding-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-gutters_direct-xx-small{ margin-right:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); margin-left:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)) } .slds-gutters_direct-xx-small>.slds-col{ padding-right:var(--lwc-spacingXxSmall,0.25rem); padding-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-gutters_direct-x-small{ margin-right:calc(-1 * var(--lwc-spacingXSmall,0.5rem)); margin-left:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-gutters_direct-x-small>.slds-col{ padding-right:var(--lwc-spacingXSmall,0.5rem); padding-left:var(--lwc-spacingXSmall,0.5rem) } .slds-gutters_direct-small{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-gutters_direct-small>.slds-col{ padding-right:var(--lwc-spacingSmall,0.75rem); padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-gutters_direct-medium{ margin-right:calc(-1 * var(--lwc-spacingMedium,1rem)); margin-left:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-gutters_direct-medium>.slds-col{ padding-right:var(--lwc-spacingMedium,1rem); padding-left:var(--lwc-spacingMedium,1rem) } .slds-gutters_direct-large{ margin-right:calc(-1 * var(--lwc-spacingLarge,1.5rem)); margin-left:calc(-1 * var(--lwc-spacingLarge,1.5rem)) } .slds-gutters_direct-large>.slds-col{ padding-right:var(--lwc-spacingLarge,1.5rem); padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-gutters_direct-x-large{ margin-right:calc(-1 * var(--lwc-spacingXLarge,2rem)); margin-left:calc(-1 * var(--lwc-spacingXLarge,2rem)) } .slds-gutters_direct-x-large>.slds-col{ padding-right:var(--lwc-spacingXLarge,2rem); padding-left:var(--lwc-spacingXLarge,2rem) } .slds-gutters_direct-xx-large{ margin-right:calc(-1 * var(--lwc-spacingXxLarge,3rem)); margin-left:calc(-1 * var(--lwc-spacingXxLarge,3rem)) } .slds-gutters_direct-xx-large>.slds-col{ padding-right:var(--lwc-spacingXxLarge,3rem); padding-left:var(--lwc-spacingXxLarge,3rem) } .slds-grid_pull-padded,.slds-grid--pull-padded{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-grid_pull-padded-xxx-small,.slds-grid--pull-padded-xxx-small{ margin-right:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)); margin-left:calc(-1 * var(--lwc-spacingXxxSmall,0.125rem)) } .slds-grid_pull-padded-xx-small,.slds-grid--pull-padded-xx-small{ margin-right:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)); margin-left:calc(-1 * var(--lwc-spacingXxSmall,0.25rem)) } .slds-grid_pull-padded-x-small,.slds-grid--pull-padded-x-small{ margin-right:calc(-1 * var(--lwc-spacingXSmall,0.5rem)); margin-left:calc(-1 * var(--lwc-spacingXSmall,0.5rem)) } .slds-grid_pull-padded-small,.slds-grid--pull-padded-small{ margin-right:calc(-1 * var(--lwc-spacingSmall,0.75rem)); margin-left:calc(-1 * var(--lwc-spacingSmall,0.75rem)) } .slds-grid_pull-padded-medium,.slds-grid--pull-padded-medium{ margin-right:calc(-1 * var(--lwc-spacingMedium,1rem)); margin-left:calc(-1 * var(--lwc-spacingMedium,1rem)) } .slds-grid_pull-padded-large,.slds-grid--pull-padded-large{ margin-right:calc(-1 * var(--lwc-spacingLarge,1.5rem)); margin-left:calc(-1 * var(--lwc-spacingLarge,1.5rem)) } .slds-grid_pull-padded-x-large,.slds-grid--pull-padded-x-large{ margin-right:calc(-1 * var(--lwc-spacingXLarge,2rem)); margin-left:calc(-1 * var(--lwc-spacingXLarge,2rem)) } .slds-grid_pull-padded-xx-large,.slds-grid--pull-padded-xx-large{ margin-right:calc(-1 * var(--lwc-spacingXxLarge,3rem)); margin-left:calc(-1 * var(--lwc-spacingXxLarge,3rem)) } .slds-col,[class*=slds-col_padded],[class*=slds-col--padded]{ flex:1 1 auto } @media (min-width:64em){ .slds-col_rule-top,.slds-col--rule-top{ border-top:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } } @media (min-width:64em){ .slds-col_rule-right,.slds-col--rule-right{ border-right:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } } @media (min-width:64em){ .slds-col_rule-bottom,.slds-col--rule-bottom{ border-bottom:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } } @media (min-width:64em){ .slds-col_rule-left,.slds-col--rule-left{ border-left:1px solid var(--lwc-colorBorderSeparator,rgb(249, 249, 250)) } } .slds-has-flexi-truncate{ flex:1 1 0%; min-width:0 } .slds-no-flex{ flex:none } .slds-no-space{ min-width:0 } .slds-grow{ flex-grow:1 } .slds-grow-none{ flex-grow:0 } .slds-shrink{ flex-shrink:1 } .slds-shrink-none{ flex-shrink:0 } .slds-text-longform ul.slds-grid{ margin-left:0; list-style:none } .slds-grid_align-center,.slds-grid--align-center{ justify-content:center } .slds-grid_align-center .slds-col,.slds-grid_align-center [class*=slds-col_padded],.slds-grid_align-center [class*=slds-col--padded],.slds-grid--align-center .slds-col,.slds-grid--align-center [class*=slds-col_padded],.slds-grid--align-center [class*=slds-col--padded]{ flex-grow:0 } .slds-grid_align-space,.slds-grid--align-space{ justify-content:space-around } .slds-grid_align-space .slds-col,.slds-grid_align-space [class*=slds-col_padded],.slds-grid_align-space [class*=slds-col--padded],.slds-grid--align-space .slds-col,.slds-grid--align-space [class*=slds-col_padded],.slds-grid--align-space [class*=slds-col--padded]{ flex-grow:0 } .slds-grid_align-spread,.slds-grid--align-spread{ justify-content:space-between } .slds-grid_align-spread .slds-col,.slds-grid_align-spread [class*=slds-col_padded],.slds-grid_align-spread [class*=slds-col--padded],.slds-grid--align-spread .slds-col,.slds-grid--align-spread [class*=slds-col_padded],.slds-grid--align-spread [class*=slds-col--padded]{ flex-grow:0 } .slds-grid_align-end,.slds-grid--align-end{ justify-content:flex-end } .slds-grid_align-end .slds-col,.slds-grid_align-end [class*=slds-col_padded],.slds-grid_align-end [class*=slds-col--padded],.slds-grid--align-end .slds-col,.slds-grid--align-end [class*=slds-col_padded],.slds-grid--align-end [class*=slds-col--padded]{ flex-grow:0 } .slds-grid_vertical-align-start,.slds-grid--vertical-align-start{ align-items:flex-start; align-content:flex-start } .slds-grid_vertical-align-center,.slds-grid--vertical-align-center{ align-items:center; align-content:center } .slds-grid_vertical-align-end,.slds-grid--vertical-align-end{ align-items:flex-end; align-content:flex-end } .slds-align-top{ vertical-align:top; align-self:flex-start } .slds-align-middle{ vertical-align:middle; align-self:center } .slds-align-bottom{ vertical-align:bottom; align-self:flex-end } .slds-col_bump-top,.slds-col--bump-top{ margin-top:auto } .slds-col_bump-right,.slds-col--bump-right{ margin-right:auto } .slds-col_bump-bottom,.slds-col--bump-bottom{ margin-bottom:auto } .slds-col_bump-left,.slds-col--bump-left{ margin-left:auto } .slds-grid_vertical-stretch,.slds-grid--vertical-stretch{ align-items:stretch; align-content:stretch } .slds-container_small,.slds-container--small{ max-width:30rem } .slds-container_medium,.slds-container--medium{ max-width:48rem } .slds-container_large,.slds-container--large{ max-width:64rem } .slds-container_x-large,.slds-container--x-large{ max-width:80rem } .slds-container_fluid,.slds-container--fluid{ width:100% } .slds-container_center,.slds-container--center{ margin-left:auto; margin-right:auto } .slds-container_left,.slds-container--left{ margin-right:auto } .slds-container_right,.slds-container--right{ margin-left:auto } .slds-grid_overflow,.slds-grid--overflow{ flex-flow:row nowrap } .slds-grid_overflow .slds-col,.slds-grid--overflow .slds-col{ min-width:11.25em; max-width:22.5em } .slds-align_absolute-center,.slds-align--absolute-center{ display:flex; justify-content:center; align-content:center; align-items:center; margin:auto } .slds-media_reverse>.slds-media__figure,.slds-media--reverse>.slds-media__figure{ order:1 } .slds-media_reverse.slds-media_small .slds-media__figure,.slds-media_reverse.slds-media--small .slds-media__figure,.slds-media--reverse.slds-media_small .slds-media__figure,.slds-media--reverse.slds-media--small .slds-media__figure{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-media_double>.slds-media__figure,.slds-media--double>.slds-media__figure{ order:1 } .slds-media_double .slds-media__figure_reverse,.slds-media_double .slds-media__figure--reverse,.slds-media--double .slds-media__figure_reverse,.slds-media--double .slds-media__figure--reverse{ order:3; margin:0 0 0 var(--lwc-spacingMedium,1rem) } .slds-media_double .slds-media__body,.slds-media--double .slds-media__body{ order:2 } .slds-media{ display:flex; align-items:flex-start } .slds-media__figure{ flex-shrink:0; margin-right:var(--lwc-spacingSmall,0.75rem) } .slds-media__figure_fixed-width{ min-width:var(--lwc-squareIconLargeBoundary,3rem) } .slds-media__body{ flex:1; min-width:0 } .slds-media__body,.slds-media__body>:last-child{ margin-bottom:0 } .slds-media-body-iefix{ flex-shrink:0; flex-basis:auto } .slds-media_small .slds-media__figure,.slds-media--small .slds-media__figure{ margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-media_small .slds-media__figure_reverse,.slds-media--small .slds-media__figure--reverse{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-media_large .slds-media__figure,.slds-media--large .slds-media__figure{ margin-right:var(--lwc-spacingLarge,1.5rem) } .slds-media_large .slds-media__figure_reverse,.slds-media--large .slds-media__figure--reverse{ margin-left:var(--lwc-spacingLarge,1.5rem) } .slds-media_inline .slds-media__body{ flex:0 1 auto } .slds-media_center,.slds-media--center{ align-items:center } .slds-media__figure_reverse,.slds-media__figure--reverse{ margin:0 0 0 var(--lwc-spacingSmall,0.75rem) } @media (max-width:48em){ .slds-media_responsive,.slds-media--responsive{ display:block } .slds-media_responsive .slds-media__figure,.slds-media--responsive .slds-media__figure{ margin:0 0 var(--lwc-spacingSmall,0.75rem) } } .slds-m-top_none,.slds-m-top--none{ margin-top:0!important } .slds-m-top_xxx-small,.slds-m-top--xxx-small{ margin-top:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-top_xx-small,.slds-m-top--xx-small{ margin-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-top_x-small,.slds-m-top--x-small{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-m-top_small,.slds-m-top--small{ margin-top:var(--lwc-spacingSmall,0.75rem) } .slds-m-top_medium,.slds-m-top--medium{ margin-top:var(--lwc-spacingMedium,1rem) } .slds-m-top_large,.slds-m-top--large{ margin-top:var(--lwc-spacingLarge,1.5rem) } .slds-m-top_x-large,.slds-m-top--x-large{ margin-top:var(--lwc-spacingXLarge,2rem) } .slds-m-top_xx-large,.slds-m-top--xx-large{ margin-top:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-top_xxx-small{ margin-top:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-m-top_xx-small{ margin-top:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-m-top_x-small{ margin-top:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-m-top_small{ margin-top:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-m-top_medium{ margin-top:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-m-top_large{ margin-top:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-m-top_x-large{ margin-top:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-m-top_xx-large{ margin-top:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-m-right_none,.slds-m-right--none{ margin-right:0!important } .slds-m-right_xxx-small,.slds-m-right--xxx-small{ margin-right:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-right_xx-small,.slds-m-right--xx-small{ margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-right_x-small,.slds-m-right--x-small{ margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-m-right_small,.slds-m-right--small{ margin-right:var(--lwc-spacingSmall,0.75rem) } .slds-m-right_medium,.slds-m-right--medium{ margin-right:var(--lwc-spacingMedium,1rem) } .slds-m-right_large,.slds-m-right--large{ margin-right:var(--lwc-spacingLarge,1.5rem) } .slds-m-right_x-large,.slds-m-right--x-large{ margin-right:var(--lwc-spacingXLarge,2rem) } .slds-m-right_xx-large,.slds-m-right--xx-large{ margin-right:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-right_xxx-small{ margin-right:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-m-right_xx-small{ margin-right:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-m-right_x-small{ margin-right:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-m-right_small{ margin-right:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-m-right_medium{ margin-right:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-m-right_large{ margin-right:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-m-right_x-large{ margin-right:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-m-right_xx-large{ margin-right:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-m-bottom_none,.slds-m-bottom--none{ margin-bottom:0!important } .slds-m-bottom_xxx-small,.slds-m-bottom--xxx-small{ margin-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-bottom_xx-small,.slds-m-bottom--xx-small{ margin-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-bottom_x-small,.slds-m-bottom--x-small{ margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-m-bottom_small,.slds-m-bottom--small{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-m-bottom_medium,.slds-m-bottom--medium{ margin-bottom:var(--lwc-spacingMedium,1rem) } .slds-m-bottom_large,.slds-m-bottom--large{ margin-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-m-bottom_x-large,.slds-m-bottom--x-large{ margin-bottom:var(--lwc-spacingXLarge,2rem) } .slds-m-bottom_xx-large,.slds-m-bottom--xx-large{ margin-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-bottom_xxx-small{ margin-bottom:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-m-bottom_xx-small{ margin-bottom:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-m-bottom_x-small{ margin-bottom:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-m-bottom_small{ margin-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-m-bottom_medium{ margin-bottom:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-m-bottom_large{ margin-bottom:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-m-bottom_x-large{ margin-bottom:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-m-bottom_xx-large{ margin-bottom:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-m-left_none,.slds-m-left--none{ margin-left:0!important } .slds-m-left_xxx-small,.slds-m-left--xxx-small{ margin-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-left_xx-small,.slds-m-left--xx-small{ margin-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-left_x-small,.slds-m-left--x-small{ margin-left:var(--lwc-spacingXSmall,0.5rem) } .slds-m-left_small,.slds-m-left--small{ margin-left:var(--lwc-spacingSmall,0.75rem) } .slds-m-left_medium,.slds-m-left--medium{ margin-left:var(--lwc-spacingMedium,1rem) } .slds-m-left_large,.slds-m-left--large{ margin-left:var(--lwc-spacingLarge,1.5rem) } .slds-m-left_x-large,.slds-m-left--x-large{ margin-left:var(--lwc-spacingXLarge,2rem) } .slds-m-left_xx-large,.slds-m-left--xx-large{ margin-left:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-left_xxx-small{ margin-left:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-m-left_xx-small{ margin-left:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-m-left_x-small{ margin-left:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-m-left_small{ margin-left:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-m-left_medium{ margin-left:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-m-left_large{ margin-left:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-m-left_x-large{ margin-left:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-m-left_xx-large{ margin-left:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-m-horizontal_none,.slds-m-horizontal--none{ margin-left:0!important; margin-right:0!important } .slds-m-horizontal_xxx-small,.slds-m-horizontal--xxx-small{ margin-left:var(--lwc-spacingXxxSmall,0.125rem); margin-right:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-horizontal_xx-small,.slds-m-horizontal--xx-small{ margin-left:var(--lwc-spacingXxSmall,0.25rem); margin-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-horizontal_x-small,.slds-m-horizontal--x-small{ margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem) } .slds-m-horizontal_small,.slds-m-horizontal--small{ margin-left:var(--lwc-spacingSmall,0.75rem); margin-right:var(--lwc-spacingSmall,0.75rem) } .slds-m-horizontal_medium,.slds-m-horizontal--medium{ margin-left:var(--lwc-spacingMedium,1rem); margin-right:var(--lwc-spacingMedium,1rem) } .slds-m-horizontal_large,.slds-m-horizontal--large{ margin-left:var(--lwc-spacingLarge,1.5rem); margin-right:var(--lwc-spacingLarge,1.5rem) } .slds-m-horizontal_x-large,.slds-m-horizontal--x-large{ margin-left:var(--lwc-spacingXLarge,2rem); margin-right:var(--lwc-spacingXLarge,2rem) } .slds-m-horizontal_xx-large,.slds-m-horizontal--xx-large{ margin-left:var(--lwc-spacingXxLarge,3rem); margin-right:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-horizontal_xxx-small{ margin-left:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem); margin-right:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-m-horizontal_xx-small{ margin-left:var(--lwc-varSpacingHorizontalXxSmall,0.25rem); margin-right:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-m-horizontal_x-small{ margin-left:var(--lwc-varSpacingHorizontalXSmall,0.5rem); margin-right:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-m-horizontal_small{ margin-left:var(--lwc-varSpacingHorizontalSmall,0.75rem); margin-right:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-m-horizontal_medium{ margin-left:var(--lwc-varSpacingHorizontalMedium,1rem); margin-right:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-m-horizontal_large{ margin-left:var(--lwc-varSpacingHorizontalLarge,1.5rem); margin-right:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-m-horizontal_x-large{ margin-left:var(--lwc-varSpacingHorizontalXLarge,2rem); margin-right:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-m-horizontal_xx-large{ margin-left:var(--lwc-varSpacingHorizontalXxLarge,3rem); margin-right:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-m-vertical_none,.slds-m-vertical--none{ margin-top:0!important; margin-bottom:0!important } .slds-m-vertical_xxx-small,.slds-m-vertical--xxx-small{ margin-top:var(--lwc-spacingXxxSmall,0.125rem); margin-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-vertical_xx-small,.slds-m-vertical--xx-small{ margin-top:var(--lwc-spacingXxSmall,0.25rem); margin-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-vertical_x-small,.slds-m-vertical--x-small{ margin-top:var(--lwc-spacingXSmall,0.5rem); margin-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-m-vertical_small,.slds-m-vertical--small{ margin-top:var(--lwc-spacingSmall,0.75rem); margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-m-vertical_medium,.slds-m-vertical--medium{ margin-top:var(--lwc-spacingMedium,1rem); margin-bottom:var(--lwc-spacingMedium,1rem) } .slds-m-vertical_large,.slds-m-vertical--large{ margin-top:var(--lwc-spacingLarge,1.5rem); margin-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-m-vertical_x-large,.slds-m-vertical--x-large{ margin-top:var(--lwc-spacingXLarge,2rem); margin-bottom:var(--lwc-spacingXLarge,2rem) } .slds-m-vertical_xx-large,.slds-m-vertical--xx-large{ margin-top:var(--lwc-spacingXxLarge,3rem); margin-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-vertical_xxx-small{ margin-top:var(--lwc-varSpacingVerticalXxxSmall,0.125rem); margin-bottom:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-m-vertical_xx-small{ margin-top:var(--lwc-varSpacingVerticalXxSmall,0.25rem); margin-bottom:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-m-vertical_x-small{ margin-top:var(--lwc-varSpacingVerticalXSmall,0.5rem); margin-bottom:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-m-vertical_small{ margin-top:var(--lwc-varSpacingVerticalSmall,0.75rem); margin-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-m-vertical_medium{ margin-top:var(--lwc-varSpacingVerticalMedium,1rem); margin-bottom:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-m-vertical_large{ margin-top:var(--lwc-varSpacingVerticalLarge,1.5rem); margin-bottom:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-m-vertical_x-large{ margin-top:var(--lwc-varSpacingVerticalXLarge,2rem); margin-bottom:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-m-vertical_xx-large{ margin-top:var(--lwc-varSpacingVerticalXxLarge,3rem); margin-bottom:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-m-around_none,.slds-m-around--none{ margin:0!important } .slds-m-around_xxx-small,.slds-m-around--xxx-small{ margin:var(--lwc-spacingXxxSmall,0.125rem) } .slds-m-around_xx-small,.slds-m-around--xx-small{ margin:var(--lwc-spacingXxSmall,0.25rem) } .slds-m-around_x-small,.slds-m-around--x-small{ margin:var(--lwc-spacingXSmall,0.5rem) } .slds-m-around_small,.slds-m-around--small{ margin:var(--lwc-spacingSmall,0.75rem) } .slds-m-around_medium,.slds-m-around--medium{ margin:var(--lwc-spacingMedium,1rem) } .slds-m-around_large,.slds-m-around--large{ margin:var(--lwc-spacingLarge,1.5rem) } .slds-m-around_x-large,.slds-m-around--x-large{ margin:var(--lwc-spacingXLarge,2rem) } .slds-m-around_xx-large,.slds-m-around--xx-large{ margin:var(--lwc-spacingXxLarge,3rem) } .slds-var-m-around_xxx-small{ margin:var(--lwc-varSpacingXxxSmall,0.125rem) } .slds-var-m-around_xx-small{ margin:var(--lwc-varSpacingXxSmall,0.25rem) } .slds-var-m-around_x-small{ margin:var(--lwc-varSpacingXSmall,0.5rem) } .slds-var-m-around_small{ margin:var(--lwc-varSpacingSmall,0.75rem) } .slds-var-m-around_medium{ margin:var(--lwc-varSpacingMedium,1rem) } .slds-var-m-around_large{ margin:var(--lwc-varSpacingLarge,1.5rem) } .slds-var-m-around_x-large{ margin:var(--lwc-varSpacingXLarge,2rem) } .slds-var-m-around_xx-large{ margin:var(--lwc-varSpacingXxLarge,3rem) } .slds-has-cushion{ padding:var(--lwc-componentSpacingPadding,1rem) } .slds-p-top_none,.slds-p-top--none{ padding-top:0!important } .slds-p-top_xxx-small,.slds-p-top--xxx-small{ padding-top:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-top_xx-small,.slds-p-top--xx-small{ padding-top:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-top_x-small,.slds-p-top--x-small{ padding-top:var(--lwc-spacingXSmall,0.5rem) } .slds-p-top_small,.slds-p-top--small{ padding-top:var(--lwc-spacingSmall,0.75rem) } .slds-p-top_medium,.slds-p-top--medium{ padding-top:var(--lwc-spacingMedium,1rem) } .slds-p-top_large,.slds-p-top--large{ padding-top:var(--lwc-spacingLarge,1.5rem) } .slds-p-top_x-large,.slds-p-top--x-large{ padding-top:var(--lwc-spacingXLarge,2rem) } .slds-p-top_xx-large,.slds-p-top--xx-large{ padding-top:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-top_xxx-small{ padding-top:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-p-top_xx-small{ padding-top:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-p-top_x-small{ padding-top:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-p-top_small{ padding-top:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-p-top_medium{ padding-top:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-p-top_large{ padding-top:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-p-top_x-large{ padding-top:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-p-top_xx-large{ padding-top:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-p-right_none,.slds-p-right--none{ padding-right:0!important } .slds-p-right_xxx-small,.slds-p-right--xxx-small{ padding-right:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-right_xx-small,.slds-p-right--xx-small{ padding-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-right_x-small,.slds-p-right--x-small{ padding-right:var(--lwc-spacingXSmall,0.5rem) } .slds-p-right_small,.slds-p-right--small{ padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-p-right_medium,.slds-p-right--medium{ padding-right:var(--lwc-spacingMedium,1rem) } .slds-p-right_large,.slds-p-right--large{ padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-p-right_x-large,.slds-p-right--x-large{ padding-right:var(--lwc-spacingXLarge,2rem) } .slds-p-right_xx-large,.slds-p-right--xx-large{ padding-right:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-right_xxx-small{ padding-right:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-p-right_xx-small{ padding-right:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-p-right_x-small{ padding-right:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-p-right_small{ padding-right:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-p-right_medium{ padding-right:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-p-right_large{ padding-right:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-p-right_x-large{ padding-right:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-p-right_xx-large{ padding-right:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-p-bottom_none,.slds-p-bottom--none{ padding-bottom:0!important } .slds-p-bottom_xxx-small,.slds-p-bottom--xxx-small{ padding-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-bottom_xx-small,.slds-p-bottom--xx-small{ padding-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-bottom_x-small,.slds-p-bottom--x-small{ padding-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-p-bottom_small,.slds-p-bottom--small{ padding-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-p-bottom_medium,.slds-p-bottom--medium{ padding-bottom:var(--lwc-spacingMedium,1rem) } .slds-p-bottom_large,.slds-p-bottom--large{ padding-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-p-bottom_x-large,.slds-p-bottom--x-large{ padding-bottom:var(--lwc-spacingXLarge,2rem) } .slds-p-bottom_xx-large,.slds-p-bottom--xx-large{ padding-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-bottom_xxx-small{ padding-bottom:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-p-bottom_xx-small{ padding-bottom:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-p-bottom_x-small{ padding-bottom:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-p-bottom_small{ padding-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-p-bottom_medium{ padding-bottom:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-p-bottom_large{ padding-bottom:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-p-bottom_x-large{ padding-bottom:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-p-bottom_xx-large{ padding-bottom:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-p-left_none,.slds-p-left--none{ padding-left:0!important } .slds-p-left_xxx-small,.slds-p-left--xxx-small{ padding-left:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-left_xx-small,.slds-p-left--xx-small{ padding-left:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-left_x-small,.slds-p-left--x-small{ padding-left:var(--lwc-spacingXSmall,0.5rem) } .slds-p-left_small,.slds-p-left--small{ padding-left:var(--lwc-spacingSmall,0.75rem) } .slds-p-left_medium,.slds-p-left--medium{ padding-left:var(--lwc-spacingMedium,1rem) } .slds-p-left_large,.slds-p-left--large{ padding-left:var(--lwc-spacingLarge,1.5rem) } .slds-p-left_x-large,.slds-p-left--x-large{ padding-left:var(--lwc-spacingXLarge,2rem) } .slds-p-left_xx-large,.slds-p-left--xx-large{ padding-left:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-left_xxx-small{ padding-left:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-p-left_xx-small{ padding-left:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-p-left_x-small{ padding-left:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-p-left_small{ padding-left:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-p-left_medium{ padding-left:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-p-left_large{ padding-left:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-p-left_x-large{ padding-left:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-p-left_xx-large{ padding-left:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-p-horizontal_none,.slds-p-horizontal--none{ padding-left:0!important; padding-right:0!important } .slds-p-horizontal_xxx-small,.slds-p-horizontal--xxx-small{ padding-left:var(--lwc-spacingXxxSmall,0.125rem); padding-right:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-horizontal_xx-small,.slds-p-horizontal--xx-small{ padding-left:var(--lwc-spacingXxSmall,0.25rem); padding-right:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-horizontal_x-small,.slds-p-horizontal--x-small{ padding-left:var(--lwc-spacingXSmall,0.5rem); padding-right:var(--lwc-spacingXSmall,0.5rem) } .slds-p-horizontal_small,.slds-p-horizontal--small{ padding-left:var(--lwc-spacingSmall,0.75rem); padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-p-horizontal_medium,.slds-p-horizontal--medium{ padding-left:var(--lwc-spacingMedium,1rem); padding-right:var(--lwc-spacingMedium,1rem) } .slds-p-horizontal_large,.slds-p-horizontal--large{ padding-left:var(--lwc-spacingLarge,1.5rem); padding-right:var(--lwc-spacingLarge,1.5rem) } .slds-p-horizontal_x-large,.slds-p-horizontal--x-large{ padding-left:var(--lwc-spacingXLarge,2rem); padding-right:var(--lwc-spacingXLarge,2rem) } .slds-p-horizontal_xx-large,.slds-p-horizontal--xx-large{ padding-left:var(--lwc-spacingXxLarge,3rem); padding-right:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-horizontal_xxx-small{ padding-left:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem); padding-right:var(--lwc-varSpacingHorizontalXxxSmall,0.125rem) } .slds-var-p-horizontal_xx-small{ padding-left:var(--lwc-varSpacingHorizontalXxSmall,0.25rem); padding-right:var(--lwc-varSpacingHorizontalXxSmall,0.25rem) } .slds-var-p-horizontal_x-small{ padding-left:var(--lwc-varSpacingHorizontalXSmall,0.5rem); padding-right:var(--lwc-varSpacingHorizontalXSmall,0.5rem) } .slds-var-p-horizontal_small{ padding-left:var(--lwc-varSpacingHorizontalSmall,0.75rem); padding-right:var(--lwc-varSpacingHorizontalSmall,0.75rem) } .slds-var-p-horizontal_medium{ padding-left:var(--lwc-varSpacingHorizontalMedium,1rem); padding-right:var(--lwc-varSpacingHorizontalMedium,1rem) } .slds-var-p-horizontal_large{ padding-left:var(--lwc-varSpacingHorizontalLarge,1.5rem); padding-right:var(--lwc-varSpacingHorizontalLarge,1.5rem) } .slds-var-p-horizontal_x-large{ padding-left:var(--lwc-varSpacingHorizontalXLarge,2rem); padding-right:var(--lwc-varSpacingHorizontalXLarge,2rem) } .slds-var-p-horizontal_xx-large{ padding-left:var(--lwc-varSpacingHorizontalXxLarge,3rem); padding-right:var(--lwc-varSpacingHorizontalXxLarge,3rem) } .slds-p-vertical_none,.slds-p-vertical--none{ padding-top:0!important; padding-bottom:0!important } .slds-p-vertical_xxx-small,.slds-p-vertical--xxx-small{ padding-top:var(--lwc-spacingXxxSmall,0.125rem); padding-bottom:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-vertical_xx-small,.slds-p-vertical--xx-small{ padding-top:var(--lwc-spacingXxSmall,0.25rem); padding-bottom:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-vertical_x-small,.slds-p-vertical--x-small{ padding-top:var(--lwc-spacingXSmall,0.5rem); padding-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-p-vertical_small,.slds-p-vertical--small{ padding-top:var(--lwc-spacingSmall,0.75rem); padding-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-p-vertical_medium,.slds-p-vertical--medium{ padding-top:var(--lwc-spacingMedium,1rem); padding-bottom:var(--lwc-spacingMedium,1rem) } .slds-p-vertical_large,.slds-p-vertical--large{ padding-top:var(--lwc-spacingLarge,1.5rem); padding-bottom:var(--lwc-spacingLarge,1.5rem) } .slds-p-vertical_x-large,.slds-p-vertical--x-large{ padding-top:var(--lwc-spacingXLarge,2rem); padding-bottom:var(--lwc-spacingXLarge,2rem) } .slds-p-vertical_xx-large,.slds-p-vertical--xx-large{ padding-top:var(--lwc-spacingXxLarge,3rem); padding-bottom:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-vertical_xxx-small{ padding-top:var(--lwc-varSpacingVerticalXxxSmall,0.125rem); padding-bottom:var(--lwc-varSpacingVerticalXxxSmall,0.125rem) } .slds-var-p-vertical_xx-small{ padding-top:var(--lwc-varSpacingVerticalXxSmall,0.25rem); padding-bottom:var(--lwc-varSpacingVerticalXxSmall,0.25rem) } .slds-var-p-vertical_x-small{ padding-top:var(--lwc-varSpacingVerticalXSmall,0.5rem); padding-bottom:var(--lwc-varSpacingVerticalXSmall,0.5rem) } .slds-var-p-vertical_small{ padding-top:var(--lwc-varSpacingVerticalSmall,0.75rem); padding-bottom:var(--lwc-varSpacingVerticalSmall,0.75rem) } .slds-var-p-vertical_medium{ padding-top:var(--lwc-varSpacingVerticalMedium,1rem); padding-bottom:var(--lwc-varSpacingVerticalMedium,1rem) } .slds-var-p-vertical_large{ padding-top:var(--lwc-varSpacingVerticalLarge,1.5rem); padding-bottom:var(--lwc-varSpacingVerticalLarge,1.5rem) } .slds-var-p-vertical_x-large{ padding-top:var(--lwc-varSpacingVerticalXLarge,2rem); padding-bottom:var(--lwc-varSpacingVerticalXLarge,2rem) } .slds-var-p-vertical_xx-large{ padding-top:var(--lwc-varSpacingVerticalXxLarge,3rem); padding-bottom:var(--lwc-varSpacingVerticalXxLarge,3rem) } .slds-p-around_none,.slds-p-around--none{ padding:0!important } .slds-p-around_xxx-small,.slds-p-around--xxx-small{ padding:var(--lwc-spacingXxxSmall,0.125rem) } .slds-p-around_xx-small,.slds-p-around--xx-small{ padding:var(--lwc-spacingXxSmall,0.25rem) } .slds-p-around_x-small,.slds-p-around--x-small{ padding:var(--lwc-spacingXSmall,0.5rem) } .slds-p-around_small,.slds-p-around--small{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-p-around_medium,.slds-p-around--medium{ padding:var(--lwc-spacingMedium,1rem) } .slds-p-around_large,.slds-p-around--large{ padding:var(--lwc-spacingLarge,1.5rem) } .slds-p-around_x-large,.slds-p-around--x-large{ padding:var(--lwc-spacingXLarge,2rem) } .slds-p-around_xx-large,.slds-p-around--xx-large{ padding:var(--lwc-spacingXxLarge,3rem) } .slds-var-p-around_xxx-small{ padding:var(--lwc-varSpacingXxxSmall,0.125rem) } .slds-var-p-around_xx-small{ padding:var(--lwc-varSpacingXxSmall,0.25rem) } .slds-var-p-around_x-small{ padding:var(--lwc-varSpacingXSmall,0.5rem) } .slds-var-p-around_small{ padding:var(--lwc-varSpacingSmall,0.75rem) } .slds-var-p-around_medium{ padding:var(--lwc-varSpacingMedium,1rem) } .slds-var-p-around_large{ padding:var(--lwc-varSpacingLarge,1.5rem) } .slds-var-p-around_x-large{ padding:var(--lwc-varSpacingXLarge,2rem) } .slds-var-p-around_xx-large{ padding:var(--lwc-varSpacingXxLarge,3rem) } .slds-clearfix:after{ content:''; display:table; clear:both } .slds-clear{ clear:both } .slds-float_left,.slds-float--left{ float:left } .slds-float_none,.slds-float--none{ float:none } .slds-float_right,.slds-float--right{ float:right } .slds-text-link_reset,.slds-text-link--reset{ cursor:pointer; line-height:inherit; font-size:inherit } .slds-text-link_reset:active,.slds-text-link--reset:active{ outline:none } .slds-text-link_reset,.slds-text-link_reset:active,.slds-text-link_reset:focus,.slds-text-link_reset:hover,.slds-text-link--reset,.slds-text-link--reset:active,.slds-text-link--reset:focus,.slds-text-link--reset:hover{ color:inherit; text-decoration:inherit } .slds-text-link{ color:var(--lwc-brandTextLink,rgb(225, 50, 0)); text-decoration:none; transition:color .1s linear } .slds-text-link:hover,.slds-text-link:focus{ text-decoration:underline; color:var(--lwc-brandTextLinkActive,#b82900) } .slds-text-link:active{ color:var(--lwc-brandTextLinkActive,#b82900) } .slds-text-link--faux,.slds-text-link_faux,.slds-type-focus{ border-bottom:var(--lwc-borderWidthThin,1px) solid transparent; border-radius:0; color:currentColor; cursor:pointer } .slds-text-link--faux:hover,.slds-text-link--faux:focus,.slds-text-link_faux:hover,.slds-text-link_faux:focus,.slds-type-focus:hover,.slds-type-focus:focus{ color:currentColor; border-bottom:var(--lwc-borderWidthThin,1px) solid currentColor } .slds-has-blur-focus{ color:currentColor } .slds-has-blur-focus:hover,.slds-has-blur-focus:focus,.slds-has-blur-focus:active{ color:currentColor; text-decoration:none } .slds-has-blur-focus:focus{ outline:0; box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-has-input-focus{ outline:0; border-color:var(--lwc-colorBorderInputActive,rgb(27, 150, 255)); background-color:var(--lwc-colorBackgroundInputActive,rgb(255, 255, 255)); box-shadow:var(--lwc-shadowButtonFocus,0 0 3px #0176d3) } .slds-list_vertical.slds-has-dividers>.slds-list__item,.slds-list--vertical.slds-has-dividers>.slds-list__item{ padding:var(--lwc-spacingXSmall,0.5rem); border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-list_vertical.slds-has-dividers>.slds-list__item:hover,.slds-list--vertical.slds-has-dividers>.slds-list__item:hover{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); cursor:pointer } .slds-list_vertical.slds-has-dividers>.slds-list__item:active,.slds-list--vertical.slds-has-dividers>.slds-list__item:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)); box-shadow:var(--lwc-colorBorder,rgb(0, 1, 16)) 0 calc(-1 * var(--lwc-borderWidthThin,1px)) 0 inset } .slds-list_vertical.slds-has-dividers>.slds-list__item.slds-is-selected,.slds-list--vertical.slds-has-dividers>.slds-list__item.slds-is-selected{ box-shadow:var(--lwc-colorBorderSelection,rgb(225, 50, 0)) 0 0 0 var(--lwc-borderWidthThin,1px) inset; background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-list_vertical.slds-has-dividers>.slds-list__item.slds-is-selected:hover,.slds-list_vertical.slds-has-dividers>.slds-list__item.slds-is-selected:focus,.slds-list--vertical.slds-has-dividers>.slds-list__item.slds-is-selected:hover,.slds-list--vertical.slds-has-dividers>.slds-list__item.slds-is-selected:focus{ box-shadow:var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) 0 calc(-1 * var(--lwc-borderWidthThick,2px)) 0 inset,var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) 0 0 0 var(--lwc-borderWidthThin,1px) inset } .slds-has-cards>.slds-list__item{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-clip:padding-box } .slds-has-cards>.slds-list__item+.slds-list__item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-has-cards_space>.slds-list__item,.slds-has-cards--space>.slds-list__item{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-clip:padding-box; padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:30em){ .slds-has-cards_space>.slds-list__item,.slds-has-cards--space>.slds-list__item{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-has-cards_space>.slds-list__item+.slds-list__item,.slds-has-cards--space>.slds-list__item+.slds-list__item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-has-divider{ margin-top:var(--lwc-spacingXSmall,0.5rem); padding-top:var(--lwc-spacingXSmall,0.5rem); border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-has-block-links a{ display:block; text-decoration:none } .slds-has-block-links .slds-is-nested{ margin-left:var(--lwc-spacingMedium,1rem) } .slds-has-block-links_space .slds-list__item,.slds-has-block-links_space .slds-item,.slds-has-block-links--space .slds-list__item,.slds-has-block-links--space .slds-item{ padding:0 } .slds-has-block-links_space a,.slds-has-block-links--space a{ display:block; text-decoration:none; padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:48em){ .slds-has-block-links_space a,.slds-has-block-links--space a{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-has-inline-block-links a{ display:inline-block; text-decoration:none } .slds-has-inline-block-links_space a,.slds-has-inline-block-links--space a{ display:inline-block; text-decoration:none; padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:48em){ .slds-has-inline-block-links_space a,.slds-has-inline-block-links--space a{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-list_vertical-space .slds-list__item+.slds-list__item,.slds-list_vertical-space .slds-item+.slds-item,.slds-list--vertical-space .slds-list__item+.slds-list__item,.slds-list--vertical-space .slds-item+.slds-item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-list_vertical-space-medium .slds-list__item+.slds-list__item,.slds-list_vertical-space-medium .slds-item+.slds-item,.slds-list--vertical-space-medium .slds-list__item+.slds-list__item,.slds-list--vertical-space-medium .slds-item+.slds-item{ margin-top:var(--lwc-spacingMedium,1rem) } .slds-is-nested{ margin-left:var(--lwc-spacingMedium,1rem) } .slds-list_dotted,.slds-list--dotted{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:disc } .slds-list_ordered,.slds-list--ordered{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:decimal } .slds-has-dividers_top>.slds-list__item,.slds-has-dividers_top>.slds-item,.slds-has-dividers--top>.slds-list__item,.slds-has-dividers--top>.slds-item{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-has-dividers_top-space>.slds-list__item,.slds-has-dividers_top-space>.slds-item,.slds-has-dividers--top-space>.slds-list__item,.slds-has-dividers--top-space>.slds-item{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:30em){ .slds-has-dividers_top-space>.slds-list__item,.slds-has-dividers_top-space>.slds-item,.slds-has-dividers--top-space>.slds-list__item,.slds-has-dividers--top-space>.slds-item{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-has-dividers_bottom>.slds-list__item,.slds-has-dividers_bottom>.slds-item,.slds-has-dividers--bottom>.slds-list__item,.slds-has-dividers--bottom>.slds-item{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-has-dividers_bottom-space>.slds-list__item,.slds-has-dividers_bottom-space>.slds-item,.slds-has-dividers--bottom-space>.slds-list__item,.slds-has-dividers--bottom-space>.slds-item{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:30em){ .slds-has-dividers_bottom-space>.slds-list__item,.slds-has-dividers_bottom-space>.slds-item,.slds-has-dividers--bottom-space>.slds-list__item,.slds-has-dividers--bottom-space>.slds-item{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-has-dividers_around>.slds-item,.slds-has-dividers--around>.slds-item{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-clip:padding-box } .slds-has-dividers_around>.slds-item+.slds-item,.slds-has-dividers--around>.slds-item+.slds-item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-has-dividers_around-space>.slds-item,.slds-has-dividers--around-space>.slds-item{ border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); border-radius:var(--lwc-borderRadiusMedium,0.25rem); background-clip:padding-box; padding:var(--lwc-spacingSmall,0.75rem) } @media (min-width:30em){ .slds-has-dividers_around-space>.slds-item,.slds-has-dividers--around-space>.slds-item{ padding:var(--lwc-spacingXSmall,0.5rem) } } .slds-has-dividers_around-space>.slds-item+.slds-item,.slds-has-dividers--around-space>.slds-item+.slds-item{ margin-top:var(--lwc-spacingXSmall,0.5rem) } .slds-has-list-interactions>.slds-list__item:hover,.slds-has-list-interactions>.slds-item:hover{ background-color:var(--lwc-colorBackgroundRowHover,rgba(225, 50, 0, 0.05)); border-color:var(--lwc-colorBorder,rgb(0, 1, 16)); cursor:pointer } .slds-has-list-interactions>.slds-list__item:active,.slds-has-list-interactions>.slds-item:active{ background-color:var(--lwc-colorBackgroundRowActive,rgb(242, 242, 243)); box-shadow:var(--lwc-colorBorder,rgb(0, 1, 16)) 0 calc(-1 * var(--lwc-borderWidthThin,1px)) 0 inset } .slds-has-list-interactions>.slds-list__item.slds-is-selected,.slds-has-list-interactions>.slds-item.slds-is-selected{ box-shadow:var(--lwc-colorBorderSelection,rgb(225, 50, 0)) 0 0 0 var(--lwc-borderWidthThin,1px) inset; background-color:var(--lwc-colorBackgroundRowSelected,rgba(225, 50, 0, 0.05)) } .slds-has-list-interactions>.slds-list__item.slds-is-selected:hover,.slds-has-list-interactions>.slds-list__item.slds-is-selected:focus,.slds-has-list-interactions>.slds-item.slds-is-selected:hover,.slds-has-list-interactions>.slds-item.slds-is-selected:focus{ box-shadow:var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) 0 calc(-1 * var(--lwc-borderWidthThick,2px)) 0 inset,var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) 0 0 0 var(--lwc-borderWidthThin,1px) inset } .slds-has-divider_top,.slds-has-divider--top{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-has-divider_top-space,.slds-has-divider--top-space{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin-top:var(--lwc-spacingXSmall,0.5rem); padding-top:var(--lwc-spacingXSmall,0.5rem) } .slds-has-divider_right,.slds-has-divider--right{ position:relative; display:flex; align-items:center } .slds-has-divider_right:after,.slds-has-divider--right:after{ width:2px; height:2px; content:''; margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background-color:var(--lwc-colorBackgroundIndicatorDot,rgb(3, 45, 96)) } .slds-has-divider_right:last-child,.slds-has-divider--right:last-child{ margin-right:0; padding-right:0 } .slds-has-divider_right:last-child:after,.slds-has-divider--right:last-child:after{ content:none } .slds-has-divider_bottom,.slds-has-divider--bottom{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-has-divider_bottom-space,.slds-has-divider--bottom-space{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)); margin-bottom:var(--lwc-spacingXSmall,0.5rem); padding-bottom:var(--lwc-spacingXSmall,0.5rem) } .slds-has-divider_left,.slds-has-divider--left{ position:relative; display:flex; align-items:center } .slds-has-divider_left:before,.slds-has-divider--left:before{ width:2px; height:2px; content:''; display:inline-block; vertical-align:middle; margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background-color:var(--lwc-colorBackgroundIndicatorDot,rgb(3, 45, 96)) } .slds-has-divider_left:first-child,.slds-has-divider--left:first-child{ margin-right:0; padding-right:0 } .slds-has-divider_left:first-child:before,.slds-has-divider--left:first-child:before{ content:none } .slds-list_horizontal.slds-has-dividers>.slds-list__item,.slds-list--horizontal.slds-has-dividers>.slds-list__item{ position:relative; display:flex; align-items:center } .slds-list_horizontal.slds-has-dividers>.slds-list__item:after,.slds-list--horizontal.slds-has-dividers>.slds-list__item:after{ width:2px; height:2px; content:''; margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background-color:var(--lwc-colorBackgroundIndicatorDot,rgb(3, 45, 96)) } .slds-list_horizontal.slds-has-dividers>.slds-list__item:last-child,.slds-list--horizontal.slds-has-dividers>.slds-list__item:last-child{ margin-right:0; padding-right:0 } .slds-list_horizontal.slds-has-dividers>.slds-list__item:last-child:after,.slds-list--horizontal.slds-has-dividers>.slds-list__item:last-child:after{ content:none } .slds-list_horizontal,.slds-list--horizontal{ display:flex } .slds-list_horizontal>.slds-list__item,.slds-list--horizontal>.slds-list__item{ align-self:center } .slds-list_horizontal-large>.slds-list__item>a,.slds-list_horizontal-large>.slds-item>a,.slds-list--horizontal-large>.slds-list__item>a,.slds-list--horizontal-large>.slds-item>a{ padding:var(--lwc-spacingSmall,0.75rem) var(--lwc-spacingMedium,1rem) } .slds-has-dividers_left>.slds-list__item,.slds-has-dividers--left>.slds-list__item,.slds-has-dividers_left>.slds-item,.slds-has-dividers--left>.slds-item{ position:relative; display:flex; align-items:center } .slds-has-dividers_left>.slds-list__item:before,.slds-has-dividers--left>.slds-list__item:before,.slds-has-dividers_left>.slds-item:before,.slds-has-dividers--left>.slds-item:before{ width:2px; height:2px; content:''; display:inline-block; vertical-align:middle; margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background-color:var(--lwc-colorBackgroundIndicatorDot,rgb(3, 45, 96)) } .slds-has-dividers_left>.slds-list__item:first-child,.slds-has-dividers--left>.slds-list__item:first-child,.slds-has-dividers_left>.slds-item:first-child,.slds-has-dividers--left>.slds-item:first-child{ margin-right:0; padding-right:0 } .slds-has-dividers_left>.slds-list__item:first-child:before,.slds-has-dividers--left>.slds-list__item:first-child:before,.slds-has-dividers_left>.slds-item:first-child:before,.slds-has-dividers--left>.slds-item:first-child:before{ content:none } .slds-has-dividers_right>.slds-list__item,.slds-has-dividers--right>.slds-list__item,.slds-has-dividers_right>.slds-item,.slds-has-dividers--right>.slds-item{ position:relative; display:flex; align-items:center } .slds-has-dividers_right>.slds-list__item:after,.slds-has-dividers--right>.slds-list__item:after,.slds-has-dividers_right>.slds-item:after,.slds-has-dividers--right>.slds-item:after{ width:2px; height:2px; content:''; margin-left:var(--lwc-spacingXSmall,0.5rem); margin-right:var(--lwc-spacingXSmall,0.5rem); border-radius:var(--lwc-borderRadiusCircle,50%); background-color:var(--lwc-colorBackgroundIndicatorDot,rgb(3, 45, 96)) } .slds-has-dividers_right>.slds-list__item:last-child,.slds-has-dividers--right>.slds-list__item:last-child,.slds-has-dividers_right>.slds-item:last-child,.slds-has-dividers--right>.slds-item:last-child{ margin-right:0; padding-right:0 } .slds-has-dividers_right>.slds-list__item:last-child:after,.slds-has-dividers--right>.slds-list__item:last-child:after,.slds-has-dividers_right>.slds-item:last-child:after,.slds-has-dividers--right>.slds-item:last-child:after{ content:none } .slds-dl_inline:after,.slds-dl--inline:after{ content:''; display:table; clear:both } @media (min-width:30em){ .slds-dl_inline__label,.slds-dl--inline__label{ float:left; clear:left } .slds-dl_inline__detail,.slds-dl--inline__detail{ float:left; padding-left:var(--lwc-spacingXxSmall,0.25rem) } } .slds-region_narrow .slds-dl_inline__label,.slds-region_narrow .slds-dl_inline__detail{ float:left } .slds-region_narrow .slds-dl_inline__label{ clear:left } .slds-region_narrow .slds-dl_inline__detail{ padding-left:var(--lwc-spacingXxSmall,0.25rem) } @media (min-width:30em){ .slds-dl_horizontal,.slds-dl--horizontal{ display:flex; flex-wrap:wrap } .slds-dl_horizontal__label,.slds-dl--horizontal__label{ width:30%; padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-dl_horizontal__detail,.slds-dl--horizontal__detail{ width:70% } } .slds-region_narrow .slds-dl_horizontal{ display:flex; flex-wrap:wrap } .slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__label{ width:30%; padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__detail{ width:70% } .slds-list_horizontal .slds-item_label,.slds-list_horizontal .slds-item--label,.slds-list--horizontal .slds-item_label,.slds-list--horizontal .slds-item--label{ width:30%; padding-right:var(--lwc-spacingSmall,0.75rem) } .slds-list_horizontal .slds-item_detail,.slds-list_horizontal .slds-item--detail,.slds-list--horizontal .slds-item_detail,.slds-list--horizontal .slds-item--detail{ width:70% } .slds-list_vertical .slds-item_label,.slds-list_vertical .slds-item--label,.slds-list_vertical .slds-item_detail,.slds-list_vertical .slds-item--detail,.slds-list--vertical .slds-item_label,.slds-list--vertical .slds-item--label,.slds-list--vertical .slds-item_detail,.slds-list--vertical .slds-item--detail{ display:block } .slds-list_inline,.slds-list--inline{ display:inline-flex; max-width:100% } .slds-list_inline .slds-item_label,.slds-list_inline .slds-item--label,.slds-list--inline .slds-item_label,.slds-list--inline .slds-item--label{ max-width:180px; padding-right:var(--lwc-spacingSmall,0.75rem); flex-shrink:0 } .slds-list_inline .slds-item_label~.slds-item_label,.slds-list_inline .slds-item_label~.slds-item--label,.slds-list_inline .slds-item--label~.slds-item_label,.slds-list_inline .slds-item--label~.slds-item--label,.slds-list--inline .slds-item_label~.slds-item_label,.slds-list--inline .slds-item_label~.slds-item--label,.slds-list--inline .slds-item--label~.slds-item_label,.slds-list--inline .slds-item--label~.slds-item--label{ padding-left:var(--lwc-spacingMedium,1rem) } .slds-list_inline .slds-item_detail,.slds-list_inline .slds-item--detail,.slds-list--inline .slds-item_detail,.slds-list--inline .slds-item--detail{ min-width:0 } .slds-border_bottom,.slds-border--bottom{ border-bottom:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-border_left,.slds-border--left{ border-left:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-border_right,.slds-border--right{ border-right:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-border_top,.slds-border--top{ border-top:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-truncate{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .slds-truncate_container_25,.slds-truncate_container--25{ max-width:25% } .slds-truncate_container_50,.slds-truncate_container--50{ max-width:50% } .slds-truncate_container_75,.slds-truncate_container--75{ max-width:75% } .slds-truncate_container_33,.slds-truncate_container--33{ max-width:33% } .slds-truncate_container_66,.slds-truncate_container--66{ max-width:66% } .slds-hyphenate{ overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto } .slds-box{ padding:var(--lwc-spacingMedium,1rem); border-radius:var(--lwc-borderRadiusMedium,0.25rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-box_xx-small,.slds-box--xx-small{ padding:var(--lwc-spacingXxSmall,0.25rem) } .slds-box_x-small,.slds-box--x-small{ padding:var(--lwc-spacingXSmall,0.5rem) } .slds-box_small,.slds-box--small{ padding:var(--lwc-spacingSmall,0.75rem) } .slds-box_border,.slds-box--border{ padding:0; border-radius:var(--lwc-borderRadiusMedium,0.25rem); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorder,rgb(0, 1, 16)) } .slds-box_link,.slds-box_link:active,.slds-box_link:focus,.slds-box_link:hover{ color:inherit; text-decoration:inherit } .slds-box_link:hover,.slds-box_link:focus{ cursor:pointer; outline:0; border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)); box-shadow:0 0 0 1px var(--lwc-colorBorderSelectionHover,rgb(27, 150, 255)) inset } .slds-theme_default,.slds-theme--default{ background-color:var(--lwc-colorBackgroundAlt,rgb(255, 255, 255)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-theme_shade,.slds-theme--shade{ background-color:var(--lwc-colorBackground,#FFFFFF) } .slds-theme_inverse,.slds-theme--inverse{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)); border-color:var(--lwc-colorBackgroundInverse,rgb(0, 22, 57)) } .slds-theme_inverse a:not(.slds-button--neutral),.slds-theme--inverse a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_inverse a:not(.slds-button--neutral):link,.slds-theme_inverse a:not(.slds-button--neutral):visited,.slds-theme--inverse a:not(.slds-button--neutral):link,.slds-theme--inverse a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_inverse a:not(.slds-button--neutral):hover,.slds-theme_inverse a:not(.slds-button--neutral):focus,.slds-theme--inverse a:not(.slds-button--neutral):hover,.slds-theme--inverse a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_inverse a:not(.slds-button--neutral):active,.slds-theme--inverse a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_inverse a:not(.slds-button--neutral)[disabled],.slds-theme--inverse a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_alt-inverse,.slds-theme--alt-inverse{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)); border-color:var(--lwc-colorBackgroundAltInverse,rgb(3, 45, 96)) } .slds-theme_alt-inverse a:not(.slds-button--neutral),.slds-theme--alt-inverse a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_alt-inverse a:not(.slds-button--neutral):link,.slds-theme_alt-inverse a:not(.slds-button--neutral):visited,.slds-theme--alt-inverse a:not(.slds-button--neutral):link,.slds-theme--alt-inverse a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_alt-inverse a:not(.slds-button--neutral):hover,.slds-theme_alt-inverse a:not(.slds-button--neutral):focus,.slds-theme--alt-inverse a:not(.slds-button--neutral):hover,.slds-theme--alt-inverse a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_alt-inverse a:not(.slds-button--neutral):active,.slds-theme--alt-inverse a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_alt-inverse a:not(.slds-button--neutral)[disabled],.slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_success,.slds-theme--success{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:var(--lwc-colorBackgroundToastSuccess,rgb(46, 132, 74)) } .slds-theme_success a:not(.slds-button--neutral),.slds-theme--success a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_success a:not(.slds-button--neutral):link,.slds-theme_success a:not(.slds-button--neutral):visited,.slds-theme--success a:not(.slds-button--neutral):link,.slds-theme--success a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_success a:not(.slds-button--neutral):hover,.slds-theme_success a:not(.slds-button--neutral):focus,.slds-theme--success a:not(.slds-button--neutral):hover,.slds-theme--success a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_success a:not(.slds-button--neutral):active,.slds-theme--success a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_success a:not(.slds-button--neutral)[disabled],.slds-theme--success a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_info,.slds-theme--info{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:var(--lwc-colorBackgroundToast,rgb(107, 109, 112)) } .slds-theme_info a:not(.slds-button--neutral),.slds-theme--info a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_info a:not(.slds-button--neutral):link,.slds-theme_info a:not(.slds-button--neutral):visited,.slds-theme--info a:not(.slds-button--neutral):link,.slds-theme--info a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_info a:not(.slds-button--neutral):hover,.slds-theme_info a:not(.slds-button--neutral):focus,.slds-theme--info a:not(.slds-button--neutral):hover,.slds-theme--info a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_info a:not(.slds-button--neutral):active,.slds-theme--info a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_info a:not(.slds-button--neutral)[disabled],.slds-theme--info a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_warning,.slds-theme--warning{ background-color:var(--lwc-colorBackgroundWarning,rgb(254, 147, 57)); color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-theme_warning a,.slds-theme--warning a{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)); text-decoration:underline } .slds-theme_warning a:link,.slds-theme_warning a:visited,.slds-theme--warning a:link,.slds-theme--warning a:visited{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-theme_warning a:hover,.slds-theme_warning a:focus,.slds-theme--warning a:hover,.slds-theme--warning a:focus{ text-decoration:none } .slds-theme_warning a:focus,.slds-theme--warning a:focus{ box-shadow:0 0 3px var(--lwc-colorGray10,rgb(81, 79, 77)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-theme_warning a:active,.slds-theme--warning a:active{ color:var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-theme_warning a[disabled],.slds-theme--warning a[disabled]{ color:var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-theme_warning button,.slds-theme--warning button{ color:var(--lwc-colorGray10,rgb(81, 79, 77)); text-decoration:underline } .slds-theme_warning button:hover,.slds-theme--warning button:hover{ color:var(--lwc-colorGray9,rgb(112, 110, 107)) } .slds-theme_warning button:focus,.slds-theme--warning button:focus{ color:var(--lwc-colorGray10,rgb(81, 79, 77)); box-shadow:0 0 3px var(--lwc-colorGray10,rgb(81, 79, 77)); border:var(--lwc-borderWidthThin,1px) solid var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-theme_warning button:active,.slds-theme--warning button:active{ color:var(--lwc-colorGray9,rgb(112, 110, 107)) } .slds-theme_warning .slds-icon,.slds-theme_warning .slds-button__icon,.slds-theme--warning .slds-icon,.slds-theme--warning .slds-button__icon{ fill:var(--lwc-colorGray10,rgb(81, 79, 77)) } .slds-theme_error,.slds-theme--error{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:var(--lwc-colorBackgroundToastError,rgb(234, 0, 30)) } .slds-theme_error a:not(.slds-button--neutral),.slds-theme--error a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_error a:not(.slds-button--neutral):link,.slds-theme_error a:not(.slds-button--neutral):visited,.slds-theme--error a:not(.slds-button--neutral):link,.slds-theme--error a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_error a:not(.slds-button--neutral):hover,.slds-theme_error a:not(.slds-button--neutral):focus,.slds-theme--error a:not(.slds-button--neutral):hover,.slds-theme--error a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_error a:not(.slds-button--neutral):active,.slds-theme--error a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_error a:not(.slds-button--neutral)[disabled],.slds-theme--error a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_offline,.slds-theme--offline{ color:var(--lwc-colorTextInverse,#FFFFFF); background-color:#444 } .slds-theme_offline a:not(.slds-button--neutral),.slds-theme--offline a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_offline a:not(.slds-button--neutral):link,.slds-theme_offline a:not(.slds-button--neutral):visited,.slds-theme--offline a:not(.slds-button--neutral):link,.slds-theme--offline a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_offline a:not(.slds-button--neutral):hover,.slds-theme_offline a:not(.slds-button--neutral):focus,.slds-theme--offline a:not(.slds-button--neutral):hover,.slds-theme--offline a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_offline a:not(.slds-button--neutral):active,.slds-theme--offline a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_offline a:not(.slds-button--neutral)[disabled],.slds-theme--offline a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-theme_alert-texture,.slds-theme--alert-texture{ background-image:linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent); background-size:64px 64px } .slds-theme_inverse-text,.slds-theme--inverse-text{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-theme_inverse-text a:not(.slds-button--neutral),.slds-theme--inverse-text a:not(.slds-button--neutral){ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)); text-decoration:underline } .slds-theme_inverse-text a:not(.slds-button--neutral):link,.slds-theme_inverse-text a:not(.slds-button--neutral):visited,.slds-theme--inverse-text a:not(.slds-button--neutral):link,.slds-theme--inverse-text a:not(.slds-button--neutral):visited{ color:var(--lwc-colorTextLinkInverse,rgb(255, 255, 255)) } .slds-theme_inverse-text a:not(.slds-button--neutral):hover,.slds-theme_inverse-text a:not(.slds-button--neutral):focus,.slds-theme--inverse-text a:not(.slds-button--neutral):hover,.slds-theme--inverse-text a:not(.slds-button--neutral):focus{ text-decoration:none } .slds-theme_inverse-text a:not(.slds-button--neutral):active,.slds-theme--inverse-text a:not(.slds-button--neutral):active{ color:var(--lwc-colorTextLinkInverseActive,rgba(255, 255, 255, 0.5)) } .slds-theme_inverse-text a:not(.slds-button--neutral)[disabled],.slds-theme--inverse-text a:not(.slds-button--neutral)[disabled]{ color:var(--lwc-colorTextLinkInverseDisabled,rgba(255, 255, 255, 0.15)) } .slds-text-body_regular,.slds-text-body--regular{ font-size:var(--lwc-fontSize3,0.8125rem) } .slds-text-body_small,.slds-text-body--small{ font-size:var(--lwc-fontSize2,0.75rem) } .slds-text-heading_large,.slds-text-heading--large{ font-size:var(--lwc-fontSize9,1.75rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-text-heading_medium,.slds-text-heading--medium{ font-size:var(--lwc-fontSize7,1.25rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-text-heading_small,.slds-text-heading--small{ font-size:var(--lwc-fontSize5,1rem); line-height:var(--lwc-lineHeightHeading,1.25) } .slds-text-heading_label,.slds-text-heading--label{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); text-transform:uppercase; letter-spacing:.0625rem; font-weight:var(--lwc-fontWeightRegular,400) } .slds-text-heading_label-normal,.slds-text-heading--label-normal{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-text-title{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-text-title_caps,.slds-text-title--caps{ font-size:var(--lwc-fontSize2,0.75rem); line-height:var(--lwc-lineHeightHeading,1.25); color:var(--lwc-colorTextWeak,rgb(0, 1, 16)); font-weight:var(--lwc-fontWeightRegular,400); text-transform:uppercase; letter-spacing:.0625rem } .slds-text-title_bold{ font-size:var(--lwc-fontSize4,0.875rem); font-weight:var(--lwc-fontWeightBold,700) } .slds-line-height_reset,.slds-line-height--reset{ line-height:var(--lwc-lineHeightReset,1) } .slds-text-color_default,.slds-text-color--default{ color:var(--lwc-colorTextDefault,rgb(0, 1, 16)) } .slds-text-color_weak,.slds-text-color--weak{ color:var(--lwc-colorTextWeak,rgb(0, 1, 16)) } .slds-text-color_error,.slds-text-color--error{ color:var(--lwc-colorTextError,rgb(234, 0, 30)) } .slds-text-color_destructive{ color:var(--lwc-colorTextDestructive,rgb(234, 0, 30)) } .slds-text-color_success{ color:var(--lwc-colorTextSuccess,rgb(46, 132, 74)) } .slds-text-color_inverse,.slds-text-color--inverse{ color:var(--lwc-colorTextInverse,#FFFFFF) } .slds-text-color_inverse-weak,.slds-text-color--inverse-weak{ color:var(--lwc-colorTextInverseWeak,rgb(171, 173, 176)) } .slds-text-align_left,.slds-text-align--left{ text-align:left } .slds-text-align_center,.slds-text-align--center{ text-align:center } .slds-text-align_right,.slds-text-align--right{ text-align:right } .slds-text-longform h1,.slds-text-longform h2,.slds-text-longform h3,.slds-text-longform p,.slds-text-longform ul,.slds-text-longform ol,.slds-text-longform dl,.slds-text-longform img{ margin-bottom:var(--lwc-spacingSmall,0.75rem) } .slds-text-longform ul{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:disc } .slds-text-longform ul ul{ list-style:circle } .slds-text-longform ul ul ul{ list-style:square } .slds-text-longform ol{ margin-left:var(--lwc-spacingLarge,1.5rem); list-style:decimal } .slds-text-longform ol ol{ list-style:lower-alpha } .slds-text-longform ol ol ol{ list-style:lower-roman } .slds-text-longform .slds-video{ display:block; max-width:100% } .slds-text-longform .slds-video.slds-video_center,.slds-text-longform .slds-video.slds-video--center{ margin:0 auto } .slds-text-longform .slds-video.slds-video_right,.slds-text-longform .slds-video.slds-video--right{ margin:0 0 0 auto } .slds-text-font_monospace{ font-family:var(--lwc-fontFamilyMonospace,Consolas, Menlo, Monaco, Courier, monospace) } .slds-color__text_gray-1{ color:var(--lwc-colorGray1,rgb(255, 255, 255))!important } .slds-color__text_gray-2{ color:var(--lwc-colorGray2,rgb(250, 250, 249))!important } .slds-color__text_gray-3{ color:var(--lwc-colorGray3,rgb(243, 242, 242))!important } .slds-color__text_gray-4{ color:var(--lwc-colorGray4,rgb(236, 235, 234))!important } .slds-color__text_gray-5{ color:var(--lwc-colorGray5,rgb(221, 219, 218))!important } .slds-color__text_gray-6{ color:var(--lwc-colorGray6,rgb(201, 199, 197))!important } .slds-color__text_gray-7{ color:var(--lwc-colorGray7,rgb(176, 173, 171))!important } .slds-color__text_gray-8{ color:var(--lwc-colorGray8,rgb(150, 148, 146))!important } .slds-color__text_gray-9{ color:var(--lwc-colorGray9,rgb(112, 110, 107))!important } .slds-color__text_gray-10{ color:var(--lwc-colorGray10,rgb(81, 79, 77))!important } .slds-color__text_gray-11{ color:var(--lwc-colorGray11,rgb(62, 62, 60))!important } .slds-color__text_gray-12{ color:var(--lwc-colorGray12,rgb(43, 40, 38))!important } .slds-color__background_gray-1{ background-color:var(--lwc-colorGray1,rgb(255, 255, 255))!important } .slds-color__background_gray-2{ background-color:var(--lwc-colorGray2,rgb(250, 250, 249))!important } .slds-color__background_gray-3{ background-color:var(--lwc-colorGray3,rgb(243, 242, 242))!important } .slds-color__background_gray-4{ background-color:var(--lwc-colorGray4,rgb(236, 235, 234))!important } .slds-color__background_gray-5{ background-color:var(--lwc-colorGray5,rgb(221, 219, 218))!important } .slds-color__background_gray-6{ background-color:var(--lwc-colorGray6,rgb(201, 199, 197))!important } .slds-color__background_gray-7{ background-color:var(--lwc-colorGray7,rgb(176, 173, 171))!important } .slds-color__background_gray-8{ background-color:var(--lwc-colorGray8,rgb(150, 148, 146))!important } .slds-color__background_gray-9{ background-color:var(--lwc-colorGray9,rgb(112, 110, 107))!important } .slds-color__background_gray-10{ background-color:var(--lwc-colorGray10,rgb(81, 79, 77))!important } .slds-color__background_gray-11{ background-color:var(--lwc-colorGray11,rgb(62, 62, 60))!important } .slds-color__background_gray-12{ background-color:var(--lwc-colorGray12,rgb(43, 40, 38))!important } .slds-color__border_gray-1{ border-color:var(--lwc-colorGray1,rgb(255, 255, 255))!important } .slds-color__border_gray-2{ border-color:var(--lwc-colorGray2,rgb(250, 250, 249))!important } .slds-color__border_gray-3{ border-color:var(--lwc-colorGray3,rgb(243, 242, 242))!important } .slds-color__border_gray-4{ border-color:var(--lwc-colorGray4,rgb(236, 235, 234))!important } .slds-color__border_gray-5{ border-color:var(--lwc-colorGray5,rgb(221, 219, 218))!important } .slds-color__border_gray-6{ border-color:var(--lwc-colorGray6,rgb(201, 199, 197))!important } .slds-color__border_gray-7{ border-color:var(--lwc-colorGray7,rgb(176, 173, 171))!important } .slds-color__border_gray-8{ border-color:var(--lwc-colorGray8,rgb(150, 148, 146))!important } .slds-color__border_gray-9{ border-color:var(--lwc-colorGray9,rgb(112, 110, 107))!important } .slds-color__border_gray-10{ border-color:var(--lwc-colorGray10,rgb(81, 79, 77))!important } .slds-color__border_gray-11{ border-color:var(--lwc-colorGray11,rgb(62, 62, 60))!important } .slds-color__border_gray-12{ border-color:var(--lwc-colorGray12,rgb(43, 40, 38))!important } .slds-color__fill_gray-1{ fill:var(--lwc-colorGray1,rgb(255, 255, 255))!important } .slds-color__fill_gray-2{ fill:var(--lwc-colorGray2,rgb(250, 250, 249))!important } .slds-color__fill_gray-3{ fill:var(--lwc-colorGray3,rgb(243, 242, 242))!important } .slds-color__fill_gray-4{ fill:var(--lwc-colorGray4,rgb(236, 235, 234))!important } .slds-color__fill_gray-5{ fill:var(--lwc-colorGray5,rgb(221, 219, 218))!important } .slds-color__fill_gray-6{ fill:var(--lwc-colorGray6,rgb(201, 199, 197))!important } .slds-color__fill_gray-7{ fill:var(--lwc-colorGray7,rgb(176, 173, 171))!important } .slds-color__fill_gray-8{ fill:var(--lwc-colorGray8,rgb(150, 148, 146))!important } .slds-color__fill_gray-9{ fill:var(--lwc-colorGray9,rgb(112, 110, 107))!important } .slds-color__fill_gray-10{ fill:var(--lwc-colorGray10,rgb(81, 79, 77))!important } .slds-color__fill_gray-11{ fill:var(--lwc-colorGray11,rgb(62, 62, 60))!important } .slds-color__fill_gray-12{ fill:var(--lwc-colorGray12,rgb(43, 40, 38))!important } .slds-scrollable{ -webkit-overflow-scrolling:touch; overflow:auto } .slds-scrollable_none,.slds-scrollable--none{ overflow:hidden } .slds-scrollable_y,.slds-scrollable--y{ -webkit-overflow-scrolling:touch; max-height:100%; overflow:hidden; overflow-y:auto } .slds-scrollable_x,.slds-scrollable--x{ -webkit-overflow-scrolling:touch; max-width:100%; overflow:hidden; overflow-x:auto } .slds-size_xxx-small,.slds-size--xxx-small{ width:3rem } .slds-size_xx-small,.slds-size--xx-small{ width:6rem } .slds-size_x-small,.slds-size--x-small{ width:12rem } .slds-size_small,.slds-size--small{ width:15rem } .slds-size_medium,.slds-size--medium{ width:20rem } .slds-size_large,.slds-size--large{ width:25rem } .slds-size_x-large,.slds-size--x-large{ width:40rem } .slds-size_xx-large,.slds-size--xx-large{ width:60rem } .slds-size_full{ width:100% } .slds-size_1-of-1,.slds-size--1-of-1{ width:100% } .slds-size_1-of-2,.slds-size--1-of-2{ width:50% } .slds-size_2-of-2,.slds-size--2-of-2{ width:100% } .slds-size_1-of-3,.slds-size--1-of-3{ width:33.3333333333% } .slds-size_2-of-3,.slds-size--2-of-3{ width:66.6666666667% } .slds-size_3-of-3,.slds-size--3-of-3{ width:100% } .slds-size_1-of-4,.slds-size--1-of-4{ width:25% } .slds-size_2-of-4,.slds-size--2-of-4{ width:50% } .slds-size_3-of-4,.slds-size--3-of-4{ width:75% } .slds-size_4-of-4,.slds-size--4-of-4{ width:100% } .slds-size_1-of-5,.slds-size--1-of-5{ width:20% } .slds-size_2-of-5,.slds-size--2-of-5{ width:40% } .slds-size_3-of-5,.slds-size--3-of-5{ width:60% } .slds-size_4-of-5,.slds-size--4-of-5{ width:80% } .slds-size_5-of-5,.slds-size--5-of-5{ width:100% } .slds-size_1-of-6,.slds-size--1-of-6{ width:16.6666666667% } .slds-size_2-of-6,.slds-size--2-of-6{ width:33.3333333333% } .slds-size_3-of-6,.slds-size--3-of-6{ width:50% } .slds-size_4-of-6,.slds-size--4-of-6{ width:66.6666666667% } .slds-size_5-of-6,.slds-size--5-of-6{ width:83.3333333333% } .slds-size_6-of-6,.slds-size--6-of-6{ width:100% } .slds-size_1-of-7,.slds-size--1-of-7{ width:14.2857142857% } .slds-size_2-of-7,.slds-size--2-of-7{ width:28.5714285714% } .slds-size_3-of-7,.slds-size--3-of-7{ width:42.8571428571% } .slds-size_4-of-7,.slds-size--4-of-7{ width:57.1428571429% } .slds-size_5-of-7,.slds-size--5-of-7{ width:71.4285714286% } .slds-size_6-of-7,.slds-size--6-of-7{ width:85.7142857143% } .slds-size_7-of-7,.slds-size--7-of-7{ width:100% } .slds-size_1-of-8,.slds-size--1-of-8{ width:12.5% } .slds-size_2-of-8,.slds-size--2-of-8{ width:25% } .slds-size_3-of-8,.slds-size--3-of-8{ width:37.5% } .slds-size_4-of-8,.slds-size--4-of-8{ width:50% } .slds-size_5-of-8,.slds-size--5-of-8{ width:62.5% } .slds-size_6-of-8,.slds-size--6-of-8{ width:75% } .slds-size_7-of-8,.slds-size--7-of-8{ width:87.5% } .slds-size_8-of-8,.slds-size--8-of-8{ width:100% } .slds-size_1-of-12,.slds-size--1-of-12{ width:8.3333333333% } .slds-size_2-of-12,.slds-size--2-of-12{ width:16.6666666667% } .slds-size_3-of-12,.slds-size--3-of-12{ width:25% } .slds-size_4-of-12,.slds-size--4-of-12{ width:33.3333333333% } .slds-size_5-of-12,.slds-size--5-of-12{ width:41.6666666667% } .slds-size_6-of-12,.slds-size--6-of-12{ width:50% } .slds-size_7-of-12,.slds-size--7-of-12{ width:58.3333333333% } .slds-size_8-of-12,.slds-size--8-of-12{ width:66.6666666667% } .slds-size_9-of-12,.slds-size--9-of-12{ width:75% } .slds-size_10-of-12,.slds-size--10-of-12{ width:83.3333333333% } .slds-size_11-of-12,.slds-size--11-of-12{ width:91.6666666667% } .slds-size_12-of-12,.slds-size--12-of-12{ width:100% } .slds-order_1,.slds-order--1{ order:1 } .slds-order_2,.slds-order--2{ order:2 } .slds-order_3,.slds-order--3{ order:3 } .slds-order_4,.slds-order--4{ order:4 } .slds-order_5,.slds-order--5{ order:5 } .slds-order_6,.slds-order--6{ order:6 } .slds-order_7,.slds-order--7{ order:7 } .slds-order_8,.slds-order--8{ order:8 } .slds-order_9,.slds-order--9{ order:9 } .slds-order_10,.slds-order--10{ order:10 } .slds-order_11,.slds-order--11{ order:11 } .slds-order_12,.slds-order--12{ order:12 } @media (min-width:20em){ [class*=slds-x-small-size_],[class*=slds-x-small-size--]{ flex:none } .slds-x-small-size_xxx-small,.slds-x-small-size--xxx-small{ width:3rem } .slds-x-small-size_xx-small,.slds-x-small-size--xx-small{ width:6rem } .slds-x-small-size_x-small,.slds-x-small-size--x-small{ width:12rem } .slds-x-small-size_small,.slds-x-small-size--small{ width:15rem } .slds-x-small-size_medium,.slds-x-small-size--medium{ width:20rem } .slds-x-small-size_large,.slds-x-small-size--large{ width:25rem } .slds-x-small-size_x-large,.slds-x-small-size--x-large{ width:40rem } .slds-x-small-size_xx-large,.slds-x-small-size--xx-large{ width:60rem } .slds-x-small-size_1-of-1,.slds-x-small-size--1-of-1{ width:100% } .slds-x-small-size_1-of-2,.slds-x-small-size--1-of-2{ width:50% } .slds-x-small-size_2-of-2,.slds-x-small-size--2-of-2{ width:100% } .slds-x-small-size_1-of-3,.slds-x-small-size--1-of-3{ width:33.3333333333% } .slds-x-small-size_2-of-3,.slds-x-small-size--2-of-3{ width:66.6666666667% } .slds-x-small-size_3-of-3,.slds-x-small-size--3-of-3{ width:100% } .slds-x-small-size_1-of-4,.slds-x-small-size--1-of-4{ width:25% } .slds-x-small-size_2-of-4,.slds-x-small-size--2-of-4{ width:50% } .slds-x-small-size_3-of-4,.slds-x-small-size--3-of-4{ width:75% } .slds-x-small-size_4-of-4,.slds-x-small-size--4-of-4{ width:100% } .slds-x-small-size_1-of-5,.slds-x-small-size--1-of-5{ width:20% } .slds-x-small-size_2-of-5,.slds-x-small-size--2-of-5{ width:40% } .slds-x-small-size_3-of-5,.slds-x-small-size--3-of-5{ width:60% } .slds-x-small-size_4-of-5,.slds-x-small-size--4-of-5{ width:80% } .slds-x-small-size_5-of-5,.slds-x-small-size--5-of-5{ width:100% } .slds-x-small-size_1-of-6,.slds-x-small-size--1-of-6{ width:16.6666666667% } .slds-x-small-size_2-of-6,.slds-x-small-size--2-of-6{ width:33.3333333333% } .slds-x-small-size_3-of-6,.slds-x-small-size--3-of-6{ width:50% } .slds-x-small-size_4-of-6,.slds-x-small-size--4-of-6{ width:66.6666666667% } .slds-x-small-size_5-of-6,.slds-x-small-size--5-of-6{ width:83.3333333333% } .slds-x-small-size_6-of-6,.slds-x-small-size--6-of-6{ width:100% } .slds-x-small-size_1-of-7,.slds-x-small-size--1-of-7{ width:14.2857142857% } .slds-x-small-size_2-of-7,.slds-x-small-size--2-of-7{ width:28.5714285714% } .slds-x-small-size_3-of-7,.slds-x-small-size--3-of-7{ width:42.8571428571% } .slds-x-small-size_4-of-7,.slds-x-small-size--4-of-7{ width:57.1428571429% } .slds-x-small-size_5-of-7,.slds-x-small-size--5-of-7{ width:71.4285714286% } .slds-x-small-size_6-of-7,.slds-x-small-size--6-of-7{ width:85.7142857143% } .slds-x-small-size_7-of-7,.slds-x-small-size--7-of-7{ width:100% } .slds-x-small-size_1-of-8,.slds-x-small-size--1-of-8{ width:12.5% } .slds-x-small-size_2-of-8,.slds-x-small-size--2-of-8{ width:25% } .slds-x-small-size_3-of-8,.slds-x-small-size--3-of-8{ width:37.5% } .slds-x-small-size_4-of-8,.slds-x-small-size--4-of-8{ width:50% } .slds-x-small-size_5-of-8,.slds-x-small-size--5-of-8{ width:62.5% } .slds-x-small-size_6-of-8,.slds-x-small-size--6-of-8{ width:75% } .slds-x-small-size_7-of-8,.slds-x-small-size--7-of-8{ width:87.5% } .slds-x-small-size_8-of-8,.slds-x-small-size--8-of-8{ width:100% } .slds-x-small-size_1-of-12,.slds-x-small-size--1-of-12{ width:8.3333333333% } .slds-x-small-size_2-of-12,.slds-x-small-size--2-of-12{ width:16.6666666667% } .slds-x-small-size_3-of-12,.slds-x-small-size--3-of-12{ width:25% } .slds-x-small-size_4-of-12,.slds-x-small-size--4-of-12{ width:33.3333333333% } .slds-x-small-size_5-of-12,.slds-x-small-size--5-of-12{ width:41.6666666667% } .slds-x-small-size_6-of-12,.slds-x-small-size--6-of-12{ width:50% } .slds-x-small-size_7-of-12,.slds-x-small-size--7-of-12{ width:58.3333333333% } .slds-x-small-size_8-of-12,.slds-x-small-size--8-of-12{ width:66.6666666667% } .slds-x-small-size_9-of-12,.slds-x-small-size--9-of-12{ width:75% } .slds-x-small-size_10-of-12,.slds-x-small-size--10-of-12{ width:83.3333333333% } .slds-x-small-size_11-of-12,.slds-x-small-size--11-of-12{ width:91.6666666667% } .slds-x-small-size_12-of-12,.slds-x-small-size--12-of-12{ width:100% } .slds-x-small-order_1,.slds-x-small-order--1{ order:1 } .slds-x-small-order_2,.slds-x-small-order--2{ order:2 } .slds-x-small-order_3,.slds-x-small-order--3{ order:3 } .slds-x-small-order_4,.slds-x-small-order--4{ order:4 } .slds-x-small-order_5,.slds-x-small-order--5{ order:5 } .slds-x-small-order_6,.slds-x-small-order--6{ order:6 } .slds-x-small-order_7,.slds-x-small-order--7{ order:7 } .slds-x-small-order_8,.slds-x-small-order--8{ order:8 } .slds-x-small-order_9,.slds-x-small-order--9{ order:9 } .slds-x-small-order_10,.slds-x-small-order--10{ order:10 } .slds-x-small-order_11,.slds-x-small-order--11{ order:11 } .slds-x-small-order_12,.slds-x-small-order--12{ order:12 } } @media (max-width:20em){ [class*=slds-max-x-small-size_],[class*=slds-max-x-small-size--]{ flex:none } .slds-max-x-small-size_xxx-small,.slds-max-x-small-size--xxx-small{ width:3rem } .slds-max-x-small-size_xx-small,.slds-max-x-small-size--xx-small{ width:6rem } .slds-max-x-small-size_x-small,.slds-max-x-small-size--x-small{ width:12rem } .slds-max-x-small-size_small,.slds-max-x-small-size--small{ width:15rem } .slds-max-x-small-size_medium,.slds-max-x-small-size--medium{ width:20rem } .slds-max-x-small-size_large,.slds-max-x-small-size--large{ width:25rem } .slds-max-x-small-size_x-large,.slds-max-x-small-size--x-large{ width:40rem } .slds-max-x-small-size_xx-large,.slds-max-x-small-size--xx-large{ width:60rem } .slds-max-x-small-size_1-of-1,.slds-max-x-small-size--1-of-1{ width:100% } .slds-max-x-small-size_1-of-2,.slds-max-x-small-size--1-of-2{ width:50% } .slds-max-x-small-size_2-of-2,.slds-max-x-small-size--2-of-2{ width:100% } .slds-max-x-small-size_1-of-3,.slds-max-x-small-size--1-of-3{ width:33.3333333333% } .slds-max-x-small-size_2-of-3,.slds-max-x-small-size--2-of-3{ width:66.6666666667% } .slds-max-x-small-size_3-of-3,.slds-max-x-small-size--3-of-3{ width:100% } .slds-max-x-small-size_1-of-4,.slds-max-x-small-size--1-of-4{ width:25% } .slds-max-x-small-size_2-of-4,.slds-max-x-small-size--2-of-4{ width:50% } .slds-max-x-small-size_3-of-4,.slds-max-x-small-size--3-of-4{ width:75% } .slds-max-x-small-size_4-of-4,.slds-max-x-small-size--4-of-4{ width:100% } .slds-max-x-small-size_1-of-5,.slds-max-x-small-size--1-of-5{ width:20% } .slds-max-x-small-size_2-of-5,.slds-max-x-small-size--2-of-5{ width:40% } .slds-max-x-small-size_3-of-5,.slds-max-x-small-size--3-of-5{ width:60% } .slds-max-x-small-size_4-of-5,.slds-max-x-small-size--4-of-5{ width:80% } .slds-max-x-small-size_5-of-5,.slds-max-x-small-size--5-of-5{ width:100% } .slds-max-x-small-size_1-of-6,.slds-max-x-small-size--1-of-6{ width:16.6666666667% } .slds-max-x-small-size_2-of-6,.slds-max-x-small-size--2-of-6{ width:33.3333333333% } .slds-max-x-small-size_3-of-6,.slds-max-x-small-size--3-of-6{ width:50% } .slds-max-x-small-size_4-of-6,.slds-max-x-small-size--4-of-6{ width:66.6666666667% } .slds-max-x-small-size_5-of-6,.slds-max-x-small-size--5-of-6{ width:83.3333333333% } .slds-max-x-small-size_6-of-6,.slds-max-x-small-size--6-of-6{ width:100% } .slds-max-x-small-size_1-of-7,.slds-max-x-small-size--1-of-7{ width:14.2857142857% } .slds-max-x-small-size_2-of-7,.slds-max-x-small-size--2-of-7{ width:28.5714285714% } .slds-max-x-small-size_3-of-7,.slds-max-x-small-size--3-of-7{ width:42.8571428571% } .slds-max-x-small-size_4-of-7,.slds-max-x-small-size--4-of-7{ width:57.1428571429% } .slds-max-x-small-size_5-of-7,.slds-max-x-small-size--5-of-7{ width:71.4285714286% } .slds-max-x-small-size_6-of-7,.slds-max-x-small-size--6-of-7{ width:85.7142857143% } .slds-max-x-small-size_7-of-7,.slds-max-x-small-size--7-of-7{ width:100% } .slds-max-x-small-size_1-of-8,.slds-max-x-small-size--1-of-8{ width:12.5% } .slds-max-x-small-size_2-of-8,.slds-max-x-small-size--2-of-8{ width:25% } .slds-max-x-small-size_3-of-8,.slds-max-x-small-size--3-of-8{ width:37.5% } .slds-max-x-small-size_4-of-8,.slds-max-x-small-size--4-of-8{ width:50% } .slds-max-x-small-size_5-of-8,.slds-max-x-small-size--5-of-8{ width:62.5% } .slds-max-x-small-size_6-of-8,.slds-max-x-small-size--6-of-8{ width:75% } .slds-max-x-small-size_7-of-8,.slds-max-x-small-size--7-of-8{ width:87.5% } .slds-max-x-small-size_8-of-8,.slds-max-x-small-size--8-of-8{ width:100% } .slds-max-x-small-size_1-of-12,.slds-max-x-small-size--1-of-12{ width:8.3333333333% } .slds-max-x-small-size_2-of-12,.slds-max-x-small-size--2-of-12{ width:16.6666666667% } .slds-max-x-small-size_3-of-12,.slds-max-x-small-size--3-of-12{ width:25% } .slds-max-x-small-size_4-of-12,.slds-max-x-small-size--4-of-12{ width:33.3333333333% } .slds-max-x-small-size_5-of-12,.slds-max-x-small-size--5-of-12{ width:41.6666666667% } .slds-max-x-small-size_6-of-12,.slds-max-x-small-size--6-of-12{ width:50% } .slds-max-x-small-size_7-of-12,.slds-max-x-small-size--7-of-12{ width:58.3333333333% } .slds-max-x-small-size_8-of-12,.slds-max-x-small-size--8-of-12{ width:66.6666666667% } .slds-max-x-small-size_9-of-12,.slds-max-x-small-size--9-of-12{ width:75% } .slds-max-x-small-size_10-of-12,.slds-max-x-small-size--10-of-12{ width:83.3333333333% } .slds-max-x-small-size_11-of-12,.slds-max-x-small-size--11-of-12{ width:91.6666666667% } .slds-max-x-small-size_12-of-12,.slds-max-x-small-size--12-of-12{ width:100% } .slds-max-x-small-order_1,.slds-max-x-small-order--1{ order:1 } .slds-max-x-small-order_2,.slds-max-x-small-order--2{ order:2 } .slds-max-x-small-order_3,.slds-max-x-small-order--3{ order:3 } .slds-max-x-small-order_4,.slds-max-x-small-order--4{ order:4 } .slds-max-x-small-order_5,.slds-max-x-small-order--5{ order:5 } .slds-max-x-small-order_6,.slds-max-x-small-order--6{ order:6 } .slds-max-x-small-order_7,.slds-max-x-small-order--7{ order:7 } .slds-max-x-small-order_8,.slds-max-x-small-order--8{ order:8 } .slds-max-x-small-order_9,.slds-max-x-small-order--9{ order:9 } .slds-max-x-small-order_10,.slds-max-x-small-order--10{ order:10 } .slds-max-x-small-order_11,.slds-max-x-small-order--11{ order:11 } .slds-max-x-small-order_12,.slds-max-x-small-order--12{ order:12 } } @media (min-width:30em){ [class*=slds-small-size_],[class*=slds-small-size--]{ flex:none } .slds-small-size_xxx-small,.slds-small-size--xxx-small{ width:3rem } .slds-small-size_xx-small,.slds-small-size--xx-small{ width:6rem } .slds-small-size_x-small,.slds-small-size--x-small{ width:12rem } .slds-small-size_small,.slds-small-size--small{ width:15rem } .slds-small-size_medium,.slds-small-size--medium{ width:20rem } .slds-small-size_large,.slds-small-size--large{ width:25rem } .slds-small-size_x-large,.slds-small-size--x-large{ width:40rem } .slds-small-size_xx-large,.slds-small-size--xx-large{ width:60rem } .slds-small-size_1-of-1,.slds-small-size--1-of-1{ width:100% } .slds-small-size_1-of-2,.slds-small-size--1-of-2{ width:50% } .slds-small-size_2-of-2,.slds-small-size--2-of-2{ width:100% } .slds-small-size_1-of-3,.slds-small-size--1-of-3{ width:33.3333333333% } .slds-small-size_2-of-3,.slds-small-size--2-of-3{ width:66.6666666667% } .slds-small-size_3-of-3,.slds-small-size--3-of-3{ width:100% } .slds-small-size_1-of-4,.slds-small-size--1-of-4{ width:25% } .slds-small-size_2-of-4,.slds-small-size--2-of-4{ width:50% } .slds-small-size_3-of-4,.slds-small-size--3-of-4{ width:75% } .slds-small-size_4-of-4,.slds-small-size--4-of-4{ width:100% } .slds-small-size_1-of-5,.slds-small-size--1-of-5{ width:20% } .slds-small-size_2-of-5,.slds-small-size--2-of-5{ width:40% } .slds-small-size_3-of-5,.slds-small-size--3-of-5{ width:60% } .slds-small-size_4-of-5,.slds-small-size--4-of-5{ width:80% } .slds-small-size_5-of-5,.slds-small-size--5-of-5{ width:100% } .slds-small-size_1-of-6,.slds-small-size--1-of-6{ width:16.6666666667% } .slds-small-size_2-of-6,.slds-small-size--2-of-6{ width:33.3333333333% } .slds-small-size_3-of-6,.slds-small-size--3-of-6{ width:50% } .slds-small-size_4-of-6,.slds-small-size--4-of-6{ width:66.6666666667% } .slds-small-size_5-of-6,.slds-small-size--5-of-6{ width:83.3333333333% } .slds-small-size_6-of-6,.slds-small-size--6-of-6{ width:100% } .slds-small-size_1-of-7,.slds-small-size--1-of-7{ width:14.2857142857% } .slds-small-size_2-of-7,.slds-small-size--2-of-7{ width:28.5714285714% } .slds-small-size_3-of-7,.slds-small-size--3-of-7{ width:42.8571428571% } .slds-small-size_4-of-7,.slds-small-size--4-of-7{ width:57.1428571429% } .slds-small-size_5-of-7,.slds-small-size--5-of-7{ width:71.4285714286% } .slds-small-size_6-of-7,.slds-small-size--6-of-7{ width:85.7142857143% } .slds-small-size_7-of-7,.slds-small-size--7-of-7{ width:100% } .slds-small-size_1-of-8,.slds-small-size--1-of-8{ width:12.5% } .slds-small-size_2-of-8,.slds-small-size--2-of-8{ width:25% } .slds-small-size_3-of-8,.slds-small-size--3-of-8{ width:37.5% } .slds-small-size_4-of-8,.slds-small-size--4-of-8{ width:50% } .slds-small-size_5-of-8,.slds-small-size--5-of-8{ width:62.5% } .slds-small-size_6-of-8,.slds-small-size--6-of-8{ width:75% } .slds-small-size_7-of-8,.slds-small-size--7-of-8{ width:87.5% } .slds-small-size_8-of-8,.slds-small-size--8-of-8{ width:100% } .slds-small-size_1-of-12,.slds-small-size--1-of-12{ width:8.3333333333% } .slds-small-size_2-of-12,.slds-small-size--2-of-12{ width:16.6666666667% } .slds-small-size_3-of-12,.slds-small-size--3-of-12{ width:25% } .slds-small-size_4-of-12,.slds-small-size--4-of-12{ width:33.3333333333% } .slds-small-size_5-of-12,.slds-small-size--5-of-12{ width:41.6666666667% } .slds-small-size_6-of-12,.slds-small-size--6-of-12{ width:50% } .slds-small-size_7-of-12,.slds-small-size--7-of-12{ width:58.3333333333% } .slds-small-size_8-of-12,.slds-small-size--8-of-12{ width:66.6666666667% } .slds-small-size_9-of-12,.slds-small-size--9-of-12{ width:75% } .slds-small-size_10-of-12,.slds-small-size--10-of-12{ width:83.3333333333% } .slds-small-size_11-of-12,.slds-small-size--11-of-12{ width:91.6666666667% } .slds-small-size_12-of-12,.slds-small-size--12-of-12{ width:100% } .slds-small-order_1,.slds-small-order--1{ order:1 } .slds-small-order_2,.slds-small-order--2{ order:2 } .slds-small-order_3,.slds-small-order--3{ order:3 } .slds-small-order_4,.slds-small-order--4{ order:4 } .slds-small-order_5,.slds-small-order--5{ order:5 } .slds-small-order_6,.slds-small-order--6{ order:6 } .slds-small-order_7,.slds-small-order--7{ order:7 } .slds-small-order_8,.slds-small-order--8{ order:8 } .slds-small-order_9,.slds-small-order--9{ order:9 } .slds-small-order_10,.slds-small-order--10{ order:10 } .slds-small-order_11,.slds-small-order--11{ order:11 } .slds-small-order_12,.slds-small-order--12{ order:12 } } @media (max-width:30em){ [class*=slds-max-small-size_],[class*=slds-max-small-size--]{ flex:none } .slds-max-small-size_xxx-small,.slds-max-small-size--xxx-small{ width:3rem } .slds-max-small-size_xx-small,.slds-max-small-size--xx-small{ width:6rem } .slds-max-small-size_x-small,.slds-max-small-size--x-small{ width:12rem } .slds-max-small-size_small,.slds-max-small-size--small{ width:15rem } .slds-max-small-size_medium,.slds-max-small-size--medium{ width:20rem } .slds-max-small-size_large,.slds-max-small-size--large{ width:25rem } .slds-max-small-size_x-large,.slds-max-small-size--x-large{ width:40rem } .slds-max-small-size_xx-large,.slds-max-small-size--xx-large{ width:60rem } .slds-max-small-size_1-of-1,.slds-max-small-size--1-of-1{ width:100% } .slds-max-small-size_1-of-2,.slds-max-small-size--1-of-2{ width:50% } .slds-max-small-size_2-of-2,.slds-max-small-size--2-of-2{ width:100% } .slds-max-small-size_1-of-3,.slds-max-small-size--1-of-3{ width:33.3333333333% } .slds-max-small-size_2-of-3,.slds-max-small-size--2-of-3{ width:66.6666666667% } .slds-max-small-size_3-of-3,.slds-max-small-size--3-of-3{ width:100% } .slds-max-small-size_1-of-4,.slds-max-small-size--1-of-4{ width:25% } .slds-max-small-size_2-of-4,.slds-max-small-size--2-of-4{ width:50% } .slds-max-small-size_3-of-4,.slds-max-small-size--3-of-4{ width:75% } .slds-max-small-size_4-of-4,.slds-max-small-size--4-of-4{ width:100% } .slds-max-small-size_1-of-5,.slds-max-small-size--1-of-5{ width:20% } .slds-max-small-size_2-of-5,.slds-max-small-size--2-of-5{ width:40% } .slds-max-small-size_3-of-5,.slds-max-small-size--3-of-5{ width:60% } .slds-max-small-size_4-of-5,.slds-max-small-size--4-of-5{ width:80% } .slds-max-small-size_5-of-5,.slds-max-small-size--5-of-5{ width:100% } .slds-max-small-size_1-of-6,.slds-max-small-size--1-of-6{ width:16.6666666667% } .slds-max-small-size_2-of-6,.slds-max-small-size--2-of-6{ width:33.3333333333% } .slds-max-small-size_3-of-6,.slds-max-small-size--3-of-6{ width:50% } .slds-max-small-size_4-of-6,.slds-max-small-size--4-of-6{ width:66.6666666667% } .slds-max-small-size_5-of-6,.slds-max-small-size--5-of-6{ width:83.3333333333% } .slds-max-small-size_6-of-6,.slds-max-small-size--6-of-6{ width:100% } .slds-max-small-size_1-of-7,.slds-max-small-size--1-of-7{ width:14.2857142857% } .slds-max-small-size_2-of-7,.slds-max-small-size--2-of-7{ width:28.5714285714% } .slds-max-small-size_3-of-7,.slds-max-small-size--3-of-7{ width:42.8571428571% } .slds-max-small-size_4-of-7,.slds-max-small-size--4-of-7{ width:57.1428571429% } .slds-max-small-size_5-of-7,.slds-max-small-size--5-of-7{ width:71.4285714286% } .slds-max-small-size_6-of-7,.slds-max-small-size--6-of-7{ width:85.7142857143% } .slds-max-small-size_7-of-7,.slds-max-small-size--7-of-7{ width:100% } .slds-max-small-size_1-of-8,.slds-max-small-size--1-of-8{ width:12.5% } .slds-max-small-size_2-of-8,.slds-max-small-size--2-of-8{ width:25% } .slds-max-small-size_3-of-8,.slds-max-small-size--3-of-8{ width:37.5% } .slds-max-small-size_4-of-8,.slds-max-small-size--4-of-8{ width:50% } .slds-max-small-size_5-of-8,.slds-max-small-size--5-of-8{ width:62.5% } .slds-max-small-size_6-of-8,.slds-max-small-size--6-of-8{ width:75% } .slds-max-small-size_7-of-8,.slds-max-small-size--7-of-8{ width:87.5% } .slds-max-small-size_8-of-8,.slds-max-small-size--8-of-8{ width:100% } .slds-max-small-size_1-of-12,.slds-max-small-size--1-of-12{ width:8.3333333333% } .slds-max-small-size_2-of-12,.slds-max-small-size--2-of-12{ width:16.6666666667% } .slds-max-small-size_3-of-12,.slds-max-small-size--3-of-12{ width:25% } .slds-max-small-size_4-of-12,.slds-max-small-size--4-of-12{ width:33.3333333333% } .slds-max-small-size_5-of-12,.slds-max-small-size--5-of-12{ width:41.6666666667% } .slds-max-small-size_6-of-12,.slds-max-small-size--6-of-12{ width:50% } .slds-max-small-size_7-of-12,.slds-max-small-size--7-of-12{ width:58.3333333333% } .slds-max-small-size_8-of-12,.slds-max-small-size--8-of-12{ width:66.6666666667% } .slds-max-small-size_9-of-12,.slds-max-small-size--9-of-12{ width:75% } .slds-max-small-size_10-of-12,.slds-max-small-size--10-of-12{ width:83.3333333333% } .slds-max-small-size_11-of-12,.slds-max-small-size--11-of-12{ width:91.6666666667% } .slds-max-small-size_12-of-12,.slds-max-small-size--12-of-12{ width:100% } .slds-max-small-order_1,.slds-max-small-order--1{ order:1 } .slds-max-small-order_2,.slds-max-small-order--2{ order:2 } .slds-max-small-order_3,.slds-max-small-order--3{ order:3 } .slds-max-small-order_4,.slds-max-small-order--4{ order:4 } .slds-max-small-order_5,.slds-max-small-order--5{ order:5 } .slds-max-small-order_6,.slds-max-small-order--6{ order:6 } .slds-max-small-order_7,.slds-max-small-order--7{ order:7 } .slds-max-small-order_8,.slds-max-small-order--8{ order:8 } .slds-max-small-order_9,.slds-max-small-order--9{ order:9 } .slds-max-small-order_10,.slds-max-small-order--10{ order:10 } .slds-max-small-order_11,.slds-max-small-order--11{ order:11 } .slds-max-small-order_12,.slds-max-small-order--12{ order:12 } } @media (min-width:48em){ [class*=slds-medium-size_],[class*=slds-medium-size--]{ flex:none } .slds-medium-size_xxx-small,.slds-medium-size--xxx-small{ width:3rem } .slds-medium-size_xx-small,.slds-medium-size--xx-small{ width:6rem } .slds-medium-size_x-small,.slds-medium-size--x-small{ width:12rem } .slds-medium-size_small,.slds-medium-size--small{ width:15rem } .slds-medium-size_medium,.slds-medium-size--medium{ width:20rem } .slds-medium-size_large,.slds-medium-size--large{ width:25rem } .slds-medium-size_x-large,.slds-medium-size--x-large{ width:40rem } .slds-medium-size_xx-large,.slds-medium-size--xx-large{ width:60rem } .slds-medium-size_1-of-1,.slds-medium-size--1-of-1{ width:100% } .slds-medium-size_1-of-2,.slds-medium-size--1-of-2{ width:50% } .slds-medium-size_2-of-2,.slds-medium-size--2-of-2{ width:100% } .slds-medium-size_1-of-3,.slds-medium-size--1-of-3{ width:33.3333333333% } .slds-medium-size_2-of-3,.slds-medium-size--2-of-3{ width:66.6666666667% } .slds-medium-size_3-of-3,.slds-medium-size--3-of-3{ width:100% } .slds-medium-size_1-of-4,.slds-medium-size--1-of-4{ width:25% } .slds-medium-size_2-of-4,.slds-medium-size--2-of-4{ width:50% } .slds-medium-size_3-of-4,.slds-medium-size--3-of-4{ width:75% } .slds-medium-size_4-of-4,.slds-medium-size--4-of-4{ width:100% } .slds-medium-size_1-of-5,.slds-medium-size--1-of-5{ width:20% } .slds-medium-size_2-of-5,.slds-medium-size--2-of-5{ width:40% } .slds-medium-size_3-of-5,.slds-medium-size--3-of-5{ width:60% } .slds-medium-size_4-of-5,.slds-medium-size--4-of-5{ width:80% } .slds-medium-size_5-of-5,.slds-medium-size--5-of-5{ width:100% } .slds-medium-size_1-of-6,.slds-medium-size--1-of-6{ width:16.6666666667% } .slds-medium-size_2-of-6,.slds-medium-size--2-of-6{ width:33.3333333333% } .slds-medium-size_3-of-6,.slds-medium-size--3-of-6{ width:50% } .slds-medium-size_4-of-6,.slds-medium-size--4-of-6{ width:66.6666666667% } .slds-medium-size_5-of-6,.slds-medium-size--5-of-6{ width:83.3333333333% } .slds-medium-size_6-of-6,.slds-medium-size--6-of-6{ width:100% } .slds-medium-size_1-of-7,.slds-medium-size--1-of-7{ width:14.2857142857% } .slds-medium-size_2-of-7,.slds-medium-size--2-of-7{ width:28.5714285714% } .slds-medium-size_3-of-7,.slds-medium-size--3-of-7{ width:42.8571428571% } .slds-medium-size_4-of-7,.slds-medium-size--4-of-7{ width:57.1428571429% } .slds-medium-size_5-of-7,.slds-medium-size--5-of-7{ width:71.4285714286% } .slds-medium-size_6-of-7,.slds-medium-size--6-of-7{ width:85.7142857143% } .slds-medium-size_7-of-7,.slds-medium-size--7-of-7{ width:100% } .slds-medium-size_1-of-8,.slds-medium-size--1-of-8{ width:12.5% } .slds-medium-size_2-of-8,.slds-medium-size--2-of-8{ width:25% } .slds-medium-size_3-of-8,.slds-medium-size--3-of-8{ width:37.5% } .slds-medium-size_4-of-8,.slds-medium-size--4-of-8{ width:50% } .slds-medium-size_5-of-8,.slds-medium-size--5-of-8{ width:62.5% } .slds-medium-size_6-of-8,.slds-medium-size--6-of-8{ width:75% } .slds-medium-size_7-of-8,.slds-medium-size--7-of-8{ width:87.5% } .slds-medium-size_8-of-8,.slds-medium-size--8-of-8{ width:100% } .slds-medium-size_1-of-12,.slds-medium-size--1-of-12{ width:8.3333333333% } .slds-medium-size_2-of-12,.slds-medium-size--2-of-12{ width:16.6666666667% } .slds-medium-size_3-of-12,.slds-medium-size--3-of-12{ width:25% } .slds-medium-size_4-of-12,.slds-medium-size--4-of-12{ width:33.3333333333% } .slds-medium-size_5-of-12,.slds-medium-size--5-of-12{ width:41.6666666667% } .slds-medium-size_6-of-12,.slds-medium-size--6-of-12{ width:50% } .slds-medium-size_7-of-12,.slds-medium-size--7-of-12{ width:58.3333333333% } .slds-medium-size_8-of-12,.slds-medium-size--8-of-12{ width:66.6666666667% } .slds-medium-size_9-of-12,.slds-medium-size--9-of-12{ width:75% } .slds-medium-size_10-of-12,.slds-medium-size--10-of-12{ width:83.3333333333% } .slds-medium-size_11-of-12,.slds-medium-size--11-of-12{ width:91.6666666667% } .slds-medium-size_12-of-12,.slds-medium-size--12-of-12{ width:100% } .slds-medium-order_1,.slds-medium-order--1{ order:1 } .slds-medium-order_2,.slds-medium-order--2{ order:2 } .slds-medium-order_3,.slds-medium-order--3{ order:3 } .slds-medium-order_4,.slds-medium-order--4{ order:4 } .slds-medium-order_5,.slds-medium-order--5{ order:5 } .slds-medium-order_6,.slds-medium-order--6{ order:6 } .slds-medium-order_7,.slds-medium-order--7{ order:7 } .slds-medium-order_8,.slds-medium-order--8{ order:8 } .slds-medium-order_9,.slds-medium-order--9{ order:9 } .slds-medium-order_10,.slds-medium-order--10{ order:10 } .slds-medium-order_11,.slds-medium-order--11{ order:11 } .slds-medium-order_12,.slds-medium-order--12{ order:12 } } @media (max-width:48em){ [class*=slds-max-medium-size_],[class*=slds-max-medium-size--]{ flex:none } .slds-max-medium-size_xxx-small,.slds-max-medium-size--xxx-small{ width:3rem } .slds-max-medium-size_xx-small,.slds-max-medium-size--xx-small{ width:6rem } .slds-max-medium-size_x-small,.slds-max-medium-size--x-small{ width:12rem } .slds-max-medium-size_small,.slds-max-medium-size--small{ width:15rem } .slds-max-medium-size_medium,.slds-max-medium-size--medium{ width:20rem } .slds-max-medium-size_large,.slds-max-medium-size--large{ width:25rem } .slds-max-medium-size_x-large,.slds-max-medium-size--x-large{ width:40rem } .slds-max-medium-size_xx-large,.slds-max-medium-size--xx-large{ width:60rem } .slds-max-medium-size_1-of-1,.slds-max-medium-size--1-of-1{ width:100% } .slds-max-medium-size_1-of-2,.slds-max-medium-size--1-of-2{ width:50% } .slds-max-medium-size_2-of-2,.slds-max-medium-size--2-of-2{ width:100% } .slds-max-medium-size_1-of-3,.slds-max-medium-size--1-of-3{ width:33.3333333333% } .slds-max-medium-size_2-of-3,.slds-max-medium-size--2-of-3{ width:66.6666666667% } .slds-max-medium-size_3-of-3,.slds-max-medium-size--3-of-3{ width:100% } .slds-max-medium-size_1-of-4,.slds-max-medium-size--1-of-4{ width:25% } .slds-max-medium-size_2-of-4,.slds-max-medium-size--2-of-4{ width:50% } .slds-max-medium-size_3-of-4,.slds-max-medium-size--3-of-4{ width:75% } .slds-max-medium-size_4-of-4,.slds-max-medium-size--4-of-4{ width:100% } .slds-max-medium-size_1-of-5,.slds-max-medium-size--1-of-5{ width:20% } .slds-max-medium-size_2-of-5,.slds-max-medium-size--2-of-5{ width:40% } .slds-max-medium-size_3-of-5,.slds-max-medium-size--3-of-5{ width:60% } .slds-max-medium-size_4-of-5,.slds-max-medium-size--4-of-5{ width:80% } .slds-max-medium-size_5-of-5,.slds-max-medium-size--5-of-5{ width:100% } .slds-max-medium-size_1-of-6,.slds-max-medium-size--1-of-6{ width:16.6666666667% } .slds-max-medium-size_2-of-6,.slds-max-medium-size--2-of-6{ width:33.3333333333% } .slds-max-medium-size_3-of-6,.slds-max-medium-size--3-of-6{ width:50% } .slds-max-medium-size_4-of-6,.slds-max-medium-size--4-of-6{ width:66.6666666667% } .slds-max-medium-size_5-of-6,.slds-max-medium-size--5-of-6{ width:83.3333333333% } .slds-max-medium-size_6-of-6,.slds-max-medium-size--6-of-6{ width:100% } .slds-max-medium-size_1-of-7,.slds-max-medium-size--1-of-7{ width:14.2857142857% } .slds-max-medium-size_2-of-7,.slds-max-medium-size--2-of-7{ width:28.5714285714% } .slds-max-medium-size_3-of-7,.slds-max-medium-size--3-of-7{ width:42.8571428571% } .slds-max-medium-size_4-of-7,.slds-max-medium-size--4-of-7{ width:57.1428571429% } .slds-max-medium-size_5-of-7,.slds-max-medium-size--5-of-7{ width:71.4285714286% } .slds-max-medium-size_6-of-7,.slds-max-medium-size--6-of-7{ width:85.7142857143% } .slds-max-medium-size_7-of-7,.slds-max-medium-size--7-of-7{ width:100% } .slds-max-medium-size_1-of-8,.slds-max-medium-size--1-of-8{ width:12.5% } .slds-max-medium-size_2-of-8,.slds-max-medium-size--2-of-8{ width:25% } .slds-max-medium-size_3-of-8,.slds-max-medium-size--3-of-8{ width:37.5% } .slds-max-medium-size_4-of-8,.slds-max-medium-size--4-of-8{ width:50% } .slds-max-medium-size_5-of-8,.slds-max-medium-size--5-of-8{ width:62.5% } .slds-max-medium-size_6-of-8,.slds-max-medium-size--6-of-8{ width:75% } .slds-max-medium-size_7-of-8,.slds-max-medium-size--7-of-8{ width:87.5% } .slds-max-medium-size_8-of-8,.slds-max-medium-size--8-of-8{ width:100% } .slds-max-medium-size_1-of-12,.slds-max-medium-size--1-of-12{ width:8.3333333333% } .slds-max-medium-size_2-of-12,.slds-max-medium-size--2-of-12{ width:16.6666666667% } .slds-max-medium-size_3-of-12,.slds-max-medium-size--3-of-12{ width:25% } .slds-max-medium-size_4-of-12,.slds-max-medium-size--4-of-12{ width:33.3333333333% } .slds-max-medium-size_5-of-12,.slds-max-medium-size--5-of-12{ width:41.6666666667% } .slds-max-medium-size_6-of-12,.slds-max-medium-size--6-of-12{ width:50% } .slds-max-medium-size_7-of-12,.slds-max-medium-size--7-of-12{ width:58.3333333333% } .slds-max-medium-size_8-of-12,.slds-max-medium-size--8-of-12{ width:66.6666666667% } .slds-max-medium-size_9-of-12,.slds-max-medium-size--9-of-12{ width:75% } .slds-max-medium-size_10-of-12,.slds-max-medium-size--10-of-12{ width:83.3333333333% } .slds-max-medium-size_11-of-12,.slds-max-medium-size--11-of-12{ width:91.6666666667% } .slds-max-medium-size_12-of-12,.slds-max-medium-size--12-of-12{ width:100% } .slds-max-medium-order_1,.slds-max-medium-order--1{ order:1 } .slds-max-medium-order_2,.slds-max-medium-order--2{ order:2 } .slds-max-medium-order_3,.slds-max-medium-order--3{ order:3 } .slds-max-medium-order_4,.slds-max-medium-order--4{ order:4 } .slds-max-medium-order_5,.slds-max-medium-order--5{ order:5 } .slds-max-medium-order_6,.slds-max-medium-order--6{ order:6 } .slds-max-medium-order_7,.slds-max-medium-order--7{ order:7 } .slds-max-medium-order_8,.slds-max-medium-order--8{ order:8 } .slds-max-medium-order_9,.slds-max-medium-order--9{ order:9 } .slds-max-medium-order_10,.slds-max-medium-order--10{ order:10 } .slds-max-medium-order_11,.slds-max-medium-order--11{ order:11 } .slds-max-medium-order_12,.slds-max-medium-order--12{ order:12 } } @media (min-width:64em){ [class*=slds-large-size_],[class*=slds-large-size--]{ flex:none } .slds-large-size_xxx-small,.slds-large-size--xxx-small{ width:3rem } .slds-large-size_xx-small,.slds-large-size--xx-small{ width:6rem } .slds-large-size_x-small,.slds-large-size--x-small{ width:12rem } .slds-large-size_small,.slds-large-size--small{ width:15rem } .slds-large-size_medium,.slds-large-size--medium{ width:20rem } .slds-large-size_large,.slds-large-size--large{ width:25rem } .slds-large-size_x-large,.slds-large-size--x-large{ width:40rem } .slds-large-size_xx-large,.slds-large-size--xx-large{ width:60rem } .slds-large-size_1-of-1,.slds-large-size--1-of-1{ width:100% } .slds-large-size_1-of-2,.slds-large-size--1-of-2{ width:50% } .slds-large-size_2-of-2,.slds-large-size--2-of-2{ width:100% } .slds-large-size_1-of-3,.slds-large-size--1-of-3{ width:33.3333333333% } .slds-large-size_2-of-3,.slds-large-size--2-of-3{ width:66.6666666667% } .slds-large-size_3-of-3,.slds-large-size--3-of-3{ width:100% } .slds-large-size_1-of-4,.slds-large-size--1-of-4{ width:25% } .slds-large-size_2-of-4,.slds-large-size--2-of-4{ width:50% } .slds-large-size_3-of-4,.slds-large-size--3-of-4{ width:75% } .slds-large-size_4-of-4,.slds-large-size--4-of-4{ width:100% } .slds-large-size_1-of-5,.slds-large-size--1-of-5{ width:20% } .slds-large-size_2-of-5,.slds-large-size--2-of-5{ width:40% } .slds-large-size_3-of-5,.slds-large-size--3-of-5{ width:60% } .slds-large-size_4-of-5,.slds-large-size--4-of-5{ width:80% } .slds-large-size_5-of-5,.slds-large-size--5-of-5{ width:100% } .slds-large-size_1-of-6,.slds-large-size--1-of-6{ width:16.6666666667% } .slds-large-size_2-of-6,.slds-large-size--2-of-6{ width:33.3333333333% } .slds-large-size_3-of-6,.slds-large-size--3-of-6{ width:50% } .slds-large-size_4-of-6,.slds-large-size--4-of-6{ width:66.6666666667% } .slds-large-size_5-of-6,.slds-large-size--5-of-6{ width:83.3333333333% } .slds-large-size_6-of-6,.slds-large-size--6-of-6{ width:100% } .slds-large-size_1-of-7,.slds-large-size--1-of-7{ width:14.2857142857% } .slds-large-size_2-of-7,.slds-large-size--2-of-7{ width:28.5714285714% } .slds-large-size_3-of-7,.slds-large-size--3-of-7{ width:42.8571428571% } .slds-large-size_4-of-7,.slds-large-size--4-of-7{ width:57.1428571429% } .slds-large-size_5-of-7,.slds-large-size--5-of-7{ width:71.4285714286% } .slds-large-size_6-of-7,.slds-large-size--6-of-7{ width:85.7142857143% } .slds-large-size_7-of-7,.slds-large-size--7-of-7{ width:100% } .slds-large-size_1-of-8,.slds-large-size--1-of-8{ width:12.5% } .slds-large-size_2-of-8,.slds-large-size--2-of-8{ width:25% } .slds-large-size_3-of-8,.slds-large-size--3-of-8{ width:37.5% } .slds-large-size_4-of-8,.slds-large-size--4-of-8{ width:50% } .slds-large-size_5-of-8,.slds-large-size--5-of-8{ width:62.5% } .slds-large-size_6-of-8,.slds-large-size--6-of-8{ width:75% } .slds-large-size_7-of-8,.slds-large-size--7-of-8{ width:87.5% } .slds-large-size_8-of-8,.slds-large-size--8-of-8{ width:100% } .slds-large-size_1-of-12,.slds-large-size--1-of-12{ width:8.3333333333% } .slds-large-size_2-of-12,.slds-large-size--2-of-12{ width:16.6666666667% } .slds-large-size_3-of-12,.slds-large-size--3-of-12{ width:25% } .slds-large-size_4-of-12,.slds-large-size--4-of-12{ width:33.3333333333% } .slds-large-size_5-of-12,.slds-large-size--5-of-12{ width:41.6666666667% } .slds-large-size_6-of-12,.slds-large-size--6-of-12{ width:50% } .slds-large-size_7-of-12,.slds-large-size--7-of-12{ width:58.3333333333% } .slds-large-size_8-of-12,.slds-large-size--8-of-12{ width:66.6666666667% } .slds-large-size_9-of-12,.slds-large-size--9-of-12{ width:75% } .slds-large-size_10-of-12,.slds-large-size--10-of-12{ width:83.3333333333% } .slds-large-size_11-of-12,.slds-large-size--11-of-12{ width:91.6666666667% } .slds-large-size_12-of-12,.slds-large-size--12-of-12{ width:100% } .slds-large-order_1,.slds-large-order--1{ order:1 } .slds-large-order_2,.slds-large-order--2{ order:2 } .slds-large-order_3,.slds-large-order--3{ order:3 } .slds-large-order_4,.slds-large-order--4{ order:4 } .slds-large-order_5,.slds-large-order--5{ order:5 } .slds-large-order_6,.slds-large-order--6{ order:6 } .slds-large-order_7,.slds-large-order--7{ order:7 } .slds-large-order_8,.slds-large-order--8{ order:8 } .slds-large-order_9,.slds-large-order--9{ order:9 } .slds-large-order_10,.slds-large-order--10{ order:10 } .slds-large-order_11,.slds-large-order--11{ order:11 } .slds-large-order_12,.slds-large-order--12{ order:12 } } @media (max-width:64em){ [class*=slds-max-large-size_],[class*=slds-max-large-size--]{ flex:none } .slds-max-large-size_xxx-small,.slds-max-large-size--xxx-small{ width:3rem } .slds-max-large-size_xx-small,.slds-max-large-size--xx-small{ width:6rem } .slds-max-large-size_x-small,.slds-max-large-size--x-small{ width:12rem } .slds-max-large-size_small,.slds-max-large-size--small{ width:15rem } .slds-max-large-size_medium,.slds-max-large-size--medium{ width:20rem } .slds-max-large-size_large,.slds-max-large-size--large{ width:25rem } .slds-max-large-size_x-large,.slds-max-large-size--x-large{ width:40rem } .slds-max-large-size_xx-large,.slds-max-large-size--xx-large{ width:60rem } .slds-max-large-size_1-of-1,.slds-max-large-size--1-of-1{ width:100% } .slds-max-large-size_1-of-2,.slds-max-large-size--1-of-2{ width:50% } .slds-max-large-size_2-of-2,.slds-max-large-size--2-of-2{ width:100% } .slds-max-large-size_1-of-3,.slds-max-large-size--1-of-3{ width:33.3333333333% } .slds-max-large-size_2-of-3,.slds-max-large-size--2-of-3{ width:66.6666666667% } .slds-max-large-size_3-of-3,.slds-max-large-size--3-of-3{ width:100% } .slds-max-large-size_1-of-4,.slds-max-large-size--1-of-4{ width:25% } .slds-max-large-size_2-of-4,.slds-max-large-size--2-of-4{ width:50% } .slds-max-large-size_3-of-4,.slds-max-large-size--3-of-4{ width:75% } .slds-max-large-size_4-of-4,.slds-max-large-size--4-of-4{ width:100% } .slds-max-large-size_1-of-5,.slds-max-large-size--1-of-5{ width:20% } .slds-max-large-size_2-of-5,.slds-max-large-size--2-of-5{ width:40% } .slds-max-large-size_3-of-5,.slds-max-large-size--3-of-5{ width:60% } .slds-max-large-size_4-of-5,.slds-max-large-size--4-of-5{ width:80% } .slds-max-large-size_5-of-5,.slds-max-large-size--5-of-5{ width:100% } .slds-max-large-size_1-of-6,.slds-max-large-size--1-of-6{ width:16.6666666667% } .slds-max-large-size_2-of-6,.slds-max-large-size--2-of-6{ width:33.3333333333% } .slds-max-large-size_3-of-6,.slds-max-large-size--3-of-6{ width:50% } .slds-max-large-size_4-of-6,.slds-max-large-size--4-of-6{ width:66.6666666667% } .slds-max-large-size_5-of-6,.slds-max-large-size--5-of-6{ width:83.3333333333% } .slds-max-large-size_6-of-6,.slds-max-large-size--6-of-6{ width:100% } .slds-max-large-size_1-of-7,.slds-max-large-size--1-of-7{ width:14.2857142857% } .slds-max-large-size_2-of-7,.slds-max-large-size--2-of-7{ width:28.5714285714% } .slds-max-large-size_3-of-7,.slds-max-large-size--3-of-7{ width:42.8571428571% } .slds-max-large-size_4-of-7,.slds-max-large-size--4-of-7{ width:57.1428571429% } .slds-max-large-size_5-of-7,.slds-max-large-size--5-of-7{ width:71.4285714286% } .slds-max-large-size_6-of-7,.slds-max-large-size--6-of-7{ width:85.7142857143% } .slds-max-large-size_7-of-7,.slds-max-large-size--7-of-7{ width:100% } .slds-max-large-size_1-of-8,.slds-max-large-size--1-of-8{ width:12.5% } .slds-max-large-size_2-of-8,.slds-max-large-size--2-of-8{ width:25% } .slds-max-large-size_3-of-8,.slds-max-large-size--3-of-8{ width:37.5% } .slds-max-large-size_4-of-8,.slds-max-large-size--4-of-8{ width:50% } .slds-max-large-size_5-of-8,.slds-max-large-size--5-of-8{ width:62.5% } .slds-max-large-size_6-of-8,.slds-max-large-size--6-of-8{ width:75% } .slds-max-large-size_7-of-8,.slds-max-large-size--7-of-8{ width:87.5% } .slds-max-large-size_8-of-8,.slds-max-large-size--8-of-8{ width:100% } .slds-max-large-size_1-of-12,.slds-max-large-size--1-of-12{ width:8.3333333333% } .slds-max-large-size_2-of-12,.slds-max-large-size--2-of-12{ width:16.6666666667% } .slds-max-large-size_3-of-12,.slds-max-large-size--3-of-12{ width:25% } .slds-max-large-size_4-of-12,.slds-max-large-size--4-of-12{ width:33.3333333333% } .slds-max-large-size_5-of-12,.slds-max-large-size--5-of-12{ width:41.6666666667% } .slds-max-large-size_6-of-12,.slds-max-large-size--6-of-12{ width:50% } .slds-max-large-size_7-of-12,.slds-max-large-size--7-of-12{ width:58.3333333333% } .slds-max-large-size_8-of-12,.slds-max-large-size--8-of-12{ width:66.6666666667% } .slds-max-large-size_9-of-12,.slds-max-large-size--9-of-12{ width:75% } .slds-max-large-size_10-of-12,.slds-max-large-size--10-of-12{ width:83.3333333333% } .slds-max-large-size_11-of-12,.slds-max-large-size--11-of-12{ width:91.6666666667% } .slds-max-large-size_12-of-12,.slds-max-large-size--12-of-12{ width:100% } .slds-max-large-order_1,.slds-max-large-order--1{ order:1 } .slds-max-large-order_2,.slds-max-large-order--2{ order:2 } .slds-max-large-order_3,.slds-max-large-order--3{ order:3 } .slds-max-large-order_4,.slds-max-large-order--4{ order:4 } .slds-max-large-order_5,.slds-max-large-order--5{ order:5 } .slds-max-large-order_6,.slds-max-large-order--6{ order:6 } .slds-max-large-order_7,.slds-max-large-order--7{ order:7 } .slds-max-large-order_8,.slds-max-large-order--8{ order:8 } .slds-max-large-order_9,.slds-max-large-order--9{ order:9 } .slds-max-large-order_10,.slds-max-large-order--10{ order:10 } .slds-max-large-order_11,.slds-max-large-order--11{ order:11 } .slds-max-large-order_12,.slds-max-large-order--12{ order:12 } } [class*=slds-size_],[class*=slds-size--]{ flex:none } .slds-has-buffer{ margin:var(--lwc-componentSpacingMargin,0) } .slds-has-full-bleed{ margin:0 } .slds-has-bottom-magnet{ margin-bottom:0!important; border-bottom-left-radius:0!important; border-bottom-right-radius:0!important } .slds-has-top-magnet{ margin-top:0!important; border-top-left-radius:0!important; border-top-right-radius:0!important } .slds-has-top-magnet.slds-has-buffer{ margin-bottom:0; border-radius:0; border-top:0; box-shadow:none } .slds-is-static{ position:static } .slds-is-relative{ position:relative } .slds-is-fixed{ position:fixed } .slds-is-absolute{ position:absolute } @media print{ .slds-no-print{ display:none } } .slds-collapsed{ height:0; overflow:hidden } .slds-expanded{ height:auto; overflow:visible } .slds-assistive-text{ position:absolute!important; margin:-1px!important; border:0!important; padding:0!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; text-transform:none!important; white-space:nowrap!important } .slds-assistive-text_focus:focus,.slds-assistive-text--focus:focus{ margin:inherit!important; border:inherit!important; padding:inherit!important; width:auto!important; height:auto!important; overflow:visible!important; clip:auto!important } .slds-is-collapsed{ height:0; overflow:hidden } .slds-is-expanded{ height:auto; overflow:visible } .slds-hidden{ visibility:hidden!important } .slds-visible{ visibility:visible } .slds-hide{ display:none!important } .slds-show{ display:block } .slds-show_inline-block,.slds-show--inline-block{ display:inline-block } .slds-show_inline,.slds-show--inline{ display:inline } .slds-transition-hide{ opacity:0 } .slds-transition-show{ opacity:1 } .slds-x-small-show{ display:none } @media (min-width:320px){ .slds-x-small-show{ display:block } .slds-x-small-show_inline-block,.slds-x-small-show--inline-block{ display:inline-block } .slds-x-small-show_inline,.slds-x-small-show--inline{ display:inline } } .slds-x-small-show-only{ display:none } @media (min-width:320px) and (max-width:479px){ .slds-x-small-show-only{ display:block } .slds-x-small-show-only_inline-block,.slds-x-small-show-only--inline-block{ display:inline-block } .slds-x-small-show-only_inline,.slds-x-small-show-only--inline{ display:inline } } @media (max-width:479px){ .slds-max-x-small-hide{ display:none } } .slds-small-show{ display:none } @media (min-width:480px){ .slds-small-show{ display:block } .slds-small-show_inline-block,.slds-small-show--inline-block{ display:inline-block } .slds-small-show_inline,.slds-small-show--inline{ display:inline } } .slds-small-show-only{ display:none } @media (min-width:480px) and (max-width:767px){ .slds-small-show-only{ display:block } .slds-small-show-only_inline-block,.slds-small-show-only--inline-block{ display:inline-block } .slds-small-show-only_inline,.slds-small-show-only--inline{ display:inline } } @media (max-width:767px){ .slds-max-small-hide{ display:none } } .slds-medium-show{ display:none } @media (min-width:768px){ .slds-medium-show{ display:block } .slds-medium-show_inline-block,.slds-medium-show--inline-block{ display:inline-block } .slds-medium-show_inline,.slds-medium-show--inline{ display:inline } } .slds-medium-show-only{ display:none } @media (min-width:768px) and (max-width:1023px){ .slds-medium-show-only{ display:block } .slds-medium-show-only_inline-block,.slds-medium-show-only--inline-block{ display:inline-block } .slds-medium-show-only_inline,.slds-medium-show-only--inline{ display:inline } } @media (max-width:1023px){ .slds-max-medium-hide{ display:none } } .slds-large-show{ display:none } @media (min-width:1024px){ .slds-large-show{ display:block } .slds-large-show_inline-block,.slds-large-show--inline-block{ display:inline-block } .slds-large-show_inline,.slds-large-show--inline{ display:inline } } @media (min-width:320px){ .slds-hide_x-small,.slds-hide--x-small{ display:none!important } } @media (max-width:319px){ .slds-show_x-small,.slds-show--x-small{ display:none!important } } @media (min-width:480px){ .slds-hide_small,.slds-hide--small{ display:none!important } } @media (max-width:479px){ .slds-show_small,.slds-show--small{ display:none!important } } @media (min-width:768px){ .slds-hide_medium,.slds-hide--medium{ display:none!important } } @media (max-width:767px){ .slds-show_medium,.slds-show--medium{ display:none!important } } @media (min-width:1024px){ .slds-hide_large,.slds-hide--large{ display:none!important } } @media (max-width:1023px){ .slds-show_large,.slds-show--large{ display:none!important } } @media (min-width:1280px){ .slds-hide_x-large,.slds-hide--x-large{ display:none!important } } @media (max-width:1279px){ .slds-show_x-large,.slds-show--x-large{ display:none!important } } .slds-is-visually-empty{ visibility:hidden!important; width:0 } .slds-line-clamp{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:var(--lwc-lineClamp,3); overflow:hidden; text-overflow:ellipsis; white-space:pre-line } .slds-line-clamp_x-small{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; white-space:pre-line } .slds-line-clamp_small{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; white-space:pre-line } .slds-line-clamp_medium{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; white-space:pre-line } .slds-line-clamp_large{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7; overflow:hidden; text-overflow:ellipsis; white-space:pre-line } .video-resources a { font-size: 1.4rem; text-decoration: underline; color: #000110; text-transform: uppercase; } .video-resources a, .video-resources .resource-title, .video-resources .btn { font-family: "ff-good-web-pro", Arial sans-serif; font-weight: 600; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources { display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; } } .video-resources .resource-region .defined-resources .resource-section { margin-bottom: 6.5rem; width: 100%; } .video-resources .resource-region .defined-resources .resource-section:first-of-type { margin-top: 4.8rem; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section { position: relative; margin-bottom: 4rem; margin-right: 3rem; flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% - 6rem) / 3 - 0.1%); max-width: calc((100% - 6rem) / 3 - 0.1%); } .video-resources .resource-region .defined-resources .resource-section:first-of-type { margin-top: 0; } .video-resources .resource-region .defined-resources .resource-section:nth-child(3n+0) { margin-right: 0; } } @media (min-width: 992px) { .video-resources .resource-region .defined-resources .resource-section { margin-bottom: 8rem; } } .video-resources .resource-region .defined-resources .resource-section .resource-title { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 2rem 0; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .resource-title { margin-bottom: 3rem; } } @media (min-width: 992px) { .video-resources .resource-region .defined-resources .resource-section .resource-title { font-size: 1.8rem; margin-bottom: 1.1rem; } } .video-resources .resource-region .defined-resources .resource-section .resource-description { font-family: "ff-good-web-pro", Arial sans-serif; font-size: 1.4rem; line-height: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .resource-description { margin-bottom: 5rem; } } @media (min-width: 992px) { .video-resources .resource-region .defined-resources .resource-section .resource-description { margin-bottom: 4rem; } } .video-resources .resource-region .defined-resources .resource-section .download-url:focus, .video-resources .resource-region .defined-resources .resource-section .download-url:hover, .video-resources .resource-region .defined-resources .resource-section .download-url:not(:disabled):not(.disabled):active, .video-resources .resource-region .defined-resources .resource-section .normal-url:focus, .video-resources .resource-region .defined-resources .resource-section .normal-url:hover, .video-resources .resource-region .defined-resources .resource-section .normal-url:not(:disabled):not(.disabled):active { color: #e13200; } .video-resources .resource-region .defined-resources .resource-section .download-url { position: relative; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .download-url { position: absolute; bottom: 0; } } .video-resources .resource-region .defined-resources .resource-section .download-url::after { content: ''; top: -2px; width: 15px; height: 15px; right: -20px; position: absolute; background-image: url("https://www.poly.com/etc.clientlibs/poly/components/content/support/support-videos/clientlibs/css/clientlib-site/resources/icons/download-black.svg"); background-repeat: no-repeat; background-size: contain; } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .download-url::after { top: 1px; } } .video-resources .resource-region .defined-resources .resource-section .download-url:focus::after, .video-resources .resource-region .defined-resources .resource-section .download-url:hover::after, .video-resources .resource-region .defined-resources .resource-section .download-url:not(:disabled):not(.disabled):active::after { background-image: url("https://www.poly.com/etc.clientlibs/poly/components/content/support/support-videos/clientlibs/css/clientlib-site/resources/icons/download-red.svg"); } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .normal-url { position: absolute; bottom: 0px; } } @media (min-width: 768px) { .video-resources .resource-region .defined-resources .resource-section .video-cta { position: absolute; bottom: 0px; } } .video-resources .resource-region .defined-resources .resource-section .video-cta .launch-video { padding: 0 0 0 30px; } .video-resources .resource-region .defined-resources .resource-section .video-cta .launch-video::before { top: 0; width: 20px; height: 20px; } .video-resources .resource-region .resources-view-button .btn { padding: 0; color: #e13200; display: none; } .video-resources .resource-region .resources-view-button .resources-view-all { position: relative; } .video-resources .resource-region .resources-view-button .resources-view-all::after { content: ''; bottom: 5px; width: 14px; height: 14px; right: -26px; position: absolute; background-image: url("https://www.poly.com/etc.clientlibs/poly/components/content/support/support-videos/clientlibs/css/clientlib-site/resources/icons/arrow-right-red.svg"); background-repeat: no-repeat; background-size: contain; } [id*="-error"] { color: red; } .distributor_name { font-weight: bold; } /* FLEX_LP-custom.css */ @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(1080deg); } } .logo-spin { animation-name: spin; animation-duration: 3s; animation-iteration-count: 1; } /* :::::::[sidebar]::::::: */ .sidebar-body .row {margin-left: -30px; margin-right: -30px;} .sidebar-body .block {padding-left: 30px;padding-right: 30px;} /* :::::::[floating header]::::::: */ /* floating header | position controlled by toggle ("" | float-top) */ .float-top { position: absolute; top: 0; z-index: 1024; width: 100%; transition: ease background .3s; } /* floating header | hover state */ .float-top:hover {background: #fff;} /* reverse logo colors when hovered */ #HEAD.float-top:hover svg.logo-white path {fill: #002843;} /* :::::::[floating labels]::::::: */ /* requires mktoForm-floatingLabels.js (requires jQuery) */ /* requires Marketo form label setting set to "Above" (instead of "Left") */ /* underlined form fields */ div.floatingLabels-on form.mktoForm input[type=url], div.floatingLabels-on form.mktoForm input[type=text], div.floatingLabels-on form.mktoForm input[type=date], div.floatingLabels-on form.mktoForm input[type=tel], div.floatingLabels-on form.mktoForm input[type=email], div.floatingLabels-on form.mktoForm input[type=number], div.floatingLabels-on form.mktoForm textarea.polyFormField, div.floatingLabels-on form.mktoForm select.polyFormField { z-index: 0; padding:21px 0px 5px 8px !important; min-height: 44px !important; /*mktoOverride*/ } /* overlay labels atop inputs */ div.floatingLabels-on form.mktoForm label.polyLabel { font-weight: normal !important; font-size: 1.1em !important; z-index: 1 !important; position:absolute; margin-top:10px; transition:ease all .3s !important; margin-left:8px; padding-top: 0.5rem !important; color: black !important; width: auto !important; } /* push labels above inputs when clicked / not-empty */ div.floatingLabels-on form.mktoForm label.polyLabel.activeLabel { margin-top:0px !important; transition:ease all .3s !important; font-size:0.9em !important; } div.floatingLabels-on ::-moz-placeholder{color: transparent !important;} div.floatingLabels-on ::-webkit-input-placeholder{color: transparent !important;} div.floatingLabels-on :-ms-input-placeholder{color: transparent !important;} div.floatingLabels-on ::placeholder{color: transparent !important;} /* EDIT Form Theme for "Labels Left" to account for stacked and unstacked layout */ /* define grid for labels-left to move error dialog below input */ /* media queries should be the SAME CSS */ form.mktoForm .mktoError {word-break: break-word;} form.mktoForm.mktoLayoutLeft > div.mktoFormRow { display: block !important; } form.mktoForm.mktoLayoutLeft label.polyLabel {text-align: left !important;} form.mktoForm .polyFormCol { flex-basis: 0; /* make columns in a row equal widths */ min-height: 0px !important; /*mktoOverride*/ margin-bottom: 1.5rem !important; /* mktoOverride (inline) */ } /* ======================================================= */ @media screen and (min-width:576px) and (max-width:768px) { form.mktoForm.mktoLayoutLeft .mktoFieldWrap { display: grid !important; grid-template-columns: 120px auto; grid-gap:0 10px; grid-template-areas: "a b" "c d"; } form.mktoForm.mktoLayoutLeft label.polyLabel { grid-area: a; text-align: right !important; } form.mktoForm.mktoLayoutLeft input, form.mktoForm.mktoLayoutLeft textarea, form.mktoForm.mktoLayoutLeft select, form.mktoForm .mktoLogicalField { grid-area: b; } form.mktoForm.mktoLayoutLeft .mktoError { grid-area: d; } /* floating labels AND labels left */ div.floatingLabels-on form.mktoForm.mktoLayoutLeft input[type] { padding-top: 8px !important; } div.floatingLabels-on form.mktoForm.mktoLayoutLeft label.polyLabel { margin-top: 10px; font-size: 0.9em !important; } } @media screen and (min-width:991px) { /* define grid for labels-left to move error dialog below input */ form.mktoForm.mktoLayoutLeft .mktoFieldWrap { display: grid !important; grid-template-columns: 120px auto; grid-gap:0 10px; grid-template-areas: "a b" "c d"; } form.mktoForm.mktoLayoutLeft label.polyLabel { grid-area: a; text-align: right !important; } form.mktoForm.mktoLayoutLeft input, form.mktoForm.mktoLayoutLeft textarea, form.mktoForm.mktoLayoutLeft select, form.mktoForm .mktoLogicalField { grid-area: b; } form.mktoForm.mktoLayoutLeft .mktoError { grid-area: d; } /* floating labels AND labels left */ div.floatingLabels-on form.mktoForm.mktoLayoutLeft input[type] { padding-top: 20px !important; } div.floatingLabels-on form.mktoForm.mktoLayoutLeft label.polyLabel { margin-top: 10px; font-size: 1.1em; } } /* :::::::[custom modules]::::::: */ /* text boxes */ .textBox-light { background-color: rgb(255 255 255 / 70%); } .textBox-dark { background-color: rgb(0 0 0 / 70%); color: #fff; } .textBox-dark a { color: #fff !important; } .textBox-bottom-left, .textBox-bottom-right { padding: 20px; } @media screen and (min-width:991px){ .textBox-bottom-left { position: absolute; bottom:30px; left:30px; width:40%; min-height: 50%; } .textBox-bottom-right { position: absolute; bottom:30px; right:30px; width:40%; min-height: 50%; } } /* offset containers */ @media screen and (min-width:991px) { .offset-bottom-lg-300 { margin-bottom: -300px !important; /* bottom offset (desktop only) */ } } @font-face{font-family:'Glyphicons Halflings';src:url('clientlibs-bootstrap/resources/glyphicons-halflings-regular.eot');src:url('https://www.poly.com/etc.clientlibs/poly/clientlibs/clientlibs-bootstrap/resources/glyphicons-halflings-regular.eot@') format('embedded-opentype'),url('clientlibs-bootstrap/resources/glyphicons-halflings-regular.woff') format('woff'),url('clientlibs-bootstrap/resources/glyphicons-halflings-regular.ttf') format('truetype'),url('https://www.poly.com/etc.clientlibs/poly/clientlibs/clientlibs-bootstrap/resources/glyphicons-halflings-regular.svg') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}