/*
 *  Copyright 2019 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-accordion__header {
  margin: 0;
}
.cmp-accordion__button {
  display: block;
  width: 100%;
  text-align: left;
}
.cmp-accordion__panel--hidden {
  display: none;
}
.cmp-accordion__panel--expanded {
  display: block;
}

/*
 *  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;
}

/*
 *  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-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
 *  Copyright 2017 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.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 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.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 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-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

/*
 *  Copyright 2025 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-form-text .cmp-form-text__validation-message {
  visibility: hidden;
}
.cmp-form-text :invalid + .cmp-form-text__validation-message {
  visibility: visible;
}

/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  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.
 */
/*
 * 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 */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 650px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 651px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}

.guideImage img{
    height:auto;
    max-height:100%;
    margin-right:0.75rem;
    margin-left:0.75rem;
    margin-top:1rem;
    width:inherit;
    max-width:calc(100% - 1.5rem);

}
body{
    font-family:Arial;
    line-height:1.42857143;
    margin-left:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-top:0px;

}
.guideChart{
    height:100%;
    width:inherit;
    max-width:100%;
    max-height:100%;

}
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    border-left-width:4px;
    border-style:solid;
    border-color:rgb(235,60,54);
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    background:rgba(235,60,54,0.05);

}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    margin-top:0.25rem;
    padding-left:0.5rem;
    padding-right:0.75rem;
    border-left-width:0.25rem;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:rgba(255,255,255,0);
    padding-top:0.5rem;
    margin-bottom:0.25rem;

}
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:4px;
    border-style:solid;
    border-color:#23b482;

}
.guideFieldDescription.long{
    margin-bottom:0.25rem;
    margin-right:0px;
    margin-left:0px;
    margin-top:0.25rem;
    clear:both;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    display:none;
    font-size:0.875rem;
    color:#666666;
    background:rgba(0,0,0,0.05);
    padding-left:1rem;
    padding-bottom:0.125rem;
    padding-top:0.125rem;
    padding-right:1rem;
    border-left-color : #007fa2;
    transition: all 2s;
}
label{
    color:#666666;
    line-height:1.42857143;
    font-size:1rem;
    font-weight:normal;
    margin-bottom:2px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;

}
.guideFieldLabel {
    width:auto;
    display:block;
}
input,select,textarea,.guideScribble img,.afTermsAndConditions{
    border-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    border-top-right-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-color:#cccccc;
    height:2.5rem;
    color:#555555;
    font-size:0.875rem;
    padding-bottom:0.625rem;
    padding-left:0.625rem;
    padding-top:0.625rem;
    padding-right:0.625rem;
    background:#ffffff;

}
.guideFieldWidget:not(.guideFieldButtonWidget) {
    width:100%;
    display:block;
}
.guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
    width:100%;
    display:block;

}
.afCheckBoxItem .guideWidgetLabel label{
    margin-left:.2em;
    color:#888888;
    margin-right:1.5rem;
    vertical-align:middle;
    cursor: pointer;
}
.guideCheckBoxItem .guideWidgetLabel {
    display:inline;
}
.XfaCheckBox input[type='checkbox']{
    float:none;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-top:0px;
    width:auto;
    height:auto;
    border-top-right-radius:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-top-left-radius:0px;
    cursor: pointer;
}
.guideFieldWidget.guideNumericStepper{
    width:40%;
    min-width:200px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-color:#cccccc;
    background:#FFFFFF;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;

}
.guideFieldWidget.guideNumericStepper input[type='text'].ui-spinner-input{
    width:calc(100% - 5rem);
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    text-align:center;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down{
    width:2.5rem;
    height:2.5rem;
    display:inline-block;
    float:left;
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus.svg) center center / 0.75rem 0.75rem no-repeat;
    cursor : pointer;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up {
    width:2.5rem;
    height:2.5rem;
    float:right;
    display:inline-block;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus.svg) center center / 0.75rem 0.75rem no-repeat;
    cursor : pointer;

}
.guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
    display:block;
    width:100%;

}
.afRadioButtonItem .guideWidgetLabel label{
    margin-left:.2rem;
    margin-bottom:0px;
    margin-right:1.5rem;
    margin-top:0px;
    color:#888888;
    vertical-align:middle;
    cursor: pointer;
}
.guideRadioButtonItem .guideWidgetLabel {
    display:inline;
    float:none;
}
.XfaCheckBox input[type='radio']{
    float:none;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    padding-right:0px;
    padding-left:0px;
    width:auto;
    padding-bottom:0px;
    padding-top:0px;
    height:auto;
    cursor: pointer;
}
.multiline.textField textArea{
    height:80px;

}
@media (max-width : 767px){
    .guide-nav-next.guide-nav-toolbar-button{
        margin-left:1rem;
        margin-bottom:0px;
        margin-right:0px;
        width:2.5rem;
        height:2.5rem;
        background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/FatChevron-Right-Default.svg) center center / auto 1.25rem no-repeat;
        cursor : pointer;

    }
}
@media (max-width : 767px){
    .guide-nav-prev.guide-nav-toolbar-button{
        position:relative;
        background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/FatChevron-Left-Default.svg) center center / auto 1.25rem no-repeat;
        width:2.5rem;
        height:2.5rem;
        margin-right:1rem;
        margin-left:0px;
        cursor : pointer;

    }
}
.guideSwitch .ui-switchbutton-default.ui-state-active{
    background:rgba(0,0,0,0);
    font-weight:normal;

}
.guideSwitch .ui-switchbutton-default{
    height:24px;
    margin-top:5px;
    padding-bottom:0px;
    padding-top:0px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    border-color:#cccccc;

}
.guideSwitch .ui-switchbutton-default .ui-switchbutton-handle{
    background:linear-gradient(180deg,rgb(215,215,215),rgb(252,252,252));
    width:22px;
    height:22px;
    display:block;
    position:absolute;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-color:rgb(162,162,162);

}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-enabled{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-transform:uppercase;
    height:20px;
    padding-top:4px;
    display:block;
    margin-bottom:5px;
    margin-top:0px;
    overflow:hidden;
    position:absolute;
    color:rgb(255,255,255);
    background:rgb(84,180,107);

}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-disabled{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-transform:uppercase;
    height:20px;
    padding-top:4px;
    padding-right:0px;
    display:block;
    margin-bottom:5px;
    margin-top:0px;
    overflow:hidden;
    position:absolute;
    color:rgb(124,124,124);
    background:#e6e6e6;

}
.guideFieldWidget.afTermsAndConditions{
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;

}
.guide-tnc-checkboxwidget input[type='checkbox']{
    margin-left:0.5rem;
    margin-right:0.5rem;
    width:1rem;

}
.afTncContentArea{
    background:#ffffff;
    overflow:auto;
    border-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-color:#cccccc;
    margin-bottom:0.25rem;
    padding-left:1rem;
    padding-right:1rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
    font-size:0.875rem;
    line-height:1.6;
    color:#969696;
    max-height:160px;

}
@media (max-width : 767px){
    .afTncContentArea{
        max-height:8rem;

    }
}
.guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel, .guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel {
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/ImageChoiceSelectIcon.svg) center center no-repeat,rgba(23,107,230,0.5);

}
.afTncContentArea.guide-modal-body{
    margin-left:20px;
    margin-bottom:20px;
    margin-right:20px;
    margin-top:20px;

}
.afTermsAndConditions .guide-modal-header{
    background:#AFB0B5;
    min-height:16.42857143px;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-top:15px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:#e5e5e5;

}
.dropDownList select:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Down-Active.svg) calc(100% - 0.5rem) 50% / auto 1rem no-repeat,rgba(255,255,255,0.8);

}
.dropDownList  select{
    height:2.5rem;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-color:#cccccc;
    padding-left:0.625rem;
    padding-bottom:0.625rem;
    padding-top:0.625rem;
    padding-right:0.625rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Down-Default.svg) calc(100% - 0.5rem) 50% / auto 1rem no-repeat,rgba(255,255,255,0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.guideFieldWidget.dropDownList {
    width:100%;
}
.guideformtitle,.guideTextDraw.guideformtitle{
    font-size:1.5rem;
    color:#666666;
    margin-bottom:0.8125rem;
    padding-left:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-right:0px;

}
@media (max-width : 991px){
    .guideformtitle,.guideTextDraw.guideformtitle{
        margin-bottom:0px;
        display:none;

    }
}
@media (max-width : 767px){
    .guideformtitle,.guideTextDraw.guideformtitle{
        margin-left:1rem;
        margin-bottom:0.5rem;

    }
}
.guideHelpQuestionMark:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/questionmark.svg) left top / cover no-repeat,#777777;

}
.guideHelpQuestionMark{
    display:inline-block;
    position:absolute;
    top:8px;
    right:8px;
    width:1rem;
    height:1rem;
    border-bottom-right-radius:9px;
    border-bottom-left-radius:9px;
    border-top-left-radius:9px;
    border-top-right-radius:9px;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/questionmark.svg) center center / cover no-repeat,#969696;
    cursor : pointer;

}
.guidePanelDescription > .guideHelpQuestionMark{
    position:relative;
    left:5px;
    top:0px;

}
.guidePanelDescription.long{
    background:rgba(0,0,0,0.05);
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.125rem;
    padding-bottom:0.125rem;
    margin-left:0px;
    margin-right:0px;
    margin-top:0.25rem;
    color:#666666;
    font-size:0.875rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;

}
.guideGridFluidDescription.guidePanelDescription{
    margin-bottom:1.5rem;
    font-size:1.25rem;
    color:#666666;
    margin-left:0.75rem;
    margin-right:0.75rem;

}
@media (max-width : 767px){
    .guideGridFluidDescription.guidePanelDescription{
        margin-bottom:0.5rem;

    }
}
@media (max-width : 767px){
    .tab-navigators.tab-navigators-mobile{
        background:#e6e6e6;
        padding-left:0px;
        padding-bottom:0px;
        padding-top:0px;
        padding-right:0px;
        margin-left:0px;
        margin-bottom:0px;
        margin-top:0px;
        margin-right:0px;
        box-shadow:0px 2px 10px 0px rgba(0,0,0,0.35);
        border-left-width:1px;
        border-bottom-width:1px;
        border-top-width:1px;
        border-right-width:1px;
        border-style:solid;
        border-color:#e6e6e6;
        list-style: none;
        cursor: pointer;
    }
}
@media (max-width : 767px){
    .guide-mobile-navigator .navigator-toggle{
        border:none;
        float:right;
        cursor:pointer;
        margin-right:1rem;
        border-bottom-right-radius:0px;
        border-bottom-left-radius:0px;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
        margin-left:1rem;
        width:2.5rem;
        height:2.5rem;
        background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/HamburgerMenuWmargin-Default.svg) 50% 0% / auto 2rem no-repeat;
        margin-bottom:0.5rem;

    }
    .guide-mobile-navigator .navigator-toggle:hover{
        background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/HamburgerMenuWmargin-Hover.svg) 50% 0% / auto 2rem no-repeat;

    }
}
@media (max-width : 767px){
    .tab-navigators.tab-navigators-mobile > li.wizard-tab-disabled > a, .tab-navigators.tab-navigators-mobile > li.wizard-tab-disabled > a:hover{
        opacity:0.5;

    }
    .tab-navigators.tab-navigators-mobile > li > a{
        color:#666666;
        background:#e6e6e6;
        padding-left:1rem;
        width:100%;
        padding-right:1rem;
        padding-top:1rem;
        padding-bottom:1rem;
        text-decoration: none;
    }
    .tab-navigators.tab-navigators-mobile > li.active > a, .tab-navigators.tab-navigators-mobile > li.active.stepped > a{
        background:#666666;
        color:#FFFFFF;

    }
    .tab-navigators.tab-navigators-mobile > li > a:hover{
        background:#cccccc;
        color:#666666;

    }
}
@media (max-width : 767px){
    .mobileScrollIndicator{
        display:block;
        z-index:55;
        position:fixed;
        bottom:20px;
        right:0px;
        width:3rem;
        height:5rem;
        background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/ScrollDown.svg) left top / 1.5rem 1.5rem no-repeat;

    }
}
@media (max-width : 767px){
    .guide-header-bar{
        background:#e6e6e6;
        color:#ffffff;
        padding-left:0.5rem;
        text-transform:uppercase;
        position:static;
        top:0px;

    }
}
@media (max-width : 767px){
    .guide-header-bar .guide-breadcrumb{
        float:left;
        color:#666666;
        margin-right:1rem;
        line-height:2.5rem;
        margin-bottom:0px;
        margin-top:0px;
        margin-left:0px;

    }
}
.accordion-navigators .guideHeader > a:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right-Hover.svg) 0.5rem 50% / auto 1rem no-repeat,#f0f0f0;
    color:#666666;

}
.accordion-navigators .active > .guideHeader > a, .accordion-navigators .active .guideHeader > a:hover{
    color:#666666;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Active.svg) 0.5rem 50% / auto 1rem no-repeat,#f5f5f5;
    border-left-width:2px;
    border-bottom-width:0px;
    border-top-width:2px;
    border-right-width:2px;
    border-style:solid;
    border-color:#cccccc;

}
.accordion-navigators .guideHeader > a{
    display:block;
    border-style:solid;
    border-top-width:2px;
    border-left-width:2px;
    border-right-width:2px;
    border-color:#cccccc;
    padding-bottom:1rem;
    padding-left:2rem;
    padding-top:1rem;
    padding-right:1rem;
    font-size:0.875rem;
    text-decoration:none;
    color:#969696;
    cursor:pointer;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right.svg) 0.5rem 50% / auto 1rem no-repeat,#f1f1f1;
    border-bottom-width:2px;

}
.accordion-navigators .guideHeader .repeatableButtons > button.Add:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Add{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .guideHeader .repeatableButtons button.Add{
    border:none;
    width:1.5rem;
    height:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Add-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .guideHeader .repeatableButtons button.Remove:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Delete-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Remove{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Delete-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .guideHeader .repeatableButtons button.Remove{
    border:none;
    width:1.5rem;
    height:1.5rem;
    margin-left:0.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Delete-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.guideGridFluidLayout{
    color:#666666;

}
.guideTabbedPanelLayout{
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-style:solid;
    border-color:#08b1cf;

}
.afTabLeftPanel{
    padding-left:3.5rem;
    padding-bottom:1rem;
    padding-right:3.5rem;
    padding-top:1rem;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-style:solid;
    background:#fafafa;
    border-color:#e6e6e6;

}
@media (max-width : 991px){
    .afTabLeftPanel{
        border-top-width:0px;

    }
}
@media (max-width : 767px){
    .afTabLeftPanel{
        padding-top:0.5rem;
        padding-right:0.5rem;
        padding-left:0.5rem;
        border-top-width:1px;
        background:#ffffff;

    }
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    list-style:none;
    cursor:pointer;
    overflow:hidden;
    background:#f1f1f1;
    border-left-width:1px;
    border-bottom-width:0px;
    border-top-width:1px;
    border-right-width:0px;
    border-color:#e6e6e6;
    border-style:solid;

}
@media (max-width : 991px){
    .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical{
        border-right-width:1px;

    }
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover{
    color:#666666;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Tick_Hover.svg) 0.5rem 50% / 0.8125rem auto no-repeat,#e6e6e6;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover{
    color:#ffffff;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Tick.svg) 0.5rem 50% / 0.8125rem auto no-repeat,#888888;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon{
    color:#666666;
    width:calc(100% - 35px);
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    display:block;
    padding-bottom:1rem;
    padding-left:2rem;
    padding-top:1rem;
    padding-right:0.25rem;
    text-decoration:none;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-color:#e6e6e6;
    border-style:solid;
    background:#F1F1F1;
    box-sizing : content-box;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover{
    color:#666666;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/DoubleTick.svg) 0.5rem 50% / 0.8125rem auto no-repeat,#FFFFFF;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/DoubleTick.svg) 0.5rem 50% / 0.8125rem auto no-repeat,#FFFFFF;
    border-left-width:4px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    color:#666666;
    border-color:#969696;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon{
    background:#FFFFFF;
    color:#666666;
    border-left-width:4px;
    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;

}
.guideVerticalTabbedPanelLayout .tab-navigators{
    margin-bottom:0.5rem;
    overflow:hidden;
    border-style:solid;
    border-bottom-width:1px;
    border-color:#e6e6e6;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    width:100%;
    list-style: none;
}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon:hover{
    color:#666666;
    background:rgba(255,255,255,0);
    border-style:solid;
    border-left-width:0px;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:0px;
    border-color:rgba(150,150,150,0.5);

}
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon, .guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon,.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped.active > a.guideTopNavIcon, .guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped.active > a.guideTopNavIcon, .guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon:hover, .guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon:hover{
    color:#666666;
    border-left-width:0px;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:0px;
    border-color:#666666;
    border-style:solid;

}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon{
    color:#969696;
    padding-right:0px;
    margin-right:3rem;
    padding-top:.75rem;
    padding-bottom:.75rem;
    margin-left:0px;
    padding-left:0px;
    background:rgba(255,255,255,0);

}
.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped > a.guideTopNavIcon,.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped > a.guideTopNavIcon{
    color:#969696;

}
.wizard-navigators{
    padding-bottom:.5rem;
    padding-left:0px;
    padding-top:.5rem;
    padding-right:0px;
    list-style-type:none;
    font-size:16px;
    overflow:hidden;
    white-space:nowrap;
    cursor:default;
    text-transform:uppercase;
    /* counter-reset:item; */
    margin-left:0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-right:0px;

}
@media (max-width : 767px){
    .wizard-navigators{
        margin-left:1rem;
        margin-right:1rem;

    }
}
.wizard-navigators > li > a:hover{
    color:#969696;
    text-decoration: none;
}
.wizard-navigators > li > a:hover::before{
    color: #969696;
    border-color: #969696;
}
.wizard-navigators > li.active > a, .wizard-navigators > li.active.stepped > a, .wizard-navigators > li.active > a:hover{
    color:#666666;

}
.wizard-navigators > li.active > a::before, .wizard-navigators > li.active.stepped > a::before, .wizard-navigators > li.active > a:hover::before{
    background-color: #666666;
    border-color: #666666;
    color: #ffffff;
    outline: 2px;
}
.wizard-navigators > li > a{
    display:inline-block;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-style:solid;
    border-color:#000000;
    position:relative;
    /* counter-increment:item; */
    border-top-right-radius:200px;
    border-bottom-right-radius:200px;
    border-bottom-left-radius:0px;
    border-top-left-radius:0px;
    color:#969696;
    text-transform:capitalize;
    font-size:0.875rem;
    line-height:1.5rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wizard-navigators > li > a::before{
    /* content: counter(item); */
    float: left;
    bottom: 0px;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 0.75rem;
    padding: auto;
    color: #cccccc;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.35rem;
    border-style: solid;
    border-width: 2px;
    border-color: #cccccc;
    margin-right: 10px;
}
.wizard-navigators > li.stepped > a{
    color:#969696;

}
@media (max-width : 767px){
    .wizard-navigators > li > a{
        margin-right:4rem;

    }
}
.wizard-navigators > li.active .indicator, .wizard-navigators > li.active.stepped .indicator, .wizard-navigators > li.active:hover .indicator{
    display:none;
    border-bottom-color : #0079c1;
}
.wizard-navigators > li .indicator{
    width:0px;
    height:0px;
    border-style:solid;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    margin-top:-39px;
    z-index:20;
    border-left-width:8px;
    border-bottom-width:8px;
    border-right-width:8px;
    border-top-width:8px;
    border-color:rgba(255,255,255,0);
    display:none;
    margin-left:6px;
    border-bottom-color : #999999;
}
.wizard-navigators > li.stepped .indicator{
    display:none;
    border-bottom-color : #02874e;
}
.wizard-navigators > li:hover .progress{
    background:#ABB7B7;

}
.wizard-navigators > li.active .progress{
    background:#ABB7B7;
}
.wizard-navigators > li .progress{
    height:1px;
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    background:#cccccc;
    display:block;
    align-self: flex-end;
    margin-right:3px;
    margin-bottom:5px;
    box-shadow:50px 36px 75px 80px rgba(127,127,127,0) inset;

}
.wizard-navigators > li.stepped .progress{
    background:#969696;

}
.wizard-nav-arrow.wizard-nav-next:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right-White.svg) center center / 1rem 1rem no-repeat,#666666;
    border-color:#666666;

}
.wizard-nav-arrow.wizard-nav-next{
    height:2.5rem;
    cursor:pointer;
    margin-top:4.25rem;
    float:right;
    width:2.5rem;
    margin-right:1rem;
    position:absolute;
    border-left-width:2px;
    border-bottom-width:2px;
    border-top-width:2px;
    border-right-width:2px;
    border-style:solid;
    border-color:#969696;
    border-bottom-right-radius:1.5rem;
    border-bottom-left-radius:1.5rem;
    border-top-left-radius:1.5rem;
    border-top-right-radius:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
    right:2%;
    cursor : pointer;
}
@media (max-width : 767px){
    .wizard-nav-arrow.wizard-nav-next{
        display:none;

    }
}
.wizard-nav-arrow.wizard-nav-prev:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left-White.svg) center center / 1rem 1rem no-repeat,#969696;

}
.wizard-nav-arrow.wizard-nav-prev{
    cursor:pointer;
    height:2.5rem;
    margin-top:4.25rem;
    float:right;
    right:10%;
    width:2.5rem;
    border-left-width:2px;
    border-bottom-width:2px;
    border-top-width:2px;
    border-right-width:2px;
    border-style:solid;
    border-color:#969696;
    border-bottom-right-radius:1.5rem;
    border-bottom-left-radius:1.5rem;
    border-top-left-radius:1.5rem;
    border-top-right-radius:1.5rem;
    position:absolute;
    margin-right:0.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
    cursor : pointer;
}
@media (max-width : 767px){
    .wizard-nav-arrow.wizard-nav-prev{
        display:none;

    }
}
.guide-tab-scroller.guide-tab-scroller-next:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right-Hover.svg) center center / 1rem 1rem no-repeat;

}
.guide-tab-scroller.guide-tab-scroller-next{
    cursor:pointer;
    height:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
    margin-top:0.5rem;
    display:block;

}
@media (max-width : 991px){
    .guide-tab-scroller.guide-tab-scroller-next{
        display:block;

    }
}
.guide-tab-scroller.guide-tab-scroller-previous:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left-Hover.svg) center center / 1rem 1rem no-repeat;

}
.guide-tab-scroller.guide-tab-scroller-previous{
    cursor:pointer;
    height:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
    display:block;
    margin-top:0.5rem;
    visibility : none;
}
@media (max-width : 991px){
    .guide-tab-scroller.guide-tab-scroller-previous{
        display:block;

    }
}
.guideTableRuntimeAddControl:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Add-Hover.svg) center center / 1.2rem 1.2rem no-repeat;

}
.guideTableRuntimeAddControl{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Add-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    width:1.5rem;
    height:1.5rem;
    display:inline-block;
    margin-bottom:1rem;
    margin-top:1rem;
    margin-left:1rem;
    cursor : pointer;

}
.guideTableRuntimeEditControl:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Table-Edit-Hover.svg) center center / 1.2rem 1.2rem no-repeat;

}
.guideTableRuntimeEditControl{
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Table-Edit-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    margin-left:1rem;
    margin-bottom:1rem;
    margin-top:1rem;
    margin-right:1rem;
    cursor : pointer;

}
.guideTableRuntimeDeleteControl:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Delete-Hover.svg) center center / 1.2rem 1.2rem no-repeat;

}
.guideTableRuntimeDeleteControl{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Accordion-Delete-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    width:1.5rem;
    height:1.5rem;
    margin-top:1rem;
    display:inline-block;
    margin-bottom:1rem;
    margin-right:1rem;
    margin-left:1rem;
    cursor : pointer;

}
.guideToolbarNode{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
    height:2.85rem;
    padding-top:0.125rem;
    padding-bottom:0.125rem;

}
@media (max-width : 767px){
    .guideToolbarNode{
        position:fixed;
        bottom:0px;
        width:100%;
        margin-top:0px;
        margin-bottom:0px;
        padding-right:1rem;
        padding-left:1rem;
        height:3.55rem;
        padding-top:0.25rem;
        padding-bottom:0.25rem;
        border-left-width:0px;
        border-bottom-width:0px;
        border-top-width:1px;
        border-right-width:0px;
        border-style:solid;
        border-color:#e6e6e6;
        background:rgba(255,255,255,0.8);

    }
}
button.fileattachmentlisting .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/fileattachmentlisting-ip.png) center top / contain no-repeat;

}
button.moveNext .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Right-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev:not(.af-icon-button):hover .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev:not(.af-icon-button):active .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Left-Hover.svg) center center / auto 1.3rem no-repeat;

}
button.reset:not(.af-icon-button):focus .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat;

}
button.reset:not(.af-icon-button):hover .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#666666;

}
button.reset:not(.af-icon-button):active .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#555555;
    border-color:#555555;

}
button.reset .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Reset.svg) center center / auto 1.2rem no-repeat;

}
button .iconButton-icon{
    display:none;
    width:1.5rem;
    height:1.5rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Save.svg) center center / auto 1.2rem no-repeat;

}
button.submit:not(.af-icon-button):focus .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#666666;

}
button.submit:not(.af-icon-button):hover .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
    border-color:#555555;

}
button.submit:not(.af-icon-button):active .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
    border-color:#555555;

}
button.submit .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat;

}
@media (max-width : 767px){
    .afToolbarButton .guidebutton button .iconButton-label{
        display:none;

    }
}
@media (max-width : 767px){
    .afToolbarButton .guidebutton button .iconButton-icon{
        display:block;

    }
}
.guideContainerWrapperNode .tooltip.bottom .tooltip-inner{
    background:rgba(0,0,0,0.7);
    max-width:350px;
    color:#FFFFFF;
    text-align:center;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    width:auto;
    text-decoration: none;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
}
.guideContainerWrapperNode .tooltip.bottom .tooltip-arrow {
    border-bottom-color:rgba(0,0,0,0.7);
}
.guideFieldError{
    padding-top:0.25rem;
    color:rgb(235,60,54);
    margin-left:0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-right:0px;
    font-size:0.875rem;
    padding-bottom:0.25rem;

}
.guideFieldWidget.guideDateInputWidget .comb-datefield label{
    font-size:0.75rem;
    text-transform:uppercase;
    padding-bottom:0px;
    padding-right:0px;
    padding-top:0px;
    padding-left:0px;
    margin-left:0px;
    margin-bottom:0.125rem;
    margin-top:0.5rem;
    margin-right:0px;
    color:#888888;

}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-month{
    text-transform:uppercase;
    width:3.625rem;
    padding-bottom:auto;
    padding-right:auto;
    padding-top:auto;
    padding-left:auto;
    text-align:center;

}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-day{
    width:3.625rem;
    text-align:center;
    padding-left:auto;
    padding-bottom:auto;
    padding-top:auto;
    padding-right:auto;

}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-year{
    width:4rem;
    text-align:center;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical{
    border-left-width:0px;
    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;

}
.afToolbarButton .guidebutton button:not(.af-icon-button){
    margin-right:0.5rem;
    margin-left:0px;

}
.afToolbarButton {
    display:inline-block;
}
.guideFieldDescription.short{
    font-size:.875rem;
    color:#969696;

}
.guideTableNode table .guideTableRowNode.guideTableHeader th {
    background:#a5a5a5;
    font-weight:bold;
    border-right-style: solid;
    border-top-style: solid;
    border-width: thin;
    border-color: white;
    height:3.575rem;
    color:rgb(255, 255, 255);
    text-align:left;

}

.guideTableNode table .guideTableRowNode.guideTableHeader th .sortingButton.asc{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Triangle_Asc.png) 50% 40% / 9px 7px no-repeat;
    right:1rem;
    position:absolute;
    top:calc(50% - 9px);
    outline:0;
    border: 0;
    padding-bottom: .625rem;
    padding-left: 1rem;
    padding-top: .625rem;
    padding-right: .630rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    cursor: pointer;
}

