/* start : client-cis-colors css */
/**
 * @license
 * Generated by Zeplin
 * Copyright (C) 2022 - present Zeplin
 *
 * 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.
 */

:root {
  --brand-color-brand-color-contrast: #008859;
  --brand-color-brand-color: #00915a;
  --brand-color-brand-color-light: #00bc8c;
  --brand-color-brand-color-light-2: #4ae0ac;
  --brand-color-flash-green: #00a951;
  --brand-color-drak-green: #007265;
  --brand-color-brand-color-10: transparentize(var(--brand-color-brand-color), 0.9);
  --grey-color-grey-70: #464c4b;
  --grey-color-grey-60: #626362;
  --grey-color-grey-90: #2d2926;
  --grey-color-grey-50: #677A6E;
  --grey-color-grey-30: #f5f8f7;
  --grey-color-grey-20: #d9e3de;
  --grey-color-white: #fff;
  --grey-color-grey-10: #ebf1ee;
  --grey-color-grey-10-30: transparentize(var(--grey-color-grey-10), 0.7);
  --primary-color-sensible-sensible: #d0434b;
  --primary-color-sensible-light-sensible: #edbfc1;
  --primary-color-sensible-dark-sensible: #781f24;
  --primary-color-dark-dark-1: #035d2e;
  --primary-color-dark-dark-2: #245933;
  --primary-color-dark-dark-3: #0a6b40;
  --primary-color-dark-dark-4: #0d7840;
  --primary-color-dark-dark-5: #026f5c;
  --primary-color-light-light-1: #408c37;
  --primary-color-light-light-2: #17b030;
  --primary-color-light-light-3: #30c438;
  --primary-color-light-light-4: #5ebd30;
  --primary-color-light-light-5: #8fd429;
  --focus-default: rgba(0, 156, 151, 0.3);
  --focus-darkbgfocus: rgba(155, 255, 243, 0.3);
  --pure-color-black: #000;
  --alert-color-error: #d52727;
  --alert-color-error-dark: #801717;
  --alert-color-error-light: #fbe9e9;
  --alert-color-information: #03bbf5;
  --alert-color-information-dark: #014b62;
  --alert-color-information-light: #e6f8fe;
  --alert-color-warning: #f4af04;
  --alert-color-warning-light: #fef9e6;
  --alert-color-warning-dark: #624c02;
  --alert-color-success: #47ba0b;
  --alert-color-success-dark: #2b7007;
  --alert-color-success-light: #f4feef;
  --secondary-purple-purple-8: #8027a7;
  --secondary-purple-purple-7: #9f2744;
  --secondary-purple-purple-6: #96117b;
  --secondary-purple-purple-5: #540085;
  --secondary-purple-purple-4: #63068a;
  --secondary-purple-purple-3: #8f0d96;
  --secondary-purple-purple-2: #a12eab;
  --secondary-purple-purple-1: #a375c9;
  --secondary-indigo-indigo-2: #0338ad;
  --secondary-indigo-indigo-1: #002e8f;
  --secondary-indigo-indigo-3: #0066bf;
  --secondary-indigo-indigo-4: #007deb;
  --secondary-indigo-indigo-5: #1cc2f0;
  --secondary-brown-brown-1: #c4a39c;
  --secondary-brown-brown-2: #9c6e61;
  --secondary-brown-brown-3: #7d3d33;
  --secondary-brown-brown-4: #5e2e26;
  --secondary-brown-brown-5: #45211a;
  --secondary-brown-brown-6: #9a5f03;
  --secondary-blue-blue-1: #bcf0ff;
  --secondary-blue-blue-2: #1bc2f2;
  --secondary-blue-blue-3: #017deb;
  --secondary-blue-blue-4: #0067c3;
  --secondary-blue-blue-5: #007cb1;
  --secondary-blue-blue-6: #4b2fb6;
  --secondary-orange-orange-1: #ffc478;
  --secondary-orange-orange-2: #ffb538;
  --secondary-orange-orange-3: #ff9e00;
  --secondary-orange-orange-4: #ff9400;
  --secondary-orange-orange-5: #ff8700;
  --secondary-red-red-1: #ff5e5e;
  --secondary-red-red-2: #ff5e78;
  --secondary-red-red-3: #ff7585;
  --secondary-red-red-4: #ff91a1;
  --secondary-red-red-5: #e6c4bd;
  --secondary-red-red-6: #972e0d;
  --secondary-green-green-1: #008565;
  --secondary-green-green-2: #097b30;
/* New Menu */
  --menu-bg-gradient: linear-gradient(165deg, var(--brand-color-brand-color-contrast) 5%, var(--brand-color-drak-green) 95%);
  --menu-bg-active: rgba(255, 255, 255, 0.15);
  --sub-menu-color-green-light: #005c51;
  --sub-menu-color-green-dark: #003d36;
  --sub-menu-bg-gradient: linear-gradient(165deg, var(--sub-menu-color-green-light) 5%, var(--sub-menu-color-green-dark) 95%);
  --menu-scroll-bg: #016c52;
  /* Remix */
  --bnpp-flash-light-green: #80FF9D;
  --bnpp-flash-dark-green: #0A5257;
  --bnpp-flash-mid-green: #008078;
  --bnpp-flash-red: #CF2827;
  --bnpp-dynamic-light-green: #A6F4C6;
  --bnpp-dynamic-dark-green: #006A5D;
  --bnpp-dynamic-mid-green: #008078;
  --bnpp-dynamic-light-blue: #7BAFFF;
  --bnpp-dynamic-mid-blue: #6992FF;
  --bnpp-color-lavender: #B89EF7;
  --bnpp-color-olive-light: #B0ED78;
  --bnpp-color-olive-dark: #094F08;
  --bnpp-classic-green-light: #55C08F;
  --bnpp-classic-green-mid: #008F59;
  /*arval*/
  --bnpp-green: #00965E;
  --bnpp-forest: #034242;
  --bnpp-energy-green: #058E5D;
  --bnpp-mineral-green: #98FF9B;
  --bnpp-energy-gradient: linear-gradient(90deg, var(--bnpp-energy-green) 5%, var(--bnpp-mineral-green) 95%);
  --bnpp-mineral-gradient: linear-gradient(90deg, var(--bnpp-mineral-green) 5%, var(--bnpp-energy-green) 95%);
  --bnpp-color-tan: #EAE4CE;
  --bnpp-color-positive: #F8B40D;
  --bnpp-color-electric: #CAF868;
  --bnpp-color-scooter: #00BEF3;
  --bnpp-color-ocean: #3B3BDB;
  --bnpp-color-grey: #BEBEBE;
}

.aem-GridColumn{
  padding:0px 0px !important
}
#divSharescreen {
  background-color: var(--grey-color-white);
  border-top:1px solid #f3f3f3;
  padding:20px 0;
  margin:0 0
}

.btn-share {
    font-family:'Roboto','Roboto regular',Arial,sans-serif;
    font-size: 12px;
    background: var(--grey-color-white);
    border: 1px solid var(--grey-color-grey-90);
    border-radius: 50rem;
    color: var(--grey-color-grey-90);
    transition:0.2s;
    cursor: pointer;
}

.btn-share:hover {
    background: var(--grey-color-white);
    color: var(--brand-color-brand-color-light);
    border-color: var(--brand-color-brand-color-light);
}

.btn-share svg {
    overflow: hidden;
    vertical-align: middle;
    margin-right: 4px;
}

.btn-share g#UI-UnBlue-M5 {
    transition:0.2s;
}

.btn-share:hover g#UI-UnBlue-M5 {
  stroke: var(--brand-color-brand-color-light)
}