/*$Id$*/
/*$Id$*/
/* $Id$ */
/* $Id$ */
/* $Id$ */
/*$Id$*/
.ZA-6-0-ui {
  /* Container */
  /* Logo */
  /* SVG Elements - Base Styles */
  /* Special animation properties */
  /* Loading Text */
}
.ZA-6-0-ui #ZDBHomePageLoader {
  position: absolute;
  top: 32%;
  inset-inline-start: 50%;
  z-index: 1;
  width: 450px;
  margin-inline-start: -255px;
  padding: 4px 0 3px 30px;
}
.ZA-6-0-ui #ZDBHomePageLoader.mcLoading {
  background: none !important;
}
.ZA-6-0-ui .productLogoLoader {
  display: block;
  height: 145px;
  margin: 0 auto;
  padding: 0 160px;
}
.ZA-6-0-ui .productLogoSvg {
  width: 130px;
  height: 145px;
}
.ZA-6-0-ui .productLogoSvg path, .ZA-6-0-ui .productLogoSvg polyline {
  stroke: #fbe0df;
}
.ZA-6-0-ui .lineCls, .ZA-6-0-ui .arrowCls {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 55px;
  transform: scale(0.125);
}
.ZA-6-0-ui .productLogoLoader.animate .lineCls.layer-1, .ZA-6-0-ui .productLogoLoader.animate .lineCls.layer-5,
.ZA-6-0-ui .productLogoLoader.animate .arrowCls[class*=Layer1], .ZA-6-0-ui .productLogoLoader.animate .arrowCls[class*=Layer5] {
  stroke: #e42527;
}
.ZA-6-0-ui .productLogoLoader.animate .lineCls.layer-2,
.ZA-6-0-ui .productLogoLoader.animate .arrowCls[class*=Layer2] {
  stroke: #049949;
}
.ZA-6-0-ui .productLogoLoader.animate .lineCls.layer-3,
.ZA-6-0-ui .productLogoLoader.animate .arrowCls[class*=Layer3] {
  stroke: #206eb3;
}
.ZA-6-0-ui .productLogoLoader.animate .lineCls.layer-4,
.ZA-6-0-ui .productLogoLoader.animate .arrowCls[class*=Layer4] {
  stroke: #f8b11e;
}
.ZA-6-0-ui .productLogoLoader.animate .arrowCls {
  stroke-dasharray: 240 243;
  stroke-dashoffset: 242;
}
.ZA-6-0-ui .lineCls.layer-5 {
  stroke-dasharray: 4078 4078.53125;
  stroke-dashoffset: 4078.53125;
}
.ZA-6-0-ui .loadingTxt {
  margin: 5px;
  font-size: var(--largefont);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
.ZA-6-0-ui .loadingTxt span {
  display: flex;
}
.ZA-6-0-ui .lineCls.layer-1, .ZA-6-0-ui .lineCls.layer-2 {
  transition: none !important;
}

:not(.ZA-6-0-ui) #ZDBHomePageLoader {
  top: 32%;
  inset-inline-start: 50%;
  z-index: 1;
  display: block;
  position: absolute;
  width: 450px;
  margin-inline-start: -255px;
  padding-top: 4px;
  padding-inline-end: 0;
  padding-bottom: 3px;
  padding-inline-start: 30px;
}
:not(.ZA-6-0-ui) #ZDBHomePageLoader.mcLoading {
  background: none !important;
}
:not(.ZA-6-0-ui) .loadingTxt {
  margin: 5px;
  font-size: var(--largefont);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
:not(.ZA-6-0-ui) .loadingTxt span {
  display: flex;
}
:not(.ZA-6-0-ui) .productLogoLoader {
  margin: 0px auto;
  display: block;
  height: 145px;
  padding: 0px 160px;
}
:not(.ZA-6-0-ui) .productLogoSvg {
  width: 130px;
  height: 145px;
}
:not(.ZA-6-0-ui) .lineCls, :not(.ZA-6-0-ui) .arrowCls {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 55px;
  -webkit-transform: scale(0.125);
  -moz-transform: scale(0.125);
  transform: scale(0.125);
}
:not(.ZA-6-0-ui) .lineCls.layer-1, :not(.ZA-6-0-ui) .arrowCls.layer-1 {
  stroke: #fbe0df;
}
:not(.ZA-6-0-ui) .lineCls.layer-2 {
  stroke: #e3242b;
  stroke-dasharray: 4078 4078.53125;
  stroke-dashoffset: 4078.53125;
}
:not(.ZA-6-0-ui) .arrowCls.layer-2 {
  stroke: #e3242b;
  stroke-dasharray: 240 243;
  stroke-dashoffset: 242;
}
:not(.ZA-6-0-ui) .arrowCls.layer-3 {
  stroke: #e3242b;
  stroke-dasharray: 121 242;
  stroke-dashoffset: 122;
}
:not(.ZA-6-0-ui) .lineCls.layer-1, :not(.ZA-6-0-ui) .lineCls.layer-2,
:not(.ZA-6-0-ui) .arrowCls.layer-1, :not(.ZA-6-0-ui) .arrowCls.layer-2 {
  transition: none !important;
}