.guideTableNode table .guideTableRowNode.guideTableHeader th .sortingButton.desc{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Triangle_Desc.png) 50% 40% / 9px 7px no-repeat;
    right:1rem;
    position:absolute;
    top:calc(50% - 9px);
    outline:0;
    border: 0;
    padding-bottom: .625rem;
    padding-left: 1rem;
    padding-top: .625rem;
    padding-right: .630rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    cursor: pointer;
}

.guideTableNode table .guideTableRowNode.guideTableHeader th .sortingButton.random{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Triangle_Random.png) 50% 40% / 9px 18px no-repeat;
    right:1rem;
    position:absolute;
    top:calc(50% - 9px);
    outline:0;
    border: 0;
    padding-bottom: .625rem;
    padding-left: 1rem;
    padding-top: .625rem;
    padding-right: .630rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    cursor: pointer;
}

.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(even),.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(odd){
    background:#a5a5a5;
    border-bottom-style:solid;
    border-bottom-width:3px;
    height: 4.375rem;
}
.guideTableNode table td{
    text-align:left;
    border-right-style: solid;
    border-top-style: solid;
    border-width:thin;
    border-color: white;
    height: 4.375rem;
}
.guideTableNode table{
    border-style:hidden;
    border-color:#ffffff;
    border-width:3px;
    margin-top:0.25rem;
    margin-left:0.75rem;
    margin-right:0.75rem;
    max-width:calc(100% - 1.5rem);
    margin-bottom:0.75rem;

}
.guideTableNode table tbody:nth-of-type(even) tr, .guideTableNode table tbody tr:nth-of-type(even){
    background:#f0f0f0;

}
.guideTableNode div.guidePanelDescription{
    color:#666666;
    margin-left:0.75rem;
    margin-right:0.75rem;

}
.guideTextDraw.guideStaticText{
    padding-left:0;
    padding-right:0.75rem;
    min-height: 22px;
}
@media (max-width : 991px){
    .guideLayout.guideVerticalTabbedPanelLayout{
        padding-left:0rem;
        padding-right:0rem;

    }
}
@media (max-width : 767px){
    .guideLayout.guideVerticalTabbedPanelLayout{
        padding-right:0px;
        padding-left:0px;

    }
}
.guideAccordionLayout{
    border-left-width:2px;
    border-bottom-width:2px;
    border-top-width:2px;
    border-right-width:2px;
    border-style:hidden;
    border-color:#ffffff;

}
hr{
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    opacity:1;
    border-style:solid;
    border-color:rgba(0,0,0,0.15);
    margin-right:0.75rem;
    margin-left:0.75rem;

}
.guideWizardLayout{
    background:#fafafa;
    padding-top:0.5rem;
    border-color:#e6e6e6;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;

}
@media (max-width : 767px){
    .guideWizardLayout{
        border-left-width:0px;
        border-bottom-width:0px;
        border-top-width:0px;
        border-right-width:0px;
        padding-top:0px;
        background:#ffffff;

    }
}
button.moveNext:not(.af-icon-button){
    color:#ffffff;
    background:#666666;

}
@media (max-width : 767px){
    button.moveNext:not(.af-icon-button){
        padding-right:0.625rem;
        padding-left:0.625rem;

    }
}


@media (max-width : 767px){
    button.submit:not(.af-icon-button){
        padding-left:0.625rem;
        padding-right:0.625rem;

    }
}
.guideFieldWidget.dateTimeEdit input{
    font-family:Arial;

}
.afWizardPanel{
    padding-bottom:4rem;
    padding-right:0;
    padding-top:0;
    width:100% !important;
    background-color: #fff;

}
@media (max-width : 767px){
    .afWizardPanel{
        padding-left:0.5rem;
        padding-right:0.5rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;

    }
}
@media (max-width : 767px){
    button.reset:not(.af-icon-button){
        padding-left:0.625rem;
        padding-right:0.625rem;
        border-left-width:2px;
        border-bottom-width:2px;
        border-top-width:2px;
        border-right-width:2px;
        border-style:solid;
        border-color:rgba(255,255,255,0);

    }
}
button:not(.af-icon-button):focus{
    background:#666666;
    color:#ffffff;

}
button:not(.af-icon-button):hover{
    background:#666666;
    color:#ffffff;

}
button:not(.af-icon-button):active{
    color:#ffffff;
    background:#555555;
    border-color:#555555;

}
button:not(.af-icon-button),input[type='button']{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    border-style:solid;
    border-top-width:2px;
    border-left-width:2px;
    border-bottom-width:2px;
    border-right-width:2px;
    padding-bottom:.625rem;
    padding-left:1rem;
    padding-top:.625rem;
    padding-right:1rem;
    font-size:14px;
    border-bottom-left-radius:1.5rem;
    border-bottom-right-radius:1.5rem;
    border-top-right-radius:1.5rem;
    border-top-left-radius:1.5rem;
    line-height:normal;
    background:rgba(255,255,255,0);
    color:#666666;
    border-color:#666666;
    cursor: pointer;
}
[data-disabled='true'] button:not(.af-icon-button){
    background:#bebebe;
    color:#e6e6e6;

}
.afTabTopPanel{
    padding-bottom:1rem;
    padding-top:1rem;
    padding-right:3rem;
    padding-left:5.3rem;

}
@media (max-width : 991px){
    .afTabTopPanel{
        padding-right:0px;
        padding-left:0px;

    }
}
@media (max-width : 767px){
    .afTabTopPanel{
        padding-left:0.5rem;
        padding-right:0.5rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;

    }
}
.guide-tnc-checkbox .guideWidgetLabel label{
    font-size:0.875rem;
    color:#888888;
    cursor: pointer;
}
.afAccordionPanel{
    padding-left:3.5rem;
    padding-bottom:1rem;
    padding-right:3.5rem;
    padding-top:1rem;
    border-style:solid;
    border-left-width:2px;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:2px;
    border-color:#cccccc;
    background:#f5f5f5;

}
@media (max-width : 767px){
    .afAccordionPanel{
        padding-left:0px;
        padding-bottom:0px;
        padding-top:0px;
        padding-right:0px;

    }
}
.guide-tnc-checkbox{
    margin-top:0px;

}
.guideAccordionDescription.guidePanelDescription{
    margin-bottom:1.5rem;
    font-size:1.25rem;
    color:#666666;

}
@media (max-width : 767px){
    .guideAccordionDescription.guidePanelDescription{
        margin-bottom:0.5rem;
        margin-top:0.25rem;

    }
}
.afCheckBoxItem{
    cursor: pointer;
}
.afRadioButtonItem{
    cursor: pointer;
}
@media (max-width : 767px){
    button.movePrev:not(.af-icon-button){
        padding-right:0.625rem;
        padding-left:0.625rem;

    }
}
button.save:not(.af-icon-button):focus .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat;

}
button.save:not(.af-icon-button):hover .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat,#666666;

}
button.save:not(.af-icon-button):active .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat,#555555;

}
button.save .iconButton-icon{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Save.svg) center center / auto 1.3rem no-repeat;

}
@media (max-width : 767px){
    button.save:not(.af-icon-button):active .iconButton-icon{
        border-color:#555555;

    }
}
@media (max-width : 767px){
    button.save:not(.af-icon-button){
        padding-left:0.625rem;
        padding-right:0.625rem;
        border-right-width:2px;
        border-bottom-width:2px;
        border-left-width:2px;
        border-top-width:2px;
        border-style:solid;
        border-color:rgba(255,255,255,0);

    }
}
.guideSummaryComponent{
    text-align:center;
    max-width:100%;
    position:relative;
    height:500px;
    border-top-width:1px;
    border-right-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-style:solid;
    overflow:auto;

}
.guideVerifyComponent{
    text-align:center;
    max-width:100%;
    position:relative;
    height:540px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-width:1px;
    border-style:solid;
    overflow:auto;

}
.guideESignComponent{
    text-align:center;
    position:relative;
    height:540px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-width:1px;
    border-style:solid;
    overflow:auto;
    max-width:100%;

}
.adobeSignBlockText{
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    padding-left:0.5rem;
    padding-right:0.5rem;
    background:rgba(0,0,0,0.02);
    border-color:rgba(0,0,0,0.15);

}
.guideAdModule{
    padding-right:0.75rem;
    padding-left:0.75rem;

}
.guideAdModuleGroup{
    padding-right:0.75rem;
    padding-left:0.75rem;
}
.afFooter{
    width:100%;
    text-align:center;
    background:#e6e6e6;
    margin-top:4rem;
    padding-top:.5em;
    padding-bottom:.5rem;
    box-sizing : content-box;

}
@media (max-width : 767px){
    .afFooter{
        margin-bottom:3.55rem;

    }
}
.guideTextDraw.footerText{
    color:#969696;
    font-size:0.75em;

}
.afHeader{
    color:#969696;
    top:0px;
    right:0px;
    left:0px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    height:90px;
    vertical-align:text-top;
    background:#f5f5f5;
    border-color:#e6e6e6;
    margin-bottom:1rem;
    border-style:solid;

}
@media (max-width : 767px){
    .afHeader{
        height:64px;
        padding-left:1rem;
        padding-right:1rem;

    }
}
.guideimage .logoImage img{
    height:3.75rem;
    margin-top:0.9375rem;
    margin-left:0px;
    width:auto;
    max-width:100%;

}
@media (max-width : 767px){
    .guideimage .logoImage img{
        height:35px;

    }
}
.guideTextDraw.headerText{
    font-size:1.125rem;
    color:#555555;
    vertical-align:top;
    height:70px;

}
@media (max-width : 767px){
    .guideTextDraw.headerText{
        height:49px;
        padding-left:0px;

    }
}


.guideImage img{
    height:auto;
    max-height:100%;
    margin-right:0.75rem;
    margin-left:0.75rem;
    margin-top:1rem;
    width:inherit;
    max-width:calc(100% - 1.5rem);
}
@font-face {
    font-family: 'LexiaLight';
    font-style: normal;
    font-weight: normal;
    src: local('Lexia'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexialight-webfont.woff') format('woff');
}
@font-face {
    font-family: 'LexiaBold';
    font-style: normal;
    font-weight: normal;
    src: local('Lexia Bold'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexiabold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'LexiaItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Lexia Italic'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexiaitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: 'LexiaThinItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Lexiathinitalic'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexiathinitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: 'LexiaThin';
    font-style: normal;
    font-weight: normal;
    src: local('Lexiathin'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexiathin-webfont.ttf') format('woff');
}
@font-face {
    font-family: 'LexiaLightItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Lexialightitalic'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/lexialightitalic-webfont.woff') format('woff');
}
@font-face {
    font-family: 'LexiaBoldItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Lexiabolditalic'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/Lexia-Bold-Italic.otf') format('woff');
}
@font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/HelveticaNeue-Medium.otf') format('woff');
}
@font-face {
    font-family: 'Helvetica Neue Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue Bold'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/HelveticaNeuBold.ttf') format('woff');
}
@font-face {
    font-family: 'Helvetica Neue Light';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue Light'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/HelveticaNeueLight.ttf') format('woff');
}
@font-face {
    font-family: 'az-webfont';
    font-style: normal;
    font-weight: normal;
    src: local('az-webfont'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.woff2') format('woff2');
}

@font-face {
	font-family: "az-webfont";
    src: url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.eot?#iefix") format("embedded-opentype"), 
    url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.woff2") format("woff2"), 
    url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.woff) format("woff"), 
    url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.ttf) format("truetype"), 
    url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/az-webfont.svg?aa018cd527d95b009ea58953541f0d95#az-webfont") format("svg");
	font-weight: 400;
	font-style: normal
}

body{
    font-family:"Helvetica Neue", Helvetica, sans-serif;
    line-height:1.42857143;
    margin-left:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-top:0px;

}
.guideChart{
    height:100%;
    width:inherit;
    max-width:100%;
    max-height:100%;

}
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    background: none;
}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart), .date-panel-description, .eventDuration {
    /* margin-top:25px; */
    padding-left:0.5rem;
    padding-right:0.75rem;
    border-left-width:0.25rem;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:rgba(255,255,255,0);
    padding-top:0.5rem;
    margin-bottom:0.25rem;

}

/* vertical spacing exemptions  */
.guideFieldNode.inputWithUnits,
.guideFieldNode.age,
.guideFieldNode.ageGroup,
.guideFieldNode.rolesSelection,
.guideCheckBoxGroup[class*="seriounessCriteria_"],
.guideFieldNode.productChkBox,
.guideFieldNode.eventChkBox,
.guideFieldNode.complaintDetailsInput,
.guidePanelNode.multi-text-chkbox .guideFieldNode.guideCheckBoxGroup,
.guideFieldNode.employeeRoleSelection {
    margin-top: 0.25rem !important;
}
.guidePanelNode.multi-text-chkbox .guideFieldNode.guideCheckBoxGroup {
    margin-bottom: 0 !important;
}

/* vertical spacing exemptions - specific  */
.eventAddiInfoRadioButtonsPanel .guideradiobutton > .guideFieldNode.guideCheckBox {
    /* margin-top: 16px !important; */
    margin-top: 15px !important;
}
.guideFieldNode.productActionTaken,
.guideFieldNode.ethnicityCode,
.guideFieldNode.previousPregnanciesDetails  {
    margin-top: 32px !important;
}
.guideFieldNode.productActionTaken {
    margin-top: 35px !important;
}
.guidePanelNode.admissionDate_panel,
.guidePanelNode.deathDate_panel,
.guidePanelNode.startDate_panel {
    margin-top: 0;
}
/*Start Date Panel in PQC Form */
.defectDetailsPanel .guidePanelNode.startDate_panel {
    /* margin-top: 25px !important; */
    margin-top: 15px !important;
}

/** removing vertical left borders for fields that are validation success or failure */
.guideTextBox.validation-success, .guideTextBox.validation-failure,
.guideDropDownList.validation-success, .guideDropDownList.validation-failure,
.guideCheckBox.validation-success, .guideCheckBox.validation-failure,
.guideNumericBox.validation-success, .guideNumericBox.validation-failure,
.guideDatePicker.validation-success, .guideDatePicker.validation-failure,
.guideCheckBoxGroup.validation-success, .guideCheckBoxGroup.validation-failure,
.guideFieldNode.validation-success, .guideFieldNode.validation-failure {
    border-color: transparent !important;
}

/* recaptcha specific styles  */
.guideFieldNode.ampReCaptcha {
    padding: 0 !important;
    border: none !important;
    float: right;
}

.guideFieldDescription.long{
    margin-bottom:0.25rem;
    margin-right:0px;
    margin-left:0px;
    margin-top:0.25rem;
    clear:both;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    display:none;
    font-size:0.875rem;
    color:#666666;
    background:rgba(0,0,0,0.05);
    padding-left:1rem;
    padding-bottom:0.125rem;
    padding-top:0.125rem;
    padding-right:1rem;
    border-left-color : #007fa2;
    transition: all 2s;
}

/* tooltip styling */
.tooltip-field .guideFieldDescription.long,
.tooltip-field .guidePanelDescription.long {
    position: absolute;
    font-size: 13px;
    z-index: 2;
    background: #000000;
    color: #ffffff;
    max-width: 144px;
    padding: 0 9px;
    text-align: left;
}

.tooltip-field .guideFieldDescription.long::after,
.tooltip-field .guidePanelDescription.long::after {
    content: " ";
    position: absolute;
    bottom: -30px;
    left: calc(50% + 5px);
    margin-left: 0px;
    border-width: 15px 5px;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
}
.tooltip-field .guidePanelDescription.guideGridFluidDescription {
    position: relative;
}

.whitespace-nowrap .guidePanelDescription {
    white-space: nowrap;
}

.whitespace-nowrap .guidePanelDescription .guidePanelDescription.long {
    white-space: normal;
}

.date-panel-description .guidePanelDescription.long {
    bottom: 35px;
    left: 0;
    z-index: 3;
}

