/* Minification failed. Returning unminified contents.
(1660,21): run-time error CSS1036: Expected expression, found ';'
(1661,18): run-time error CSS1036: Expected expression, found ';'
(1662,17): run-time error CSS1036: Expected expression, found ';'
(1663,13): run-time error CSS1036: Expected expression, found ';'
(1664,9): run-time error CSS1036: Expected expression, found ';'
(1676,21): run-time error CSS1036: Expected expression, found ';'
(1677,18): run-time error CSS1036: Expected expression, found ';'
(1678,17): run-time error CSS1036: Expected expression, found ';'
(1679,13): run-time error CSS1036: Expected expression, found ';'
(1680,9): run-time error CSS1036: Expected expression, found ';'
(1730,21): run-time error CSS1036: Expected expression, found ';'
(1731,18): run-time error CSS1036: Expected expression, found ';'
(1732,17): run-time error CSS1036: Expected expression, found ';'
(1733,13): run-time error CSS1036: Expected expression, found ';'
(1734,9): run-time error CSS1036: Expected expression, found ';'
(1790,21): run-time error CSS1036: Expected expression, found ';'
(1791,18): run-time error CSS1036: Expected expression, found ';'
(1792,17): run-time error CSS1036: Expected expression, found ';'
(1793,13): run-time error CSS1036: Expected expression, found ';'
(1794,9): run-time error CSS1036: Expected expression, found ';'
(1827,21): run-time error CSS1036: Expected expression, found ';'
(1828,18): run-time error CSS1036: Expected expression, found ';'
(1829,17): run-time error CSS1036: Expected expression, found ';'
(1830,13): run-time error CSS1036: Expected expression, found ';'
(1831,9): run-time error CSS1036: Expected expression, found ';'
(1855,21): run-time error CSS1036: Expected expression, found ';'
(1856,18): run-time error CSS1036: Expected expression, found ';'
(1857,17): run-time error CSS1036: Expected expression, found ';'
(1858,13): run-time error CSS1036: Expected expression, found ';'
(1859,9): run-time error CSS1036: Expected expression, found ';'
(1882,21): run-time error CSS1036: Expected expression, found ';'
(1883,18): run-time error CSS1036: Expected expression, found ';'
(1884,17): run-time error CSS1036: Expected expression, found ';'
(1885,13): run-time error CSS1036: Expected expression, found ';'
(1886,9): run-time error CSS1036: Expected expression, found ';'
(3782,21): run-time error CSS1036: Expected expression, found ';'
(3783,18): run-time error CSS1036: Expected expression, found ';'
(3784,17): run-time error CSS1036: Expected expression, found ';'
(3785,13): run-time error CSS1036: Expected expression, found ';'
(3786,9): run-time error CSS1036: Expected expression, found ';'
(3802,21): run-time error CSS1036: Expected expression, found ';'
(3803,18): run-time error CSS1036: Expected expression, found ';'
(3804,17): run-time error CSS1036: Expected expression, found ';'
(3805,13): run-time error CSS1036: Expected expression, found ';'
(3806,9): run-time error CSS1036: Expected expression, found ';'
 */
.FontNormal {
  font-family: Montserrat, Arial;
}
.ErrorMessageFont {
  color: white;
  padding: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}