/* tooltip positioning specific to field  */
.seriounessCriteria_medicalEvent .guideFieldDescription.long {
    bottom: 65px;
    right: 0;
}
.seriounessCriteria_medicalEvent .guideHelpQuestionMark {
    right: 25px;
}
.guidePanelNode.startDate_panel .guidePanelDescription.long {
    bottom: 35px;
    left: 2px;
}
.guidePanelNode.endDate_panel .guidePanelDescription.long {
    bottom: 35px;
    left: -5px;
}
.guidePanelNode.deathDate_panel .guidePanelDescription.long {
    bottom: 35px;
    left: 40px;
}
.guideRadioButtonItem.demographicsAgeSelection .guideFieldDescription.long {
    bottom: 40px;
    right: 0;
}
.guideRadioButtonItem.demographicsAgeSelection .guideFieldDescription.long::after {
    right: 10px;
    left: auto;
}
.guidePanelNode.deathDate_panel .guidePanelDescription.long::after {
    left: calc(50% + 15px);
}

/* adding padding right to birthdate toggle button to make space before questiomark icon  */
.guideFieldNode.demographicsAgeSelection > .guideRadioButtonGroupItems > div.guideRadioButtonItem:first-child > .guideWidgetLabel.right {
    padding-right: 10px;
}

label{
    color:#666666;
    line-height:1.42857143;
    font-size:1rem;
    font-weight:normal;
    margin-bottom:2px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;

}
.guideFieldLabel {
    width:auto;
    display:block;
}
input,select,textarea,.guideScribble img,.afTermsAndConditions{
    border-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
    border-top-right-radius:5px !important;
    border-top-left-radius:5px !important;
    border-color:#cccccc;
    height:2.5rem;
    color: #3F4444;
    font-size: 13px !important;
    padding-bottom:0.625rem;
    padding-left:5px;
    padding-top:0.625rem;
    padding-right:5px;
    background:#ffffff;

}

.guideRadioButtonItem:not(.radio_toggle) {
    border-top-right-radius:5px !important;
    border-top-left-radius:5px !important;
}
.guideFieldWidget:not(.guideFieldButtonWidget) {
    width:100%;
    display:block;
}
.guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
    width:100%;
    display:block;
}
.guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
    display: flex;
    flex-wrap: wrap;
}
.guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle) {
    width: 45%;
    margin-right: 0;
    margin-bottom: 15px;
}
.guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle):nth-child(odd) {
    margin-right: 10px;
}
.guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle):nth-child(even) {
    margin-left: 10px;
}
.guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch):before,
.guideCheckBox.previousAdminstrator .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch):before{
    display: none;
}
.guideCheckBox.previousAdminstrator .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .guideRadioButtonItem.previousAdminstrator {
        margin-bottom: 20px;
    }
    .guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle) {
        width: 100%;
    }
    .guideCheckBox.pqcAdminstrator .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle):nth-child(even) {
        margin-left: 0;
    }
}
.afCheckBoxItem .guideWidgetLabel label{
    margin-left:0;
    color:#3F4444;
    margin-right:0;
    vertical-align:middle;
    cursor: pointer;
    padding-left: 6px;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0;
}
.guideCheckBoxItem .guideWidgetLabel {
    display: inline-block;
    width: calc(100% - 25px);
}
.guideFieldWidget.guideNumericStepper{
    width:40%;
    min-width:200px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-color:#cccccc;
    background:#FFFFFF;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;

}
.guideFieldWidget.guideNumericStepper input[type='text'].ui-spinner-input{
    width:calc(100% - 5rem);
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    text-align:center;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down{
    width:2.5rem;
    height:2.5rem;
    display:inline-block;
    float:left;
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus.svg) center center / 0.75rem 0.75rem no-repeat;
    cursor : pointer;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up {
    width:2.5rem;
    height:2.5rem;
    float:right;
    display:inline-block;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus.svg) center center / 0.75rem 0.75rem no-repeat;
    cursor : pointer;

}
.guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
    display:block;
    width:100%;

}
.afRadioButtonItem .guideWidgetLabel label{
    margin: 0 !important;
    color:#3f4444 !important;
    font-size: 13px !important;
    vertical-align:middle;
    padding-left: 30px;
    cursor: pointer;
    font-weight: 400 !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-top: 5px;
}
.guideRadioButtonItem .guideWidgetLabel {
    float:none;
    height: auto;
    line-height: 25px;
    display: inline-flex;
}
.guideRadioButtonGroupItems .guideRadioButtonItem .guideFieldWidget {
    display: flex !important;
}
.guideRadioButtonItem:not(.radio_toggle) .guideWidgetLabel {
    vertical-align: top;
}
.XfaCheckBox input[type='radio']{
    float:none;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    padding-right:0px;
    padding-left:0px;
    width:auto;
    padding-bottom:0px;
    padding-top:0px;
    height:auto;
    cursor: pointer;
}
.multiline.textField textArea{
    height:80px;
    width: 100% !important;

}
.guideSwitch .ui-switchbutton-default.ui-state-active{
    background:rgba(0,0,0,0);
    font-weight:normal;

}
.guideSwitch .ui-switchbutton-default{
    height:24px;
    margin-top:5px;
    padding-bottom:0px;
    padding-top:0px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    border-color:#cccccc;

}
.guideSwitch .ui-switchbutton-default .ui-switchbutton-handle{
    background:linear-gradient(180deg,rgb(215,215,215),rgb(252,252,252));
    width:22px;
    height:22px;
    display:block;
    position:absolute;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-color:rgb(162,162,162);

}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-enabled{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-transform:uppercase;
    height:20px;
    padding-top:4px;
    display:block;
    margin-bottom:5px;
    margin-top:0px;
    overflow:hidden;
    position:absolute;
    color:rgb(255,255,255);
    background:rgb(84,180,107);

}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-disabled{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    text-transform:uppercase;
    height:20px;
    padding-top:4px;
    padding-right:0px;
    display:block;
    margin-bottom:5px;
    margin-top:0px;
    overflow:hidden;
    position:absolute;
    color:rgb(124,124,124);
    background:#e6e6e6;

}
.guideFieldWidget.afTermsAndConditions{
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;

}
.guide-tnc-checkboxwidget input[type='checkbox']{
    margin-left:0.5rem;
    margin-right:0.5rem;
    width:1rem;

}
.afTncContentArea{
    background:#ffffff;
    overflow:auto;
    border-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-color:#cccccc;
    margin-bottom:0.25rem;
    padding-left:1rem;
    padding-right:1rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
    font-size:0.875rem;
    line-height:1.6;
    color:#969696;
    max-height:160px;

}
.guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel, .guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel {
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/ImageChoiceSelectIcon.svg) center center no-repeat,rgba(23,107,230,0.5);

}
.afTncContentArea.guide-modal-body{
    margin-left:20px;
    margin-bottom:20px;
    margin-right:20px;
    margin-top:20px;

}
.afTermsAndConditions .guide-modal-header{
    background:#AFB0B5;
    min-height:16.42857143px;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-top:15px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:#e5e5e5;

}
.dropDownList  select{
    height:2.5rem;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-color:#cccccc;
    padding-left:0.625rem;
    padding-bottom:0.625rem;
    padding-top:0.625rem;
    padding-right:0.625rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Down-Default.svg) calc(100% - 0.5rem) 50% / auto 1rem no-repeat,rgba(255,255,255,0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}
.guideFieldWidget.dropDownList {
    width:100%;
}
.guideformtitle,.guideTextDraw.guideformtitle{
    font-size:1.5rem;
    color:#666666;
    margin-bottom:0.8125rem;
    padding-left:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-right:0px;

}
.guideHelpQuestionMark:hover{
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/questionmark.svg) left top / cover no-repeat,#777777;

}
.guideHelpQuestionMark{
    position:absolute;
    top:8px;
    right:8px;
    width:1rem;
    height:1rem;
    border-bottom-right-radius:9px;
    border-bottom-left-radius:9px;
    border-top-left-radius:9px;
    border-top-right-radius:9px;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/questionmark.svg) center center / cover no-repeat,#d2d9e0;
    cursor : pointer;
    z-index: 3;
}
.demographicsAgeSelection.radio_toggle.tooltip-field .guideHelpQuestionMark {
	display:none;
}
.guidePanelDescription > .guideHelpQuestionMark{
    position:relative;
    left:5px;
    top:0px;

}
.guidePanelDescription.long{
    background:rgba(0,0,0,0.05);
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.125rem;
    padding-bottom:0.125rem;
    margin-left:0px;
    margin-right:0px;
    margin-top:0.25rem;
    color:#666666;
    font-size:0.875rem;
    border-bottom-right-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;

}
.guideGridFluidDescription.guidePanelDescription{
    margin-bottom:1.5rem;
    font-size:1.25rem;
    color:#666666;
    margin-left:0.75rem;
    margin-right:0.75rem;

}
.guideGridFluidLayout{
    color:#666666;

}
.guideTabbedPanelLayout{
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-style:solid;
    border-color:#08b1cf;

}
.afTabLeftPanel{
    padding-left:3.5rem;
    padding-bottom:1rem;
    padding-right:3.5rem;
    padding-top:1rem;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-style:solid;
    background:#fafafa;
    border-color:#e6e6e6;

}

.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-top:0px;
    padding-right:0px;
    list-style:none;
    cursor:pointer;
    overflow:hidden;
    background:#f1f1f1;
    border-left-width:1px;
    border-bottom-width:0px;
    border-top-width:1px;
    border-right-width:0px;
    border-color:#e6e6e6;
    border-style:solid;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover{
    display:none;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover{
    display: none;

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon{
    color:#666666;
    width:calc(100% - 35px);
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    display:block;
    padding-bottom:1rem;
    padding-left:2rem;
    padding-top:1rem;
    padding-right:0.25rem;
    text-decoration:none;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-color:#e6e6e6;
    border-style:solid;
    background:#F1F1F1;
    box-sizing : content-box;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover{
    display:none;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover{
    display: none;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon{
    background:#FFFFFF;
    color:#666666;
    border-left-width:4px;
    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;

}
.guideVerticalTabbedPanelLayout .tab-navigators{
    margin-bottom:0.5rem;
    overflow:hidden;
    border-style:solid;
    border-bottom-width:1px;
    border-color:#e6e6e6;
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    width:100%;
    list-style: none;
}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon:hover{
    color:#666666;
    background:rgba(255,255,255,0);
    border-style:solid;
    border-left-width:0px;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:0px;
    border-color:rgba(150,150,150,0.5);

}
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon:hover,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon:hover{
    color:#666666;
    border-left-width:0px;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:0px;
    border-color:#666666;
    border-style:solid;

}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon{
    color:#969696;
    padding-right:0px;
    margin-right:3rem;
    padding-top:.75rem;
    padding-bottom:.75rem;
    margin-left:0px;
    padding-left:0px;
    background:rgba(255,255,255,0);

}
.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped > a.guideTopNavIcon{
    color:#969696;

}
.afHeader{
    color:#969696;
    top:0px;
    right:0px;
    left:0px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    vertical-align:text-top;
    background:#f5f5f5;
    border-color:#e6e6e6;
    border-style:solid;
    height:50px;
    margin-bottom: 0;
    background-color: #fff;
}
.guideimage .logoImage img{
    height:3.75rem;
    margin-top:0.9375rem;
    margin-left:0px;
    width:auto;
    max-width:100%;

}
.headerLogo img{
    height: 1.625rem;
    width: 6.75rem;
    transform: translateY(12px);
}
.guideTextDraw.headerText{
    font-size:1.125rem;
    color:#555555;
    vertical-align:top;
    height:70px;

}

.guideFieldNode.guideTextDraw.welcomeTextDescription.guideStaticText.af-field-filled p,
.guideFieldNode.guideTextDraw.welcomeTitle.guideStaticText.af-field-filled h1{
    color: #fff;
}
.guideTextDraw.guideStaticText h1 {
    font-weight: 400;
    font-family: 'LexiaItalic';
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 32px;
}
.guideTextDraw.guideStaticText h3 {
    font-family: "LexiaBoldItalic";
    margin-bottom: 0;
    color: #5f6060;
    margin-bottom: 15px;
    margin-top: 45px;
    font-size: 20px;
}
input, select, textarea {
    font-family: inherit;
}

/* removing chevron for select box in IE  */
select::-ms-expand {
    display: none;
}

/* removing marging for h3 "Dates this event occured" as it is the first element in the panel */
.eventDetailPanel .dateText > h3 {
    margin-top: 0;
}
.guideTextDraw.guideStaticText p {
    font-weight: 200;
    font-family: 'LexiaLightItalic', sans-serif;
    font-size: 14px;
}

/* h3 + p is specific to seriousnessCriteria second label in event page */
.guideTextDraw.guideStaticText h3 + p {
    font-family: "Helvetica Neue";
    color: #3f4444;
}

.guidetextdraw.guidefield{
    padding-bottom: 30px;
}
.guideFieldLabel label{
    font-weight: 700;
    color: #3f4444;
    font-size: 14px;
    font-family: "Helvetica Neue Bold";
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}
/*sublabel is under guideField label */
.sub-label {
    font-family: "Helvetica Neue" !important;
    font-size: 13px !important;
    color: #5F6060;
}
.complaintDetailsSubLabel{
    margin-block-end: auto;
    margin-block-start: auto;
    margin-left: 12px;
}
/*Removing margin for lables in PQC page */
.complaintDetailsLabel > p {
    margin: 0;
}

.mandatory_star p:first-child:after,
.mandatory_star label:first-child::after,
.guideFieldNode[data-mandatory="true"] .guideFieldLabel label::after
{
    content: "*";
    color: #D0006F;
    position: absolute;
    font-size: 18px;
    margin-left: 4px;
    margin-top: -5px;
    font-family: "Helvetica Neue";
    font-weight: 600;
}
.star-mark {
    color: #D0006F;
    font-size: 18px;
    margin-left: 4px;
    font-family: "Helvetica Neue";
}
.multiReportSelection .multicaseErrMsg p{
    margin-left: 12px;
}

.afRadioButtonItem label:after{
    content: "" !important;
}

.guideFieldNode.guideTextBox.marketValue.defaultFieldLayout.af-field-empty,
.guideFieldNode.guideTextBox.language.defaultFieldLayout.af-field-empty{
    padding: 30px 10px;
}
.guideFieldWidget input:focus, .guideFieldWidget select:focus, .guideFieldWidget textarea:focus, .guideScribble img:focus{
    border: 0.5px solid #000;
}
.marketLanguagePanel .guideGridFluidLayout {
    background-color: #D2D9E0 !important;
}
.legalDisclaimerPanel .guideGridFluidLayout{
    background:#D7D8D8 !important
}
.azContactInfoText, .hcpContactInfoMandatoryText {
    padding-left: 12px !important;
}
.rolesText.guideTextDraw.guideStaticText{
    background:#D2D9E0 !important;
    border-radius: 10px;
    border-top-left-radius: 0;
    margin-top: 50px;
}
.rolesText.guideTextDraw.guideStaticText p{
    font-weight: 400;
    font-size: 14px;
    color: #555;
    padding: 15px 12px;
    font-family: 'LexiaItalic';
}
.guideCheckBox.rolesSelection .guideRadioButtonGroupItems > .guideFieldHorizontalAlignment.rolesSelection:nth-of-type(odd){
    width: 47%;
    border-bottom: 1px solid #e5e3e3;
    margin: 0px 0px 15px 0px;
}
.guideCheckBox.rolesSelection .guideRadioButtonGroupItems > .guideFieldHorizontalAlignment.rolesSelection:nth-of-type(even) {
    width: 49%;
    border-bottom: 1px solid #e5e3e3;
    margin: 0px 0px 15px 15px;
}
.rolesSelection .afRadioButtonItem .guideWidgetLabel label{
    font-size:13px;
    margin-right: 0;
    color: #3f4444;
    margin-left: 30px;
}
.guideTextDraw.mandatory_star {
    color: #3F4444;
    padding: 0 12px 12px 12px;
}
.guideTextDraw.mandatory_star p{
    font-size: 14px;
    font-family: "Helvetica Neue Bold";
    margin: 0;
}
.guideTextDraw.mandatory_star p:nth-child(2){
    font-family: "Helvetica Neue";
    font-style: italic;
    font-size: 13px;
}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
    padding-top: 0;
}
.guidetextdraw.guidefield{
    padding-bottom: 0;
}

.guideCheckBoxItem .guideFieldWidget input[type="checkbox"]:focus, .guideRadioButtonItem .guideFieldWidget input[type="radio"]:focus{
    outline: none;
}

.guideStaticText.disclaimerText p{
    color: #3F4444;
    font-size: 14px;
    font-family: "Helvetica Neue";
    font-style: normal;
}
.guideStaticText.disclaimerText p:first-of-type{
    margin-top: 15px;
}
.guideStaticText.disclaimerText p b,
.aeMeasurementHeightText p,
.aeMeasurementWeightText p{
    font-family: "Helvetica Neue Bold" !important;
    color: #3f4444;
}
.button-default.button-medium.Button,.button-default.button-medium.movePrev,.button-default.button-medium.moveNext,
.button-default.button-medium.submit {
    background: #D0006F;
    color: #fff;
    border: none;
    height: 40px;
    /* width: 140px; */
    min-width: 140px;
    width: auto;
    border-radius: 10px;
    margin: 10px 0;
    float: right;
    font-family: 'LexiaLightItalic';
    font-size: 16px;
    outline: none;
}
.editCancelBtn .button-default.button-medium.Button,
.editCancelBtn.cancel .button-default.button-medium.Button{
    background-image: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/edit.svg);
    background-position: top;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    padding: 20px 0px;
    color: #1f4166;
    font-weight: 400;
    outline: none;
    width: auto;
    opacity: 0.8;
    font-size: 11px;
    right: auto;
    letter-spacing: 1.2px;
    font-family: "Helvetica Neue";
    margin-top:15px;
    margin-bottom: 20px;
    bottom: 0px;
    top: 0;
}
.editCancelBtn.cancel .button-default.button-medium.Button{
    background-image: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/cancel.svg);
}
.editCancelBtn .button-default.button-medium.Button:hover,
.editCancelBtn.cancel .button-default.button-medium.Button:hover{
    opacity: 1;
}
.editCancelBtn .iconButton-label {
    word-break: keep-all;
}
.editCancelBtn{
    right: 0;
    position: absolute;
}

.button-default.button-medium.movePrev:focus,.button-default.button-medium.moveNext:focus {
    outline: none;
}

.wizard-navigators li:after {
    border-color: transparent transparent transparent #999999;
}


.guideStaticText.welcomeTextDefinition p{
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    font-family: "Helvetica Neue";
    color: #b6b6bd;
    line-height: normal;
    margin: 15px 0;
}
.XfaCheckBox{
    vertical-align: text-bottom;
}

.legalDisclaimerPanel .guideGridFluidLayout{
    background-color: #ddd;
}

.guide-tab-scroller.guide-tab-scroller-previous,
.guide-tab-scroller.guide-tab-scroller-next,
.wizard-nav-arrow.wizard-nav-prev,
.wizard-nav-arrow.wizard-nav-next,
.wizard-navigators li:last-child:before,
.wizard-navigators li:last-child:after,
.guideCheckBox.radio_toggle .guideFieldLabel.top,
.wizard-navigators > li:first-of-type.stepped > a::after,
.guideRadioButtonItem .guideFieldWidget input[type="radio"],
.guideRadioButtonItem.radio_toggle.afRadioButtonItem.guideFieldHorizontalAlignment.guideItemSelected .guideWidgetLabel::after,
.guideRadioButtonItem.radio_toggle.afRadioButtonItem.guideFieldHorizontalAlignment .guideWidgetLabel::before{
    display: none;
}
.container{
    width: 100% !important;
}
.afHeader .guidefield{
    margin-left: 12.7%;
}
.afHeader .guidefield .headerLogo,.aeMeasurementHeightText,.aeMeasurementWeightText,
.employeeRoleText{
    padding-left: 12px !important;
}

.wizard-navigators > li.active > a::before,
.wizard-navigators > li.active > a:hover::before,
.wizard-navigators > li.active.stepped.completed > a::before
{
    background-color: #D0006F;
    border-color: #D0006F;
    outline: 2px;
    width: 15px;
    height: 15px;
    left: calc(50% - 6px);
}

.wizard-navigators > li.stepped > a::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    top: 44%;
    background: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/white_check.svg) center center / 0.75rem 0.75rem no-repeat,transparent;
    background-size: 15px;
}
.wizard-navigators > li.stepped.active > a::after{
    background: none;
}
.wizard-navigators > li:first-of-type.active > a::before,
.wizard-navigators > li:first-of-type.stepped > a::before {
    background-color: transparent;
    border-color: transparent;
    border-width: 0;
    background-size: 19px 15px;
    background-image: url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/home1.svg');
    content: "" !important;
    border-radius: 0;
    background-repeat: no-repeat;
    width: 19px;
    height: 15px;
    top: 51%;
    left: 13%;
    margin-right: 0;
    cursor: pointer;
}

.wizard-navigators > li:first-of-type.stepped .guideNavIcon span{
    left: 3px;
}
.wizard-navigators > li{
    display: inline-block;
}
.wizard-navigators > li:last-child{
    margin-left: -12px;
}
.wizard-navigators > li > a{
    height: 50px;
    display: flex;
    flex-direction: column;
    border-radius: 0;
}
.wizard-navigators > li > a::before {
    content:"";
    float: left;
    bottom: 0px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    padding: auto;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    line-height: 34px;
    margin-right: 10px;
    border: none;
    background-color: #ABB7B7;
    position: absolute;
    left: calc(50% - 6px);
    top: 60%;
}
.guideNavIcon span{
    align-self: center;
    color: #3C4242;
    position: absolute;
    top: 0px;
    font-size: 10px;
}
.afToolbarButton .movePrev,
.afToolbarButton .moveNext,
.afToolbarButton .submit
{
    margin: 0 !important;
    border-radius: 5px !important;
}

/* back button on form and cancel button on delete confirmation modal  */
.afToolbarButton .movePrev,
.deleteModal .cancel,
.clear-button button {
    background-color: #ececec !important;
    color: #3f4444 !important;
    border: 1px solid #ececec !important;
}

.clear-button button {
    width: auto !important;
}

.wizard-navigators:focus,
.guideNavIcon:focus{
    outline: none;
}
.marketLanguagePanel .guideGridFluidLayout2Container .guideFieldWidget.textField {
    position: relative;
    display: inline-block;
}
.guideRadioButtonItem.afRadioButtonItem.guideFieldHorizontalAlignment.guideItemSelected .guideWidgetLabel{
    position: relative;
}
.guideRadioButtonItem.afRadioButtonItem.guideFieldHorizontalAlignment.guideItemSelected .guideWidgetLabel::before{
    background-color: #830051
}

.guideRadioButtonItem.afRadioButtonItem.guideFieldHorizontalAlignment .guideWidgetLabel::before{
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid #8C8C8C;
    background-color: #fff;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
}
.guideWidgetLabel.right{
    margin-right: 3px;
}
/* .guideCheckBox.radio_toggle input[type="radio"]{
    margin: 4px !important;
} */
.guideRadioButtonItem .guideFieldWidget input[type="radio"]{
    margin-left: -1px;
}
.legalDisclaimerPanel .disclaimerTitle p{
    font-size: 30px;
    font-family: "LexiaBoldItalic";
}
.legalDisclaimerPanel{
    margin-top: 30px;
    background: #D7D8D8 !important;
}
.startButton .Button {
    margin: 30px 0 60px 0 !important;
}
.section_border, .productAdditionalPanel{
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #f2f2f2;
    margin: 0 auto 15px;
}
.section_border:first-child{
    margin-top: 0;
}
input, select, textarea, .guideScribble img, .afTermsAndConditions,.dropDownList select{
    background: #f9fafb;
    border: transparent;
    border-bottom: 1px solid #aaa;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    outline: none;

}

input[disabled], select[disabled], textarea[disabled] {
    background-color: #EAEEF3;
    color: #5F6060;
    opacity: 1;
}

.guideFieldWidget input:focus, .guideFieldWidget select:focus, .guideFieldWidget textarea:focus, .guideScribble img:focus{
    border: none;
    border-bottom: 2px solid #830051 !important;
}
.guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle){
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    height: auto;
}
.guideCheckBox.radio_toggle{
    border: 1px solid #D7D7D7 !important;
    border-radius: 50px !important;
    width: 280px !important;
    height: 35px;
}
.guideCheckBox.radio_toggle{
    padding: 0 !important;
}
.guideCheckBox.radio_toggle .guideRadioButtonGroupItems {
    display: flex;
}
.guideCheckBox.radio_toggle .afRadioButtonItem {
    flex-grow: 1;
    text-align: center;
}
.panel .welcomePanel .guideGridFluidLayout {
    background-size: 100% !important;
    background-color: #010408 !important;
    background-position: center top !important;
}