.FontMedium {
  font-family: Montserrat-Medium, Arial;
}
.FontLight {
  font-family: Montserrat-Light, Arial;
}
.FontBold {
  font-family: Montserrat-Bold, Arial;
}
.FontSerif {
  font-family: Montserrat, Arial;
}
@font-face {
  font-family: Montserrat;
  src: url(/Styles/VI/Font/Montserrat-Regular.ttf);
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(/Styles/VI/Font/Montserrat-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Light;
  src: url(/Styles/VI/Font/Montserrat-Light.ttf);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Medium;
  src: url(/Styles/VI/Font/Montserrat-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Regular.ttf);
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Bold;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Light;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Light.ttf);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}
.MultilineParagraph {
  line-height: 1.2;
}
/* Mixins */
#ChooseContent .ChooseContent > h2 {
  padding-bottom: 0.5rem;
}
#ChooseContent .ChooseContent > p {
  margin-top: 0;
}
#ChooseContent span.TooltipLabel {
  font-weight: bold;
}
#ChooseContent .TooltipText {
  text-align: left;
}
#ChooseContent .LookSelector {
  text-align: center;
  margin-top: 2rem;
}
#ChooseContent .LookSelector .LookSaved {
  margin-bottom: 0.5rem;
}
#ChooseContent .LookSelector .LookSaved svg {
  color: #009900 !important;
}
#ChooseContent .LookSelector .LookSaved svg-icon {
  width: 2.7rem;
  height: 2.7rem;
  position: relative;
  top: 0.8rem;
}
#ChooseContent .LookSelector .DefaultContent .ChosenLook {
  max-width: 38.5rem;
  width: 38.5rem;
  margin-top: 0.2rem;
  margin-bottom: 1rem;
}
.Layout_Tablet.Controller_ManageMyStore #ChooseContent .LookSelector .DefaultContent .ChosenLook {
  max-width: 30rem;
}
.Layout_Phone #ChooseContent .LookSelector .DefaultContent .ChosenLook {
  width: 100%;
  max-width: 100%;
}
#ChooseContent .LookSelector .SelectContent {
  /* Carousel images on wireframe are 478x360 */
  /* These widths below seem to work to set this size */
  width: 55rem;
  margin: auto;
}
#ChooseContent .LookSelector .SelectContent carousel img {
  display: block;
}
.Layout_Tablet #ChooseContent .LookSelector .SelectContent {
  width: 42rem;
}
.Layout_Tablet.Controller_ManageMyStore #ChooseContent .LookSelector .SelectContent {
  width: 36rem;
}
.Layout_Phone #ChooseContent .LookSelector .SelectContent {
  width: 30rem;
}
.Layout_Phone.Controller_ManageMyStore #ChooseContent .LookSelector .SelectContent {
  width: 27rem;
}
#ChooseContent .LookSelector .SelectContent div.ScrollClip {
  width: 100%;
  height: 100%;
}
#ChooseContent .LookSelector .SelectContent div.Slide img {
  width: 100%;
  height: 100%;
}
#ChooseContent .LookSelector a.SaveButton {
  margin-top: 2rem;
}
#ChooseFeatureShops .ChooseContent > h2 {
  padding-bottom: 0.5rem;
}
#ChooseFeatureShops .ChooseContent > p {
  margin-top: 0;
}
#ChooseFeatureShops #BrandsSelector {
  margin-top: 5rem;
}
#ChooseFeatureShops #BrandsSelector .TooltipLabel {
  font-weight: bold;
}
#ChooseFeatureShops #BrandsSelector .TooltipText {
  text-align: left;
}
#ChooseFeatureShops #BrandsSelector .DefaultFeatureShops {
  text-align: center;
  margin-top: 2rem;
}
#ChooseFeatureShops #BrandsSelector .DefaultFeatureShops .BrandsSaved {
  margin-bottom: 0.5rem;
}
#ChooseFeatureShops #BrandsSelector .DefaultFeatureShops .BrandsSaved > span {
  vertical-align: middle;
}
#ChooseFeatureShops #BrandsSelector .DefaultFeatureShops .BrandsSaved svg-icon {
  width: 2.7rem;
  height: 2.7rem;
  vertical-align: middle;
}
#ChooseFeatureShops #BrandsSelector .DefaultFeatureShops .BrandsSaved svg-icon svg {
  color: #009900 !important;
}
#ChooseFeatureShops #BrandsSelector .CustomFeatureShops {
  text-align: center;
  margin-top: 2rem;
}
#ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault {
  margin-top: 0.2rem;
  margin-bottom: 2rem;
}
#ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper {
  display: inline-block;
  width: 23.5%;
  margin-right: 2%;
  border: solid 1px #cccccc;
  width: 14rem;
  height: 12.5rem;
  text-align: center;
  vertical-align: top;
}
#ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper:nth-child(4n + 4) {
  margin-right: 0;
}
.Layout_Tablet #ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper {
  width: 10rem;
  height: 8.9rem;
}
.Layout_Phone #ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper {
  margin-right: 2%;
}
.Layout_Tablet.Controller_ManageMyStore #ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper {
  width: 8rem;
  height: 8.9rem;
}
#ChooseFeatureShops #BrandsSelector .ChangeFeatureShopsDefault .details-image-wrapper img {
  width: 100%;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer {
  margin-top: 0.2rem;
  margin-bottom: 2rem;
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer .details-image-wrapper {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer .details-image-wrapper:nth-child(3n + 3) {
  margin-right: 0;
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer .details-image-wrapper img {
  border: solid 1px #cccccc;
  width: 100%;
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer .details-image-wrapper img:hover {
  border: solid 1px #7f28c4;
}
#ChooseFeatureShops #BrandsSelector .BrandsContainer .details-image-wrapper.Selected img {
  border: solid 3px #7f28c4;
}
.Layout_Phone #ChooseFeatureShops .Button {
  width: 100%;
}
#CopyLinkModal .Modal .ModalContent label {
  font-size: 2rem;
  margin-bottom: 1rem;
}
#CopyLinkModal .Modal .ModalContent .Toolbar {
  text-align: center;
}
.Layout_Tablet #DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 input[type=range].Miles {
  width: 65%;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment #DeliveryStep1 {
  width: 100%;
  padding: 0;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment #DeliveryStep1 .StepContent #DraggableSpace #DraggablePin {
  width: 100%;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment #DeliveryStep1 .StepContent #DraggableSpace #DraggablePin svg-icon {
  width: 100%;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment #DeliveryStep1 .StepContent .Actions {
  text-align: center;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer {
  width: 100%;
  margin: 2rem auto;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay {
  width: 80%;
  font-size: 1rem;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .BottomStepSegment #DeliveryStep3 {
  width: 100%;
  height: auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: inline-block;
  border-left: none;
  border-bottom: 1px dotted #999999;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .BottomStepSegment #DeliveryStep3 .RangeField {
  width: 100%;
  padding: 0;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .BottomStepSegment #DeliveryStep3 .RangeField input[type=range] {
  width: 75%;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .BottomStepSegment #DeliveryStep3 .Validation {
  margin-left: 0;
}
.Layout_Phone #DeliveryAreaModal .Modal .ModalContent .BottomStepSegment #DeliveryStep4 {
  width: 100%;
  height: auto;
  display: inline-block;
  padding-bottom: 0;
  margin-bottom: 1rem;
  border-left: none;
  border-bottom: 1px dotted #999999;
}
#DeliveryAreaModal .Modal {
  width: 79.5rem;
}
#DeliveryAreaModal .Modal .ModalContent h2 {
  font-size: 3.6rem;
  font-family: Montserrat, Arial;
  text-align: left;
  margin-top: 0;
  margin-bottom: 2.5rem;
}
#DeliveryAreaModal .Modal .ModalContent h3 {
  font-size: 2rem;
  line-height: 1.3;
  font-family: Montserrat, Arial;
  text-align: left;
}
#DeliveryAreaModal .Modal .ModalContent p {
  line-height: 1.4;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep {
  width: 32.8%;
  height: 100%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding: 1rem 1rem;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep:first-child {
  padding-left: 0;
  border-left: none;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep + .DefineAreaStep {
  border-left: 1px dotted #999999;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep i {
  display: block;
  float: left;
  position: relative;
  vertical-align: top;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep i svg-icon {
  width: 2.5rem;
  height: 2.6rem;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep i span {
  color: white;
  position: absolute;
  top: 0.6rem;
  left: 50%;
  margin-left: -0.3rem;
  font-family: Montserrat, Arial;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep .StepContent {
  display: block;
  vertical-align: top;
  margin-left: 3rem;
}
#DeliveryAreaModal .Modal .ModalContent .DefineAreaStep .Validation {
  margin-top: 1rem;
  margin-left: 2.5rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 {
  position: relative;
  padding-top: 0;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 async-block {
  position: absolute;
  left: 0;
  right: 1rem;
  bottom: 0;
  display: block;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 async-block .ContentModule {
  margin-bottom: 0;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 #DraggableSpace {
  width: 100%;
  height: 12rem;
  position: relative;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 #DraggableSpace #DraggablePin {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5.5rem;
  width: 11rem;
  height: 11rem;
  cursor: all-scroll;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 #DraggableSpace #DraggablePin svg-icon {
  width: 11rem;
  height: 11rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 #DraggableSpace #DraggablePin:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  display: block;
  background-image: url('/Styles/Core/Icons/Map/marker-google.png');
  width: 2.4rem;
  height: 4.1rem;
  margin-top: -3.69rem;
  margin-left: -1.2rem;
  background-size: contain;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 .Actions {
  text-align: center;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep1 .Actions .ButtonLink {
  position: relative;
  top: -0.3rem;
  margin-right: 0.3rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 {
  display: table-cell;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 .FormField {
  margin: 0 0 1rem 0;
  padding: 0;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 .DeliveryCity {
  padding: 2rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 input[type=number] {
  width: 4.5rem;
  text-align: center;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 input[type=range] {
  margin: 0;
  padding: 0;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 .RangeField {
  padding-left: 3rem;
  width: 70%;
  white-space: nowrap;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 #RangeMaxWithUnit {
  white-space: nowrap;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep3 #RangeMaxWithUnit .Unit {
  margin-left: 0.2rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep4 {
  display: table-cell;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep4 .FormField {
  padding-bottom: 1rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep4 input[type=checkbox] {
  display: table-cell;
  vertical-align: top;
  min-height: 0;
  width: 1.5rem;
  height: 1.5rem;
}
#DeliveryAreaModal .Modal .ModalContent #DeliveryStep4 label {
  font-size: 1.3rem;
  line-height: 1.2;
  display: table-cell;
  padding-top: 0;
  padding-left: 0.5rem;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment {
  border-bottom: 1px #999999 dotted;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer {
  display: inline-block;
  width: 66%;
  height: 28rem;
  position: relative;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  background-color: #ffffff;
  width: 50%;
  font-size: 1.3rem;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay label {
  text-align: center;
  display: block;
  padding: 0.5rem 0 1rem 0;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay input {
  width: 100%;
  height: 2.5rem;
  padding-right: 2.5rem;
  padding-left: 0.5rem;
  border: solid 1px #cccccc;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay input:focus {
  border-color: #7f28c4;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay a {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #7f28c4;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay a svg-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: white;
  padding: 0.3rem;
}
#DeliveryAreaModal .Modal .ModalContent .TopStepSegment .MapContainer .MapOverlay #InvalidAddress {
  position: absolute;
  width: 100%;
  top: 100%;
  background-color: white;
  padding: 0.5rem;
  display: block;
  font-size: 1.2rem;
  color: #851168;
  text-align: center;
}
#DeliveryAreaModal .Modal .ModalContent .BottomStepSegment {
  display: table;
  margin-bottom: 1rem;
}
#DeliveryAreaModal .Modal .ModalContent .Buttons {
  text-align: center;
}
#DeliveryAreaModal .Modal .ModalContent .Buttons .Validation {
  margin-top: 1rem;
}
#DeliveryAreaModal .Modal .ModalContent .Buttons .Button {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #546264;
}
#DeliveryAreaModal .Modal .ModalContent .Buttons .Button.LocationOn {
  background-color: #7f28c4;
  color: #ffffff;
  border-color: #7f28c4;
}
.Layout_Tablet #DeliverySetup #DeliveryArea .DeliveryAreaUndefined .DeliveryAreaToCover {
  display: block;
}
.Layout_Tablet #DeliverySetup #DeliveryArea .DeliveryAreaUndefined .Button {
  margin-left: 0;
  margin-top: 0.5rem;
}
.Layout_Tablet #DeliverySetup #DeliveryArea .DeliveryAreaDefined .Button {
  margin-top: 0.5rem;
  width: 100%;
  text-align: center;
}
.Layout_Tablet #DeliverySetup #DeliveryDelay .InputsContainer {
  width: 75%;
}
.Layout_Tablet #DeliverySetup #DeliveryDelay .InputsContainer select {
  width: 100%;
}
.Layout_Tablet #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer {
  display: block;
  margin-top: 0.5rem;
}
.Layout_Tablet #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .Calendar {
  width: 100%;
  display: table;
}
.Layout_Tablet #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .Calendar #deliveryDate {
  width: 90%;
  display: inline-block;
  margin-left: 0;
  margin-right: 0.5rem;
}
.Layout_Phone #DeliverySetup #DeliveryArea .DeliveryAreaUndefined .DeliveryAreaToCover {
  display: block;
}
.Layout_Phone #DeliverySetup #DeliveryArea .DeliveryAreaUndefined .Button {
  margin-left: 0;
  margin-top: 0.5rem;
  width: 100%;
  text-align: center;
}
.Layout_Phone #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .Calendar #deliveryDate {
  width: 90%;
  display: inline-block;
}
#DeliverySetup {
  width: 100%;
  padding-bottom: 3rem;
}
#DeliverySetup .FormTools {
  text-align: right;
}
#DeliverySetup .FormTools .Button,
#DeliverySetup .FormTools .Button.Alt {
  float: none !important;
  margin: 0 0 0 1rem !important;
}
#DeliverySetup h3 {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
#DeliverySetup #DeliveryArea {
  margin-bottom: 3rem;
}
#DeliverySetup #DeliveryArea .DeliveryAreaUndefined p {
  font-size: 1.3rem;
}
#DeliverySetup #DeliveryArea .DeliveryAreaUndefined p strong {
  font-weight: bold;
  text-transform: uppercase;
}
#DeliverySetup #DeliveryArea .DeliveryAreaUndefined .Button {
  margin-left: 3rem;
}
#DeliverySetup #DeliveryArea .DeliveryAreaDefined #DeliveryAreaMap {
  height: 25rem;
  display: inline-block;
  margin-right: 2rem;
  vertical-align: bottom;
}
.Layout_Desktop #DeliverySetup #DeliveryArea .DeliveryAreaDefined #DeliveryAreaMap,
.Layout_Tablet #DeliverySetup #DeliveryArea .DeliveryAreaDefined #DeliveryAreaMap {
  width: 55%;
}
.Layout_Phone #DeliverySetup #DeliveryArea .DeliveryAreaDefined #DeliveryAreaMap {
  width: 100%;
}
.Layout_Tablet #DeliverySetup #DeliveryArea .DeliveryAreaDefined #DeliveryAreaMap {
  width: 100%;
  margin-bottom: 1rem;
}
#DeliverySetup #DeliveryArea .DeliveryAreaDefined .Button {
  vertical-align: bottom;
}
.Layout_Phone #DeliverySetup #DeliveryArea .DeliveryAreaDefined .Button {
  margin-top: 1rem;
  width: 100%;
  text-align: center;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea {
  display: table;
  margin-bottom: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep {
  height: 100%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 {
  display: table-cell;
  background-color: #eaeaea;
  padding: 1rem;
  margin-right: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 .StepContent {
  padding-bottom: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 .FormField {
  margin: 0 0 1rem 0;
  padding: 0;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 input[type=number] {
  width: 4.5rem;
  text-align: center;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 input[type=range] {
  margin: 0;
  padding: 0;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 .RangeField {
  padding-left: 3rem;
  width: 70%;
  white-space: nowrap;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 #RangeMaxWithUnit {
  white-space: nowrap;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep3 #RangeMaxWithUnit .Unit {
  margin-left: 0.2rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep4 {
  display: table-cell;
  vertical-align: bottom;
  padding-left: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep4 .FormField {
  padding-bottom: 1rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep4 input[type=checkbox] {
  display: table-cell;
  vertical-align: top;
  min-height: 0;
  width: 1.5rem;
  height: 1.5rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep#DeliveryStep4 label {
  font-size: 1.3rem;
  line-height: 1.2;
  display: table-cell;
  padding-top: 0;
  padding-left: 0.5rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep .select2.ng-invalid a.select2-choice {
  border-color: #851168;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep .select2 a.select2-choice {
  text-decoration: none;
  width: 25rem;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep .StepContent {
  display: block;
  vertical-align: top;
}
#DeliverySetup #DeliveryArea .LocationDropDownsArea .DefineAreaStep .Validation {
  margin-top: 1rem;
  margin-left: 2.5rem;
}
#DeliverySetup #DeliveryDelay label {
  display: block;
  margin-bottom: 1rem;
}
#DeliverySetup #DeliveryDelay .InputsContainer {
  display: table;
}
.Layout_Phone #DeliverySetup #DeliveryDelay .InputsContainer {
  display: inline-block;
  width: 100%;
}
#DeliverySetup #DeliveryDelay .InputsContainer select {
  display: table-cell;
}
.Layout_Phone #DeliverySetup #DeliveryDelay .InputsContainer select {
  display: inline-block;
  width: 100%;
}
#DeliverySetup #DeliveryDelay .InputsContainer .DateContainer {
  display: table-cell;
  vertical-align: middle;
}
.Layout_Phone #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer {
  display: inline-block;
  width: 100%;
}
#DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .Calendar svg-icon {
  cursor: pointer;
  vertical-align: middle;
}
#DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .DatePicker {
  margin-left: 1.5rem;
}
.Layout_Phone #DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .DatePicker {
  margin: 0.5rem 0;
  width: 100%;
}
#DeliverySetup #DeliveryDelay .InputsContainer .DateContainer .Validation {
  margin-left: 1.5rem;
}
#DeliverySetup #DeliveryTime #DeliveryTimeEdit label {
  margin-bottom: 1rem;
}
#DeliverySetup #DeliveryTime #DeliveryTimeEdit textarea {
  min-height: 3rem;
}
.Layout_Phone #DeliverySetup #DeliveryTime #DeliveryTimeDisplay label {
  display: block;
}
#DeliverySetup #DeliveryTime #DeliveryTimeDisplay p {
  font-weight: bold;
}
#DeliverySetup #DeliveryTime #DeliveryTimeDisplay .InfoAndLinks {
  margin-bottom: 1rem;
}
#DeliverySetup #DeliveryTime #DeliveryTimeDisplay .InfoAndLinks .Edit {
  margin-left: 0;
  padding-left: 0;
}
#DeliverySetup #DeliveryTime #DeliveryTimeDisplay .InfoAndLinks .Edit::before {
  border: none;
}
.Layout_Phone.Area_Manager header #WelcomeMenu {
  text-align: center;
}
.Layout_Phone.Area_Manager header #LogoBarArea {
  text-align: center;
}
.Layout_Phone.Area_Manager header #LogoBarArea #AvonLogo {
  float: none;
}
.Layout_Phone.Area_Manager header #LogoBarArea .RepLoginHeaderInfo {
  margin-left: 0;
}
.Area_Manager header #LogoBarArea {
  max-width: 976px;
  min-height: 8rem;
  padding-top: 3rem;
  text-align: left;
  overflow: hidden;
}
.Area_Manager header #LogoBarArea #AvonLogo {
  cursor: pointer;
  float: left;
}
.Area_Manager header #LogoBarArea #AvonLogo .LoggedIn {
  cursor: default;
}
.Area_Manager header #LogoBarArea #AvonLogo svg-icon {
  width: 13.4rem;
  height: 3rem;
  color: #231f20;
}
.Area_Manager header #LogoBarArea #AvonLogo svg-icon > svg.double {
  height: 8.2rem;
}
.Area_Manager header #LogoBarArea .RepLoginHeaderInfo {
  font-size: 1.8rem;
  font-family: Montserrat, Arial;
  margin-left: 2rem;
  margin-top: 0.5rem;
  display: inline-block;
}
.Area_Manager header #WelcomeMenu {
  text-align: right;
  padding-top: 1.1rem;
  font-size: 1rem;
  text-transform: uppercase;
}
.Area_Manager header #WelcomeMenu a {
  display: inline-block;
}
.Area_Manager header #WelcomeMenu .WelcomeUser {
  color: #7f28c4;
  font-weight: bold;
}
.Area_Manager header #WelcomeMenu .RightBorder {
  border-right: solid 1px #333333;
  margin-right: 1.6rem;
  padding-right: 1.6rem;
}
.Layout_Phone.Area_Manager header {
  padding-bottom: 3rem;
  border-bottom: solid 1px #cccccc;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .Decisions {
  width: 100%;
  display: inline-block;
  margin-bottom: 1rem;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .Until {
  padding-left: 0;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput .Calendar {
  display: table;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput .Calendar input {
  display: inline-block;
  width: 85%;
}
#MyProfile .AvonForm {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  padding-bottom: 0;
}
#MyProfile .AvonForm .FormField {
  font-size: 1.3rem;
}
#MyProfile .AvonForm a:not(.Button) {
  color: #546264;
  text-decoration: underline;
}
#MyProfile .AvonForm a.Button.Save,
#MyProfile .AvonForm a.Button.Alt {
  float: right;
  margin-top: 1rem;
  margin-bottom: 3rem;
  margin-left: 1rem;
}
#MyProfile .AvonForm > div {
  margin-bottom: 3rem;
}
#MyProfile .AvonForm > div > div {
  vertical-align: top;
}
#MyProfile .AvonForm h3 {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-bottom: 1rem;
}
#MyProfile .AvonForm label {
  color: #666666;
}
#MyProfile .AvonForm label.StoreRootUrl {
  width: auto;
}
#MyProfile .AvonForm textarea {
  width: 100%;
}
#MyProfile .AvonForm tooltip {
  display: inline-block;
  vertical-align: middle;
}
#MyProfile .AvonForm label[required]:before {
  content: '*';
}
#MyProfile .AvonForm section {
  display: table;
  width: 100%;
  padding-top: 2rem;
  border-top: dotted 1px #999999;
}
#MyProfile .AvonForm section > div:first-of-type {
  width: 100%;
  display: table-cell;
  vertical-align: top;
}
.Layout_Phone #MyProfile .AvonForm section {
  table-layout: fixed;
}
#MyProfile .AvonForm .DetailsImage {
  min-width: 18rem;
  display: table-cell;
}
#MyProfile .AvonForm .DetailsImage img {
  width: 18rem;
  height: 23rem;
}
.Layout_Phone #MyProfile .AvonForm .DetailsImage {
  display: none;
}
.Layout_Desktop #MyProfile .AvonForm .Content {
  padding-right: 7rem;
  max-width: 65rem;
}
.Layout_Tablet #MyProfile .AvonForm .Content {
  padding-right: 4rem;
  max-width: 39rem;
}
#MyProfile .AvonForm .FormField input[type=text],
#MyProfile .AvonForm .FormField input[type=email] {
  width: 19.5rem;
}
#MyProfile .AvonForm .splitter-pipe {
  margin: auto 0.5rem;
  color: #999999;
}
#MyProfile .AvonForm .StoreName {
  padding-bottom: 7.5rem;
}
.Layout_Phone #MyProfile .AvonForm .StoreName {
  padding-bottom: 1rem;
}
#MyProfile .AvonForm .StoreName h3:first-of-type {
  margin-bottom: 0.5rem;
}
#MyProfile .AvonForm .StoreName p:first-of-type {
  margin-top: 0;
}
.Layout_Phone #MyProfile .AvonForm .StoreName .FormInput input {
  width: 100%;
}
#MyProfile .AvonForm .ContactDetails h3:first-of-type {
  margin-bottom: 0.7rem;
}
#MyProfile .AvonForm .ContactDetails p:first-of-type {
  margin-top: 0;
}
#MyProfile .AvonForm .ContactDetails .FormField {
  padding-bottom: 0.8rem;
}
.Layout_Tablet #MyProfile .AvonForm .ContactDetails .FormField .FormInput input {
  width: 14.5rem;
}
.Layout_Phone #MyProfile .AvonForm .ContactDetails .FormField .FormInput input {
  width: 100%;
}
#MyProfile .AvonForm .ContactDetails .Contact {
  margin-top: 0.7rem;
}
#MyProfile .AvonForm .ContactDetails .Contact textarea#timeToContact {
  margin-top: 0.7rem;
}
#MyProfile .AvonForm .ContactDetails .Contact .InfoAndLinks {
  margin-bottom: 1rem;
}
#MyProfile .AvonForm .ContactDetails .Contact .InfoAndLinks .Edit {
  margin-left: 0;
  padding-left: 0;
}
#MyProfile .AvonForm .ContactDetails .Contact .InfoAndLinks .Edit::before {
  border: none;
}
#MyProfile .AvonForm .PersonalTouches .Content div.Introduction > label {
  color: #999999;
}
.Layout_Phone #MyProfile .AvonForm .PersonalTouches .Content .FormField label {
  width: auto;
  display: inline-block;
}
.Layout_Phone #MyProfile .AvonForm .PersonalTouches .Content .FormField.PaymentTypes label {
  width: 100%;
}
#MyProfile .AvonForm .PersonalTouches h3:first-of-type {
  display: inline-block;
  margin-bottom: 0.6rem;
}
#MyProfile .AvonForm .PersonalTouches p:first-of-type {
  margin-top: 0;
}
#MyProfile .AvonForm .PersonalTouches > div:not(:last-child) {
  margin-bottom: 2rem;
}
#MyProfile .AvonForm .PersonalTouches .ChoosePhoto > div .Button {
  width: 16rem;
  text-align: center;
  line-height: 1.5rem;
  margin-left: 0.6rem;
}
.Layout_Phone #MyProfile .AvonForm .PersonalTouches .ChoosePhoto > div .Button {
  width: 100%;
  margin-top: 1rem;
}
#MyProfile .AvonForm .PersonalTouches .ChoosePhoto > div .Button span {
  white-space: normal;
  text-align: center;
  width: 100%;
}
#MyProfile .AvonForm .PersonalTouches .ChoosePhoto > div .photo {
  width: 14.5rem;
  height: 14.5rem;
  vertical-align: bottom;
}
#MyProfile .AvonForm .PersonalTouches .Message {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
}
#MyProfile .AvonForm .PersonalTouches .Message .InfoAndLinks {
  margin-bottom: 1rem;
}
#MyProfile .AvonForm .PersonalTouches .Message .InfoAndLinks .Edit {
  margin-left: 0;
  padding-left: 0;
}
#MyProfile .AvonForm .PersonalTouches .Message .InfoAndLinks .Edit::before {
  border: none;
}
#MyProfile .AvonForm .PersonalTouches .Languages {
  margin-bottom: 5rem;
  padding-bottom: 1.5rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages .MarketLanguages {
  margin-bottom: 0.5rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages .MarketLanguages > input {
  vertical-align: middle;
}
#MyProfile .AvonForm .PersonalTouches .Languages .MarketLanguages > label {
  margin-left: 0.2rem;
  vertical-align: middle;
  color: #546264;
}
#MyProfile .AvonForm .PersonalTouches .Languages .MarketLanguages > .AddMoreLanguages {
  vertical-align: middle;
  margin-left: 2rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages #additionalLanguages::-webkit-input-placeholder {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages #additionalLanguages:-moz-placeholder {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages #additionalLanguages::-moz-placeholder {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#MyProfile .AvonForm .PersonalTouches .Languages #additionalLanguages:-ms-input-placeholder {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#MyProfile .AvonForm .PersonalTouches .PaymentTypes {
  padding-bottom: 1.5rem;
}
#MyProfile .AvonForm .PersonalTouches .PaymentTypes .InfoAndLinks {
  margin-bottom: 1rem;
}
#MyProfile .AvonForm .PersonalTouches .PaymentTypes .InfoAndLinks .Edit {
  margin-left: 0;
  padding-left: 0;
}
#MyProfile .AvonForm .PersonalTouches .PaymentTypes .InfoAndLinks .Edit::before {
  border: none;
}
.Layout_Desktop #MyProfile .AvonForm .ShopSettings {
  padding-right: 25rem;
}
#MyProfile .AvonForm .ShopSettings label {
  color: #999999;
}
#MyProfile .AvonForm .ShopSettings div {
  /* Disabled state for when Shop Status is closed */
}
#MyProfile .AvonForm .ShopSettings div[disabled] span {
  opacity: 0.4;
}
#MyProfile .AvonForm .ShopSettings div[disabled] tooltip {
  pointer-events: none;
  opacity: 0.25;
}
#MyProfile .AvonForm .ShopSettings div[disabled] a {
  pointer-events: none;
}
#MyProfile .AvonForm .ShopSettings div.Introduction h3 {
  display: inline-block;
  margin-bottom: 0.5rem;
}
#MyProfile .AvonForm .ShopSettings div.Introduction p {
  margin-top: 0;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus {
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-weight: bold;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus p {
  font-size: 1.3rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open {
  display: table;
  margin-bottom: 0.8rem;
  margin-left: 0.3rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open input {
  vertical-align: top;
  margin-right: 0.3rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation {
  display: table-cell;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday > div {
  display: table-cell;
  font-weight: normal;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .Decisions {
  width: 30%;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .Until {
  padding-left: 2.5rem;
  padding-right: 0.7rem;
  font-family: Montserrat, Arial;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput {
  padding-bottom: 0;
  font-family: Montserrat, Arial;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput .Calendar input {
  vertical-align: middle;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput .Calendar svg-icon {
  cursor: pointer;
  vertical-align: middle;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput [ng-messages] {
  width: 100%;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Open .OpenInformation .Holiday .CalendarInput > label {
  display: inline-block;
  padding-top: 0.5rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Closed {
  margin-left: 0.3rem;
}
#MyProfile .AvonForm .ShopSettings div.ShopStatus .Closed label {
  font-family: Montserrat, Arial;
}
#MyProfile .AvonForm .ShopSettings div.Availability {
  font-weight: bold;
}
#MyProfile .AvonForm .ShopSettings div.Availability > p {
  font-size: 1.3rem;
}
#MyProfile .AvonForm .ShopSettings div.Availability > div {
  margin-bottom: 1rem;
  margin-left: 0.3rem;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions {
  font-family: Montserrat, Arial;
  font-size: 1.4rem;
  margin-top: 0.6rem;
  margin-left: 6rem;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .Decision {
  display: table-cell;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .Description {
  font-weight: normal;
  display: table-cell;
  padding-left: 0.3rem;
  width: 100%;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions tooltip {
  font-weight: normal;
  display: table-cell;
  padding-left: 0.5rem;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage {
  background-color: #eaeaea;
  padding: 5px 20px;
  margin: 10px 0;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .Eligibility0,
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .Eligibility1,
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .Eligibility2 {
  color: #ff0000;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .Eligibility3 .Eligibility4,
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .Eligibility5 {
  color: #666;
}
#MyProfile .AvonForm .ShopSettings div.Availability .ShowInFAR .Decisions .EligibilityMessage .eligibilityX {
  color: #666;
}
#MyProfile .AvonForm .ShopSettings div.Availability .HideInFAR > div {
  font-weight: normal;
  font-family: Montserrat, Arial;
  margin-left: 1.7rem;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings {
  margin-top: 3rem;
  font-weight: bold;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings > p {
  font-size: 1.3rem;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings tooltip {
  font-weight: normal;
  padding-left: 0.5rem;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings > div {
  margin-bottom: 1rem;
  margin-left: 0.3rem;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings .RepPlusDirectDelivery {
  width: 130%;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.DeliverySettings .RepPlusDirectDelivery {
  width: 100%;
}
#MyProfile .AvonForm .ShopSettings div.DeliverySettings .DDWarning {
  font-weight: lighter;
  font-size: 1.2rem;
  color: #851168;
}
#MyProfile .AvonForm .ShopSettings div.notifications {
  margin-top: 3rem;
}
#MyProfile .AvonForm .ShopSettings div.notifications > p {
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
  font-weight: bold;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div > p {
  margin-top: 0.3rem;
  margin-left: 1.7rem;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField {
  margin-left: 1.7rem;
  margin-top: 1.7rem;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.notifications > div .FormField {
  margin: 0;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField label {
  min-width: 0;
  margin-right: 0.8rem;
  width: 10rem;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField label[disabled] {
  opacity: 0.4;
}
.Layout_Phone #MyProfile .AvonForm .ShopSettings div.notifications > div .FormField input {
  width: 100%;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField input[disabled] {
  background-color: white;
  color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField input.MobileNumberValue {
  color: black;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField input.MobileNumberValue.MobileDisabled {
  color: #cccccc;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField tooltip {
  margin-left: 0.4rem;
}
#MyProfile .AvonForm .ShopSettings div.notifications > div .FormField tooltip[disabled] {
  opacity: 0.25;
}
#MyProfile .AvonForm .TermsOfUse h3 {
  display: inline-block;
  margin-bottom: 1.2rem;
}
#MyProfile .AvonForm .TermsOfUse .Details {
  background-color: #EAEAEA;
  padding: 1.5rem;
}
#MyProfile .AvonForm .TermsOfUse .Details #agreedTerms {
  display: table-cell;
  min-height: 0;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
}
#MyProfile .AvonForm .TermsOfUse .Details #agreedGDPRCustomerDataTerms {
  display: table-cell;
  min-height: 0;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
}
#MyProfile .AvonForm .TermsOfUse .Details .Text {
  display: table-cell;
}
#MyProfile .AvonForm .TermsOfUse .Details .Text label {
  color: #546264;
  display: inline;
  margin-left: 0;
}
#MyProfile .AvonForm .TermsOfUse .Details .Text [ng-messages] {
  width: 100%;
}
#MyProfile .AvonForm div.ActionsContainer {
  text-align: center;
}
#MyProfile .AvonForm div.ActionsContainer a {
  font-size: 2rem;
  padding: .9rem 4rem;
}
#MyProfile .AvonForm div.ActionsContainer.Wizard {
  margin-bottom: 0;
}
#MyProfile .AvonForm div.ActionsContainer.Manager {
  margin-top: 5rem;
}
.Layout_Phone #MyProfile .AvonForm div.ActionsContainer.Manager a.Button {
  width: 100%;
}
.Layout_Phone #MyProfile .AvonForm div.ActionsContainer.Manager a.Button.Default {
  margin-bottom: 1rem;
}
.Layout_Phone #MyProfile .AvonForm div.ActionsContainer.Manager a.Button + .Button {
  margin-right: 0;
}
#MyProfile .AvonForm .AutomatedPaymentSettings {
  display: table;
  width: 100%;
  padding-top: 2rem;
}
#MyProfile .AvonForm .AutomatedPaymentSettings h4 {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  font-weight: bold;
  padding-bottom: 1rem;
}
#MyProfile .AvonForm .AutomatedPaymentSettings p {
  font-size: 1.3rem;
}
#MyProfile .AvonForm .AutomatedPaymentSettings .Introduction {
  padding-bottom: 3rem;
}
#MyProfile .AvonForm .AutomatedPaymentSettings .LearnMore {
  color: #3D8CCB;
}
#MyProfile .AvonForm .AutomatedPaymentSettings .Edit {
  padding-left: 1rem;
}
#MyProfile .AvonForm .AutomatedPaymentSettings label {
  padding-left: 0.5rem;
  color: #999999;
}
#MyProfile .AvonForm .AutomatedPaymentSettings #SaveCancel {
  margin-bottom: 5rem;
  margin-right: 25rem;
}
#MyProfile .AvonForm .ValidationArea a {
  display: block;
  line-height: 3rem;
}
#MyProfile .AvonForm .ValidationArea .validation-errors {
  display: list-item;
  margin-left: 1.5rem;
  line-height: 2.2rem;
}
#PersonalizePartial form.AvonForm {
  position: initial;
}
#PersonalizePartial form.AvonForm section {
  width: 100%;
  display: table;
  border-top: dotted 1px #999999;
}
#PersonalizePartial form.AvonForm section.Shops .Content {
  margin-top: 3.7rem;
  margin-bottom: 3.5rem;
  padding-right: 3rem;
}
#PersonalizePartial form.AvonForm section.Shops .DetailsImage {
  max-width: 18rem;
  width: 18rem;
  height: 15.4rem;
  display: table-cell;
}
#PersonalizePartial form.AvonForm section.Shops .DetailsImage img {
  width: 18rem;
  height: 15.4rem;
}
.Layout_Phone #PersonalizePartial form.AvonForm section.Shops .DetailsImage {
  display: none;
}
#PersonalizePartial form.AvonForm section.Looks {
  margin-bottom: 3.5rem;
  table-layout: fixed;
  padding-top: 3.5rem;
}
#PersonalizePartial form.AvonForm section.Looks div.Content {
  padding-right: 3rem;
  display: table-cell;
}
#PersonalizePartial form.AvonForm section.Looks div.DetailsImage {
  max-width: 18rem;
  width: 18rem;
  height: 21.6rem;
  display: table-cell;
}
#PersonalizePartial form.AvonForm section.Looks div.DetailsImage img {
  width: 18rem;
  height: 21.6rem;
}
.Layout_Phone #PersonalizePartial form.AvonForm section.Looks div.DetailsImage {
  display: none;
}
#PersonalizePartial form.AvonForm div.ActionsContainer {
  text-align: center;
}
#PersonalizePartial form.AvonForm div.ActionsContainer a {
  font-size: 2rem;
  padding: .9rem 4rem;
}
#PersonalizePartial form.AvonForm div.ActionsContainer.Wizard {
  margin-top: 6rem;
  margin-bottom: 5rem;
}
#PersonalizePartial form.AvonForm div.ActionsContainer.Manager {
  margin-top: 7rem;
  margin-bottom: 1rem;
}
.Layout_Phone #PersonalizePartial form#PersonalizeForm {
  padding: 0;
}
.Layout_Phone #PersonalizePartial form#PersonalizeForm .Shops .Content,
.Layout_Phone #PersonalizePartial form#PersonalizeForm .Looks .Content {
  padding: 0;
}
.Layout_Phone #PersonalizePartial a.Button {
  width: 100%;
  margin-right: 0;
}
.Layout_Phone #PersonalizePartial a.Button.Default {
  margin-bottom: 1rem;
}
.Layout_Phone div#PromotePartial {
  padding: 1rem;
}
div#PromotePartial div.BannerImage {
  width: 100%;
  margin: 1rem auto 0 auto;
}
.Layout_Phone div#PromotePartial div.BannerImage {
  margin-top: 0;
}
div#PromotePartial div.BannerImage .ContentModule {
  margin-bottom: 2rem;
}
div#PromotePartial section.Social {
  width: 100%;
  display: table;
  border-top: dotted 1px #999999;
}
div#PromotePartial section.Social div.Links {
  width: 67%;
  float: left;
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.Layout_Phone div#PromotePartial section.Social div.Links {
  width: 100%;
}
div#PromotePartial section.Social div.Links p:first-of-type {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-top: 0;
}
div#PromotePartial section.Social div.Links div.Icons {
  width: 24rem;
  height: 4.6rem;
}
div#PromotePartial section.Social div.CopyLink {
  width: 67%;
  float: left;
  padding-top: 3rem;
  padding-bottom: 2.7rem;
  border-top: dotted 1px #999999;
  /* Commented the code as part of the CR:Ability to send email through MAS - Privacy Obligations*/
  /*            border-bottom: dotted @BorderWidth @Color_BorderDotted;*/
}
.Layout_Phone div#PromotePartial section.Social div.CopyLink {
  width: 100%;
}
div#PromotePartial section.Social div.CopyLink p:first-of-type {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
div#PromotePartial section.Social div.CopyLink div.FormField input {
  width: 27.7rem;
  height: 2.5rem;
  margin-right: 0.5rem;
}
.Layout_Tablet.Controller_ManageMyStore div#PromotePartial section.Social div.CopyLink div.FormField input,
.Layout_Phone div#PromotePartial section.Social div.CopyLink div.FormField input {
  margin-bottom: 1rem;
}
.Layout_Phone div#PromotePartial section.Social div.CopyLink .Button {
  width: 100%;
  text-align: center;
}
div#PromotePartial section.Social .Description {
  overflow: hidden;
  margin-top: 3rem;
  padding-left: 12rem;
}
.Layout_Tablet div#PromotePartial section.Social .Description {
  padding-left: 6rem;
}
.Layout_Phone div#PromotePartial section.Social .Description {
  padding-top: 1rem;
  padding-left: 0;
  width: 100%;
}
div#PromotePartial section.Social .Description p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  line-height: normal;
}
section.TagProducts {
  table-layout: fixed;
  padding-top: 3.5rem;
}
section.TagProducts #SelectTagProducts {
  text-align: left;
}
section.TagProducts #SelectTagProducts .SelectTagProducts > h2 {
  padding-bottom: 0.5rem;
}
section.TagProducts #SelectTagProducts .SelectTagProducts > p {
  margin-top: 0;
}
section.TagProducts #SelectTagProducts .TagProductCarousel {
  display: inline-block;
  margin-top: 2rem;
  padding-right: 3rem;
  width: 100%;
}
section.TagProducts #SelectTagProducts .TagProductCarousel h3 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
section.TagProducts #SelectTagProducts .TagProductCarousel .Footer {
  margin-top: 1rem;
  text-align: right;
}
section.TagProducts #SelectTagProducts .TagProductCarousel .Footer a {
  font-size: 1.3rem;
  padding-top: 1rem;
  text-align: right;
}
section.TagProducts div.DetailsImage {
  max-width: 18rem;
  width: 18rem;
  height: 21.6rem;
  display: inline-block;
  padding-top: 5rem;
  vertical-align: top;
}
section.TagProducts div.DetailsImage img {
  width: 18rem;
  height: 21.6rem;
}
.Layout_Phone section.TagProducts div.DetailsImage {
  display: none;
}
div.SsoPlashPanel {
  display: block;
  position: relative;
  width: 100%;
  height: 22.5rem;
  overflow: hidden;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  font-family: Montserrat, Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}