/* styling pink coloured toggle buttons */
.guideCheckBox.radio_toggle .afRadioButtonItem.guideItemSelected{
    border: 1px solid #D0006F;
    border-radius: 50px;
    margin: 0;
    height: 35px;
    margin-top: -1px;
}
.guideCheckBox.radio_toggle .afRadioButtonItem{
    border-radius: 50px;
    margin: 0;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guideRadioButtonItem.radio_toggle .guideWidgetLabel {
    line-height: unset;
}
.radio_toggle.afRadioButtonItem .guideWidgetLabel label {
    padding: 0;
}
.guideCheckBox.radio_toggle .guideRadioButtonGroupItems > .guideItemSelected:first-child {
    margin-left: -1px;
}
.guideCheckBox.radio_toggle .guideRadioButtonGroupItems > .guideItemSelected:last-child {
    margin-right: -1px;
}
.guideCheckBox.radio_toggle .afRadioButtonItem:hover{
    background-color: #F6CCE2;
}
.guideCheckBox.radio_toggle .guideWidgetLabel.right label{
    font-family: 'Helvetica Neue Bold';
    color: #3f4444;
}
.guideRadioButtonItem.radio_toggle {
    position: relative;
}
.guideRadioButtonItem.radio_toggle input[type="radio"]{
    position: absolute !important;
    display: block;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
}


.welcomeTextDescription p{
    line-height: 1.2;
    font-size: 16px !important;
}
.demographicsPanel .guideGridFluidLayout{
    border-style: none !important;
}
.roleSelection.section_border{
    padding:0 40px 0 40px;
    margin: 0 auto 100px;
}
.aeDemographicsText p,.azContactInfoText p,.hcpContactInfoMandatoryText p{
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 12px;
    color: #5f6060;
    font-family: "Helvetica Neue" !important;
    font-style: italic;
    font-size: 13px !important;
}
.azContactInfoPanel .guideGridFluidLayout,
.demographicsPanel .guideGridFluidLayout,
.pregnancyDetailsPanel  .guideGridFluidLayout{
    border-style: none !important;
}
.pregnancyRelated label{
    font-family: 'Helvetica Neue';
    color: #3f4444 !important;
}
.pregnancyRelated label{
    font-family: 'Helvetica Neue';
    color: #3f4444 !important;
}
.guideCheckBoxGroupItems .afCheckBoxItem{
    position: relative !important;
}
.guideCheckBoxGroupItems .afCheckBoxItem.deathConfirmedByAutopsy,
.guideCheckBoxGroupItems .afCheckBoxItem.autopsyPerformed {
    display: inline-flex;
}
.guideCheckBoxGroupItems .afCheckBoxItem.seriousnessCriteria
{
    display: inline-flex;
    width: 30%;
    margin-top: 12px;
}

.pregnancyRelated .guideWidgetLabel::before,
.guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before{
    content: "";
    position: absolute;
    width: 25px;
    top: 9px;
    left: 0px;
    /* left: -6px; */
    height: 25px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before{
    top: 0;
    bottom: 0;
}
.pregnancyRelated.guideItemSelected .guideWidgetLabel::after,
.guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after{
    content: "";
    background-image: url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/check-mark.svg');
    position: absolute;
    width: 25px;
    top: 12px;
    left: 3px;
    height: 25px;
    background-size: 20px;
    border-radius: 5px;
    background-repeat: no-repeat;
}
.guideCheckBoxGroupItems .guideWidgetLabel.right{
    margin-left: 25px;
}
/* this is to override width:auto in common.css  */
.guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget {
    width: 100% !important;
}

.guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after{
    top: auto;
    left: 3px;
    /* left: -3px; */
    margin-top: 3px;
}

.pregnancyRelated .guideWidgetLabel.right {
    margin-left: 10px;
}
.dropDownList select, .dropDownList select:hover {
    background: url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Down-Active.svg') calc(100% - 5px) 50% / auto 1rem no-repeat,rgba(255,255,255,0.8);
    background-color: #f9fafb;
    background-size: 10px;
}
.guideFieldNode.guideCheckBox .guideRadioButtonGroupItems,
.guideFieldNode.guideCheckBox.radio_toggle .guideRadioButtonGroupItems,
.guideFieldNode.guideCheckBox.rolesSelection .guideRadioButtonGroupItems{
    margin-left: 0 !important;
}

.afRadioButtonItem.suspectedProduct{
    width: auto;
}
.dateOfBirth{
    margin-top: -4px !important;
    margin-bottom: 12px;
}
.guideNumericBox.age input,.guideDropDownList.ageGroup .dropDownList{
    margin-top: -8px !important;
}
.aeDemographicsText.mandatory_star p,.azContactInfoText p{
    margin-bottom: 20px;
    margin-top: 0;
}
.imperialOrMetricOption{
    margin-top: 40px !important;
}
.aeMeasurementHeightText p, .aeMeasurementWeightText p{
    margin: 0;
    margin-bottom: 12px;
}
.bannerPanel p{
    font-weight: 400!important;
    font-family: 'LexiaItalic'!important;
    margin-top: 25px!important;
    color: #fff;
    font-size: 1.30em!important;
}
.bannerPanel .afFormTitle{
    width: 660px;
    float: none;
    margin: auto;
}
.contactDetailsPanel .guideGridFluidLayout,
.azContactInfoPanel .guideGridFluidLayout{
    margin-top: 0 !important;
}
.toolbar .guideToolbarNode.toolbar{
    position: relative;
    padding: 0;
}
.pregnancyRelated input{
    margin-left: -5px;
}
.clearable {
    border-radius: 3px;
}

.clearable.onX {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    background-image: url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/clear.svg");
    background-repeat: no-repeat;
    z-index: 2;
    width: 20px;
    height: 18px;
    background-size: 12px;
}
.down-chevron{
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    background: url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Chevron-Down-Default.svg");
    background-repeat: no-repeat;
    z-index: 2;
    width: 20px;
    height: 18px;
    background-size: 12px;
    cursor: pointer;
}

.ui-autocomplete {
    cursor: pointer;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.auto-complete-input > .textField {
    position: relative;
}
.auto-complete-input > .textField > input {
    padding-right: 25px;
}
.guideformtitle h2,.hcpNonReporterTitle h2,.hcpReporterText h2,.employeeTitle h2,.azPatientTitle h2{
    font-family: "LexiaItalic";
    margin-bottom: 0;
    color: #3f4444;
    margin-bottom: 15px;
    margin-top: 80px;
    font-size: 25px;
}
.welcomeText{
    background: #D2D9E0 !important;
    border-radius: 10px;
    border-top-left-radius: 0;
}
.welcomeText p{
    font-weight: 400;
    font-size: 14px !important;
    color: #555;
    padding: 15px 12px;
    font-family: 'LexiaItalic' !important;
}
.deleteEvent .xfaButton .button-medium.Button,
.deleteProduct .xfaButton .button-medium.Button
{
    position: absolute;
    float: left;
    right: -22px;
    top: -5px;
    width: 20px;
    min-width: 20px;
    height: 40px;
    margin: 0;
    background:url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/delete.svg) center center / 20px 20px no-repeat;
    outline: none;
    background-position: top;
}
.deleteEvent .xfaButton .button-medium.Button .iconButton-label,
.deleteProduct .xfaButton .button-medium.Button .iconButton-label
{
    position: absolute;
    left: 2px;
    color: #1f4165;
    top: 25px;
    font-size: 11px;
    opacity: 0.6;
    font-family: "Helvetica Neue";
}
.deleteEvent .xfaButton,.deleteProduct .xfaButton
{
    position: relative;
}
.instanceAddProduct .Button{
    position: relative !important;
    width: 100% !important;
    float: left !important;
    background: #fdeff5 !important;
    color: #D0006F !important;
    font-size: 16px !important;
    margin-top: -20px !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border: 1px solid #D7D7D7 !important;
    outline: none !important;
    font-family: "LexiaItalic" !important;
}
.instanceAddProduct .Button:hover{
    background: #D0006F !important;
    color: #fff !important;
    border: none !important;
}
.productRelavencePanel.section_border{
    margin-bottom: 0 !important;
}

.deleteModal {
    position: absolute;
    z-index: 3;
    right: -152px;
    top: 30px;
    width: 320px;
}
.deleteModal::before{
    content: " ";
    position: absolute;
    bottom: 99%;  /* At the top of the tooltip */
    left: calc(50% + 5px);
    margin-left: 0px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #e5e5e5 transparent;
}

.deleteModal::after{
    content: " ";
    position: absolute;
    bottom: 98%;  /* At the top of the tooltip */
    left: calc(50% + 5px);
    margin-left: 0px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #e5e5e5 !important;
    width: 100%;
    box-shadow: none !important;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.deleteModal .cancel,.deleteModal .confirm{
    border-radius: 10px;
    outline: none;
    font-family: 'LexiaLightItalic';
    font-size: 16px;
    border-width: 1px !important;
}
.deleteModal .confirm {
    float: right;
}
.deleteModal .modal_text{
    color: #3F4444;
    font-family: "Helvetica Neue";
}
.deleteModal .confirm{
    background: #D0006F;
    color: #fff;
    border-color: #D0006F;
}
.deleteModal .confirm:hover{
    border-color: #555;
}
.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.market input, .language input{
    padding-right: 25px;
}
.guidetoolbar div[id$="nextitemnav___guide-item"], .guidetoolbar div[id$="submit___guide-item"], .afToolbarButton.nextbutton{
    float: right;
}
.guideCheckBox.radio_toggle,.aeDemographicsText,.hcpAssistantText{
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.guideTextDraw.guideStaticText:not(.dateText):not(.aeDemographicsText):not(.hcpAssistantText):not(.welcomeTextDefinition):not(.welcomeTextDescription):not(.welcomeTitle):note(.fastTrackHelpIcon),
.toolbar .guidetoolbar,.patientPanel,.startButton,.demographicsPanel, .rolesPanel,
.disclaimerText,.container.disclaimerTitle,.hcpNonReporterPanel,.instanceAddProduct,.product,
.event,.employeePanel,.caregiverPanel,.reporterHcp,.right_alignment {
    margin: 0 auto !important;
}
.suspectedProduct .guideRadioButtonGroupItems .afRadioButtonItem:nth-of-type(even),
.employeeRoleSelection .guideRadioButtonGroupItems .employeeRoleSelection:nth-of-type(odd)
{
    width: calc(50% - 20px);
}
.employeeRoleSelection .guideRadioButtonGroupItems .employeeRoleSelection:nth-of-type(even){
    width: calc(50% - 10px);
    margin-right: 0 !important;
}

.section_border.child_section {
    background: #F8F8F8;
    margin-top: -20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.productAdditionalPanel .child_section{
    background: #F8F8F8;
}

.section_border.child_section input, .section_border.child_section .dropDownList select{
    background-color: #fff;
}
.wizard-navigators > li .progress{
    width: 53px;
    position: relative;
    top: -14px;
    margin-left: 59px;
    background: #ABB7B7;
}

.wizard-navigators li.stepped .progress{
    margin-left: 55px;
    background: #B36697;
    width: 53px;
}
.wizard-navigators li.stepped.active .progress{
    margin-left: 55px;
    background: #ABB7B7;
    width: 53px;
}
.wizard-navigators li.stepped.completed.active .progress{
    margin-left: 55px;
    background: #B36697;
    width: 53px;
}

.wizard-navigators > li.active.lastWizard .progress{
    width: 0;
}
.wizard-navigators li:first-of-type.stepped .progress{
    margin-left: 34px;
    background: #B36697;
}
.wizard-navigators > li.stepped:first-child{
    width: 85px !important;
}
.wizard-navigators > li.active .progress{
    margin-left: 58px;
    width: 53px;
}
.wizard-navigators > li:last-of-type .progress,
.wizard-navigators > li.active:last-of-type .progress{
    width: 0;
}
.wizard-navigators > li.stepped > a::before{
    background-color: transparent;
}
.cert .col-md-10{
    width: 100% !important;
}
.cert .col-md-10 .hidden-xs{
    display: block !important;
    padding-top: 5px;
}
.cert .wizard .clearfix{
    background: #D2D9E0;
}
.cert .wizard > .guideLayout > .clearfix > div{
    text-align: center;
}
.cert .guideWizardLayout{
    padding-top: 0;
}
.wizard-navigators > li > a:hover,
.wizard-navigators > li.active > a,
.wizard-navigators > li.active.stepped > a,
.wizard-navigators > li.active > a:hover,
.wizard-navigators > li:hover .progress,
.wizard-navigators > li.active:hover .progress{
    color: #ABB7B7;
}
/* .wizard-navigators > li:last-child > a::before{
    left: 46%;
} */

.guideCheckBox.measurementOption.radio_toggle{
    margin-bottom: 15px !important;
}
.afCheckBoxItem.pregnancyRelated{
    margin-bottom: -1px;
}

.wizard-navigators{
    width: auto !important;
    overflow: auto;
    white-space: nowrap;
    padding: 5px 12px;
    margin: 0 1rem;
}

@media (max-width: 767px){
    .guide-header-bar,.guide-mobile-navigator .navigator-toggle,
    .step.mobileLayout {
        display: none !important;
    }
    .wizard-navigators{
    margin: 0;
    }
    .afHeader .guidefield{
        margin-left: 0;
    }
    .wizard-navigators > li > a::before{
        left: 45%;
    }
    .wizard-navigators > li > a{
        margin-right: 0;
    }
    .wizard-navigators > li,
    .wizard-navigators > li:first-of-type.af-widget-itemnav-4 {
        display: inline-block;
    }
    .wizard-navigators > li .progress{
        width: 69px;
        position: relative;
        top: -13px;
        margin-left: 40px;
    }
    .wizard-navigators li:first-of-type.stepped .progress,
    .wizard-navigators li.stepped .progress,
    .wizard-navigators > li.active .progress{
        margin-left: 46px;
        top: calc(50% + 11px);
    }
    .wizard-navigators > li.stepped > .guideNavIcon span,
    .wizard-navigators > li > .guideNavIcon span{
        left: 0px !important;
    }
    .wizard-navigators > li:first-of-type.stepped .guideNavIcon span{
        left: 12px !important;
    }
    .wizard-navigators > li.active > a::before,
    .wizard-navigators > li > a::before{
        left: calc(50% - 6px);
    }
    .wizard-navigators > li.active > .guideNavIcon span,
    .wizard-navigators > li.stepped > .guideNavIcon span{
        left: 10px;
    }
    .wizard-navigators > li.stepped > a::after{
        left: calc(50% - 15px);
    }
    .wizard-navigators > li:first-of-type.stepped > a::before{
        left: 20%;
    }
    .wizard-navigators > li:last-child > a::before{
        left: calc(50% - 6px);
    }
}










/** date fiels alignments - generic */
.comb-datefield {
    margin: 1px!important;
}
.comb-datefield label {
    display: none;
}
.guideDateInputWidget {
    min-height: 40px !important;
    height: unset !important;
}

/* date field select boxes styling */
.date-panel-description, .dateOfBirth, .eventDuration {
    padding: 0 12px !important;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:first-child select,
.dateOfBirth > .gridFluidLayout > .guideLayout > .fd-row > div:first-child select {
    border-top-right-radius: 0 !important;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) select,
.dateOfBirth > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) select {
    border-radius: 0 !important;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(3) select,
.dateOfBirth > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(3) select {
    border-top-left-radius: 0 !important;
}


@media only screen and (max-width: 767px) {
    /* header banner styling  */
    .bannerPanel .afFormTitle{
        width: 100%;
    }
    .guideTextDraw.guideStaticText h1 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .startButton .Button {
        margin: 30px 0 60px !important;
    }

    .section_border,
    .legalDisclaimerPanel > .gridFluidLayout > .guideLayout > .fd-row {
        padding: 15px 0 40px 0 !important;
    }

    .eventOccuredDates {
        padding-top: 35px !important;
    }

    /* vertical spacing exemptions  */
    .section_border.roleSelection,
    .section_border.multiReportSelection,
    .section_border.employeeRole {
        padding: 40px 0 !important;
    }
    .guideFieldNode.deathConfirmedByAutopsy {
        margin-top: 16px !important;
    }
    .guideFieldNode.rolesSelection > .guideRadioButtonGroupItems > .guideRadioButtonItem:last-child,
    .guideFieldNode.employeeRoleSelection > .guideRadioButtonGroupItems > .guideRadioButtonItem:last-child {
        margin-bottom: 0 !important;
    }
    .guidePanelNode.weightImperialPanel,
    .guidePanelNode.weightMetricPanel {
        padding-top: 20px;
    }
    .guidePanelNode.hcpReporterAddtionalQuestionPanel,
    .guidePanelNode.consent-panel,
    .guidePanelNode.hcpConsentPanel,
    .section_border.reporterPanel {
        padding-bottom: 30px !important;
    }

    .guideformtitle h2,.hcpNonReporterTitle h2,.hcpReporterText h2,.employeeTitle h2,.azPatientTitle h2{
        margin-top: 42px;
    }

    /** market & language fields specific styles */
    .marketLanguagePanel .market {
        padding:30px 0 0 0 !important;
    }
    .marketLanguagePanel .language {
        padding: 0 !important;
    }
    .marketLanguagePanel .fd-row {
        padding: 0 12px 30px 12px !important
    }
    .marketLanguagePanel .fd-row > div:last-child, .marketLanguagePanel .fd-row > div:nth-last-child(2){
        right: 12px;
    }

    /* start button margin bottom  */
    .startBtn .Button {
        margin: 0 0 90px !important;
    }

    /** adding left and right padding to disclaimer text in home screen for small devices */
    .section_border .guideTextDraw.guideStaticText,
    .welcomePanel .guideTextDraw.guideStaticText,
    .bannerTitle,
    .disclaimerTitle, .disclaimerText {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /** containers in each screen */
    div[id$="adverseEventOptionsPanel___guide-item"], /** adverse events panel placement */
    .legal-disc-section div[id$="guidebutton___guide-item"], /** for next button in legal disclaimer fragment */
    .afWizardPanel > div, /** outer container in screen after home screen */
    .market-lang-section > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton___guide-item"], /** for start button placement in home screen */
    .startBtn /* for start button placement in ome page */
    {
        padding: 0 12px;
    }
    .afWizardPanel {
        padding-left: 0;
        padding-right: 0;
    }

    /** placing radio items to full width in small screens */
    .roleSelection .guideRadioButtonGroupItems > .guideRadioButtonItem,
    .suspectedProduct > .guideRadioButtonGroupItems > .guideRadioButtonItem,
    .guideCheckBox.reporter > .guideRadioButtonGroupItems > .guideRadioButtonItem,
    .guideCheckBox.employeeRoleSelection > .guideRadioButtonGroupItems > .guideRadioButtonItem {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }

    .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle){
        margin-right: 10px;
    }



    /** back and next nuttons styling */
    .guideToolbarNode {
        position: static;
        border-top-width: 0;
    }
    .guideToolbarNode .iconButton-icon {
        display: none !important;
    }
    .guideToolbarNode .iconButton-label {
        display: inline !important;
    }

    /** aligning salutation, firstname and lastname fields */
    /* salutation field width  */
    .NameFragment > .gridFluidLayout > .guideLayout > .fd-row > div:first-child,
    .azHcpNonReporterNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div:first-child,
    .hcpReporterHcpNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div:first-child,
    .hcpAssistantPanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) {
        width: 30%;
    }
    /* lastname field width  */
    .NameFragment > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2),
    .azHcpNonReporterNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2),
    .hcpReporterHcpNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2),
    .hcpAssistantPanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(3) {
        width: 70%;
    }

    /** adjusting the width of date (DD MM YYYY) field to place date , month and year in line*/
    /* .eventOccuredDates > .gridFluidLayout > .guideLayout > .fd-row > div[id*="guidedateinput"] {
        width: 50%;
    } */

    /** adjusting checkbox items in event panel details block */
    .guideCheckBoxGroupItems .afCheckBoxItem.seriousnessCriteria {
        width: 49% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /** adjusting toggle buttons  */
    .guideCheckBox.radio_toggle {
        width: unset !important;
    }

    /* Additional info specific styles */
    .productAdditionalPanel {
        padding: 40px 0 0 0 !important;
    }
    .productAdditionalPanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-last-child(2) .productChkBox.guideCheckBoxItem:not(.guideItemSelected) {
        margin-bottom: 20px !important;
    }
    .productChkBoxErr p, .eventChkBoxErr p {
        padding-left: 12px;
    }
    .productAdditionalPanel .eventAdditionalPanel {
        padding: 20px 0 30px 0;
    }

    .inputWithUnits > .top {
        margin-right: 12px !important;
    }

    .deleteEvent .xfaButton .button-medium.Button {
        right: -22px;
        top: 0;
    }
    .deleteProduct .xfaButton .button-medium.Button {
        right: -7px;
        top: 0;
    }

    .field-top-margin-mobile {
        margin-top: 20px !important;
    }

    .seriounessCriteria_medicalEvent .guideFieldDescription.long::after {
        left: calc(75%);
    }

    .section_border .guideStaticText.guideDateFieldError  {
        padding: 0 !important;
    }

    .deleteModal {
        top: 50px;
    }

    .hint-text {
        margin: 0 0 12px 0;
    }
    .guidePanelNode.multi-text-chkbox {
        width: auto;
    }
    .guidePanelNode.multi-text-chkbox .guideStaticText > p {
        margin: 0;
    }
}
@media(max-width: 991px) {
    .deleteModal .confirm  {
        margin-right: 0
    }
    [id$="_guide-item-container"] {
        overflow-x: initial !important;
    }
    .modal-content{
        padding: 15px;
    }
    .deleteModal {
        right: -25px;
        width: 280px;
    }
    .deleteModal .modal_text{
        margin: 0;
    }
    .deleteModal::before,
    .deleteModal::after {
        left: calc(100% - 30px);
    }

    .productnamepanel > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton___guide-item"] .deleteProduct {
        right: -15px;
    }

    /*  back,  next  and submit buttons tool bar spacing */
    .guideToolbarNode.toolbar{
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .deleteEvent .xfaButton .button-medium.Button {
        right: -22px;
    }
    .deleteProduct .xfaButton .button-medium.Button {
        right: -7px;
    }
}
@media only screen and (min-width: 768px) {
    /* banner styling */
    .welcomeTitle, .welcomeTextDescription > p {
        width: 660px;
        margin: 0 auto;
    }
    .welcomeTextDefinition{
        padding: 40px 0;
    }

    .section_border {
        padding: 35px 28px 60px 28px !important;
    }
    /* vertical spacing exemptions  */
    .section_border.roleSelection,
    .section_border.multiReportSelection,
    .section_border.employeeRole {
        padding: 30px 15px 15px !important;
    }
    .guidePanelNode.dischargeDate_panel,
    .guidePanelNode.endDate_panel,
    .guidePanelNode.eventDuration   {
        margin-top: 0;
    }
    .guidePanelNode.hcpReporterAddtionalQuestionPanel,
    .guidePanelNode.consent-panel,
    .guidePanelNode.hcpConsentPanel,
    .section_border.reporterPanel {
        padding-bottom: 35px !important;
    }

    .section_border{
        width: 660px !important;
    }
    .roleSelection.section_border, .wizard-navigators{
        width: 660px;
    }

    /** market & language fields specific styles */
    .marketLanguagePanel .fd-row {
        width: 660px;
        margin: auto;
        position: relative;
    }
    .marketLanguagePanel .market {
        padding: 30px 10px 30px 0 !important;
    }
    .marketLanguagePanel .language {
        padding: 30px 0 30px 10px !important;
    }
    .marketLanguagePanel .fd-row .fd-col-lg-5 {
        width: 50%;
    }
    .marketLanguagePanel .fd-row > div:last-child, .marketLanguagePanel .fd-row > div:nth-last-child(2){
        right: 0;
    }

    .startBtn {
        width: 660px;
        margin: auto;
    }
    .legalDisclaimerPanel > .gridFluidLayout > .guideLayout > .fd-row {
        width: 660px;
        margin: auto;
        padding: 30px 0;
    }
    .legalDisclaimerPanel > .gridFluidLayout > .guideLayout > .fd-row > div {
        width: 100%;
        margin: 0;
    }

    /* start button margin bottom  */
    .startBtn .Button {
        margin: 0 0 150px !important;
    }

    /** containers in each screen */
    div[id$="adverseEventOptionsPanel___guide-item"], /** adverse events panel placement */
    .legal-disc-section div[id$="guidebutton___guide-item"], /** for next button in legal disclaimer fragment */
    div[id$="product-panel___guide-item"], /** product panel placement */
    .afWizardPanel > div, /** outer container in the screen that comes after home screen */
    .market-lang-section > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton___guide-item"] /** for start button placement in home screen */
    {
        width: 660px;
        margin: auto;
        float: none;
    }

    .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle){
        margin-right: 20px;
    }

    /* styling yes, no, not asked radio buttons  */
    .guideFieldNode.yesNo, .guideFieldNode.yesNoNotasked {
        display: flex;
        flex-wrap: wrap;
    }
    .guideFieldNode.yesNo > .guideFieldLabel.top {
        width: 70%;
        padding-right: 20px;
    }
	 .guideFieldNode.needle-Exposed-space > .guideFieldLabel.top {

        width: 100%;

    }
    .guideFieldNode.yesNo > .guideRadioButtonGroupItems {
        width: 30%;
    }
    .guideFieldNode.isInjectionExposed.yesNo > .guideRadioButtonGroupItems {
        width: 100%;
    }
    .guideFieldNode.yesNoNotasked > .guideFieldLabel.top {
        width: 50%;
        padding-right: 20px;
    }
    .guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems {
        width: 50%;
    }
    .guideFieldNode.yesNo > .guideFieldError {
        margin-left: 70%;
    }
    .guideFieldNode.isInjectionExposed.yesNo > .guideFieldError {
        margin-left: 0;
    }
    .guideFieldNode.yesNoNotasked > .guideFieldError {
        margin-left: 50%;
    }

    /* reporter radio buttons adjustment in az-employee screen  */
    .reporter > .guideRadioButtonGroupItems > .guideRadioButtonItem {
        width: calc(25% - 20px);
    }
    .reporter > .guideRadioButtonGroupItems > .guideRadioButtonItem:nth-child(2) {
        width: calc(50% - 20px);
    }
    .reporter > .guideRadioButtonGroupItems > .guideRadioButtonItem:last-child {
        margin-right: 0 !important;
    }

    /** adjusting the width of date (DD MM YYYY) field to place date , month and year in line*/
    .eventOccuredDates > .gridFluidLayout > .guideLayout > .fd-row > div[id*="guidedateinput"] .guideFieldNode,
    .deathDetailPanel > .gridFluidLayout > .guideLayout > .fd-row > div[id*="guidedateinput"] .guideFieldNode {
        padding-right: 0;
    }

    /* placing checkbox items inline with date field in death detail panel */
    .deathDetailPanel .guideCheckBoxGroup {
        margin-top: 51px !important;
        /* margin-top: 39px !important; */
    }

    /** adjusting demographics fields in patient information page */
    .demographicsDetailsPanel .dateOfBirth,
    .demographicsDetailsPanel .guideTextBox.age,
    .demographicsDetailsPanel .guideDropDownList.ageGroup,
    .demographicsDetailsPanel .guideDropDownList.gender,
    .demographicsDetailsPanel .guideDropDownList.ethnicityCode{
        width: 305px;
    }

    /* Additional info specific styles */
    .productAdditionalPanel {
        padding: 60px 0 0 0 !important;
    }
    .productAdditionalPanel .guideFieldNode {
        padding: 0 27px !important;
        border: none !important;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideradiobutton > .guideFieldNode {
        display: flex;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideradiobutton .guideFieldLabel {
        width: 45%;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideradiobutton .guideRadioButtonGroupItems {
        width: 55%;
    }
    .productAdditionalPanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-last-child(2) .productChkBox.guideCheckBoxItem:not(.guideItemSelected) {
        /* margin-bottom: 40px !important; */
        /* margin-bottom: 15px ; */
    }
    .productAdditionalPanel .eventAdditionalPanel {
        /* padding: 40px 0 50px 0; */
        padding: 15px 0 0px 0;
    }
    /* removing padding and margin to specific labels  */
    .eventAddiInfoRadioButtonsPanel .guideFieldLabel label {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    /*  back,  next  and submit buttons tool bar spacing */
    .guideToolbarNode.toolbar{
        margin-top: 40px;
        margin-bottom: 50px;
    }

    /** adding 12px padding to all he tags inside section_border */
    /* h3 + p is specific to seriousnessCriteria second label in event page */
    .section_border h3, .guideTextDraw.guideStaticText h3 + p,
    .guideFieldNode.complaintDetailsLabel{
        padding: 0 12px;
    }

    /* tooltip styling  */
    .seriounessCriteria_medicalEvent .guideFieldDescription.long {
        bottom: 70px;
        margin-right: -30px;
    }

    /* MIR specific styles  */
    .guideFieldNode.callBackOption {
        margin-top: 57px !important;
    }
    .guideFieldNode.medicalAffairsResponse  {
        margin-top: 39px !important;
    }

    .hint-text {
        margin: 0;
    }

    .guidePanelNode.multi-text-chkbox .guideStaticText > p {
        margin: 0 12px;
    }
    .guidePanelNode.multi-text-chkbox .guideStaticText {
        padding-right: 0;
    }
}

.welcomeTextDescription {
    padding-right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0.9;
}
.welcomeTextDescription > p {
    padding: 16px 0;
    margin: 0 auto;
}

/* styling yes, no, not asked radio buttons  */
.guideFieldNode.yesNo, .guideFieldNode.yesNoNotasked {
    position: relative;
}
.guideFieldNode.yesNo > .guideRadioButtonGroupItems::before,
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems::before,
.guideFieldNode.yesNo > .guideRadioButtonGroupItems::after,
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems::after {
    position: absolute;
}
/* styling yes, no, not asked radio buttons  */
.guideFieldNode.yesNo > .guideRadioButtonGroupItems,
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems {
    display: flex;
    align-items: flex-start;
}
.guideFieldNode.yesNo > .guideRadioButtonGroupItems > .guideRadioButtonItem,
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems > .guideRadioButtonItem {
    margin-right: 20px;
}
.guideFieldNode.yesNo > .guideRadioButtonGroupItems > .guideRadioButtonItem {
    width: 50%;
    display: flex;
    padding-top: 5px;
}
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems > .guideRadioButtonItem {
    width: 25%;
}
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems > .guideRadioButtonItem:last-child {
    width: 50%;
}
.guideFieldNode.yesNo > .guideRadioButtonGroupItems > div.guideRadioButtonItem:last-child,
.guideFieldNode.yesNoNotasked > .guideRadioButtonGroupItems > div.guideRadioButtonItem:last-child {
    margin-right: 0 !important;
}
.guideFieldLabel label.label-with-hint {
    padding-bottom: 5px !important;
}
.hint-text {
    font-size: 13px;
}

/** market & language fields specific styles */
.marketLanguagePanel .fd-row > div:last-child, .marketLanguagePanel .fd-row > div:nth-last-child(2){
    position: absolute;
}
.marketLanguagePanel .market, .marketLanguagePanel .language {
    border: none !important;
}

/** setting width to 100% because these selectors comes inside .afWizardPanel and .afWizardPanel's width is set to 600px */
div[id$="product-panel___guide-item-container"] > .fd-row > div[id$="guide-item"],
div[id$="event-panel___guide-item-container"] > .fd-row > div[id$="guide-item"],
.patientPanel > .gridFluidLayout > .guideLayout > .fd-row > div {
    width: 100%;
}
/* for AMP form */
div[id$="mainPanel-medication___guide-item-container"] > .fd-row > div[id$="guide-item"],
div[id$="mainPanel-event___guide-item-container"] > .fd-row > div[id$="guide-item"] {
    width: 100%;
}

/** below code is to position the delete icon on the top right corner, in product and event panels */
.productnamepanel, .eventNamePanel {
    position: relative;
}
.productnamepanel > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton___guide-item"],
.eventNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton_copy___guide-item"] {
    position: absolute;
    right: 40px;
}
.productnamepanel > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton___guide-item"] .deleteProduct,
.eventNamePanel > .gridFluidLayout > .guideLayout > .fd-row > div[id$="guidebutton_copy___guide-item"] .deleteEvent {
    position: absolute;
    right: 0;
    top: 0;
}

/** adjusting demographics date field in patient information page */
.demographicsDetailsPanel .guideDateInputWidget {
    display: flex;
}
.demographicsDetailsPanel .comb-datefield {
    flex-grow: 1;
}
.demographicsDetailsPanel .comb-datefield > input{
    width: 100% !important;
}

/** overriding display none given to form title in theme.css */
.guideformtitle, .guideTextDraw.guideformtitle{
    display: block;
}


/** error fields colors modified */
.validation-failure input, .validation-failure select, .validation-failure .guideRadioButtonItem,
.validation-failure:not(.pqcChk) .guideCheckBoxItem {
    background-color: #f6cce2 !important;
    border-color: #d0006f !important;
}
.validation-failure select option{
    background-color: #f9fafb;
}
.validation-failure .guideFieldError {
    color: #d0006f !important;
    font-size: 13px;
}

.guideDateFieldError, .guideDateFieldError p,
.productChkBoxErr p, .eventChkBoxErr p,
.dynamicErrorMessage p,
.phoneErrorField {
    color: #d0006f !important;
    padding-top: 4px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 13px !important;
    font-family: "Helvetica Neue" !important;
    padding-bottom: 4px;
}
.dynamicErrorMessage p {
    padding: 0 !important;
}
.productChkBoxErr p {
    padding-bottom: 20px;
    padding-top: 0;
    margin-top: -15px
}

/** styling checkbox */
.guideCheckBoxItem {
    padding-bottom: 12px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.guideCheckBoxItem .guideFieldWidget {
    display: inline-flex !important;
    position: relative;
}
.guideCheckBoxItem input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    margin: 0;
    width: 25px;
    height: 25px !important;
}
.guideCheckBoxItem input[type="checkbox"][disabled] + .guideWidgetLabel::before{
    background-color: #ececec;
}
.guideCheckBoxItem input[type="checkbox"][disabled] + .guideWidgetLabel > label {
    color: #AAAAAA;
}

/* break-all for IE and break-word for other browsers  */
.guideCheckBoxItem .guideWidgetLabel > label {
    font-size: 13px;
    word-break: break-all;
    word-break: break-word;
}
body.isIE .guidePanelNode.productAdditionalPanel .guideCheckBoxItem .guideWidgetLabel > label {
    word-break: break-all;
}

.guideCheckBoxGroupItems .guideCheckBoxItem {
    border-bottom: 1px solid #e5e5e5;
    /* margin: 10px 0 0;
    padding-bottom: 22px; */
}
.guideCheckBoxGroupItems .guideCheckBoxItem:not(.seriousnessCriteria) {
    width: 100%;
}

/* removing elements that is used to "Drag components here " */
.cq-placeholder, .new {
    height: 0;
    margin: 0;
}

/* overriding line-height that's getting applied from client-lib  */
.guideWidgetLabel.right label, .guideWidgetLabel.left label {
    line-height: normal !important;
}

/* Additional info page radio button alignments */
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonGroupItems {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonItem {
    margin: 0;
}
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonGroupItems > .guideRadioButtonItem {
    width: 33%;
    margin-right: 10px;
    display: flex;
}
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonGroupItems > .guideRadioButtonItem:last-child {
    margin-right: 0;
    display: flex;
}
.productAdditionalPanel .eventAdditionalPanel {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 30px 0;
    margin: 0 0 15px 0;
}
.productAdditionalPanel > .gridFluidLayout > .guideLayout > .fd-row > div:nth-last-child(2) .eventAdditionalPanel {
    margin-bottom: 0;
    border-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel {
    /* padding: 20px 0; */
    /* padding: 15px 0; */
}

/* removing padding for error element  */
.productAdditionalPanel .productChkBox > .guideCheckBoxGroupItems + .guideFieldError,
.productAdditionalPanel .productsChkTxt > .guideFieldError {
    padding: 0;
}

.productAdditionalPanel .productsChkTxt {
    margin-bottom: 0 !important;
}

.productAdditionalPanel .productChkBox.guideItemSelected {
    border: none;
}

.productAdditionalPanel > .gridFluidLayout > .guideLayout > .fd-row > div:last-child .eventAdditionalPanel {
    margin-bottom: 0;
}
.productAdditionalPanel .productChkBox.guideCheckBoxGroup {
    margin-bottom: 20px !important;
}

/* styling for loader  */
.custom-loader {
    height: 40px;
    line-height: 40px;
}
.custom-loader img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
}
.disable-input {
    position: relative;
}
.disable-input:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 9999;
}



@media(max-width: 991px) {

    .deleteModal .confirm {
        margin-right: 0
    }

    [id$="_guide-item-container"] {
        overflow-x: initial !important;
    }

    .modal-content {
        padding: 15px;
    }

    .deleteModal {
        right: -25px;
    }

    .deleteModal .modal_text {
        margin: 0;
        font-family: "Helvetica Neue";
    }

    .deleteModal::before,
    .deleteModal::after {
        left: calc(100% - 30px);
    }

    .productnamepanel>.gridFluidLayout>.guideLayout>.fd-row>div[id$="guidebutton___guide-item"] .deleteProduct {
        right: -15px;
    }
}

.wizard-navigators>li.lastWizard .progress {
    width: 0 !important;
}


.xfaButton.disable-input {
    height: 40px;
}

.wizard-navigators>li .progress {
    position: absolute;
    top: calc(50% + 11px);
    margin-left: 0 !important;
    background: #ABB7B7;
}

.wizard-navigators>li,
.wizard-navigators>li:first-of-type.af-widget-itemnav-4 {
    display: inline-block;
    width: auto !important;
    position: relative;
}

.wizard-navigators>li:last-of-type .progress,
.wizard-navigators>li.active:last-of-type .progress {
    width: 0 !important;
}

.wizard-navigators li:first-of-type.stepped .progress {
    margin-left: 0 !important;
    background: #B36697;
    left: 29%;
}

/* @media(min-width: 991px) {
    .wizard-navigators>li {
        float: left;
    }
} */

.wizard-navigators>li:last-child {
    /*  width: 128px !important;*/
    margin-left: 0px;
}

@media(max-width: 767px) {
    .wizard-navigators li:first-of-type.stepped .progress {
        margin-left: 0 !important;
        background: #B36697;
        left: 30px !important;
    }
    .guideCheckBoxGroupItems .guideCheckBoxItem { 
        margin: 20px 0;
    }
}

.wizard-navigators>li:first-of-type.stepped .guideNavIcon span {
    left: 0px;
    text-align: left;
}

.guideNavIcon span {
    align-self: center;
    color: #3C4242;
    position: relative;
    top: 0px;
    font-size: 10px;
    width: 100%;
    text-align: center;
}

.dropDownList {
    height: 40px;
}

.seriousnessCriteria .guideCheckBoxGroupItems {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.eventOutcomePanel .guideFieldNode.guideCheckBoxGroup {
    margin-top: 10px;
}

.guideCheckBoxGroupItems .afCheckBoxItem.seriousnessCriteria {
    display: inline-flex;
    width: 33.333%;
    margin-top: 12px;
    margin-right: 0;
}

.guideCheckBoxGroupItems .afCheckBoxItem.seriousnessCriteria:nth-child(3n-1) {
    margin-right: 5px;
    margin-left: 5px;
    width: calc(33.3333% - 10px);
}

.button-default.button-medium.Button,
.button-default.button-medium.movePrev,
.button-default.button-medium.moveNext,
.button-default.button-medium.submit {
    border-radius: 5px;
}

.roleSelection.section_border {
    margin: 0 auto 0;
}

.legalDisclaimerPanel .disclaimerTitle  {
    font-size: 25px;
    font-family: 'LexiaItalic';
    padding-bottom: 10px !important;
}

.bannerPanel p {
    margin-bottom: 25px !important;
}

.bannerPanel .guideGridFluidLayout {
    height: auto !important;
}


.wizard-navigators>li>a {
    width: 100%;
    overflow: revert !important;
}

.wizard-navigators>li {
    display: inline-block;
    padding-right: 60px;
}
.wizard-navigators > li:last-child, .wizard-navigators > li.lastWizard {
    padding-right: 0;
}

@media(max-width: 768px) {
    .wizard-navigators>li {
        padding-right: 30px;
    }

    .wizard-navigators>li:first-of-type.stepped .guideNavIcon span {
        left: 0px !important;
        text-align: left;
    }
}

.wizard-navigators>li:first-of-type.active>a::before,
.wizard-navigators>li:first-of-type.stepped>a::before {
    left: calc(50% - 9px);
}

@media only screen and (min-width: 768px) {
    .wizard-navigators {
        width: auto !important;
    }
}

.marketLanguagePanel {
    margin-bottom: 40px;
}
.rolesText.guideTextDraw.guideStaticText p {
    margin-top: 0;
}
.date-input {
    padding: 0px !important;
    margin: 0px !important;
}
.date-panel-description .guidePanelDescription,
.eventDuration .guidePanelDescription {
    margin: 0 0 10px 0;
    font-weight: 700;
    color: #3f4444;
    font-size: 14px;
    font-family: "Helvetica Neue Bold";
    padding-bottom: 2px;
	width: 250px;
}
.date-panel-description .guideFieldNode,
.dateOfBirth .guideFieldNode,
.eventDuration .guideFieldNode {
    border-left: 0 !important;
}
.date-panel-description .guideFieldNode,
.dateOfBirth .guideFieldNode {
    border-left: 0 !important;
}
.dateOfBirth select, .date-panel-description select {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.date-panel-description .guideFieldError,
.dateOfBirth .guideFieldError,
.eventDuration .guideFieldError {
    padding: 0;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:first-child select,
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) select,
.dateOfBirth > .gridFluidLayout > .guideLayout > .fd-row > div:first-child select,
.dateOfBirth > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) select {
    border-right: 1px solid #e5e5e5;

}

.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:first-child {
    width: 28%;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) {
    width: 35%;
}
.date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(3){
    width: 37%;
}

/* event durtion field styling in event page  */
.eventDuration > .gridFluidLayout > .guideLayout > .fd-row > div:first-child input {
    border-right: 1px solid #e5e5e5;
    border-top-right-radius: 0 !important;
}
.eventDuration > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) select {
    border-top-left-radius: 0 !important;
}

/* styling for separator line  */
.seperatorOrLine .guideStaticText {
    padding: 0;
}
.seperatorOrLine .guideStaticText p {
    margin: 0;
    font-family: "Helvetica Neue";
    font-style: italic;
    font-size: 13px;
}
.seperatorOrLine > .gridFluidLayout > .guideLayout > .fd-row {
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 15px 0;
}
.seperatorOrLine > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) {
    text-align: center;
    width: 30px;
}
.seperatorOrLine > .gridFluidLayout > .guideLayout > .fd-row > div:first-child,
.seperatorOrLine > .gridFluidLayout > .guideLayout > .fd-row > div:last-child {

    height: 1px;
    border-top: 1px solid #D7D7D7;
}


/* styling input fields with units hints  */
.inputWithUnits {
    position: relative;
}
.inputWithUnits > .top {
    position: absolute;
    right: 0;
    vertical-align: middle;
    padding: 0 15px;
    z-index: 1;
    height: 40px;
    background-color: #eaeef3;
    border-bottom: 1px solid #aaa;
    display: flex;
    align-items: center;
}
.inputWithUnits > .top > label {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-family: "Helvetica Neue";
    font-weight: normal;
    font-size: 13px;
}


/* styling input fields with units hints  */
.inputWithUnits {
    position: relative;
}
.inputWithUnits > .top {
    position: absolute;
    right: 0;
    vertical-align: middle;
    padding: 0 15px;
    z-index: 1;
    height: 40px;
    background-color: #eaeef3;
    border-bottom: 1px solid #aaa;
    display: flex;
    align-items: center;
}
.inputWithUnits > .top > label {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-family: "Helvetica Neue";
    font-weight: normal;
    font-size: 13px;
}

/* styling error message that appears on submit click  */
.submitError {
    background-color: #830051;
    border-radius: 5px;
    padding: 15px 30px 15px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 105px;
    z-index: 2;
}
.submit-error-overlay, .tooltip-overlay {
    z-index: 1;
}
/* .submitError .fd-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.submitError p {
    margin: 0;
} */
.submitError .error-message {
    color: #ffffff;
    font-family: "Helvetica Neue";
    font-size: 13px;
}
.submitError .error-close-button {
    float: right;
    padding: 0;
    cursor: pointer;
}
.submitError .error-close-button > img {
    width: 16px;
    vertical-align: middle;
}

/* joint panels styling  */
.reporterEmployee .guidePanelNode.datePanel,
.medicalQuestionPanel .guidePanelNode.medicationSection,
.qualityComplaintPanel .guidePanelNode.medicationDevicePQCPanel,
.qualityComplaintPanel .guidePanelNode.strengthAndAdditionalInfoPanel,
.qualityComplaintPanel .guidePanelNode.batchNoExpirationDatePanel,
.qualityComplaintPanel .guidePanelNode.complaintAndDefectDetailsPanel,
.guidePanelNode.hcpContactInfoOrgDetailsPanel {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0 !important;
    box-shadow: 0px 0px 5px #f2f2f2;
}
.reporterEmployee .guidePanelNode.referencePanel,
.medicalQuestionPanel .guidePanelNode.callBackCongressSection,
.medicalQuestionPanel .guidePanelNode.callBackOptionPanel,
.qualityComplaintPanel .guidePanelNode.strengthAndAdditionalInfoPanel,
.qualityComplaintPanel .guidePanelNode.batchNoExpirationDatePanel,
.qualityComplaintPanel .guidePanelNode.complaintAndDefectDetailsPanel,
.qualityComplaintPanel .guidePanelNode.productReturnQuestionPanel,
.guidePanelNode.hcpContactInfoDetailsPanel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.field-top-margin {
    margin-top: 20px !important;
}

/* placeholder text styling  */
.placeholder-value {
    color: #AAAAAA;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AAAAAA;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAAAAA;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #AAAAAA;
}

/* PQC Specific Page style*/

.guideFieldNode.DefectiveUnits input,
.guideFieldNode.productQuantityForReturn input{
    width:81px;
}

/* multi text checkbox styling  */
.guidePanelNode.multi-text-chkbox {
    padding: 0 !important;
}
.guidePanelNode.multi-text-chkbox .guideCheckBoxGroupItems .guideCheckBoxItem {
    border-bottom: none;
}
.guidePanelNode.multi-text-chkbox .guideStaticText > p {
    font-style: italic;
    color: #5F6060;
    font-size: 13px;
    font-weight: 200;
    font-family: "Helvetica Neue";
    padding-left: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5 !important;
}
.guidePanelNode.multi-text-chkbox .guideCheckBoxItem {
    padding-bottom: 0;
}
.guidePanelNode.multi-text-chkbox .guideFieldError {
    display: none;
}

/* AMP form styles  */
.japanAeTxt h3 {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}
.japanAeTxt p {
    margin: 0;
}


/*CIOP-847*/

.guideFieldNode.productsChkTxt {
  margin-top: 0px !important;
}
/*CIOP-1191*/
/*.guideFieldNode.complaintDetailsLabel > p:last-child {
margin-bottom: 12px !important;
}*/


/* to remove clear (x) icon for input fields in IE */
::-ms-clear {
    display: none;
}


/*addin develop branch*/
/* to remove extra padding from radio button */

.koreanDisclaimer .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.koreanDisclaimerKR .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
	padding-left: 0;
	border-left: 0;
}

.disclaimerPopUpMessage a:link,
a:visited,
.disclaimerPopUpMessageKR a:link,
a:visited {
	color: #830051;
}
.disclaimerPopUpMessage p,
.disclaimerPopUpMessageKR p {
	color: #d0006f !important;
	padding-top: 4px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	font-size: 13px !important;
	font-family: "Helvetica Neue" !important;
	padding-bottom: 4px;
}
/* Remove extra padding from paragraph */

.guidePanelNode.koreanDisclaimer h2, .guidePanelNode.koreanDisclaimer h3, .guidePanelNode.koreanDisclaimer h4,
.guidePanelNode.koreanDisclaimerKR h2, .guidePanelNode.koreanDisclaimerKR h3, .guidePanelNode.koreanDisclaimerKR h4 {
	line-height: 1;
}

.guidePanelNode.koreanDisclaimer p,
.guidePanelNode.koreanDisclaimerKR p {
	margin: 0;
}

.guidePanelNode.koreanDisclaimer h3 + p,
.guidePanelNode.koreanDisclaimerKR h3 + p {
	padding: 0;
}

.guidePanelNode.koreanDisclaimer p,
.guidePanelNode.koreanDisclaimerKR p {
    color: #3F4444;
    font-size: 14px;
    font-family: "Helvetica Neue";
    font-style: normal;
}
.guidePanelNode.koreanDisclaimer p:first-of-type, 
.guidePanelNode.koreanDisclaimerKR p:first-of-type {
    margin-top: 15px;
}

.guidePanelNode.koreanDisclaimer a:link,
a:visited,
.guidePanelNode.koreanDisclaimerKR a:link,
a:visited {
	color: #830051;
}

.guidePanelNode.koreanDisclaimer .guideFieldError,
.guidePanelNode.koreanDisclaimerKR .guideFieldError {
    padding-bottom: 0;
}

.guidePanelNode.koreanDisclaimer .guideFieldNode.guideCheckBox,
.guidePanelNode.koreanDisclaimerKR .guideFieldNode.guideCheckBox {
    margin-bottom: 0;
}

.guideFieldNode.guideTextDraw.koreanDisclaimerText4 {
    padding-bottom: 15px;
}

/* Typography */
.guidePanelNode.koreanDisclaimer h2,
.guidePanelNode.koreanDisclaimerKR h2 {
    font-family: 'LexiaItalic';
    font-size: 30px;
    color: #3F4444;
    margin-top: 5px;
    margin-bottom: 15px;
}

.guidePanelNode.koreanDisclaimer h3,
.guidePanelNode.koreanDisclaimerKR h3 {
    font-family: 'LexiaBoldItalic';
    font-size: 18px;
    color: #5F6060,;
    margin-top: 60px;
    margin-bottom: 30px;
}

.guidePanelNode.koreanDisclaimer h4,
.guidePanelNode.koreanDisclaimerKR h4 {
    font-family: "LexiaBoldItalic";
    font-size: 15px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 15px;
}

.guideFieldNode.guideCheckBox.purposeOfUse {
    margin-top:15px !important;
    margin-bottom: 0 !important;
}

.guideFieldNode.guideTextDraw.koreanDisclaimerText4 {
    padding-top: 32px;
}

@media only screen and (max-width: 767px) {
    .guidePanelNode.koreanDisclaimer p,
    .guidePanelNode.koreanDisclaimer h1,
    .guidePanelNode.koreanDisclaimer h2,
    .guidePanelNode.koreanDisclaimer h3,
    .guidePanelNode.koreanDisclaimer h4,
	.guidePanelNode.koreanDisclaimerKR p,
    .guidePanelNode.koreanDisclaimerKR h1,
    .guidePanelNode.koreanDisclaimerKR h2,
    .guidePanelNode.koreanDisclaimerKR h3,
    .guidePanelNode.koreanDisclaimerKR h4,
    .guideradiobutton.guidefield {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media only screen and (min-width: 768px) {
    .disclaimerPopUpMessage,
    .disclaimerPopUpMessageKR {
        width: 660px !important;
        margin: auto;
        padding: 15px 0 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .disclaimerPopUpMessage p,
    .disclaimerPopUpMessageKR p	{
		padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.guidePanelNode.koreanDisclaimer a:link, a:visited,
.guidePanelNode.koreanDisclaimerKR a:link, a:visited {
	color: #D0006F;
}
.complaintDetailsGenericLabel.guideTextDraw.guideStaticText p {
    font-weight: 200;
    font-family: "Helvetica Neue" !important;
    font-size: 13px !important;
    padding-left : 10px;
}

/*---- Vaccination Details Checkbox ------------- */

.dose-section-heading-text-css{
	font-family: 'LexiaLightItalic',sans-serif;
	font-size: 14px;
}

@media(min-width: 768px) {
    .guideFieldNode.guideTextBox.lotNumber {
        padding-right: 0 !important;
    }
    
    .dose-section-checkbox-css.defaultFieldLayout.af-field-empty {
        padding-left: 0 !important;
        margin-left: 0 !important;
        border-left: 0 !important;
    }
}

.dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem {
   display: flex;
   padding-top: 7px;
   padding-bottom: 7px;
   border-bottom: 1px solid #aaa;
   background-color: #EAEEF2;
}

@media(min-width: 768px) {
	.dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem {
       border-top-left-radius: 0 !important;
    }

    .batch-lot-inputfield-css .guideFieldWidget.textField input{
        border-top-right-radius: 0 !important;
    }

}

.guideCheckBoxItem.afCheckBoxItem.dose-section-checkbox-css.checkbox-modified {
   padding-left: 10px;
}

.dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget{
  width: auto !important;
}

.dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel{
  width: auto;
  margin-left: 0px;
}

.dose-section-checkbox-css .guideFieldLabel label {
	visibility : hidden;
}

.vaccine-facility h2 {
    font-family: 'LexiaItalic';
    color: #3F4444;
    font-size: 30px;
}

@media(min-width: 768px) {
    .vaccine-facility h2 {
        margin-left: 12px;
    }
}

.facility-type-separator {
   margin-top: 60px;
}

.vaccinated-at-military-checkbox-css {
   margin-top: 0;
   display: flex;
   padding-top: 7px;
   padding-bottom: 7px;
}

@media(min-width: 768px) {
  .guideTextDraw.guideStaticText:not(.dateText):not(.aeDemographicsText):not(.hcpAssistantText):not(.welcomeTextDefinition):not(.welcomeTextDescription):not(.welcomeTitle).usVaccinationText  {
        margin-left: 12px !important;        
   }
}

.guideTextDraw.guideStaticText:not(.dateText):not(.aeDemographicsText):not(.hcpAssistantText):not(.welcomeTextDefinition):not(.welcomeTextDescription):not(.welcomeTitle).usVaccinationText h4 i {
    font-weight: 100 !important;
    font-family: "LexiaBoldItalic";
}

.northernIreland.guideFieldNode {
	align-items: center;
	/* margin-top: 3em !important; */
}

.northernIreland .guideFieldLabel.top label {
	padding-bottom: 0 !important;
}

.northernIreland .guideRadioButtonGroupItems .guideRadioButtonItem {
	width: auto !important;
}

.northernIreland .guideFieldLabel.top {
	width: 50% !important;
}

.guideFieldNode.guideCheckBox.northernIreland .guideRadioButtonGroupItems {
	width: 45% !important;
	margin-left: 5% !important;
	margin-top: 10px;
}

.northernIreland .guideHelpQuestionMark {
	top: 12px !important;
	right: 310px !important;
}

.northernIreland .guideFieldDescription.long {
	right: 255px;
	bottom: 60px;
}

.autonomousCommunity .guideHelpQuestionMark {
	top: 25px !important;
	right: -15px !important;
}

.autonomousCommunity .guideFieldDescription.long {
	right: -74px;
	bottom: 100px;
}

.cgautonomousCommunity .guideHelpQuestionMark {
	top: 25px !important;
	right: -15px !important;
}

.cgautonomousCommunity .guideFieldDescription.long {
	right: -74px;
	bottom: 100px;
}

.hcpautonomousCommunity .guideHelpQuestionMark {
	top: 25px !important;
	right: -15px !important;
}

.hcpautonomousCommunity .guideFieldDescription.long {
	right: -74px;
	bottom: 100px;
}

.additional-product-checkbox .guideFieldWidget.left.XfaCheckBox,
.eventChkBox .guideFieldWidget.left.XfaCheckBox {
	width: auto !important;
}

.additional-product-checkbox .guideWidgetLabel.right,
.eventChkBox .guideWidgetLabel.right {
    margin-left: 0;
    width: auto;
    vertical-align: top;
}

.weekendcheckbox .guideCheckBoxItem {
	margin-top: 6px;
}

@media only screen and (max-width: 767px) {
	.northernIreland .guideFieldLabel.top,
	.guideFieldNode.guideCheckBox.northernIreland .guideRadioButtonGroupItems {
		width: 100% !important;
		margin-left: 0px !important;
	}
	.northernIreland .guideHelpQuestionMark {
		top: 0px !important;
		right: 0px !important;
	}
	.northernIreland .guideFieldDescription.long {
		right: 5px;
		bottom: 90px;
	}
	
	.productChkBox .guideCheckBoxItem .guideWidgetLabel {
		width: calc(100% - 20px);
		margin-left: 5px;
	}
}

@media only screen and (max-width: 390px) {
	.northernIreland div.guideFieldDescription.long {
		right: -5px;
	}
	.northernIreland div.guideFieldDescription.long::after {
		left: calc(50% + 55px) !important;
	}
	.northernIreland div.guideHelpQuestionMark {
		/* top: 0px !important;
		right: -2px !important; */
	}
}

@media only screen and (max-width: 320px) {
	.northernIreland div.guideFieldDescription.long {
		right: -14px;
	}
	.northernIreland div.guideHelpQuestionMark {
		top: 3px !important;
		right: -10px !important;
	}
}

@media(min-width: 768px) {
    .guideFieldNode.guideTextBox.lotNumber {
        padding-right: 0 !important;
    }
    
    .weekend-section-checkbox-css.defaultFieldLayout.af-field-empty {
        padding-left: 0 !important;
        margin-left: 0 !important;
        border-left: 0 !important;
    }
}

.weekend-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem {
   display: flex;
   padding-top: 7px;
   padding-bottom: 7px;
   border-bottom: 1px solid #aaa;
}

@media(min-width: 768px) {
	.weekend-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem {
       border-top-left-radius: 0 !important;
    }

    .batch-lot-inputfield-css .guideFieldWidget.textField input{
        border-top-right-radius: 0 !important;
    }
	
}

.guideCheckBoxItem.afCheckBoxItem.weekend-section-checkbox-css.checkbox-modified {
   padding-left: 10px;
}

.weekend-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget{
  width: auto !important;
}

.weekend-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel{
  width: auto;
  margin-left: 0px;
}

.weekend-section-checkbox-css .guideFieldLabel label {
	visibility : hidden;
}

.download-section {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	padding: 2em !important;
	position: relative;
	top: -6em;
	box-sizing: border-box;
}

.download-section p {
	color: #3f4444;
	font-size: 13px;
}

.download-section button.download-pdf {
	margin-top: 15px;
	border-radius: 5px;
	background: #D0006F !important;
	color: #fff;
	border: none;
	height: 40px;
	width: 140px;
	margin: 10px 0;
	font-family: 'LexiaLightItalic';
	font-size: 16px;
	outline: none;
}

li#guideContainer-rootPanel-mainPanel-panel_1897179930___guide-item-nav {
	display: none;
}

li#guideContainer-rootPanel-mainPanel-homeicon___guide-item-nav .progress {
	display: none;
}

li#guideContainer-rootPanel-mainPanel-panel_483975631___guide-item-nav {
	display: none;
}
.refreshMessage p {
    color: #3f4444;
    font-family: "Helvetica Neue Bold" !important;
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}

#guideContainer-rootPanel-mainPanel-panel1634731912379___guide-item{
display : block;
}


li#guideContainer-rootPanel-mainPanel-guidebutton_18839778___guide-item-nav {
    display: none;
}

#guideContainer-rootPanel-mainPanel-guidebutton_18839778___guide-item{
    display: block;
}

li#guideContainer-rootPanel-mainPanel-guidebutton___guide-item-nav {
    display: none;
}

#guideContainer-rootPanel-mainPanel-guidebutton___guide-item{
    display: block;
}