div.SsoPlashPanel .BannerImage {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
div.SsoPlashPanel .BannerImage .ImageWrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
div.SsoPlashPanel .PanelLink {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  color: #7f28c4;
  padding: 1.2rem;
  min-height: 7.7rem;
}
div.SsoPlashPanel .PanelLinkDesktop {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  align-items: center;
  justify-content: center;
}
div.SsoPlashPanel .PanelLink > span {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.4rem;
  width: 100%;
}
div.SsoPlashPanel .PanelLink > span span {
  padding-left: 0.8rem;
}
div.SsoPlashPanel .PanelLink > span svg-icon:last-child {
  margin-left: auto;
  color: #707677;
}
div.SsoPlashPanel .PanelLink .PanelContentMobile {
  padding: 1.2rem 0;
}
div.SsoPlashPanel .PanelLink .PanelContentMobile > * {
  display: inline;
  padding-right: 0.5rem;
}
div.SsoPlashPanel .PanelText {
  position: absolute;
  width: 100%;
  height: 22.5rem;
  left: 0;
  top: 0;
  background: rgba(127, 40, 196, 0.95);
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  color: #ffffff;
}
div.SsoPlashPanel .PanelText .PanelHeader {
  margin: 2.4rem 1.6rem 0 1.6rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #a0a0a0;
}
div.SsoPlashPanel .PanelText .PanelHeader > span {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
}
div.SsoPlashPanel .PanelText .PanelHeader > span:hover,
div.SsoPlashPanel .PanelText .PanelHeader > span :link,
div.SsoPlashPanel .PanelText .PanelHeader > span :visited,
div.SsoPlashPanel .PanelText .PanelHeader > span :active {
  color: #ffffff;
}
div.SsoPlashPanel .PanelText .PanelHeader > span span {
  padding-left: 0.8rem;
}
div.SsoPlashPanel .PanelText .PanelHeader > span > svg-icon {
  color: #ffffff;
}
div.SsoPlashPanel .PanelText .PanelHeader > span svg-icon:last-child {
  margin-left: auto;
}
div.SsoPlashPanel .PanelText .PanelContent {
  margin: 1.8rem 1.6rem;
}
div.SsoPlashPanel .PanelText .PanelContent > * {
  margin-block: 0.6rem;
}
div.SsoPlashPanel .PanelText .PanelContent > *:before {
  content: '\2713';
  display: inline-block;
  padding: 0 6px 0 0;
}
div.SsoPlashPanel .PanelText.ng-enter,
div.SsoPlashPanel .PanelText.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
div.SsoPlashPanel .PanelText.ng-enter,
div.SsoPlashPanel .PanelText.ng-leave.ng-leave-active {
  opacity: 0;
}
div.SsoPlashPanel .PanelText.ng-leave,
div.SsoPlashPanel .PanelText.ng-enter.ng-enter-active {
  opacity: 1;
}
#SplashMobilePanelDesktop {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  border: 2px solid #e4eded;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  padding: 1rem;
}
#SplashMobilePanelDesktop #ImageColumn {
  width: 30%;
}
#SplashMobilePanelDesktop #ImageColumn .ImageWrapper {
  width: 11rem;
  background-color: #ffffff;
}
@media screen and (max-width: 497px) {
  #SplashMobilePanelDesktop #ImageColumn .ImageWrapper {
    width: 7rem;
    background-color: #ffffff;
  }
}
#SplashMobilePanelDesktop #DetailsColumn {
  width: 70%;
  color: #546264;
  line-height: 2rem;
  font-size: 1.4rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  flex-direction: column;
}
#SplashMobilePanelDesktop #DetailsColumn .FindOutMoreUrl {
  font-weight: bold;
  color: #7f28c4;
  font-size: 1.6rem;
  padding-top: 1rem;
  margin-top: auto;
}
#SplashMobilePanelDesktop #DetailsColumn .BadgesPaddingTop {
  padding-top: 1.5rem;
}
#SplashMobilePanelDesktop #DetailsColumn .BadgesPaddingTop .BadgeStyle {
  width: 30%;
}
#SplashMobilePanelPhone {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  flex-wrap: wrap;
  border: 2px solid #e4eded;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  padding: 1rem;
}
#SplashMobilePanelPhone #ImagePhoneColumn {
  width: 40%;
}
#SplashMobilePanelPhone #ImagePhoneColumn .ImageWrapper {
  width: 11rem;
  background-color: #ffffff;
}
#SplashMobilePanelPhone #FlexEndTextPhoneColumn {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  width: 60%;
  justify-content: flex-end;
  align-items: center;
}
#SplashMobilePanelPhone #FlexEndTextPhoneColumn .FindOutMoreTextDetails {
  font-weight: bold;
  color: #7f28c4;
  font-size: 1.4rem;
}
#SplashMobilePanelPhone #TextArea {
  padding-top: 1rem;
  line-height: 1.5rem;
  font-size: 1.2rem;
}
#SplashMobilePanelPhone #TextArea .BadgesPaddingTop {
  padding-top: 1em;
}
#SplashMobilePanelPhone #TextArea .BadgesPaddingTop .BadgeStyle {
  width: 30%;
}
#CreateStoreWizard {
  margin-left: 2rem;
  margin-right: 2rem;
}
#CreateStoreWizard .Header {
  text-align: center;
}
#CreateStoreWizard .Header .warning {
  font-family: Montserrat, Arial;
  font-size: 3.2rem;
  color: red;
}
#OpenMyStore {
  width: 100%;
}
#OpenMyStore #OpenStoreHeader {
  margin: 0 2rem;
}
#OpenMyStore #OpenStoreHeader h1 {
  display: inline;
  vertical-align: middle;
}
#OpenMyStore #OpenStoreHeader > span {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: normal;
  margin-left: 6rem;
  display: inline;
  vertical-align: bottom;
  color: #999999;
}
#OpenMyStore #OpenStoreHeader > p {
  margin-bottom: 0;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal {
  margin-right: auto;
  margin-left: auto;
  width: 50%;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .header {
  font-family: Montserrat-Light, Arial, sans-serif;
  text-align: center;
  font-size: 50px;
  margin-bottom: 50px;
  font-style: initial;
  color: grey;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .content {
  font-family: Montserrat, Arial, sans-serif;
  color: #546264;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.6;
  font-size: 1.53928rem;
  margin-bottom: 10px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .checkbox-container {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .checkbox-container .flex {
  display: flex;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .checkbox-container .flex .text {
  margin-left: 10px;
  font-family: Montserrat-Bold, Arial, sans-serif;
  font-size: 16px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .checkbox-container .required-text {
  font-family: Montserrat-Light, Arial, sans-serif;
  color: #851168;
  display: block;
  font-size: 14px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .button-terms-and-conditions {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  width: 33%;
  display: block;
  height: 5.5rem;
  text-align: center;
  line-height: 5.5rem;
  font-style: initial;
  font-family: Montserrat, Arial, sans-serif;
}
#OpenMyStore #QuickAcceptTermsAndConditionsModal .button-terms-and-conditions .button-terms-and-conditions-content {
  vertical-align: middle;
  font-size: 16px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsDeclineConfirmationModal {
  margin-right: auto;
  margin-left: auto;
  width: 30%;
}
#OpenMyStore #QuickAcceptTermsAndConditionsDeclineConfirmationModal .header {
  font-family: Montserrat-Light, Arial, sans-serif;
  text-align: center;
  font-size: 50px;
  margin-bottom: 50px;
  font-style: initial;
  color: grey;
}
#OpenMyStore #QuickAcceptTermsAndConditionsDeclineConfirmationModal .content {
  color: #546264;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.6;
  font-size: 1.53928rem;
  margin-bottom: 100px;
}
#OpenMyStore #QuickAcceptTermsAndConditionsDeclineConfirmationModal .button-terms-and-conditions {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  width: 60%;
  display: block;
  height: 5.5rem;
  text-align: center;
  line-height: 5.5rem;
  font-style: initial;
  font-family: Montserrat, Arial, sans-serif;
}
#OpenMyStore #QuickAcceptTermsAndConditionsDeclineConfirmationModal .button-terms-and-conditions .button-terms-and-conditions-content {
  vertical-align: middle;
  font-size: 16px;
}
#EligibilityCriteriaModal .Modal {
  width: 72rem;
}
#TermsAndConditionsModal .Modal {
  width: 72rem;
}
@font-face {
  font-family: Montserrat;
  src: url(/Styles/VI/Font/Montserrat-Regular.ttf);
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Light;
  src: url(/Styles/VI/Font/Montserrat-Light.ttf);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(/Styles/VI/Font/Montserrat-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
#PersonalizeStore {
  width: 100%;
}
#PersonalizeStore form.AvonForm {
  padding-top: 0;
}
.Layout_Tablet #PersonalizeStore form.AvonForm {
  padding-bottom: 0;
}
#PersonalizeStore form.AvonForm section.Banner {
  border: none;
  margin-top: 4rem;
}
#PersonalizeStore form.AvonForm section.Banner div.Header > h1 {
  display: inline;
  vertical-align: middle;
}
#PersonalizeStore form.AvonForm section.Banner div.Header > span {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: normal;
  margin-left: 2rem;
  display: inline;
  vertical-align: bottom;
  color: #999999;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader {
  margin-top: 2.5rem;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.Description {
  vertical-align: top;
  width: 67%;
  display: inline-block;
}
.Layout_Phone #PersonalizeStore form.AvonForm section.Banner div.SubHeader div.Description {
  width: 100%;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.Description p:first-of-type {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.Description p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  margin-top: 0.5rem;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.ActionsContainer {
  text-align: center;
  vertical-align: middle;
  width: 32%;
  display: inline-block;
  margin-top: 1rem;
}
.Layout_Phone #PersonalizeStore form.AvonForm section.Banner div.SubHeader div.ActionsContainer {
  width: 100%;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.ActionsContainer .Button {
  -ms-word-break: break-word;
  word-break: break-word;
  white-space: normal;
}
#PersonalizeStore form.AvonForm section.Banner div.SubHeader div.ActionsContainer p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  margin-top: 0.2rem;
}
#PersonalizeStore form.AvonForm section.Banner div.BannerImage {
  width: 84rem;
  height: 25.2rem;
  margin: 2rem auto;
}
.Layout_Tablet #PersonalizeStore form.AvonForm section.Banner div.BannerImage {
  width: 100%;
  margin-bottom: 0;
}
.Layout_Phone #PersonalizeStore form.AvonForm section.Banner div.BannerImage {
  width: 100%;
  height: auto;
}
#Promote {
  width: 100%;
}
#Promote .AvonForm {
  padding-top: 0;
}
#Promote .AvonForm section.Title {
  width: 100%;
  display: table;
  border-top: dotted 1px #999999;
  border: none;
  margin-top: 4rem;
}
#Promote .AvonForm section.Title div.Header > h1 {
  display: inline;
  vertical-align: middle;
}
#Promote .AvonForm section.Title div.Header > span {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: normal;
  margin-left: 2rem;
  display: inline;
  vertical-align: bottom;
  color: #999999;
}
#Promote .AvonForm section.Title div.SubHeader {
  margin-top: 0.5rem;
}
#Promote .AvonForm section.Title div.SubHeader div.Description {
  vertical-align: top;
  width: 67%;
  display: inline-block;
}
.Layout_Phone #Promote .AvonForm section.Title div.SubHeader div.Description {
  width: 100%;
}
#Promote .AvonForm section.Title div.SubHeader div.Description p:first-of-type {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0;
}
.Layout_Tablet #Promote .AvonForm section.Title div.SubHeader div.Description p:first-of-type {
  font-size: 1.8rem;
}
#Promote .AvonForm section.Title div.SubHeader div.Description p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  margin-top: 0.5rem;
}
#Promote .AvonForm section.Title div.SubHeader div.ActionsContainer {
  text-align: center;
  vertical-align: middle;
  width: 32%;
  display: inline-block;
  margin-top: 1rem;
}
.Layout_Phone #Promote .AvonForm section.Title div.SubHeader div.ActionsContainer {
  width: 100%;
}
#Promote .AvonForm section.Title div.SubHeader div.ActionsContainer p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  margin-top: 0.2rem;
}
#Promote .AvonForm div.ActionsContainer {
  text-align: center;
  vertical-align: middle;
  width: 32%;
  display: inline-block;
  margin-top: 1rem;
}
.Layout_Phone #Promote .AvonForm div.ActionsContainer {
  width: 100%;
}
#Promote .AvonForm div.ActionsContainer .Button {
  -ms-word-break: break-word;
  word-break: break-word;
  white-space: normal;
}
#Promote .AvonForm div.ActionsContainer p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  margin-top: 0.2rem;
}
#Complete {
  width: 100%;
}
#Complete .AvonForm {
  padding-top: 0;
  text-align: center;
}
#Complete .AvonForm section {
  width: 100%;
  display: table;
  padding-top: 2rem;
}
#Complete .AvonForm section.BannerImage {
  border: none;
  width: 84rem;
  margin: auto;
}
.Layout_Tablet #Complete .AvonForm section.BannerImage,
.Layout_Phone #Complete .AvonForm section.BannerImage {
  width: 100%;
  padding-bottom: 1rem;
}
#Complete .AvonForm section.TagProducts {
  border-bottom: dotted 1px #999999;
}
#Complete .AvonForm section.TagProducts div.DetailsImage {
  height: 31.6rem;
  display: inline-block;
}
#Complete .AvonForm section.Actions > h2 {
  margin-top: 1.5rem;
  padding-bottom: 2rem;
}
#Complete .AvonForm section.Actions div.ActionsContainer {
  padding-left: 0;
}
#Complete .AvonForm section.Actions div.ActionsContainer div.Action {
  vertical-align: top;
  width: 33%;
  display: inline-block;
}
.Layout_Tablet #Complete .AvonForm section.Actions div.ActionsContainer div.Action {
  width: 28%;
}
.Layout_Phone #Complete .AvonForm section.Actions div.ActionsContainer div.Action {
  width: 100%;
}
#Complete .AvonForm section.Actions div.ActionsContainer div.Action div.ButtonContainer {
  margin: 1rem auto;
  display: block;
  width: 24rem;
}
.Layout_Tablet #Complete .AvonForm section.Actions div.ActionsContainer div.Action div.ButtonContainer {
  width: 100%;
}
#Complete .AvonForm section.Actions div.ActionsContainer div.Action div.ButtonContainer a.Button {
  display: table-cell;
  width: 24rem;
  height: 9rem;
}
#Complete .AvonForm section.Actions div.ActionsContainer div.Action div.ButtonContainer a.Button > h2 {
  display: inline;
  font-weight: bold;
}
#Complete .AvonForm section.Actions div.ActionsContainer div.Action p {
  width: 24rem;
  color: #999999;
  line-height: 2.5rem;
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  margin: 0 auto;
}
.Layout_Tablet #Complete .AvonForm section.Actions div.ActionsContainer div.Action p {
  width: 100%;
}
.Layout_Tablet #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .Divider {
  display: none;
}
.Layout_Tablet #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .NewCustomer {
  display: block;
}
.Layout_Tablet #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .ShowOrderDetails {
  display: block;
  float: none;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table th.Type {
  width: 56%;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table th.Orders {
  width: 22%;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table th.Sales {
  width: 22%;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td {
  padding: 0.7rem 0.7rem;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td.Type {
  width: 56%;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td.Type svg-icon {
  width: 3rem;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td.Type span {
  padding-left: 2rem;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td.Orders {
  width: 22%;
}
.Layout_Tablet #Dashboard #Stats #StatsPanel table td.Sales {
  width: 22%;
}
.Layout_Tablet #Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social {
  padding-right: 0;
}
.Layout_Tablet #Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social svg-icon {
  width: 3rem;
  height: 3rem;
}
.Layout_Tablet #Dashboard #Social #SocialPanel .Button {
  display: block;
  width: 100%;
  text-align: center;
  white-space: normal;
}
.Layout_Phone #Dashboard #Reports {
  margin-bottom: 1rem;
}
.Layout_Phone #Dashboard #Reports #Report #NoOrders .Button {
  white-space: normal;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary {
  display: table-cell;
  width: 70%;
  padding-right: 1rem;
  -ms-word-break: break-word;
  word-break: break-word;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .OrderTotal {
  margin-bottom: 0.5rem;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .OrderTotal :not(.TotalAmount) {
  display: block;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .OrderTotal .TotalAmount {
  margin-left: 0;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .OrderAcceptanceDetails {
  display: table-cell;
  width: 30%;
  padding-left: 1rem;
  -ms-word-break: break-word;
  word-break: break-word;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .ManageOrders {
  width: 100%;
  text-align: center;
  margin-right: 0;
  -ms-word-break: break-word;
  word-break: break-word;
  white-space: normal;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .ManageOrders.Button {
  float: none;
}
.Layout_Phone #Dashboard #Stats #StatsPanel .Heading {
  padding-top: 0;
}
.Layout_Phone #Dashboard #Personalize {
  padding-right: 0;
}
#Dashboard h1 {
  text-align: center;
  margin-bottom: 0.5rem;
}
#Dashboard h2 {
  text-align: center;
  font-size: 2rem;
  line-height: 2.5;
  font-family: Montserrat, Arial;
  border-bottom: dotted 1px #999999;
  margin-top: 2rem;
  margin-bottom: 2.8rem;
}
#Dashboard h3 {
  text-align: left;
  font-size: 2rem;
  line-height: 1.5;
  font-family: Montserrat, Arial;
  margin-bottom: 2.5rem;
}
#Dashboard #Reports {
  margin-top: 4rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #666666;
  color: white;
  display: table;
  width: 100%;
}
#Dashboard #Reports #LeftMenu {
  padding: 3rem;
  display: table-cell;
  vertical-align: top;
  width: 25%;
}
#Dashboard #Reports #LeftMenu h5 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  padding-bottom: 1rem;
  margin: 0;
}
#Dashboard #Reports #LeftMenu #Menu {
  border-bottom: dotted 1px #999999;
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
}
#Dashboard #Reports #LeftMenu #Menu a {
  display: block;
  font-size: 1.3rem;
  line-height: 1.2;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
  color: #cccccc;
}
#Dashboard #Reports #LeftMenu #Menu a:hover {
  color: #ffffff;
}
#Dashboard #Reports #LeftMenu #Menu a.Selected {
  font-weight: bold;
}
#Dashboard #Reports #LeftMenu #Links h3 {
  color: white;
  font-family: Montserrat, Arial;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
#Dashboard #Reports #LeftMenu #Links a {
  display: block;
  font-size: 1.3rem;
  line-height: 1.6;
  padding-bottom: 0.5rem;
}
#Dashboard #Reports #LeftMenu #Links a:hover {
  color: white;
}
#Dashboard #Reports #LeftMenu #Links nav {
  color: #cccccc;
}
#Dashboard #Reports #LeftMenu #Links nav:hover {
  color: #ffffff;
}
#Dashboard #Reports #Report {
  background-color: white;
  display: table-cell;
  vertical-align: top;
  width: 75%;
  padding: 3rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
  border: solid 1px #cccccc;
  color: #546264;
  padding-bottom: 2rem;
}
#Dashboard #Reports #Report.Highlight {
  border: solid 0.2rem #7f28c4;
}
#Dashboard #Reports #Report h2 {
  border-bottom: none;
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 1.5rem;
  margin-top: -1.5rem;
  top: 1rem;
  position: relative;
}
#Dashboard #Reports #Report h3 {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: normal;
  border-bottom: dotted 1px #999999;
  padding-bottom: 4rem;
  margin-bottom: 0;
}
#Dashboard #Reports #Report #NoOrders {
  text-align: center;
  padding-top: 3.5rem;
  padding-bottom: 4rem;
  border-bottom: dotted 1px #999999;
}
#Dashboard #Reports #Report #NoOrders p {
  text-transform: uppercase;
  font-size: 1.3rem;
}
#Dashboard #Reports #Report #Orders {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#Dashboard #Reports #Report #Orders a:not(.Button) {
  color: #7f28c4;
}
#Dashboard #Reports #Report #Orders .Order {
  padding: 2.5rem 0;
  border-bottom: dotted 1px #999999;
  display: table;
  width: 100%;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary {
  display: table-cell;
  padding-right: 4rem;
  border-right: dotted 1px #999999;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .Divider {
  font-size: 1.3rem;
  margin: 0 1.2rem 0 1.5rem;
  color: #999999;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .NewCustomer {
  font-size: 1.3rem;
  color: #009900;
  font-weight: bold;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerAddress {
  margin-bottom: 0.5rem;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .ShowOnMapLink {
  margin-bottom: 2.5rem;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .OrderTotal {
  font-size: 1.6rem;
  float: left;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .OrderTotal .TotalAmount {
  font-weight: bold;
  margin-left: 1rem;
}
#Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .ShowOrderDetails {
  float: right;
}
#Dashboard #Reports #Report #Orders .Order .OrderAcceptanceDetails {
  display: table-cell;
  width: 23rem;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
#Dashboard #Reports #Report #Orders .Order .OrderAcceptanceDetails .AcceptanceTime {
  margin-top: 2.5rem;
  color: #FF0000;
  font-weight: normal;
}
#Dashboard #Reports #Report #Orders a.Button.ManageOrders {
  margin-top: 1.5rem;
  float: right;
}
#Dashboard #Reports #LoadOrdersFailure {
  background-color: white;
  display: table-cell;
  width: 75%;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
  border: solid 1px #cccccc;
  color: #546264;
  padding-bottom: 2rem;
  text-align: center;
}
#Dashboard #Reports #LoadOrdersFailure a.Button.ReloadOrders {
  margin: 2em;
}
#Dashboard #Reports #LoadOrdersFailure .ReloadOrdersText {
  font-family: Montserrat, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-top: 4em;
  text-align: center;
}
#Dashboard #Stats {
  padding-right: 2.5rem;
}
#Dashboard #Stats #StatsPanel h2 {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0.9rem;
}
#Dashboard #Stats #StatsPanel h3 {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  border-bottom: dotted 1px #999999;
  margin-bottom: 1.5rem;
}
#Dashboard #Stats #StatsPanel h3 a {
  color: #7f28c4;
}
#Dashboard #Stats #StatsPanel h4 {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  font-weight: bold;
}
#Dashboard #Stats #StatsPanel ul {
  margin-bottom: 1.8rem;
  font-size: 1.3rem;
  list-style-position: inside;
  list-style-type: disc;
}
#Dashboard #Stats #StatsPanel ul a {
  color: #009900;
}
#Dashboard #Stats #StatsPanel table {
  width: 100%;
  table-layout: fixed;
}
#Dashboard #Stats #StatsPanel table th {
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 1rem;
}
#Dashboard #Stats #StatsPanel table th.Type {
  width: 60%;
}
#Dashboard #Stats #StatsPanel table th.Orders {
  width: 20%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#Dashboard #Stats #StatsPanel table th.Sales {
  width: 20%;
  text-align: right;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#Dashboard #Stats #StatsPanel table td {
  border: solid 1px #cccccc;
  padding: 1rem 1rem;
  background: linear-gradient(to bottom, #ffffff, #f2f2f2);
  font-size: 1.2rem;
}
#Dashboard #Stats #StatsPanel table td.Type {
  width: 60%;
  text-align: left;
  position: relative;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#Dashboard #Stats #StatsPanel table td.Type svg-icon {
  height: 3rem;
  width: 4rem;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  margin-top: -1.5rem;
  color: #6a17ad;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