.georgian .afFormTitle.guidetextdraw.guidefield {
    font-family: "Helvetica Neue World W07_56 It" !important;    
}

#guideContainer-rootPanel-mainPanel-panel1635916045424___guide-item{
    display: block;
}
ol.wizard-navigators li {
    padding-right: 0;
}
/* .validation-failure input, .validation-failure select, .validation-failure .guideRadioButtonItem, .validation-failure:not(.pqcChk) .guideCheckBoxItem,
.guideCheckBoxItem {
    margin-top: 10px;
 } */
 .section_border .guideStaticText.guideDateFieldError p{
    padding-left: 12px;
    padding-right: 12px;
}
/* .guideCheckBoxItem, .guideRadioButtonItem {
    margin-bottom: 10px;
} */
.guideFieldNode.medicalAffairsResponse {
    margin-top: 42px!important;
}
/* .deathDetailPanel .guideCheckBoxGroup  {
    margin-top: 39px!important;
} */
.additionalInfo.panel .guideCheckBoxItem, .additionalInfo.panel .guideRadioButtonItem {
    margin-bottom: 0;
}
@media (max-width: 767px){
    /* .guideCheckBox.rolesSelection .guideRadioButtonGroupItems > .guideFieldHorizontalAlignment.rolesSelection:nth-of-type(odd){
        margin: 10px 0px 10px 0px;
    }
    .guideCheckBox.rolesSelection .guideRadioButtonGroupItems > .guideFieldHorizontalAlignment.rolesSelection:nth-of-type(even) {
        margin: 10px 0px 10px 15px;
    } */
    .guideRadioButtonGroupItems .afRadioButtonItem:not(.radio_toggle){
        padding-bottom: 20px;
    }
    .guideCheckBoxGroupItems .guideCheckBoxItem {
        margin: 0px;
    }

    .section_border.roleSelection, .section_border.multiReportSelection, .section_border.employeeRole {
        padding: 15px 0 !important;
    }
    .section_border, .legalDisclaimerPanel > .gridFluidLayout > .guideLayout > .fd-row {
        padding: 15px 0 15px 0 !important;
    }
    .guidePanelNode.hcpReporterAddtionalQuestionPanel, 
    .guidePanelNode.consent-panel, .guidePanelNode.hcpConsentPanel, 
    .section_border.reporterPanel {
        padding-bottom: 15px !important;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonGroupItems {
        flex-direction: column;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonGroupItems > .guideRadioButtonItem {
        width: 100%;
    }
    .productAdditionalPanel .eventAddiInfoRadioButtonsPanel .guideRadioButtonItem {
            margin: 10px 0;
    }
    .productAdditionalPanel .eventAdditionalPanel {
        padding: 20px 0 15px 0;
    }
    .expandcollapsepanelcss button {
        max-width: 37%;
    }
    
    .roleSelection .guideRadioButtonGroupItems > .guideRadioButtonItem, 
    .suspectedProduct > .guideRadioButtonGroupItems > .guideRadioButtonItem, 
    .guideCheckBox.reporter > .guideRadioButtonGroupItems > .guideRadioButtonItem, 
    .guideCheckBox.employeeRoleSelection > .guideRadioButtonGroupItems > .guideRadioButtonItem {
        padding-top: 15px;
    }
    .section_border .guideStaticText.guideDateFieldError {
        padding: 10px 0 !important;
    }

    /*CDM-3328*/
    .georgian .demographicsAgeSelection.guideCheckBox.radio_toggle,
    .greek .demographicsAgeSelection.guideCheckBox.radio_toggle,
    .greek .measurementOption.guideCheckBox.radio_toggle {
        height: auto;
    }
    .georgian .demographicsAgeSelection.guideCheckBox.radio_toggle .afRadioButtonItem,
    .greek .demographicsAgeSelection.guideCheckBox.radio_toggle .afRadioButtonItem,
    .greek .measurementOption.guideCheckBox.radio_toggle .afRadioButtonItem {
        height: auto;
        padding: 0 5px;
    }
    .georgian .demographicsAgeSelection.guideCheckBox.radio_toggle .afRadioButtonItem.guideItemSelected,
    .greek .demographicsAgeSelection.guideCheckBox.radio_toggle .afRadioButtonItem.guideItemSelected,
    .greek .measurementOption.guideCheckBox.radio_toggle .afRadioButtonItem.guideItemSelected {
        height: auto;
    }
    .georgian .demographicsAgeSelection > .guideFieldError,
    .greek .demographicsAgeSelection > .guideFieldError,
    .greek .measurementOption > .guideFieldError  {
        padding: 0;
    }
}

/* CDM-2162 font Changes */

/* new fonts for Greek  */
@font-face {
    font-family: 'Helvetica Neue World W15_55 Rm';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_55 Rm'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/d043125a-e710-40d6-8c0c-beebc9210eeb.woff2') format('woff2'),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/3cca3d00-5d68-44c1-9de0-5ab7d32321a3.woff") format("woff");
}

@font-face{
    font-family:"Helvetica Neue World W15_45 Lt";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_45 Lt'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601154/db66f4e5-4eec-4775-9838-5f872ce46760.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601154/4f9d4dbe-a3e2-4066-a0ee-d2cf4db8bcb0.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W15_46LtI";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_46LtI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601165/c1137eb4-e5bf-46cf-b8a5-8f81cc989c20.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601165/d3798970-dadf-4e1d-be2a-003024bb2246.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W15_56 It";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_56 It'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601185/fc4fe57f-71c5-4153-b07f-8578ded974a8.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601185/85c67142-8928-46cf-95e1-e19de27763e1.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W15_75 Bd";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_75 Bd'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601195/174cc00b-fef2-4622-8236-cf00bf44e809.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601195/8e95f9b8-7837-46b9-b172-0a708e8ce31b.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W15_76BdI";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W15_76BdI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601205/24070917-29e2-40d1-a49a-9f8f0f8d6127.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/greek/5601205/3b808e6f-5f1c-4fb4-873d-0a9158991fe4.woff") format("woff");
}

/* new fonts for Vietnamese  */
@font-face {
    font-family: 'Helvetica Neue World W29_55 Rm';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W29_55 Rm'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/f71ca642-891d-4974-9991-1674ee02e307.woff2') format('woff2'),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601011/e968a932-c79b-490e-aae2-82b27a56e043.woff") format("woff");
}