#Dashboard #Stats #StatsPanel table td.Type svg-icon[icon=delivery-truck] {
  height: 4rem;
  margin-top: -2rem;
}
#Dashboard #Stats #StatsPanel table td.Type span {
  padding-left: 2.2rem;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
}
#Dashboard #Stats #StatsPanel table td.Orders {
  width: 20%;
  text-align: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#Dashboard #Stats #StatsPanel table td.Sales {
  width: 20%;
  text-align: right;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#Dashboard #Tips {
  padding-left: 2.5rem;
}
#Dashboard #Tips h2 {
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0.9rem;
}
#Dashboard #Tips #TipsPanel {
  display: table;
  width: 100%;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: solid 1px #cccccc;
}
#Dashboard #Tips #TipsPanel #TipsText {
  padding: 1.8rem;
}
#Dashboard #Tips #TipsPanel async-block {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
#Dashboard #Tips #TipsPanel .Umbraco .ContentModule:last-child {
  margin-bottom: 0;
}
#Dashboard #Social {
  padding-right: 2.5rem;
}
#Dashboard #Social #SocialPanel {
  border: solid 1px #cccccc;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1.8rem;
  *zoom: 1;
}
#Dashboard #Social #SocialPanel:before,
#Dashboard #Social #SocialPanel:after {
  display: table;
  content: "";
}
#Dashboard #Social #SocialPanel:after {
  clear: both;
}
#Dashboard #Social #SocialPanel .Umbraco .ContentModule:last-child {
  margin-bottom: 1rem;
}
#Dashboard #Social #SocialPanel h3 {
  margin-bottom: 1rem;
}
#Dashboard #Social #SocialPanel .SocialLabelWrapper {
  display: block;
  margin-bottom: 1rem;
}
#Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 1rem;
}
#Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social {
  display: table-cell;
  padding-right: 0.5rem;
}
#Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social:last-child {
  padding-right: 0;
}
#Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social svg-icon {
  width: 3.4rem;
  height: 3.4rem;
}
#Dashboard #Social #SocialPanel #ShareImage {
  width: 36%;
  float: left;
  margin-right: 6%;
}
#Dashboard #Social #SocialPanel form {
  width: 100%;
  padding: 0;
  padding-left: 42%;
}
#Dashboard #Social #SocialPanel form .FormField {
  padding-bottom: 0.7rem;
}
#Dashboard #Social #SocialPanel #SocialEmail {
  margin-top: 1.5rem;
}
#Dashboard #Personalise {
  padding-right: 2.5rem;
  padding-top: 2.5rem;
}
#Dashboard #Personalise #PersonalisePanel {
  border: solid 1px #cccccc;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1.8rem;
}
#Dashboard #Personalise #PersonalisePanel #PersonaliseImage {
  width: 42%;
  float: right;
}
#Dashboard #Personalise #PersonalisePanel #PersonaliseText {
  display: block;
  width: 52%;
}
#Dashboard #Personalise #PersonalisePanel .Umbraco .ContentModule:last-child {
  margin-bottom: 1rem;
}
#Dashboard #Tags {
  padding-left: 2.5rem;
}
#Dashboard #Tags h2 {
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0.9rem;
}
#Dashboard #Tags #TagsPanel {
  width: 100%;
}
#Dashboard #Tags #TagsPanel h2 {
  text-align: left;
}
#Dashboard #Tags #TagsPanel .Footer {
  text-align: right;
}
#Dashboard #Tags #TagsPanel .DetailsImage {
  display: none;
}
.Layout_Phone #Dashboard #Personalize {
  padding-left: 0;
}
.Layout_Phone #Dashboard #Personalize .Button {
  width: 100%;
}
.Layout_Phone #Dashboard #Reports {
  display: block;
}
.Layout_Phone #Dashboard #Reports #LeftMenu {
  display: block;
  width: 100%;
}
.Layout_Phone #Dashboard #Reports #Report {
  display: block;
  width: 100%;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .Divider {
  display: none;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .CustomerName .NewCustomer {
  display: inline-block;
}
.Layout_Phone #Dashboard #Reports #Report #Orders .Order .CustomerOrderSummary .ShowOrderDetails {
  float: left;
}
.Layout_Phone #Dashboard #Reports #LoadOrdersFailure {
  display: block;
  width: 100%;
}
.Layout_Phone #Dashboard #Stats {
  padding-right: 0;
}
.Layout_Phone #Dashboard #Stats #StatsPanel .Heading {
  display: inline-block;
  width: 100%;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table {
  table-layout: fixed;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table thead .Column1 {
  width: 17rem;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table tbody tr td {
  padding: 1rem 1.4rem;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table tbody tr td .DeliveryIcon svg-icon {
  width: 2.5rem;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table tbody tr td .DeliveryText {
  padding-left: 2rem;
}
.Layout_Phone #Dashboard #Stats #StatsPanel table tbody tr td .DeliveryText span {
  padding-left: 0;
  font-size: 1.25rem;
}
.Layout_Phone #Dashboard #Tips {
  padding-left: 0;
}
.Layout_Phone #Dashboard #Social {
  padding-right: 0;
}
.Layout_Phone #Dashboard #Social #SocialPanel .Button {
  width: 100%;
}
.Layout_Phone #Dashboard #Social #SocialPanel form {
  padding-left: 0;
  text-align: center;
}
.Layout_Phone #Dashboard #Social #SocialPanel form h3 {
  text-align: center;
}
.Layout_Phone #Dashboard #Social #SocialPanel #DashboardSocialIcons .SocialSharing .SocialButtons .Social {
  display: inline-block;
}
.Layout_Phone #Dashboard #Social #SocialPanel #ShareImage {
  width: 100%;
  margin-right: 0;
  float: none;
}
.Layout_Phone #Dashboard #Personalize {
  margin-top: 2.5rem;
}
.Layout_Phone #Dashboard #Personalize #PersonalizePanel .Button {
  text-align: center;
}
.Layout_Tablet #ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 20%;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Header {
  display: inline-block;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Header .Icon {
  display: table-cell;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Header .Title {
  display: table-cell;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Header .splitter-pipe {
  display: none;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Header .Customer {
  display: block;
  margin-left: 4.1rem;
  padding-top: 0.5rem;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Details .Personal {
  width: 100%;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Details .Order {
  border-left: none;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  width: 100%;
  margin-top: 1rem;
  padding-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .Details .Order .Total {
  margin-bottom: 1rem;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .OrdersOverview {
  margin-top: 1rem;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .OrdersOverview #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductName {
  width: 100%;
}
.Layout_Phone #ShowDashboardOrderDetailsModal .Modal .ModalContent #DashboardOrderDetailsModal .OrdersOverview #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 100%;
  padding-top: 0.5rem;
}
#ShowDashboardOrderDetailsModal .Modal {
  width: 95rem;
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .Header {
  display: table-row;
  font-weight: bold;
  text-transform: uppercase;
}
#ShowDashboardOrderDetailsModal .Modal .Header > span {
  display: table-cell;
  vertical-align: middle;
}
#ShowDashboardOrderDetailsModal .Modal .Header svg-icon {
  width: 4.1rem;
  height: 2.5rem;
}
#ShowDashboardOrderDetailsModal .Modal .Header .Title {
  font-size: 1.6rem;
}
#ShowDashboardOrderDetailsModal .Modal .Header .splitter-pipe {
  color: #CCCCCC;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#ShowDashboardOrderDetailsModal .Modal .Header .Customer {
  font-size: 1.3rem;
  color: #009900;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal {
  display: inline-block;
  vertical-align: top;
  width: 63%;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal p {
  margin: 0;
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal p.Name {
  font-size: 1.6rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal p.SpecialInstructions {
  margin-top: 2rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal .Label {
  font-weight: bold;
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Personal .Label:after {
  content: ":";
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order {
  border-left: 1px dashed #CCCCCC;
  display: inline-block;
  vertical-align: top;
  width: 36%;
  text-align: right;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order p {
  margin: 0;
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order p.Date {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order p.Total {
  margin-bottom: 7rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order p.Accept {
  color: red;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order .OrderLabel {
  font-size: 1.3rem;
  text-transform: uppercase;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order .OrderLabel:after {
  content: ":";
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order .Price {
  font-weight: bold;
  font-size: 1.6rem;
  margin-left: 4rem;
}
#ShowDashboardOrderDetailsModal .Modal .Details .Order a {
  margin-top: 1rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview {
  margin-top: 3.8rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 23%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Order .Order_Body .Order-Footer .Recommended-Prices {
  display: none;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Order .Order_Body .Order-Footer .Order-Summary {
  width: 100%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart {
  width: 100%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body {
  padding-top: 1.2rem;
  border-bottom: 2px solid #CCCCCC;
}
.Layout_Tablet #ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductName {
  width: 35%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice {
  width: 17%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceOld {
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceOld .Cart-OldPrice {
  top: 0;
  right: 0;
  margin-right: 0.5rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceCurrent {
  font-size: 2.4rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductActions {
  font-weight: bold;
  font-size: 1.3rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductTotalPrice {
  width: 15.4%;
  font-size: 2.4rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart-Footer {
  padding-bottom: 5rem;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart-Footer .Cart-Summary {
  width: 100%;
}
#ShowDashboardOrderDetailsModal .Modal .OrdersOverview #Cart .Cart-Footer .Cart-Summary .Cart-NoShipping .Cart-SubTotal {
  width: 100%;
  font-size: 2.4rem;
}
#EquivalentDiscountStatement .summaryTableWrapper {
  border: 1px solid #7f28c4;
  border-radius: 0.9rem;
}
#EquivalentDiscountStatement .summaryTable {
  display: table;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.2rem;
  height: 6em;
  width: 100%;
}
#EquivalentDiscountStatement .summaryTable .header2 {
  display: table-header-group;
}
#EquivalentDiscountStatement .summaryTable .row {
  display: table-row;
}
#EquivalentDiscountStatement .summaryTable .rowGroup {
  display: table-row-group;
}
#EquivalentDiscountStatement .summaryTable .cell {
  display: table-cell;
  width: 25%;
  text-align: center;
}
#EquivalentDiscountStatement .summaryTable .middlecell {
  display: table-cell;
  width: 50%;
  text-align: center;
}
#EquivalentDiscountStatement .summaryTable .StatementDate,
#EquivalentDiscountStatement .summaryTable .StatementDateRow,
#EquivalentDiscountStatement .summaryTable .TotalValueAppliedPeriod,
#EquivalentDiscountStatement .summaryTable .TotalValueAppliedPeriodhd {
  border-right: 1px solid #999999;
  height: 100%;
  padding-top: 1em;
  text-transform: uppercase;
}
#EquivalentDiscountStatement .summaryTable .TotalValueAppliedPeriod,
#EquivalentDiscountStatement .summaryTable .StatementDateRow,
#EquivalentDiscountStatement .summaryTable .CampaignDiscountPeriod {
  font-weight: bold;
  text-transform: uppercase;
}
#EquivalentDiscountStatement .summaryTable .CampaignDiscountPeriod,
#EquivalentDiscountStatement .summaryTable .CampaignDiscountPeriodhd {
  text-transform: uppercase;
  padding-left: 1em;
}
#EquivalentDiscountStatement .summaryTable .TotalValueAppliedPeriod {
  color: #7f28c4;
  font-weight: bold;
}
#EquivalentDiscountStatement .campaignSelection {
  padding-bottom: 2rem;
  border-bottom-color: #999999;
  border-bottom-width: 0.1rem;
  border-bottom-style: dotted;
}
#EquivalentDiscountStatement .campaignSelection .campaignDropdown select {
  min-height: 3rem;
}
#EquivalentDiscountStatement .campaignSelection .campaignButtonContainer {
  padding-left: 1em;
}
#EquivalentDiscountStatement .statementContainer {
  padding-top: 2em;
}
#EquivalentDiscountStatement .statementContainer .ordersHeader,
#EquivalentDiscountStatement .statementContainer .returnssHeader {
  margin-top: 1em;
  font-family: Montserrat, Arial;
  font-size: 1.8rem;
  padding-bottom: 0.3em;
  border-radius: 0.9rem;
}
#EquivalentDiscountStatement .statementContainer #orders,
#EquivalentDiscountStatement .statementContainer #returns {
  text-align: center;
  width: 100%;
}
#EquivalentDiscountStatement .statementContainer #orders thead th,
#EquivalentDiscountStatement .statementContainer #returns thead th {
  font-weight: normal;
  border-bottom: 0.30rem solid #999999;
  padding-left: 1.0em;
  padding-right: 1.0em;
}
#EquivalentDiscountStatement .statementContainer #orders tbody,
#EquivalentDiscountStatement .statementContainer #returns tbody {
  font-family: Montserrat, Arial;
  min-height: 2rem;
}
#EquivalentDiscountStatement .statementContainer #orders tbody tr,
#EquivalentDiscountStatement .statementContainer #returns tbody tr {
  border-bottom: 0.10rem dotted #999999;
}
#EquivalentDiscountStatement .statementContainer #orders tbody tr td,
#EquivalentDiscountStatement .statementContainer #returns tbody tr td {
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
}
#EquivalentDiscountStatement .statementContainer #orders tbody .subTotal,
#EquivalentDiscountStatement .statementContainer #returns tbody .subTotal {
  text-align: center;
  border-bottom: none;
}
#EquivalentDiscountStatement .statementContainer #orders tbody .subTotal .emptyColumnsSubtotal,
#EquivalentDiscountStatement .statementContainer #returns tbody .subTotal .emptyColumnsSubtotal {
  border-bottom-width: 0;
}
#EquivalentDiscountStatement .statementContainer #orders tbody .subTotal .subtotalText,
#EquivalentDiscountStatement .statementContainer #returns tbody .subTotal .subtotalText {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom-color: #7f28c4;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
  font-family: Montserrat, Arial;
}
#EquivalentDiscountStatement .statementContainer #orders tbody .subTotal .subtotalValue,
#EquivalentDiscountStatement .statementContainer #returns tbody .subTotal .subtotalValue {
  font-weight: bold;
  color: #7f28c4;
  border-bottom-color: #7f28c4;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
}
#EquivalentDiscountStatement .statementContainer #orders .CustomerName,
#EquivalentDiscountStatement .statementContainer #returns .CustomerName {
  width: 15%;
  text-align: left;
}
#EquivalentDiscountStatement .statementContainer #orders .NotEligibleForDiscountText,
#EquivalentDiscountStatement .statementContainer #returns .NotEligibleForDiscountText {
  color: #5d7e4e;
  font-weight: bold;
}
#EquivalentDiscountStatement .statementContainer #orders .CustomerNameHd,
#EquivalentDiscountStatement .statementContainer #returns .CustomerNameHd {
  text-align: left;
}
#EquivalentDiscountStatement .statementContainer #orders .customerOrderDate,
#EquivalentDiscountStatement .statementContainer #returns .customerOrderDate {
  width: 9%;
}
#EquivalentDiscountStatement .statementContainer #orders .OrderReference,
#EquivalentDiscountStatement .statementContainer #returns .OrderReference {
  color: #7f28c4;
  cursor: pointer;
  text-decoration: underline;
}
#EquivalentDiscountStatement .statementContainer .bottomSection {
  padding-top: 2em;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .printer {
  display: inline-block;
  width: 40%;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary {
  display: inline-block;
  width: 59%;
  text-align: center;
  border-color: #7f28c4;
  border-width: 0.2rem;
  border-style: solid;
  padding: 2em;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .statementdate {
  font-weight: bold;
  text-transform: uppercase;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .totalValueAppliedPeriodRow,
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .campaignDiscountPeriodRow,
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .dateOfStatementRow {
  padding: 0.5em;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .campaign {
  font-weight: bold;
}
#EquivalentDiscountStatement .statementContainer .bottomSection .bottomSummary .totaldiscount {
  font-weight: bold;
  color: #7f28c4;
}
.orderItemModalContainer {
  height: 40em;
  width: 70em;
}
.orderItemModalContainer .customerName,
.orderItemModalContainer .orderDate,
.orderItemModalContainer .orderReference,
.orderItemModalContainer .campaignNumber {
  padding: 0.1em;
}
.orderItemModalContainer .campaignNumber {
  padding-bottom: 2em;
}
.orderItemModalContainer .customerName {
  font-size: 1.6rem;
}
.orderItemModalContainer .orderDateLabel,
.orderItemModalContainer .orderReferenceLabel,
.orderItemModalContainer .campaignNumberLabel,
.orderItemModalContainer .errorMessageLabel {
  font-weight: bold;
}
.orderItemModalContainer .orderItemTable {
  text-align: center;
  width: 100%;
}
.orderItemModalContainer .orderItemTable .productNumberHd {
  text-align: left;
}
.orderItemModalContainer .orderItemTable .productNameHd {
  width: 20%;
  text-align: left;
}
.orderItemModalContainer .orderItemTable .equivalentDiscountRateHd {
  width: 23%;
}
.orderItemModalContainer .orderItemTable thead tr th {
  font-weight: normal;
  border-bottom: 0.30rem solid #999999;
  padding-left: 1.0em;
  padding-right: 1.0em;
  font-size: 1.4rem;
}
.orderItemModalContainer .orderItemTable tbody {
  font-family: Montserrat, Arial;
  min-height: 2rem;
}
.orderItemModalContainer .orderItemTable tbody tr {
  border-bottom: 0.10rem dotted #999999;
}
.orderItemModalContainer .orderItemTable tbody tr .productName {
  width: 20%;
  text-align: left;
}
.orderItemModalContainer .orderItemTable tbody tr .productNumber {
  text-align: left;
}
.orderItemModalContainer .orderItemTable tbody tr td {
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
}
.orderItemModalContainer .orderItemTable tbody .subTotalRow {
  border-bottom: 0;
  text-align: center;
}
.orderItemModalContainer .orderItemTable tbody .subTotalRow .emptyColumn {
  border-bottom-width: 0;
}
.orderItemModalContainer .orderItemTable tbody .subTotalRow .subTotalLabel,
.orderItemModalContainer .orderItemTable tbody .subTotalRow .subTotalValue {
  font-weight: bold;
  border-bottom-color: #7f28c4;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
}
.orderItemModalContainer .orderItemTable tbody .subTotalRow .subTotalValue {
  font-weight: normal;
}
.orderItemModalContainer .orderItemTable tbody .equivalentDiscountRow {
  border-bottom: 0;
  text-align: center;
}
.orderItemModalContainer .orderItemTable tbody .equivalentDiscountRow .emptyColumn {
  border-bottom-width: 0;
}
.orderItemModalContainer .orderItemTable tbody .equivalentDiscountRow .equivalentDiscountLabel,
.orderItemModalContainer .orderItemTable tbody .equivalentDiscountRow .equivalentDiscountValue {
  font-weight: bold;
  border-top-color: #7f28c4;
  border-top-width: 0.2rem;
  border-top-style: solid;
  border-bottom: 0.10rem dotted #999999;
}
.orderItemModalContainer .orderItemTable tbody .equivalentDiscountRow .equivalentDiscountValue {
  font-weight: normal;
}
.orderItemModalContainer .orderItemTable tbody .handlingFeeRow {
  border-bottom: 0;
  text-align: center;
}
.orderItemModalContainer .orderItemTable tbody .handlingFeeRow .emptyColumn {
  border: 0;
}
.orderItemModalContainer .orderItemTable tbody .handlingFeeRow .handlingFeeLabel {
  font-weight: bold;
  border-bottom: 0.10rem dotted #999999;
}
.orderItemModalContainer .orderItemTable tbody .handlingFeeRow .handlingFeeValue {
  font-weight: normal;
  border-bottom: 0.10rem dotted #999999;
}
.returnItemModalContainer {
  height: 40em;
  width: 70em;
}
.returnItemModalContainer .customerName,
.returnItemModalContainer .orderDate,
.returnItemModalContainer .orderReference,
.returnItemModalContainer .campaignNumber {
  padding: 0.1em;
}
.returnItemModalContainer .campaignNumber {
  padding-bottom: 2em;
}
.returnItemModalContainer .customerName {
  font-size: 1.6rem;
}
.returnItemModalContainer .orderDateLabel,
.returnItemModalContainer .orderReferenceLabel,
.returnItemModalContainer .campaignNumberLabel {
  font-weight: bold;
}
.returnItemModalContainer .returnItemTable {
  text-align: center;
  width: 100%;
}
.returnItemModalContainer .returnItemTable .productNumberHd {
  text-align: left;
}
.returnItemModalContainer .returnItemTable .productNameHd {
  width: 20%;
  text-align: left;
}
.returnItemModalContainer .returnItemTable .equivalentDiscountRateHd {
  width: 23%;
}
.returnItemModalContainer .returnItemTable thead tr th {
  font-weight: normal;
  border-bottom: 0.30rem solid #999999;
  padding-left: 1.0em;
  padding-right: 1.0em;
  font-size: 1.4rem;
}
.returnItemModalContainer .returnItemTable tbody {
  font-family: Montserrat, Arial;
  min-height: 2rem;
}
.returnItemModalContainer .returnItemTable tbody tr {
  border-bottom: 0.10rem dotted #999999;
}
.returnItemModalContainer .returnItemTable tbody tr .productName {
  width: 20%;
  text-align: left;
}
.returnItemModalContainer .returnItemTable tbody tr .productNumber {
  text-align: left;
}
.returnItemModalContainer .returnItemTable tbody tr td {
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
}
.returnItemModalContainer .returnItemTable tbody .subTotalRow {
  border-bottom: 0;
  text-align: center;
}
.returnItemModalContainer .returnItemTable tbody .subTotalRow .subTotalLabel,
.returnItemModalContainer .returnItemTable tbody .subTotalRow .subTotalValue {
  font-weight: bold;
  border-bottom-color: #7f28c4;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
  border-top-color: #7f28c4;
  border-top-width: 0.2rem;
  border-top-style: solid;
}
.returnItemModalContainer .returnItemTable tbody .subTotalRow .subTotalValue {
  font-weight: normal;
}
#FindOutMore .FindOutMoreHeader {
  width: 75%;
  margin: 0 auto;
}
#FindOutMore .FindOutMoreFooter {
  margin: 0 auto;
  text-align: center;
}
#FindOutMore .FindOutMoreFooter h2 {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  color: #546264;
  margin-bottom: 2rem;
}
#FindOutMore .BannerImage {
  width: 75%;
  margin: 0 auto;
}
#FindOutMore .BannerImage .BodyModuleContainers .ContentModule {
  margin-bottom: 1rem;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule {
  border: 0.3rem solid #7f28c4;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
  position: relative;
  z-index: 0;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule .RotatedCaret45 {
  border-left: 0.15rem solid #7f28c4;
  border-top: 0.15rem solid #7f28c4;
  background-color: #7f28c4;
  border-right: none;
  border-bottom: none;
  display: block;
  height: 1.5rem;
  left: 49%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -1rem;
  width: 1.5rem;
  z-index: -1;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule .ContentRow {
  background-color: #fdfdfd;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule .ContentRow .Col {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  padding-bottom: 1rem;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule .ContentRow .Col:first-child {
  border-right: 1px dotted #999999;
}
#FindOutMore .BannerImage .BodyModuleContainers #text + div .ContentModule .ContentRow .Col .ContentStack p {
  margin: 0;
}
#Representative #RepLoginContainer .RepLogin_LoginInfo {
  font-weight: bold;
  display: block;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
#Representative #RepLoginContainer .TextLink {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #7f28c4;
  text-decoration: none;
  font-size: inherit;
}
#Representative #RepLoginContainer .TextLink:hover {
  color: #6a17ad;
}
#Representative #RepLoginContainer #RepLoginForm {
  width: 100%;
  padding: 4rem 0;
  margin-left: 6rem;
}
#Representative #RepLoginContainer #RepLoginForm .FormField {
  padding-bottom: 1rem;
}
#Representative #RepLoginContainer #RepLoginForm .FormField label {
  width: 24.5rem;
  text-align: right;
  font-weight: bold;
  margin-right: 0;
  padding-right: 1rem;
  vertical-align: top;
  padding-top: 0.7rem;
  font-size: 1.3rem;
}
#Representative #RepLoginContainer #RepLoginForm .FormField .FormInput input {
  width: 100%;
}
#Representative #RepLoginContainer #RepLoginForm .FormField .SubmitButton {
  margin-top: 3rem;
}
.Layout_Phone #Representative #RepLoginContainer {
  margin-left: 0;
}
.Layout_Phone #Representative #RepLoginContainer #RepLoginForm {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-left: 0;
}
.Layout_Phone #Representative #RepLoginContainer #RepLoginForm .FormField label {
  width: 100%;
  text-align: center;
  padding-bottom: 0.5rem;
}
.Layout_Phone #Representative #RepLoginContainer #RepLoginForm .FormField .FormInput .ForgotPassword {
  padding-top: 2rem;
  text-align: center;
}
.Layout_Phone #Representative #RepLoginContainer #RepLoginForm .FormField .FormInput .SubmitButton {
  margin-top: 2rem;
}
.Layout_Phone #Representative #RepLoginContainer #RepLoginForm .FormField .FormInput .SubmitButton .Button {
  width: 100%;
  text-align: center;
}
.Layout_Tablet #RepresentativeSplash.TwoPanelsOnly {
  max-width: 80%;
}
.Layout_Tablet #RepresentativeSplash.TwoPanelsOnly .PanelWithButton {
  width: 45%;
}
.Layout_Tablet #RepresentativeSplash.TwoPanelsOnly .SpacerPanel {
  width: 10%;
}
.Layout_Tablet #RepresentativeSplash.Columns {
  max-width: 95%;
}
.Layout_Tablet #RepresentativeSplash .PanelWithButton {
  width: 28%;
}
.Layout_Tablet #RepresentativeSplash .MaoPanel {
  width: 28%;
}
.Layout_Tablet #RepresentativeSplash .MaoPanel .PanelWithButton {
  width: auto;
}
.Layout_Tablet #RepresentativeSplash .SpacerPanel {
  width: 5%;
}
.Layout_Phone #RepresentativeSplash.TwoPanelsOnly {
  max-width: 95%;
}
.Layout_Phone #RepresentativeSplash.TwoPanelsOnly .PanelWithButton {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.Layout_Phone #RepresentativeSplash .PanelWithButton {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.Layout_Phone #RepresentativeSplash .MaoPanel .PanelWithButton {
  width: auto;
  margin: 3rem 0;
  margin-left: auto;
  margin-right: auto;
}
.Layout_Phone #RepresentativeSplash .MaoPanel .PanelWithButton .Banner {
  overflow: auto;
  margin-bottom: 0;
}
.Layout_Phone #RepresentativeSplash .MaoPanel .PanelWithButton .Banner img {
  margin-bottom: 0;
}
#RepresentativeSplash {
  margin: 0 auto;
}
#RepresentativeSplash .RedirectPanel {
  cursor: pointer;
}
#RepresentativeSplash.TwoPanelsOnly {
  max-width: 70%;
}
#RepresentativeSplash.TwoPanelsOnly .PanelWithButton {
  width: 30rem;
}
#RepresentativeSplash.TwoPanelsOnly .SpacerPanel {
  width: 12rem;
}
#RepresentativeSplash .PanelWithButton {
  position: relative;
  width: 30rem;
}
#RepresentativeSplash .PanelWithButton .Banner {
  margin: auto;
}
.Layout_Desktop #RepresentativeSplash .PanelWithButton .Banner,
.Layout_Tablet #RepresentativeSplash .PanelWithButton .Banner {
  max-width: 30rem;
}
#RepresentativeSplash .PanelWithButton .ContentModule:last-child {
  margin-bottom: 2rem;
}
#RepresentativeSplash .PanelWithButton .PanelButton {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.5rem;
}
#RepresentativeSplash .PanelWithButton.SplitTop {
  display: block;
  margin: 0 0 1.5rem;
}
#RepresentativeSplash .PanelWithButton.SplitTop .Banner {
  overflow: hidden;
  margin-bottom: 2rem;
}
#RepresentativeSplash .PanelWithButton.SplitTop .Banner img {
  margin-bottom: -50%;
}
#RepresentativeSplash .PanelWithButton.SplitBottom {
  display: block;
  margin: 1.5rem 0 0;
}
#RepresentativeSplash .PanelWithButton.SplitBottom .Banner {
  overflow: hidden;
  margin-bottom: 2rem;
}
#RepresentativeSplash .PanelWithButton.SplitBottom .Banner img {
  margin-bottom: -50%;
}
#RepresentativeSplash .PanelText {
  min-height: 9rem;
}
#RepresentativeSplash .PanelText p {
  line-height: normal;
  margin: 0.4rem auto;
}
#RepresentativeSplash .ClosedRepStorePanel {
  border: solid 2px #cccccc;
  border-radius: 0.3rem;
  padding: 1rem 1rem 1rem 1rem;
}
#RepresentativeSplash .FindOutMore {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 2.5rem;
}
.no-touch #RepresentativeSplash .FindOutMore a.Button:hover {
  color: #181818;
}
#RepresentativeSplash .SpacerPanel {
  width: 3rem;
}
.PanelContainer {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  flex-direction: row;
  width: 100%;
  margin-bottom: 1.8rem;
}
.PanelContainer > * + * {
  margin-left: 1.8rem;
}
.PanelContainerMobile {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  flex-direction: column;
  margin: 0 1.6rem;
}
.PanelContainerMobile > * {
  margin-bottom: 2.4rem;
}
#ManageMyStoreMenu .Header {
  text-align: center;
}
#ManageMyStoreMenu .Header h2 {
  font-family: Montserrat, Arial;
  font-size: 3.2rem;
}
#ManageMyStoreMenu .Header h2.warning {
  color: red;
}
#ManageMyStoreMenu a.disabled {
  pointer-events: none;
}
#EmailCustomersModal .AvonForm {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
  padding: 1rem;
}
#EmailCustomersModal .AvonForm div.Header p {
  font-size: 1.3rem;
  margin: 0;
}
#EmailCustomersModal .AvonForm div.Header p.Title {
  margin-top: -1rem;
  margin-bottom: 0.2rem;
  font-family: Montserrat, Arial;
  font-size: 2rem;
  text-align: center;
}
#EmailCustomersModal .AvonForm div.Header .NoCustomersAvailable {
  margin-top: 2rem;
  text-align: center;
  color: red;
}
#EmailCustomersModal .AvonForm div.Header .NoRepAddress {
  margin-top: 2rem;
  text-align: center;
  color: red;
}
#EmailCustomersModal .AvonForm div.Customers {
  margin-top: 1rem;
  height: 12rem;
  overflow-y: scroll;
  font-size: 1.4rem;
  padding-right: 4rem;
}
.Layout_Tablet #EmailCustomersModal .AvonForm div.Customers {
  padding-left: 1rem;
}
#EmailCustomersModal .AvonForm div.Customers input[type="checkbox"],
#EmailCustomersModal .AvonForm div.Customers input[type="radio"] {
  position: relative;
  top: 0.2rem;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers,
#EmailCustomersModal .AvonForm div.Customers .SelectAll {
  width: 100%;
}
#EmailCustomersModal .AvonForm div.Customers .SelectAll {
  border-bottom: dotted 1px #CCCCCC;
  padding-bottom: 0.5rem;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers {
  padding-top: 1rem;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList {
  width: 100%;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList .NameRow {
  width: 50%;
  vertical-align: top;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList .NameRow .CustomerSelect {
  display: table-cell;
  padding-bottom: 0.1rem;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList .NameRow .Name {
  display: table-cell;
  padding-bottom: 0.1rem;
  padding-left: 0.4rem;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList .EmailRow {
  width: 50%;
  vertical-align: top;
  padding-left: 0.5rem;
  text-align: right;
}
#EmailCustomersModal .AvonForm div.Customers .OnlineCustomers .OnlineCustomersList .EmailRow .Email {
  font-size: 1.3rem;
}
#EmailCustomersModal .AvonForm div.Email p {
  font-size: 1.3rem;
  margin: 0 0 0.5rem 0;
}
#EmailCustomersModal .AvonForm div.Email div.Subject {
  padding-bottom: 0;
}
#EmailCustomersModal .AvonForm div.Email div.Message {
  margin-top: 1rem;
  padding-bottom: 0;
}
#EmailCustomersModal .AvonForm div.Email div.Message textarea {
  max-width: 100%;
  min-height: 8rem;
}
#EmailCustomersModal .AvonForm div.ActionsContainer {
  /*.Flex();*/
  margin-top: 1rem;
  display: table;
  border-spacing: 1px;
}
#EmailCustomersModal .AvonForm div.ActionsContainer input {
  vertical-align: top;
  margin-top: 0.4rem;
  margin-right: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  display: table-cell;
}
#EmailCustomersModal .AvonForm div.ActionsContainer .Action {
  width: 100%;
  display: table-cell;
}
#EmailCustomersModal .AvonForm div.ActionsContainer .Action label {
  font-size: 1.3rem;
  font-weight: normal;
  display: table-cell;
  text-align: justify;
  padding-right: 1rem;
}
#EmailCustomersModal .AvonForm div.ActionsContainer .Action label > span {
  display: block;
  line-height: normal;
}
#EmailCustomersModal .AvonForm div.ActionsContainer .Action a {
  font-size: 1.6rem;
  font-family: Montserrat, Arial;
  height: 5rem;
  text-align: center;
  white-space: normal;
  display: table-cell;
}
#EmailCustomersModal .AvonForm div.ActionsContainer .Action a.Disabled {
  cursor: default;
}
#EmailCustomersModal .AvonForm div.ActionsContainer.Close {
  display: block;
  text-align: center;
}
#ManagePromote {
  width: 100%;
}
#ManagePromote .AvonForm {
  padding: 2rem 6rem 6rem 6rem;
}
.Layout_Phone #ManagePromote .AvonForm {
  padding: 0;
}
#ManagePromote .AvonForm section.EmailLink {
  width: 67%;
}
.Layout_Phone #ManagePromote .AvonForm section.EmailLink {
  width: 100%;
  padding: 1rem;
}
#ManagePromote .AvonForm section.EmailLink p:first-of-type {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
.Layout_Phone #ManagePromote .AvonForm section.EmailLink p:first-of-type {
  margin-top: 0;
  padding-top: 1rem;
  border-top: dotted 1px #999999;
}
#ManagePromote .AvonForm section.EmailLink p {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 3rem;
}
#ManagePromote .AvonForm .Actions {
  margin-bottom: 2.7rem;
}
.Layout_Phone #ManagePromote .AvonForm .Actions {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.Layout_Phone #ManagePromote .AvonForm .Actions .Button {
  width: 100%;
  text-align: center;
}
#ManagePromote .AvonForm .TagProducts {
  border-top: dotted 1px #999999;
}
#ManagePromote a.disabled {
  cursor: not-allowed;
  background-color: lightgray;
}
#EmailCustomersModal .Modal {
  width: 48rem;
}
#ManageStatus {
  width: 100%;
}
#ManageStatus form.AvonForm {
  padding-bottom: 0;
}
#ManageStatus form.AvonForm section.Banner {
  margin: 3rem 4rem 6rem 4rem;
}
#ManageStatus a.disabled {
  cursor: not-allowed;
  background-color: lightgray;
}
#ManageContent {
  width: 100%;
}
#ManageContent .TabbedMenuContent {
  padding: 2.5rem 4rem 0 4rem;
}
.Layout_Phone #ManageContent .TabbedMenuContent {
  padding: 1rem;
}
#ManageContent .TabbedMenuContent .AvonForm {
  padding-top: 0;
  padding-bottom: 2rem;
}
#ManageContent a.disabled {
  cursor: not-allowed;
  background-color: lightgray;
}
#ManageProfile {
  width: 100%;
}
#ManageProfile div.TabbedMenuContent {
  padding: 0.5rem 4rem 1rem 4rem;
}
.Layout_Phone #ManageProfile div.TabbedMenuContent {
  padding: 0;
}
#ManageProfile div.TabbedMenuContent form#MyProfileForm > *:first-child {
  border-top: none;
}
#ManageProfile input {
  padding-right: 2.7rem;
}
#ManageProfile input::-webkit-input-placeholder {
  font-size: 1.2rem;
  text-align: center;
}
#ManageProfile input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 1.2rem;
  text-align: center;
}
#ManageProfile input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1.2rem;
  text-align: center;
}
#ManageProfile input:-ms-input-placeholder {
  font-size: 1.2rem;
  text-align: center;
}
#ManageProfile a.disabled {
  cursor: not-allowed;
  background-color: lightgray;
}
#notificationError {
  padding-left: 11.2rem;
  width: 42rem;
}
#MyAvonOffice #MyAvonOfficeSettings .OutOfOffice {
  border-bottom: 1px solid #999999;
}
#MyAvonOffice #MyAvonOfficeSettings .OutOfOffice .Inaccessible {
  padding-bottom: 2rem;
}
#MyAvonOffice #MyAvonOfficeSettings .OutOfOffice .Until {
  padding-bottom: 2rem;
}
#MyAvonOffice #MyAvonOfficeSettings .OutOfOffice #ReturnToStoreDate {
  width: 30%;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility {
  padding-top: 20px;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .OptIn label span a {
  color: #7f28c4;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .OptIn label span a:hover {
  text-decoration: underline;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .OptOut {
  margin-top: 10px;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .Eligible {
  color: green;
  font-weight: bold;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .InEligible {
  color: Red;
  font-weight: bold;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility .ineligibilityReasonsList {
  padding-left: 20px;
  margin-top: 0;
}
#MyAvonOffice #MyAvonOfficeSettings .Eligibility.Unavailable {
  color: #666;
  padding-top: 10px;
}
#MyAvonOffice .ActionsContainer {
  margin-top: 20px;
}
#MyAvonOffice .Success {
  font-weight: bold;
}
.Layout_Tablet #Orders .OrderInformation .OrderItems #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 20%;
}
.Layout_Phone #Orders .OrderInformation {
  margin: 1rem auto;
}
.Layout_Phone #Orders .OrderInformation .OrderItems #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 100%;
}
.Layout_Tablet #OrderSummary .Details .Personal .Header {
  display: table;
}
.Layout_Tablet #OrderSummary .Details .Personal .Header svg-icon {
  display: table-cell;
}
.Layout_Tablet #OrderSummary .Details .Personal .Header .Information .splitter-pipe {
  display: none;
}
.Layout_Tablet #OrderSummary .Details .Personal .Header .Information .Customer {
  display: block;
  padding-top: 0.2rem;
}
.Layout_Phone #OrderSummary .Details .Personal {
  width: 100%;
  padding-right: 0;
}
.Layout_Phone #OrderSummary .Details .Personal .Header {
  display: table;
}
.Layout_Phone #OrderSummary .Details .Personal .Header svg-icon {
  display: table-cell;
}
.Layout_Phone #OrderSummary .Details .Personal .Header .Information .splitter-pipe {
  display: none;
}
.Layout_Phone #OrderSummary .Details .Personal .Header .Information .Customer {
  display: block;
  padding-top: 0.2rem;
}
.Layout_Phone #OrderSummary .Details .Personal .SpecialInstructions {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.Layout_Phone #OrderSummary .Details .Order {
  width: 100% !important;
  border-left: none;
}
.Layout_Phone #OrderSummary .Details .Order .Date {
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .ShowOrder {
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .Total {
  margin-top: 1rem;
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .Accept {
  margin-top: 1rem;
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .NoActionRequired {
  padding-left: 0;
  margin-top: 1rem;
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .AwaitingProcess {
  text-align: left;
}
.Layout_Phone #OrderSummary .Details .Order .Button {
  width: 100%;
  text-align: center;
}
.Layout_Phone #OrderSummary .Details .Order .DeclineOrder .Button {
  position: initial;
}
#OrderSummary {
  font-family: Montserrat, Arial;
  font-size: 1.3rem;
}
#OrderSummary .Details .LinkText {
  color: #7f28c4;
}
#OrderSummary .Details .LinkText:hover {
  text-decoration: underline;
}
#OrderSummary .Details .Personal {
  display: inline-block;
  vertical-align: top;
  width: 63%;
  padding-right: 2rem;
}
#OrderSummary .Details .Personal p {
  margin: 0;
  font-size: 1.3rem;
}
#OrderSummary .Details .Personal p.Name {
  font-size: 1.6rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