@font-face{
	font-family:"Helvetica Neue World W29_45 Lt";
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Neue World W29_45 Lt'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601011/f4e89676-03a6-49f5-8176-177dc89fce84.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601011/b0d34004-539c-4779-9777-0629afde7e02.woff") format("woff");
}
@font-face{
	font-family:"Helvetica Neue World W29_46LtI";
	font-style: normal;
	font-weight: normal;
	src: local('Helvetica Neue World W29_46LtI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601023/8a0f6c2b-7ca3-4215-8ba6-cdd0acc4c608.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601023/b35f0667-341f-4559-82db-f9f0c1c1dd7b.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W29_56 It";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W29_56 It'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601046/270a6998-5307-4f5b-922a-6c65abc0dd0c.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601046/50433cb5-e259-4340-be8a-e0b4bcbf6ceb.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W29_75 Bd";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W29_75 Bd'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601058/16b88cbf-0d34-4eac-aca8-d3c6427415fc.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601058/6898acfa-b33c-427a-bbb5-8eab830340b3.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W29_76BdI";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W29_76BdI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601066/4403a1fd-13ab-40f0-a35a-11f5cc978bdf.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/vietnamese/5601066/fd6199c7-9241-4c46-acea-4e5edff99884.woff") format("woff");
}

/* new fonts for Georgian  */
@font-face {
    font-family: 'Helvetica Neue World W82_55 Rm';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W82_55 Rm'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/7666849a-df8e-4135-aa87-31157e7505e2.woff2') format('woff2'),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/5601015/cf2e91de-3f67-4877-acb6-ebb27e420d28.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W82_45 Lt";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W82_45 Lt'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/5601015/ddfe0b69-cf7f-4395-a693-ab1a118e4be0.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/5601015/0ce5fd07-d2a1-41f4-bfbb-b1d06e56ab25.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W82_75 Bd";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W82_75 Bd'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/5601052/d60450d5-da8e-4e4b-bf1f-159464bb0557.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/georgian/5601052/6f0158e6-fb90-459b-97b4-5e60567f53ba.woff") format("woff");
}

/* new fonts for pan european 2  */
@font-face {
    font-family: 'Helvetica Neue World W07_55 Rm';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_55 Rm'), url('../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/fec7a3ea-2b2e-40f6-84ba-acb2c430404b.woff2') format('woff2'),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601150/0de92266-cb30-46f9-80ff-fbd4a8f32a6f.woff") format("woff");
}

@font-face{
    font-family:"Helvetica Neue World W07_45 Lt";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_45 Lt'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601150/3f289cf9-c08b-4ffc-97cc-d1230c569129.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601150/ee81d85a-174d-4def-9af8-9d1057a2737f.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W07_46LtI";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_46LtI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601161/27b6457d-cd0c-4482-bd55-64d637902c81.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601161/3c15cc87-0fe7-4eb9-9658-818af5354b7c.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W07_56 It";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_56 It'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601181/2d02ba35-b060-4059-8123-cc9a0f838c1c.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601181/1d00b646-b357-4d20-bd0e-826be7ba0104.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W07_75 Bd";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_75 Bd'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601191/455d1f57-1462-4536-aefa-c13f0a67bbbe.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601191/fd5c4818-7809-4a21-a48d-a0dc15aa47b8.woff") format("woff");
}
@font-face{
    font-family:"Helvetica Neue World W07_76BdI";
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Neue World W07_76BdI'), url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601201/61265cc0-5b06-4f55-84aa-0ab5c4de6b0c.woff2") format("woff2"),url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/css/font/paneuropean2/5601201/1d2de9d9-b2e5-4747-8b67-56bedf3586b8.woff") format("woff");
}

/* CDM 2162 font css*/


/* Vietnamese Specific font famity */
.vietnam .guidePanelNode.multi-text-chkbox .guideStaticText > p,
.vietnam .guideFieldLabel.top label,
.vietnam .guideFieldLabel.label,
.vietnam .guideCheckBoxItem .guideWidgetLabel label,
.vietnam .guideRadioButtonItem.afRadioButtonItem .guideWidgetLabel label,
.vietnam .guideformtitle h2,
.vietnam .guideTextDraw.guideStaticText h3,
.vietnam .date-panel-description .guidePanelDescription,
.vietnam .eventDuration .guidePanelDescription,
.vietnam .guideNavIcon span,
.vietnam .guideTextDraw.guideStaticText h1,
.vietnam .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
body .vietnam,
.vietnam .dropDownList select,
.vietnam .productChkBoxErr p,
.vietnam .eventChkBoxErr p,
.vietnam .modal-content p,
.vietnam .guideFieldError,
.vietnam input,
.vietnam .select,
.vietnam .textarea,
.vietnam .ui-widget,
.vietnam .editCancelBtn .button-default.button-medium.Button,
.vietnam .editCancelBtn.cancel .button-default.button-medium.Button,
.vietnam .az-footer a,
.vietnam .deleteEvent .xfaButton .button-medium.Button .iconButton-label,
.vietnam .deleteProduct .xfaButton .button-medium.Button .iconButton-label,
.vietnam ~ .ui-menu.ui-widget .ui-menu-item-wrapper {
   font-family: "Helvetica Neue World W29_55 Rm";
}
.vietnam .guideTextDraw.guideStaticText p,
.vietnam .button-default.button-medium.Button,
.vietnam .button-default.button-medium.movePrev,
.vietnam .button-default.button-medium.moveNext,
.vietnam .button-default.button-medium.submit {
    font-family: "Helvetica Neue World W29_46LtI";
}
.vietnam .guideTextDraw.guideStaticText h1,
.vietnam .accordion .guideformtitle h2,
.vietnam .accordion .hcpNonReporterTitle h2,
.vietnam .accordion .hcpReporterText h2,
.vietnam .accordion .employeeTitle h2,
.vietnam .accordion .azPatientTitle h2,
.vietnam .accordion .guideTextDraw.guideStaticText h3,
.vietnam .legalDisclaimerPanel .disclaimerTitle,
.vietnam .accordion-navigators .guideHeader > a span,
.vietnam .deleteModal .cancel,
.vietnam .deleteModal .confirm {
    font-family: 'Helvetica Neue World W29_56 It';
}
.vietnam .guidetextdraw.guidefield .guideTextDraw p b,
.vietnam .guideFieldLabel label,
.vietnam .guideFieldLabel.top .hint-text,
.vietnam .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
.vietnam .guidetextdraw.guidefield .guideTextDraw p,
.vietnam .guideDateFieldError {
    font-family: "Helvetica Neue World W29_55 Rm" !important;
}
.vietnam .guidetextdraw.guidefield .guideTextDraw.welcomeText p,
.vietnam p.hint-text.complaintDetailsSubLabel {
    font-family: 'Helvetica Neue World W29_56 It' !important;
}


/* Pan European 2 Specific font famity */
.paneuropean2 .guidePanelNode.multi-text-chkbox .guideStaticText > p,
.paneuropean2 .guidetextdraw.guidefield .guideTextDraw p,
.paneuropean2 .guideFieldLabel.top label,
.paneuropean2 .guideFieldLabel.label,
.paneuropean2 .guideCheckBoxItem .guideWidgetLabel label,
.paneuropean2 .guideRadioButtonItem.afRadioButtonItem .guideWidgetLabel label,
.paneuropean2 .guideformtitle h2,
.paneuropean2 .guideTextDraw.guideStaticText h3,
.paneuropean2 .date-panel-description .guidePanelDescription,
.paneuropean2 .eventDuration .guidePanelDescription,
.paneuropean2 .guideNavIcon span,
.paneuropean2 .guideTextDraw.guideStaticText h1,
.paneuropean2 .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
.paneuropean2 .guideFieldError,.paneuropean2 input,
body .paneuropean2,
.paneuropean2 .dropDownList select,
.paneuropean2 .productChkBoxErr p,
.paneuropean2 .eventChkBoxErr p,
.paneuropean2 .modal-content p,
.paneuropean2 .welcomeText p,
.paneuropean2 .select,
.paneuropean2 .textarea,
.paneuropean2 .ui-widget,
.paneuropean2 .editCancelBtn .button-default.button-medium.Button,
.paneuropean2 .editCancelBtn.cancel .button-default.button-medium.Button,
.paneuropean2 .az-footer a,
.paneuropean2 .deleteEvent .xfaButton .button-medium.Button .iconButton-label,
.paneuropean2 .deleteProduct .xfaButton .button-medium.Button .iconButton-label,
.paneuropean2 ~ .ui-menu.ui-widget .ui-menu-item-wrapper {
   font-family: "Helvetica Neue World W07_55 Rm";
}
.paneuropean2 .guideTextDraw.guideStaticText p,
.paneuropean2 .button-default.button-medium.Button,
.paneuropean2 .button-default.button-medium.movePrev,
.paneuropean2 .button-default.button-medium.moveNext,
.paneuropean2 .button-default.button-medium.submit {
    font-family: "Helvetica Neue World W07_46LtI";
}

.paneuropean2 .guideTextDraw.guideStaticText h1,
.paneuropean2 .accordion .guideformtitle h2,
.paneuropean2 .accordion .hcpNonReporterTitle h2,
.paneuropean2 .accordion .hcpReporterText h2,
.paneuropean2 .accordion .employeeTitle h2,
.paneuropean2 .accordion .azPatientTitle h2,
.paneuropean2 .accordion .guideTextDraw.guideStaticText h3,
.paneuropean2 .legalDisclaimerPanel .disclaimerTitle,
.paneuropean2 .accordion-navigators .guideHeader > a span,
.paneuropean2 .deleteModal .cancel,
.paneuropean2 .deleteModal .confirm  {
    font-family: 'Helvetica Neue World W07_56 It';
}
.paneuropean2 .guidetextdraw.guidefield .guideTextDraw p b,
.paneuropean2 .guideFieldLabel label,
.paneuropean2 .guideFieldLabel.top .hint-text,
.paneuropean2 .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
.paneuropean2 .guidetextdraw.guidefield .guideTextDraw p,
.paneuropean2 .guideDateFieldError {
    font-family: "Helvetica Neue World W07_55 Rm" !important;
}

.paneuropean2 .guidetextdraw.guidefield .guideTextDraw .welcomeText p,
.paneuropean2 p.hint-text.complaintDetailsSubLabel{
    font-family: 'Helvetica Neue World W07_56 It' !important;
}


/* greek Specific font famity */
.greek .guidePanelNode.multi-text-chkbox .guideStaticText > p,
.greek .guidetextdraw.guidefield .guideTextDraw p,
.greek .guideFieldLabel.top label,
.greek .guideFieldLabel.label,
.greek .guideCheckBoxItem .guideWidgetLabel label,
.greek .guideRadioButtonItem.afRadioButtonItem .guideWidgetLabel label,
.greek .guideformtitle h2,
.greek .guideTextDraw.guideStaticText h3,
.greek .date-panel-description .guidePanelDescription,
.greek .eventDuration .guidePanelDescription,
.greek .guideNavIcon span,
.greek .guideTextDraw.guideStaticText h1,
.greek .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
body .greek,
.greek .dropDownList select,
.greek .productChkBoxErr p,
.greek .eventChkBoxErr p,
.greek .modal-content p,
.greek .guideFieldError,
.greek .welcomeText p,
.greek input,
.greek .select,
.greek .textarea,
.greek .ui-widget,
.greek .editCancelBtn .button-default.button-medium.Button,
.greek .editCancelBtn.cancel .button-default.button-medium.Button,
.greek .az-footer a,
.greek .deleteEvent .xfaButton .button-medium.Button .iconButton-label,
.greek .deleteProduct .xfaButton .button-medium.Button .iconButton-label,
.greek ~ .ui-menu.ui-widget .ui-menu-item-wrapper {
    font-family: 'Helvetica Neue World W15_55 Rm';
}
.greek .guideTextDraw.guideStaticText p,
.greek .button-default.button-medium.Button,
.greek .button-default.button-medium.movePrev,
.greek .button-default.button-medium.moveNext,
.greek .button-default.button-medium.submit {
    font-family: "Helvetica Neue World W15_46LtI";
}
.greek .guideTextDraw.guideStaticText h1,
.greek .accordion .guideformtitle h2,
.greek .accordion .hcpNonReporterTitle h2,
.greek .accordion .hcpReporterText h2,
.greek .accordion .employeeTitle h2,
.greek .accordion .azPatientTitle h2,
.greek .accordion .guideTextDraw.guideStaticText h3,
.greek .legalDisclaimerPanel .disclaimerTitle,
.greek .accordion-navigators .guideHeader > a span,
.greek .deleteModal .cancel,
.greek .deleteModal .confirm  {
    font-family: 'Helvetica Neue World W15_56 It';
}
.greek .guidetextdraw.guidefield .guideTextDraw p b,
.greek .guideFieldLabel label,
.greek .guideFieldLabel.top .hint-text,
.greek .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
.greek .guidetextdraw.guidefield .guideTextDraw p,
.greek .guideDateFieldError {
    font-family: "Helvetica Neue World W15_55 Rm" !important;
}
.greek .guidetextdraw.guidefield .guideTextDraw.welcomeText p,
.greek p.hint-text.complaintDetailsSubLabel {
    font-family: 'Helvetica Neue World W15_56 It' !important;
}

/* georgian Specific font famity */
.georgian .guidePanelNode.multi-text-chkbox .guideStaticText > p,
.georgian .guidetextdraw.guidefield .guideTextDraw p,
.georgian .guideFieldLabel.top label,
.georgian .guideFieldLabel.label,
.georgian .guideCheckBoxItem .guideWidgetLabel label,
.georgian .guideRadioButtonItem.afRadioButtonItem .guideWidgetLabel label,
.georgian .guideformtitle h2,
.georgian .guideTextDraw.guideStaticText h3,
.georgian .date-panel-description .guidePanelDescription,
.georgian .eventDuration .guidePanelDescription,
.georgian .guideNavIcon span,
.georgian .guideTextDraw.guideStaticText h1,
.georgian .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
body .georgian,
.georgian .dropDownList select,
.georgian .productChkBoxErr p,
.georgian .eventChkBoxErr p,
.georgian .modal-content p,
.georgian .guideFieldError,
.georgian .welcomeText p,
.georgian input,
.georgian select,
.georgian textarea,
.georgian .ui-widget,
.georgian .editCancelBtn .button-default.button-medium.Button,
.georgian .editCancelBtn.cancel .button-default.button-medium.Button,
.georgian .az-footer a,
.georgian .deleteEvent .xfaButton .button-medium.Button .iconButton-label,
.georgian .deleteProduct .xfaButton .button-medium.Button .iconButton-label,
.georgian ~ .ui-menu.ui-widget .ui-menu-item-wrapper,
.georgian .guideTextDraw.guideStaticText h1,
.georgian .accordion .guideformtitle h2,
.georgian .accordion .hcpNonReporterTitle h2,
.georgian .accordion .hcpReporterText h2,
.georgian .accordion .employeeTitle h2,
.georgian .accordion .azPatientTitle h2,
.georgian .accordion .guideTextDraw.guideStaticText h3 {
    font-family: 'Helvetica Neue World W82_55 Rm';
}
.georgian .guideTextDraw.guideStaticText p,
.georgian .button-default.button-medium.Button,
.georgian .button-default.button-medium.movePrev,
.georgian .button-default.button-medium.moveNext,
.georgian .button-default.button-medium.submit,
.georgian .deleteModal .cancel,
.georgian .deleteModal .confirm  {
    font-family: "Helvetica Neue World W82_46LtI";
}
.georgian .guidetextdraw.guidefield .guideTextDraw p b,
.georgian .welcomeText p,
.georgian .guideFieldLabel label,
.georgian .guideFieldLabel.top .hint-text,
.georgian .guidetextdraw.guidefield .guideTextDraw.welcomeTextDescription p,
.georgian .guidetextdraw.guidefield .guideTextDraw p,
.georgian .guideDateFieldError,
.georgian .guidetextdraw.guidefield .guideTextDraw.welcomeText p,
.georgian p.hint-text.complaintDetailsSubLabel {
    font-family: "Helvetica Neue World W82_55 Rm" !important;
}

/* missing font update */
.georgian .legalDisclaimerPanel .disclaimerTitle,
.georgian .accordion-navigators .guideHeader > a span {
    font-family: Helvetica Neue World W29_56 It;
}



/*Extra CSS for Language specific fonts*/

/*Footer font size*/
.vietnam .az-footer a,
.paneuropean2 .az-footer a,
.greek .az-footer a,
.georgian .az-footer a {
    font-size: 11px;
}

/*All Buttons*/    
.vietnam .button-default.button-medium.Button,
.vietnam .button-default.button-medium.movePrev,
.vietnam .button-default.button-medium.moveNext,
.vietnam .button-default.button-medium.submit,
.paneuropean2 .button-default.button-medium.Button,
.paneuropean2 .button-default.button-medium.movePrev,
.paneuropean2 .button-default.button-medium.moveNext,
.paneuropean2 .button-default.button-medium.submit,
.greek .button-default.button-medium.Button,
.greek .button-default.button-medium.movePrev,
.greek .button-default.button-medium.moveNext,
.greek .button-default.button-medium.submit,
.georgian .button-default.button-medium.Button,
.georgian .button-default.button-medium.movePrev,
.georgian .button-default.button-medium.moveNext,
.georgian .button-default.button-medium.submit {
    height: auto;
    padding: 4px 16px 10px;
}
.vietnam .deleteModal .cancel, .vietnam .deleteModal .confirm,
.paneuropean2 .deleteModal .cancel, .paneuropean2 .deleteModal .confirm, 
.greek .deleteModal .cancel, .greek .deleteModal .confirm,
.georgian .deleteModal .cancel, .georgian .deleteModal .confirm {
    padding: 4px 16px 10px;
}

.georgian .button-default.button-medium.Button,
.georgian .button-default.button-medium.movePrev,
.georgian .button-default.button-medium.moveNext,
.georgian .button-default.button-medium.submit {
    padding-top: 10px;
}

.vietnam .deleteEvent .xfaButton .button-medium.Button, 
.vietnam .deleteProduct .xfaButton .button-medium.Button,
.paneuropean2 .deleteEvent .xfaButton .button-medium.Button, 
.paneuropean2 .deleteProduct .xfaButton .button-medium.Button,
.greek .deleteEvent .xfaButton .button-medium.Button, 
.greek .deleteProduct .xfaButton .button-medium.Button,
.georgian .deleteEvent .xfaButton .button-medium.Button, 
.georgian .deleteProduct .xfaButton .button-medium.Button {
    height: 40px;
}

 /*Edit/Cancel button*/                   
.vietnam .editCancelBtn .button-default.button-medium.Button,
.vietnam .editCancelBtn.cancel .button-default.button-medium.Button,
.paneuropean2 .editCancelBtn .button-default.button-medium.Button,
.paneuropean2 .editCancelBtn.cancel .button-default.button-medium.Button,
.greek .editCancelBtn .button-default.button-medium.Button,
.greek .editCancelBtn.cancel .button-default.button-medium.Button,
.georgian .editCancelBtn .button-default.button-medium.Button,
.georgian .editCancelBtn.cancel .button-default.button-medium.Button {
    height: 40px;
    padding: 20px 0;
}
.vietnam .editCancelBtn .button-default.button-medium.Button {
    line-height: 1.3;
}

/*Radiobutton*/                
.vietnam .afRadioButtonItem .guideWidgetLabel label,
.paneuropean2 .afRadioButtonItem .guideWidgetLabel label,
.greek .afRadioButtonItem .guideWidgetLabel label,
.georgian .afRadioButtonItem .guideWidgetLabel label {
	padding-top: 0;
}
/*Checkbox*/
.vietnam .guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before,
.vietnam .guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after,
.paneuropean2 .guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before,
.paneuropean2 .guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after,
.greek .guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before,
.greek .guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after,
.georgian .guideCheckBoxGroupItems .afCheckBoxItem .guideWidgetLabel::before,
.georgian .guideCheckBoxGroupItems .afCheckBoxItem.guideItemSelected .guideWidgetLabel::after {
	top: 3px;
}