#OrderSummary .Details .Personal p.SpecialInstructions {
  margin-top: 2rem;
}
#OrderSummary .Details .Personal p .splitter-pipe {
  padding-left: 1rem;
  padding-right: 1rem;
}
#OrderSummary .Details .Personal .Label {
  font-weight: bold;
  font-size: 1.3rem;
}
#OrderSummary .Details .Personal .Label:after {
  content: ":";
}
#OrderSummary .Details .Personal .Header {
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
#OrderSummary .Details .Personal .Header svg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 4.1rem;
  height: 2.5rem;
}
#OrderSummary .Details .Personal .Header .Information {
  display: inline-block;
}
#OrderSummary .Details .Personal .Header .Information > span {
  display: inline-block;
  vertical-align: middle;
}
#OrderSummary .Details .Personal .Header .Information .Title {
  font-size: 1.6rem;
}
#OrderSummary .Details .Personal .Header .Information .splitter-pipe {
  color: #CCCCCC;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#OrderSummary .Details .Personal .Header .Information .Customer {
  font-size: 1.3rem;
  color: #009900;
}
#OrderSummary .Details .Order {
  border-left: 1px dotted #CCCCCC;
  display: inline-block;
  vertical-align: top;
  width: 36%;
  text-align: right;
}
#OrderSummary .Details .Order p {
  margin: 0;
  font-size: 1.3rem;
}
#OrderSummary .Details .Order p.Date {
  font-family: Montserrat, Arial;
  font-size: 2rem;
  line-height: normal;
}
#OrderSummary .Details .Order p.Total {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
#OrderSummary .Details .Order p.Accept {
  margin-top: 3.5rem;
  color: red;
}
#OrderSummary .Details .Order p.Accept.ng-hide:not(.ng-hide-animate) {
  display: block !important;
  visibility: hidden;
}
#OrderSummary .Details .Order p.NoActionRequired {
  margin-top: 4rem;
  padding-left: 1rem;
  color: #999999;
}
#OrderSummary .Details .Order .ProcessOrder {
  width: 16rem;
}
#OrderSummary .Details .Order .ProcessOrder:not(:first-of-type) {
  margin-top: 0.5rem;
}
#OrderSummary .Details .Order .Button {
  text-align: center;
  white-space: normal;
}
#OrderSummary .Details .Order .Success {
  padding: .5rem .5rem;
}
#OrderSummary .Details .Order .DeclineOrder {
  position: relative;
}
#OrderSummary .Details .Order .DeclineOrder .Button {
  right: 0;
  padding: .5rem .5rem;
}
#OrderSummary .Details .Order .DeclineOrder .TooltipBelow {
  left: -20rem;
  top: 0;
  margin-right: 17rem;
  text-align: left;
}
#OrderSummary .Details .Order .DeclineOrder .TooltipBelow .TooltipContent:before {
  left: 100%;
  top: 1rem;
  border-width: 1rem 0 1rem 1rem;
  border-color: transparent #aaaaaa transparent #aaaaaa;
}
#OrderSummary .Details .Order .ProcessOrderExternal {
  width: 19.6rem;
  white-space: normal;
  text-align: center;
}
#OrderSummary .Details .Order .OrderLabel {
  font-size: 1.3rem;
  text-transform: uppercase;
}
#OrderSummary .Details .Order .OrderLabel:after {
  content: ":";
}
#OrderSummary .Details .Order .TotalAndCoupon {
  display: inline-block;
  text-align: left;
  padding-right: 5rem;
}
#OrderSummary .Details .Order .CouponCode {
  font-size: 1.2rem;
  color: red;
  font-weight: bold;
  display: block;
}
#OrderSummary .Details .Order .Price {
  font-weight: bold;
  font-size: 1.6rem;
  margin-left: 4rem;
  display: inline-block;
  vertical-align: top;
}
#OrderSummary .Details .Order a {
  margin-top: 1rem;
}
#OrderSummary .OrdersOverview {
  margin-top: 3rem;
}
#OrderSummary .OrdersOverview #Cart {
  width: 100%;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body {
  padding-top: 1.2rem;
  border-bottom: 2px solid #CCCCCC;
}
.Layout_Tablet #OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductName {
  width: 35%;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice {
  width: 17%;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceOld {
  font-size: 1.3rem;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceOld .Cart-OldPrice {
  top: 0;
  right: 0;
  margin-right: 0.5rem;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductPrice .Cart-ProductPriceWrapper .Cart-ProductPriceCurrent {
  font-size: 2.4rem;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductActions {
  font-weight: bold;
  font-size: 1.3rem;
}
#OrderSummary .OrdersOverview #Cart .Cart_Body .Cart-Campaigns .Cart-Products .Cart-Product .Cart-ProductTotalPrice {
  width: 15.4%;
  font-size: 2.4rem;
}
#OrderSummary .OrdersOverview #Cart .Cart-Footer {
  padding-bottom: 5rem;
}
#OrderSummary .OrdersOverview #Cart .Cart-Footer .Cart-Summary {
  width: 100%;
}
#OrderSummary .OrdersOverview #Cart .Cart-Footer .Cart-Summary .Cart-NoShipping .Cart-SubTotal {
  width: 100%;
  font-size: 2.4rem;
}
#Orders .Header,
#Orders .BannerImage {
  text-align: center;
}
#Orders .OrderStatusFilter {
  margin-top: 6rem;
  font-size: 1.3rem;
  width: 100%;
  color: #999999;
}
#Orders .OrderStatusFilter > a {
  display: inline-block;
}
#Orders .OrderStatusFilter > a.Selected {
  color: #7f28c4;
  font-weight: bold;
  text-decoration: underline;
}
#Orders .OrderStatusFilter > a:hover {
  text-decoration: underline;
}
#Orders .OrderStatusFilter .Divider {
  display: inline-block;
  margin: 0 1.3rem;
}
#Orders .FiltersAndPagination {
  font-size: 1.3rem;
  display: table;
  width: 100%;
  padding: 1.5rem 0;
  margin-top: 2rem;
  border-top: dotted 0.1rem #cccccc;
  border-bottom: dotted 0.1rem #cccccc;
}
#Orders .FiltersAndPagination label {
  margin-right: 2rem;
}
#Orders .FiltersAndPagination .FormField {
  line-height: unset;
  font-size: 1.3rem;
  padding-bottom: unset;
}
#Orders .FiltersAndPagination .OrderType {
  display: table-cell;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .OrderType label {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .OrderType select {
  display: inline-block;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .SortBy {
  display: table-cell;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .SortBy label {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .SortBy select {
  display: inline-block;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .Pagination {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
}
#Orders .FiltersAndPagination .Pagination > div {
  float: right;
}
#Orders .FiltersAndPagination .Pagination > div .ViewAllButton,
#Orders .FiltersAndPagination .Pagination > div .ViewLessButton {
  margin-right: 1.5rem;
  color: #7f28c4;
}
#Orders .FiltersAndPagination .Pagination > div .ViewAllButton:hover,
#Orders .FiltersAndPagination .Pagination > div .ViewLessButton:hover {
  text-decoration: underline;
}
#Orders .FiltersAndPagination .Pagination > div .PagePrevious,
#Orders .FiltersAndPagination .Pagination > div .PageNext {
  vertical-align: middle;
  display: inline-block;
  cursor: default;
}
#Orders .FiltersAndPagination .Pagination > div .PagePrevious svg-icon,
#Orders .FiltersAndPagination .Pagination > div .PageNext svg-icon {
  width: 2.7rem;
  height: 2.7rem;
  color: #dfc5f3;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#Orders .FiltersAndPagination .Pagination > div .PagePrevious.Enabled,
#Orders .FiltersAndPagination .Pagination > div .PageNext.Enabled {
  cursor: pointer;
}
#Orders .FiltersAndPagination .Pagination > div .PagePrevious.Enabled svg-icon,
#Orders .FiltersAndPagination .Pagination > div .PageNext.Enabled svg-icon {
  color: #7f28c4;
}
#Orders .FiltersAndPagination .Pagination > div .PagePrevious {
  margin-right: 0.75rem;
}
#Orders .FiltersAndPagination .Pagination > div .PageNext {
  margin-left: 0.75rem;
}
#Orders .FiltersAndPagination .Pagination > div .PageNumber {
  color: #cccccc;
  font-size: 1.3rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  vertical-align: middle;
  display: inline-block;
  padding: 0.5rem 0.75rem;
  position: relative;
}
#Orders .FiltersAndPagination .Pagination > div .PageNumber.Active {
  text-decoration: underline;
  color: #546264;
  font-weight: bold;
}
#Orders #LoadOrdersFailure {
  text-align: center;
}
#Orders #LoadOrdersFailure a.Button.ReloadOrders {
  margin: 2em;
}
#Orders #LoadOrdersFailure .ReloadOrdersText {
  font-family: Montserrat, Arial;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  text-align: left;
  line-height: normal;
  margin-top: 4em;
  text-align: center;
}
#Orders .OrderInformation {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: solid 0.3rem #7f28c4;
  padding: 2.5rem;
  margin-top: 3rem;
}
#Orders .OrderInformation.DirectDelivery {
  border: solid 1px #cccccc;
}
#Orders .OrderInformation.Accepted:not(.DirectDelivery) {
  border: solid 0.2rem #666666;
}
#Orders .OrderInformation .OrderItems {
  margin-top: 3.5rem;
  border-top: 0.3rem solid #cccccc;
}
#Orders .OrderInformation .OrderItems #Order .Order_Body .Order-Campaigns .Order-Products .Order-Product .Order-ProductTotalPrice {
  width: 23.5%;
}
#Orders .OrderInformation .OrderItems #Order .Order_Body .Order-Footer .Recommended-Prices {
  display: none;
}
#Orders .OrderInformation .OrderItems #Order .Order_Body .Order-Footer .Order-Summary {
  width: 100%;
}
.Layout_Phone #Orders .OrderStatusFilter {
  text-align: center;
}
.Layout_Phone #Orders .OrderStatusFilter a {
  display: block;
  margin-top: 1rem;
}
.Layout_Phone #Orders .OrderStatusFilter .Divider {
  display: none;
}
.Layout_Phone #Orders .FiltersAndPagination {
  display: block;
  padding: 0;
}
.Layout_Phone #Orders .FiltersAndPagination label {
  width: 25%;
  display: inline-block;
  margin-right: 0;
}
.Layout_Phone #Orders .FiltersAndPagination select {
  width: 65%;
  margin-top: 0.2rem;
}
.Layout_Phone #Orders .FiltersAndPagination .Pagination {
  width: auto;
  margin-top: 1rem;
  text-align: center;
}
.Layout_Phone #Orders .FiltersAndPagination .Pagination > div {
  float: none;
}
.Layout_Phone #Orders .FiltersAndPagination .OrderType,
.Layout_Phone #Orders .FiltersAndPagination .SortBy,
.Layout_Phone #Orders .FiltersAndPagination .Pagination {
  display: block;
}
.Layout_Phone #Orders .OrderInformation {
  margin-top: 0;
}
.Layout_Phone #Orders .OrderInformation #OrderSummary .Details .Order {
  width: auto;
}
#DeclineOrderModal .DeclineOrder {
  text-align: center;
  padding-top: 1.9rem;
  font-size: 1.3rem;
}
#DeclineOrderModal .DeclineOrder .Header > span {
  display: inline-block;
  width: 13.5em;
  font-size: 2rem;
  font-family: Montserrat, Arial;
}
#DeclineOrderModal .DeclineOrder .Text {
  margin-top: 2rem;
}
#DeclineOrderModal .DeclineOrder .Buttons {
  margin-top: 2rem;
  font-family: Montserrat, Arial;
  text-align: center;
  width: 100%;
}
#DeclineOrderModal .DeclineOrder .Buttons .Button:nth-child(2) {
  margin-left: 0.5rem;
}
#AcceptOrderModal .Modal {
  padding: 2rem 2rem 9.5rem 3rem;
}
#AcceptOrderModal .Modal .ModalHeader .ModalClose {
  position: static;
}
#AcceptOrderModal .Modal .ModalContent {
  padding-right: 0;
}
#AcceptOrderModal .AcceptOrder {
  padding-top: 1.9rem;
  font-size: 1.3rem;
  width: 79rem;
}
#AcceptOrderModal .AcceptOrder .Header {
  font-size: 2rem;
  font-family: Montserrat, Arial;
  text-align: center;
  margin-bottom: 1rem;
}
#AcceptOrderModal .AcceptOrder .Instructions {
  margin-top: 6.5rem;
  width: 100%;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo {
  display: table-cell;
  width: 50%;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Icon,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Icon,
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Text,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Text {
  display: table-cell;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Icon,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Icon {
  position: relative;
  vertical-align: middle;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Icon svg-icon,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Icon svg-icon {
  width: 2.7rem;
  height: 2.7rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Icon .NavCircleNumber,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Icon .NavCircleNumber {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0.6rem;
  left: 0;
  color: #ffffff;
  font-family: Montserrat, Arial;
  font-weight: 700;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Title .Text,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Title .Text {
  padding-left: 0.8rem;
  font-weight: 700;
  vertical-align: middle;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne > div:not(.Title),
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo > div:not(.Title) {
  padding-left: 3.5rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .Description,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .Description {
  margin-top: 0.7rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo {
  margin-top: 6rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo p,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo p {
  margin: 0;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo p.Name,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo p.Name {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo p.SpecialInstructions,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo p.SpecialInstructions {
  margin-top: 2rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo .Label,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo .Label {
  font-weight: bold;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo .Label:after,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo .Label:after {
  content: ":";
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo .LinkText,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo .LinkText {
  color: #7f28c4;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne .CustomerInfo .LinkText:hover,
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .CustomerInfo .LinkText:hover {
  text-decoration: underline;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepOne {
  padding-right: 2.5rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo {
  padding-left: 2.5rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .ProcessOrderExternal {
  margin-top: 3.9rem;
}
#AcceptOrderModal .AcceptOrder .Instructions .StepTwo .ProcessOrderExternal .Button {
  width: 19.6rem;
  white-space: normal;
}
#PhotoCropModal #FileInput {
  width: 1px;
  height: 1px;
  opacity: 0.1;
}
#PhotoCropModal #ChooseFileButton {
  margin: 0 auto 1rem auto;
  display: block;
  text-align: center;
}
.Layout_Phone #PhotoCropModal #ChooseFileButton {
  width: 100%;
}
#PhotoCropModal #CropContainer {
  background-color: #ffffff;
  overflow: hidden;
  width: 20rem;
  height: 20rem;
  margin: 0 auto;
}
.Layout_Phone #PhotoCropModal #CropContainer {
  width: 100%;
}
#PhotoCropModal #CroppedImage {
  display: none;
}
#PhotoCropModal #SaveButton {
  margin: 1rem auto 0 auto;
  display: block;
  text-align: center;
}
.Layout_Phone #PhotoCropModal #SaveButton {
  width: 100%;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList {
  padding: 1.5rem 0;
  width: 100%;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(odd) .CustomerCardWrapper {
  border: none;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(even) .CustomerCardWrapper {
  padding-left: 0;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-last-child(1),
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-last-child(2):not(:nth-child(even)) {
  border-bottom: 1px dotted #999999;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Address .Divider {
  display: none;
}
.Layout_Phone #OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Address a {
  display: block;
}
#OnlineCustomers {
  width: 100%;
}
#OnlineCustomers h1 {
  text-align: center;
  margin-bottom: 2rem;
}
#OnlineCustomers .AlphabetPagination {
  width: 100%;
  padding-bottom: 1.5rem;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper {
  text-align: center;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper .Page {
  font-size: 1.3rem;
  display: inline-block;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper .Page .Letter {
  padding: .5rem .65rem;
  display: inline-block;
  margin: 0 .5rem;
  float: left;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper .Page .Letter.Selected {
  background-color: #7f28c4;
  border-color: #7f28c4;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: #ffffff;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper .Page .Letter.Disabled {
  color: #cccccc;
}
#OnlineCustomers .AlphabetPagination .PagesWrapper .Page .Divider {
  float: left;
  padding: .5rem 0;
  display: inline-block;
  color: #cccccc;
  vertical-align: middle;
}
#OnlineCustomers .OnlineCustomers {
  display: table;
  width: 100%;
  border-bottom: 2px solid #cccccc;
  border-top: 2px solid #cccccc;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList {
  width: 49%;
  padding: 3rem 0;
  border-top: 1px dotted #999999;
  display: inline-block;
  vertical-align: top;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(1),
#OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(2) {
  border-top: none;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard {
  font-size: 1.3rem;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard > div {
  margin: .5rem 0;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard label {
  font-weight: bold;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Name {
  font-size: 1.6rem;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Address .Divider {
  margin: 0 .5rem;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Address a {
  color: #7f28c4;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList .CustomerCardWrapper .CustomerCard .Email a {
  color: #7f28c4;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(odd) .CustomerCardWrapper {
  border-right: 1px dotted #999999;
}
#OnlineCustomers .OnlineCustomers .OnlineCustomersList:nth-child(even) .CustomerCardWrapper {
  padding-left: 5rem;
}
#OnlineCustomers .BackToTop {
  font-size: 1.3rem;
  margin: 1rem 0;
  float: right;
}
#OnlineCustomers .BackToTop a {
  color: #7f28c4;
}
#MapModal .MapWrapper {
  width: 50rem;
  height: 50rem;
}
/** Reusable Classes **/
.Area_Manager .RepresentativeViewHeader {
  padding: 0 0 3rem 0;
}
.Area_Manager .RepresentativeViewHeader_Mobile {
  margin: 0 1.6rem;
}
.Area_Manager .RepresentativeViewHeader .Fade {
  color: #546264;
}
/*# sourceMappingURL=/Areas/Manager/Styles/VI/RepConsole.css.map */