/*Dropdown*/                                                        
.vietnam .dropDownList select,
.paneuropean2 .dropDownList select,
.greek .dropDownList select,
.georgian .dropDownList select{
   padding-bottom: 6px;
}

.vietnam ~ .ui-menu.ui-widget .ui-menu-item-wrapper,
.paneuropean2 ~ .ui-menu.ui-widget .ui-menu-item-wrapper,
.greek ~ .ui-menu.ui-widget .ui-menu-item-wrapper,
.georgian ~ .ui-menu.ui-widget .ui-menu-item-wrapper {
    font-size: 13px;
}

/*Checkbox underline*/
.vietnam .dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem,
.paneuropean2 .dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem,
.georgian .dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem,
.greek .dose-section-checkbox-css .guideCheckBoxGroupItems .guideCheckBoxItem {
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 10px;
}

/*Date picker*/
.vietnam .date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:nth-child(2) {
    width: 31%;
}
.vietnam .date-panel-description > .gridFluidLayout > .guideLayout > .fd-row > div:first-child {
    width: 32%;
}

/*Checkbox text */
.vietnam .guideWidgetLabel.right,
.vietnam .guideWidgetLabel.left,
.greek .guideWidgetLabel.right,
.greek .guideWidgetLabel.left,
.georgian .guideWidgetLabel.right,
.georgian .guideWidgetLabel.left,
.paneuropean2 .guideWidgetLabel.right,
.paneuropean2 .guideWidgetLabel.left {
    margin-bottom: 3px;
}

/*Accordion title*/
.vietnam .accordion-navigators .guideHeader > a {
    padding-top: 14px;
}
.georgian .accordion-navigators .guideHeader > a {
    padding-top: 8px;
    line-height: 2;
}

/*Instruction text*/
.vietnam .welcomeText p {
    padding-top: 12px;
}
/*medical affairs checkbox serbia*/
.paneuropean2 .guideFieldNode.medicalAffairsResponse {
    margin-top: 24px !important;
}

/* Inactivity Modal */ 
.inactivity-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2) !important;
    z-index: 99;
}
.inactivity-modal .modal-content {
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    display: block;
    width: 80%;
    position: absolute;
}

.guidedatepicker .datepicker-calendar-icon {
    top: 14%;
}
.guideCheckBoxItem.verbalAcknowledgement label {
    font-family: "Helvetica Neue Bold";
    font-size: 14px;
    font-weight: 700;
}
.usAzIninitalAwareDatePicker .guideFieldError{
    display : none !important;
}

.usDateDueDatepicker .guideFieldError{
    display : none !important;
}
.legal-disc-section .guideFieldNode.jpDisclaimerCheckJa.mandatory_star {
    padding-left: 0;
    border: 0;
}

.dynamic-product-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2) !important;
    z-index: 99;
}
.dynamic-product-modal .modal-content {
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    display: block;
    width: 35%;
    position: absolute;
}
.dynamic-product-modal .modal-content img { 
    width: 100%;
    height: 100%;
}
.dynamic-product-modal .modal-content .modal-close {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url("../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/clear.svg");
    background-repeat: no-repeat;
    z-index: 2;
    width: 20px;
    height: 18px;
    background-size: 12px;
    background-position: center;
}

.pqc-product-image {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 14px);
    right: 35px;
    width: 50px;
    height: 30px;
    display: block;
}
.pqc-product-image > img {
    width: 100%;
    height: 100%;
}
.medicationPQC .textField > input{
    padding-right: 90px;
}
.dynamicProductLabel {
   font-weight: 700 !important;
   color: #3f4444;
   font-size: 14px !important;
   font-family: "Helvetica Neue Bold" !important;
   padding-bottom: 10px !important;
   margin-bottom: 2px !important;
}

.sampleReturnAddressLabel label {
    font-weight: 700;
    color: #3f4444;
    font-size: 14px;
    font-family: "Helvetica Neue Bold";
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
}

/*CDM-3328*/
.georgian .demographicsAgeSelection.guideCheckBox.radio_toggle,
.greek .demographicsAgeSelection.guideCheckBox.radio_toggle {
    width: 95% !important;
}
.greek .measurementOption.guideCheckBox.radio_toggle{
    width: 90% !important;
}

.successThankYouMessage {
   font-weight: 200;
   font-family: "Helvetica Neue" !important;
   font-size: 13px !important;
   padding-left : 10px;
}

.negativeNoteMessage {
   font-weight: 200;
   font-family: "Helvetica Neue" !important;
   font-size: 13px !important;
   padding-left : 10px;
}

.defect-details-panel {
    padding-bottom: 10px !important;
}

:root {
    --headingLabel-color: #3f4444;
    --button-color: #D0006F;
    --active-wizard: #c4d600;
    --input-color:#8c8c8c;
    --background-color:#d7d8d8;
}

body, html {
    background-color: transparent !important;
}

.herobanner > div {
    background: url(../../../content/dam/astrazeneca-champion/hero.png) left top / cover;
    height: auto !important;
}
.herobanner + .text .section_border,
.herobanner ~ .text .section_border {
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px;
    box-shadow: 0px 2px 5px #f2f2f2;
    margin: 0 auto 150px;
    box-sizing: border-box;
}
.herobanner + .text,
.herobanner ~ .text {
    color: #3f4444;
}
.section_inquiry{
    color: #D0006F;
    text-decoration-line: none;
}


.herobanner img {
    display: none;
}

.herobanner  .cmp-image__title {
    display: inline-block;
    font-weight: 400!important;
    font-family: 'LexiaItalic'!important;
    margin: 25px 0 !important;
    color: #fff;
    font-size: 31.2px!important;
    left: 0;
}
.confirmation-image{
    height: 80px;
    width: 80px;
}

.cmp-experiencefragment.cmp-experiencefragment--header {
    color: #969696;
    top: 0px;
    right: 0px;
    left: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
    vertical-align: text-top;
    background: #f5f5f5;
    border-color: #e6e6e6;
    border-style: solid;
    height: 50px;
    margin-bottom: 0;
    background-color: #fff;
}


.cmp-experiencefragment--header img {
    height: 1.625rem;
    width: 6.75rem;
    transform: translateY(12px);
}

.cmp-experiencefragment--footer p{
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .8px;
    margin: .625rem 0;
    padding: 0;
    font-family: "Helvetica Neue";
}

.cmp-experiencefragment--footer h2 a,
.cmp-experiencefragment--footer h2 {
    text-decoration: none;
    font-size: 30px;
    color: #fff !important;
    font-weight: 400;
    font-family: "LexiaThin";
    margin-bottom: 10px;
}
.herobanner + .text,
.herobanner ~ .text {
    margin: auto !important;
    width: unset !important;
    float: none !important;
    font-size: 13px;
}
.herobanner + .text .cmp-text h2,
.herobanner ~ .text .cmp-text h2 {
    text-decoration: none;
    font-size: 30px;
    font-weight: 400;
    color: #3f4444 !important;
    font-family: "LexiaItalic";
    margin-block-start: 50px;
    margin-block-end: 15px;
    line-height: normal;
}
.herobanner + .text .cmp-text p,
.herobanner ~ .text .cmp-text p {
    margin: 15px 0;
    line-height: normal;
}

h3 {
    font-family: "LexiaBoldItalic";
    margin-bottom: 0;
    color: #5f6060;
    margin-bottom: 15px;
    margin-top: 45px;
    font-size: 18px;
}
.cmp-experiencefragment--footer .aem-GridColumn--default--4 .cmp-text{
    border-left : 1px solid #3c4242;
    padding-left :10px;
}

.cmp-experiencefragment--footer .aem-GridColumn--default--12{
    padding-left:10px
}

.footerlinks_page {
    padding-left: 5%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right: 5%;
}

.footerlinks_page a:link, a:visited {
    text-decoration: none;
    outline: none;
    color: #830051;
}

.footerlinks_page table {
    border-collapse: collapse;
    border-color: #ddd;
    border-spacing: 0;
    margin-bottom: 1.5em;
    border: medium none;
}
.footerlinks_page table {
    background-color: transparent;
}
.footerlinks_page table th {
    background-color: #e0e0e0;
}
.footerlinks_page table td, table th {
    border-color: #ddd;
    line-height: 130%;
    padding: 0.5em 1em;
    vertical-align: top;
}
.footerlinks_page th {
    text-align: left;
}

.contentpage{
    margin:inherit;
}

    #wscrExternalText {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

    #wscrAccordionInjectContent * {
    z-index: 1;
}

    #CookieReportsBanner *, #CookieReportsAccordion *, #CookieReportsAccordion label:before {
    background: transparent none repeat scroll 0% 0%;
    box-sizing: content-box;
    bottom: auto;
    clear: none;
    color: black;
    content: normal;
    cursor: auto;
    direction: ltr;
    font: 1em Arial, Helvetica, sans-serif;
    height: auto;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    outline: none;
    opacity: 1;
    overflow: visible;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    unicode-bidi: normal;
    vertical-align: baseline;
    visibility: visible;
    white-space: normal;
    width: auto;
    word-spacing: normal;
    z-index: 32000;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    position: relative;
    color: #ffffff;
    float: none;
}

#CookieReportsAccordion .wscrHeading {
    font: normal normal normal 22px Arial,Helvetica,sans-serif;
    color: #86bb40;
    font-weight: bold;
    margin: 0 0 5px 5px;
}

#CookieReportsAccordion .CookieReportsAccordionSection {
    position: relative;
    display: block;
    float: none;
    height: 40px;
    padding: 0;
    margin: 0 0 15px 0;
    background-color: #e1e1e1;
}


.navigation .cmp-navigation{
    margin: 10px 0;
}


@media (max-width: 767px){
    .cmp-experiencefragment.cmp-experiencefragment--header,
    .az-footer #footer_experienceFragment {
        padding: 0 20px;
    }
    .az-footer .navigation .cmp-navigation{
        margin: 10px 0;
        position: static;
    }
    .az-footer{
        width: 100%;
    }
    .herobanner + .text .section_border,
    .herobanner ~ .text .section_border {
        margin: 0 12px 90px 12px !important;
        padding: 40px 12px !important;
    }

    .herobanner  .cmp-image__title {
        width: 100%;
        box-sizing: border-box;
        padding-left: 12px;
    }

    /** adding marging top to confirmation icon in thank you page */
    .confirmation-image {
        margin-top: 60px;
    }
    
}

@media (max-width: 650px) {
    .az-footer #footer_experienceFragment .image {
        width: 100%;
        border-bottom: 1px solid #3c4242;
        padding-bottom: 20px;
    }

    .az-footer .navigation .cmp-navigation{
        margin: 0;
    }

    .az-footer li.cmp-navigation__item {
        padding-top: 15px;
        width: 50%;
    }

    .az-footer p{
        line-height: normal !important;
        margin: 0;
        padding: 20px 0 !important;
    }

    
}

@media (min-width: 768px) {
    .cmp-experiencefragment.cmp-experiencefragment--header,
    .az-footer #footer_experienceFragment {
        width: 75%;
        margin: auto;
    }
    .cmp-experiencefragment--header .aem-GridColumn.aem-GridColumn--offset--default--1{
        margin-left: 0 !important;
    }
    .herobanner + .text .section_border,
    .herobanner ~ .text .section_border {
        width: 660px;
        padding: 60px 28px !important;
    }

    .herobanner  .cmp-image__title {
        width: 100%;
        box-sizing: border-box;
        padding-left: calc(50% - 330px);
    }

    .homeicononconfirmationpage .backToHome a {
        margin-left: calc(50% - 330px) !important;
    }
    
    /** adding marging top to confirmation icon in thank you page */
    .confirmation-image {
        margin-top: 90px;
    }

    .az-footer p{
        float: right;
    }
}

.az-footer{
    background-color: #202020;
    color: #ebebeb;
    padding: 25px 0 35px;
    background: #1b1b1b;
}

.az-footer a{
     font-family: "Helvetica Neue";
        line-height: 20px;
        color: #fff;
        font-size: 10px;
        letter-spacing: 0.8px;
}


.az-footer p{
    font-family: "Helvetica Neue";
    line-height: 20px;
    color: #fff;
    font-size: 10px;
    padding-top:3px;
}


.az-footer .cmp-navigation__group {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.az-footer .cmp-navigation__item {
    display: block;
    float: left;
}
.az-footer .cmp-navigation__item-link {
    color: #d2d2d2;
    padding-right: 17px;
    text-decoration: none;
}

.az-footer a:hover{
	text-decoration: underline;
}

.footerlinks_page h1{
    font-family: "LexiaItalic";
    color: #3F4444;
}
.accordion{ 
	padding-left:67px;
	padding-right:67px;
}
.az-footer img{
    height: 1.6875rem;
    width: 6.75rem;
}
.footerlinks_page p{
    font-size: 13px;
    color: #3F4444;
}

.footerlinks_page li{
    font-size: 13px;
    color: #3F4444;
}

.footerlinks_page table{
    font-size: 13px;
    color: #3F4444;
}
.phoneErrorField,.stateErrorField {
  padding-left: 0.75rem !important;
}

p.backToHome {
 background-color: #D2D9E0;
 margin:0;
}

.backToHome a {
    margin-left: 320px;
    margin-top: 5px;
	display: inline-flex;
    flex-direction: column;
    padding: 2px;
    align-items: center;
    text-decoration: none;
}

.backToHome span {
	color: #3C4242;
    font-size: 10px;
    font-family: 'HelveticaNeue', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.backToHome .backToHomeImage {
    padding: 10px 10px 5px;
    border-width: 0px;
    width: 19px;
    height: 15px;
}

.homeicononconfirmationpage .backToHome a {
    margin-left: 12px;
}

.confirm-link-btn{
  text-align : center;
  font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ' , Meiryo , 'ＭＳゴシック' , 'MS Gothic' , sans-serif !important;
}
.japan-font-family{
    font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ' , Meiryo , 'ＭＳゴシック' , 'MS Gothic' , sans-serif !important;
}

.confirm-link-btn .cmp-button{
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  border: none;
  background: #830051 !important;
  max-height: 50px !important;
  padding: 1rem;
  width: auto !important;
  text-align: left;
  color: #FFFFFF !important;
  font-size: 15px;
  position: relative;
  border-radius: 0 !important;
  text-decoration: none;
  margin: auto;
  display: inline-block;
  margin-bottom: 20px;
}

.confirm-link-btn .cmp-button__text:after {
  content: "\f111";
  color: #FFFFFF;
  margin: 0 0.2rem 0 1.7rem;
  font-family: "az-webfont";
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

/* ============Accordion Css============*/
.accordion {
    padding: 0;
    /* margin-top: 30px; */
}
.accordion .guideHeader {
    border: 1px solid #666666;
    border-radius: 5px;
    margin-bottom: 10px;
   }
.accordion-navigators > .active .guideHeader {
    border: none;
    margin-bottom: 0;
}
.accordion-navigators .guideHeader > a, .accordion-navigators .guideHeader > a:hover {
    border-radius: 5px;
    border: none;
}
.accordion-navigators .guideHeader > a .guideSummary{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
    width: 100%;
}
.accordion-navigators .active > .guideHeader > a, .accordion-navigators .active .guideHeader > a:hover{
    border: none;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.accordion-navigators .active > .guideHeader > a{
    background: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus.svg) 95% 50% / auto 1rem no-repeat,#f5f5f5;
}
.accordion-navigators .active .guideHeader > a:hover{
    background: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Minus_Hover.svg) 95% 50% / auto 1rem no-repeat,#F6CCE2;
    color: #830051;
}
.accordion-navigators .guideHeader > a{
    background: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus.svg) 95% 50% / auto 1rem no-repeat,#f5f5f5;
    color: #666666;
    display: flex;
}
.accordion-navigators .guideHeader > a:hover{
    background: url(../../../etc/clientlibs/fd/themes/champion/champion-forms-base-theme/assets/Plus_Hover.svg) 95% 50% / auto 1rem no-repeat,#F6CCE2;
    color: #830051;
}
.accordion-navigators .guideHeader > a span {
    display: inline-block;
    font-family: "LexiaItalic";
    font-weight: 600;
}
.accordion .afAccordionPanel {
    padding: 10px;
    background-color: #fff;
    border: none;
    border-radius: 5px;
}
.accordion-navigators > .active {
    border-radius: 5px;
    border: 1px solid #d7d7d7;
}
.accordion-navigators > .active {
    margin-bottom: 10px;
}
.accordion .guideformtitle h2,
.accordion .hcpNonReporterTitle h2,
.accordion .hcpReporterText h2,
.accordion .employeeTitle h2,
.accordion .azPatientTitle h2 {
    margin-top: 0;
}
.accordion .guideTextDraw.guideStaticText h3 {
    margin-top: 20px;
}
.accordion .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.accordion .date-panel-description, 
.accordion .eventDuration {
    margin-top: 0px;
    padding-left: 0;
}
.accordion .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart):not(.usAzIninitalAwareDatePicker):not(.usDateDueDatepicker),
.accordion .date-panel-description,
.accordion .eventDuration {
    margin-top: 15px;
    padding-left: 8px;
}
.accordion .guideFieldNode.productActionTaken,
.accordion .guideFieldNode.ethnicityCode,
.accordion .guideFieldNode.previousPregnanciesDetails {
    margin-top: 15px !important;
}
.accordion-navigators .guideHeader > a span {
    margin-left: 25px;
}
.accordion-navigators .guideFieldNode.employeeRoleText {
    padding-top: 15px;
}
.accordion .guidebutton .xfaButton {
    display: inline-block;
}
/* .accordion .button-default.button-medium.Button, 
.accordion .button-default.button-medium.movePrev, 
.accordion .button-default.button-medium.moveNext, 
.accordion .button-default.button-medium.submit {
    border-radius: 0;
    margin: 0;
} */
.accordion .guideTextDraw.guideStaticText p {
    margin-top: 0;
}
.accordion .guideFieldLabel label p {
    margin-bottom: 0;
    margin-top: 0;
}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart):not(.guideCheckBox), 
.date-panel-description, 
.eventDuration{
    margin-bottom: 0;
}
.checkmark {
    position: relative;
}
.checkmark:after{
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 15px;
    width: 8px;
    border-bottom: 4px solid #830051;
    border-right: 4px solid #830051;
    position: absolute;
    left: 33px;
    top: 17px;
}
.button-medium.center-btn {    
    background: #D0006F;
    color: #fff;
    border: none;
    height: 40px;
    border-radius: 5px;
    margin: 10px 0;
    font-family: 'LexiaLightItalic';
    font-size: 16px;
    outline: none;
}
.guidebutton {
    text-align: center;
}
.guideButton.expandall {
    margin-left: 5px;
    /* width: 100%;
    display: flex;
    justify-content: left; */
    float: left;
}

.guideButton.collapseall {
    margin-right: 5px;
    /* width: 100%;
    display: flex;
    justify-content: right; */
}
.collapseall .button-default.button-medium.Button,
.expandall .button-default.button-medium.Button {
    width: auto;
    min-width: 140px;
}
.collapseall button {
    background-color: #ececec !important;
    color: #3f4444 !important;
    border: 1px solid #ececec !important;

}
a.expandcollapsepanelcss_nav.guideNavIcon, a.expandcollapsepanelcss_nav + .progress {
    display: none;
}
.expandcollapsepanelcss button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 22em;
    margin: 30px 0 !important;
}
.editCancelBtn .button-medium.Button {
    min-width: auto;
}
.accordion .dose_panel .guideGridFluidLayout {
    margin-top: 0;  
}
/* .accordion .dose_panel .date-panel-description .guidePanelDescription,
.accordion .dose_panel .eventDuration .guidePanelDescription {
    margin: 0;
} */

.accordion .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).dose-section-checkbox-css .guideCheckBoxItem {
    margin-bottom: 0;
}
.productAdditionalPanel .eventAddiInfoRadioButtonsPanel label {
    margin-right: 10px;
}
.eventOutcomePanel .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart):not(.guideCheckBox).guideCheckBoxGroup {
    margin-bottom: 0.25rem;
}
.complaintDetailsSubLabel i {
    font-weight: 400;
}
.multiReportSelection .guidePanelNode.multi-text-chkbox .guideStaticText > p{
    font-weight: 300;
}
.northernIreland .guideFieldLabel.top {
    padding-right: 19px !important;
}
@media only screen and (min-width: 768px){
    .afWizardPanel > div {
        width: 710px;
    }
    .accordion .afAccordionPanel {
        padding: 23px 23px 15px;
    }
    .accordion .section_border {
        padding: 15px 15px 15px 15px !important;
    }
    .accordion .productAdditionalPanel {
        padding: 20px 0 0 0 !important;
    }
    .accordion .guidePanelNode.hcpReporterAddtionalQuestionPanel,
    .accordion .guidePanelNode.consent-panel,
    .accordion .guidePanelNode.hcpConsentPanel,
    .accordion .section_border.reporterPanel {
        padding-bottom: 15px !important;
    }
}

@media only screen and (max-width: 767px){
    /* .accordion .dose-section-checkbox-css {
        margin-top: 10px;
    } */

    .accordion .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).batch-lot-inputfield-css{
        border: 0;
        padding-right: 0;
    }
    .accordion .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart).dose-section-checkbox-css {
        border: 0;
        padding-left: 0;
    }
    .accordion .guideFieldNodedose-section-checkbox-css .guideWidgetLabel label {
        padding-left: 0;
    }
    .guideCheckBox:not(.radio_toggle) .guideRadioButtonGroupItems {
        flex-direction: column;
    }
    .autopsyPerformed  {
        margin-top: 0;
    }
    .guideFieldNode.yesNo > .guideRadioButtonGroupItems > .guideRadioButtonItem {
        padding-top: 10px;
    }
    .productChkBox .guideCheckBoxItem .guideWidgetLabel {
        width: auto;
    }
    .productChkBoxErr p {
        font-weight: 400 !important;
    }
}