:root {
  /* o ideal é usar a --font-base para definir o font-size da tag html */
  /* estou definindo aqui para facilitar e não ter que altear o html */
  /* por isso o valor de 15px que é o mesmo definido na tag html */
  --font-base: 15;
  /* aqui eu defino os tamanhos usados no arquivo */
  --half: calc(var(--font-base) / 2 * 1px);
  --column-gap: var(--s45);
  --mccenter-pd-top: var(--s20);
  --mccenter-pd-left: calc((160 / var(--font-base) * 1rem));
  --wsidebar: calc((287 / var(--font-base) * 1rem));
  --wwrapper-small: calc((643 / var(--font-base) * 1rem));
  --wwrapper-medium: calc((750 / var(--font-base) * 1rem));
  --wwrapper-large: calc((917 / var(--font-base) * 1rem));
  --winstalacoes: calc((390 / var(--font-base) * 1rem));
  --wmain-content: calc((920 / var(--font-base) * 1rem));
  --border-radius: var(--s10);
  --s2: calc((2 / var(--font-base) * 1rem));
  --s3: calc((3 / var(--font-base) * 1rem));
  --s4: calc((4 / var(--font-base) * 1rem));
  --s5: calc((5 / var(--font-base) * 1rem));
  --s6: calc((6 / var(--font-base) * 1rem));
  --s7: calc((7 / var(--font-base) * 1rem));
  --s8: calc((8 / var(--font-base) * 1rem));
  --s9: calc((9 / var(--font-base) * 1rem));
  --s10: calc((10 / var(--font-base) * 1rem));
  --s11: calc((11 / var(--font-base) * 1rem));
  --s12: calc((12 / var(--font-base) * 1rem));
  --s13: calc((13 / var(--font-base) * 1rem));
  --s14: calc((14 / var(--font-base) * 1rem));
  --s15: calc((15 / var(--font-base) * 1rem));
  --s16: calc((16 / var(--font-base) * 1rem));
  --s17: calc((17 / var(--font-base) * 1rem));
  --s18: calc((18 / var(--font-base) * 1rem));
  --s19: calc((19 / var(--font-base) * 1rem));
  --s20: calc((20 / var(--font-base) * 1rem));
  --s21: calc((21 / var(--font-base) * 1rem));
  --s22: calc((22 / var(--font-base) * 1rem));
  --s23: calc((23 / var(--font-base) * 1rem));
  --s24: calc((24 / var(--font-base) * 1rem));
  --s25: calc((25 / var(--font-base) * 1rem));
  --s30: calc((30 / var(--font-base) * 1rem));
  --s35: calc((35 / var(--font-base) * 1rem));
  --s38: calc((38 / var(--font-base) * 1rem));
  --s40: calc((40 / var(--font-base) * 1rem));
  --s42: calc((42 / var(--font-base) * 1rem));
  --s45: calc((45 / var(--font-base) * 1rem));
  --s48: calc((48 / var(--font-base) * 1rem));
  --s60: calc((60 / var(--font-base) * 1rem));
  --s65: calc((65 / var(--font-base) * 1rem));
  --s70: calc((70 / var(--font-base) * 1rem));
  --s75: calc((75 / var(--font-base) * 1rem));
  /*            cores           */
  --white: #ffffff;
  --green: #639636;
  --blue: #003b6b;
  --orange: #b37700;
  --red: #7a1f24;
  --light-green: #80c342;
  --light-blue: #0058a0;
  --light-orange: #f4af25;
  --light-red: #f0575d;
  --lightest-blue: #18ace0;
  --text-secondary: #93979a;
  --title: #2d2d2d;
  --description: #929699;
  --stepper-wrapper-bg: #f5f5f7;
  --border-color: #dfe0e1;
  --border-radio-btn: #b7b7b7;
  --btn-primary-bg: var(--light-blue);
  --btn-primary-bg-hv: var(--blue);
  --btn-back: var(--text-secondary);
  --btn-back-hv: #0099cc;
  --instalacoes-bg: #fafafa;
  --cor-destaque-bg: #fff9f4;
  --input-bg: var(--white);
  --input-bg-disabled: #eeeeef;
  --input-disabled: #b2b4b7;
  --input-disabled-text: #b2b4b7;
  --input-bd-fc: #a2d2fc;
  --input-icon: #cccccc;
  --input-arrow: #93969a;
  --highlight: #00ade1;
  --positive: var(--white);
  --positive-bg: #2ea55d;
  --negative: var(--white);
  --negative-bg: var(--light-red);
  --administrativo: var(--light-blue);
  --residencial: var(--highlight);
  --empresarial: var(--light-green);
  --imobiliaria: #f68b1f;
  --poder_publico: #f15e38;
  --projetos_particulares: #01704e;
  --agree-bg: #83b81a;
  --texto-cinza: #bfc1c3;
  --light-gray-bg: #f5f5f7;
  --header-steps: #e2e2e2;
  --falta-energia-orange: #f68b1f;
  --protocolo-box-text-color: #778ca2;
  --protocolo-alert-box-bg: #fbae42;
  --tooltip-trigger-bg: #00447c;
}

@media (max-width: 1023px) {
  .user-auth-block-wrapper .user-logged-in {
    display: none;
  }
}

.filtro-instalacoes .ajax-progress.ajax-progress-throbber {
  right: 0;
  left: auto;
  width: 100vw;
  height: 100vh;
}

.ajax-progress.ajax-progress-throbber {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 63%);
  z-index: 11000;
}

.ajax-progress.ajax-progress-throbber .throbber {
  background: #fff url(/modules/custom/cpflenergia_services/images/logo.png) no-repeat center center;
  height: 60px;
  width: 60px;
  display: flex;
  z-index: 11000;
  background-size: contain;
  border-radius: 100%;
  border: 5px solid #fff;
  position: relative;
}

.ajax-progress.ajax-progress-throbber .throbber:before,
.ajax-progress.ajax-progress-throbber .throbber:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 75px;
  height: 75px;
  margin: 0;
  border: 8px solid #09c;
  border-radius: 100%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #09c transparent transparent transparent;
  top: -13px;
  left: -13px;
  margin: 0;
  box-sizing: border-box;
  content: '';
  display: flex;
}

.ajax-progress.ajax-progress-throbber .throbber:after {
  animation-delay: -0.15s;
}

.ajax-progress.ajax-progress-throbber .message {
  font-size: 0;
  padding: 0;
}

.ajax-progress.ajax-progress-throbber .message:before {
  content: "Aguarde";
  font-size: var(--s11);
}

.agencia-virtual form .button--primary[type="submit"][disabled],
.agencia-virtual form .form-actions input[type="submit"][disabled] {
  opacity: .2;
}

.agencia-virtual form .disabled {
  background-color: var(--input-bg-disabled);
  border-color: var(--border-color);
  color: var(--input-disabled);
  cursor: default;
  pointer-events: none;
}

i.arrow-right,
i.codigo-pix-svg {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

i.codigo-pix-svg {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' fill='%2332bcad' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 194 194' style='enable-background:new 0 0 194 194;' xml:space='preserve'%3E%3Cg%3E%3Cpath id='path2376_2_' d='M147.04,144.34c-7.02,0-13.6-2.7-18.57-7.67L101.7,109.9c-1.84-1.84-5.18-1.84-7.02,0L67.8,136.78 c-4.97,4.97-11.55,7.67-18.57,7.67h-5.29l34.01,34.01c10.58,10.58,27.85,10.58,38.43,0l34.11-34.11L147.04,144.34L147.04,144.34z'/%3E%3Cpath id='path2380_2_' d='M49.12,49.55c7.02,0,13.6,2.7,18.57,7.67L94.57,84.1c1.94,1.94,5.07,1.94,7.02,0l26.88-26.77 c4.97-4.97,11.55-7.67,18.57-7.67h3.24l-34.11-34.11c-10.58-10.58-27.85-10.58-38.43,0L43.72,49.55H49.12L49.12,49.55z'/%3E%3Cpath id='path2384_2_' d='M178.45,77.84l-20.62-20.62c-0.43,0.22-0.97,0.32-1.51,0.32h-9.39c-4.86,0-9.61,1.94-12.95,5.4 L107.2,89.71c-2.48,2.48-5.83,3.78-9.07,3.78c-3.35,0-6.59-1.3-9.07-3.78L62.18,62.83c-3.45-3.45-8.2-5.4-12.95-5.4H37.68 c-0.54,0-0.97-0.11-1.4-0.32L15.55,77.84c-10.58,10.58-10.58,27.85,0,38.43l20.62,20.62c0.43-0.22,0.86-0.32,1.4-0.32h11.55 c4.86,0,9.61-1.94,12.95-5.4l26.88-26.88c4.86-4.86,13.39-4.86,18.24,0l26.77,26.77c3.45,3.45,8.2,5.4,12.95,5.4h9.39 c0.54,0,0.97,0.11,1.51,0.32l20.62-20.62C189.03,105.58,189.03,88.42,178.45,77.84'/%3E%3C/g%3E%3C/svg%3E");
  width: 12px;
  height: 12px;
}

i.arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ade1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");
  width: 12px;
  height: 12px;
}

.text-hide-indent {
  text-indent: -9999px;
}

.accessibility-hide {
  position: absolute;
  z-index: -999;
  left: -1000%;
  top: -1000%;
}

.hidden {
  display: none !important;
}

.bg-white {
  background-color: #fff;
}

.coh-style-card-empresarial .coh-container .coh-paragraph span.item {
  padding-bottom: 10px;
  display: inline-block;
}

.copy-tooltip {
  position: relative;
}

.copy-tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 220px;
  background-color: #ebebeb;
  color: #282f36;
  text-align: center;
  border-radius: 4px;
  padding: 7px 15px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -110px;
  transition: opacity 0.3s;
  font-size: 14px;
  font-weight: bold;
}

.copy-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ebebeb transparent transparent transparent;
}

.cpfl-block-borded {
  border: 1px solid #dfe0e1;
  border-radius: 10px;
}
.cpfl-block-borded hr {
  border: none;
  background-color: #dfe0e1;
  height: 1px;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}
.cpfl-block-borded + .cpfl-block-borded {
  margin-top: 23px;
}

.cpfl-block-header {
  border-bottom: 1px solid #dfe0e1;
  padding: 10px 16px 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
}
.cpfl-block-header p {
  display: inline;
  font-weight: bold;
  text-transform: uppercase;
  color: #2d2d2d;
  letter-spacing: 1px;
  line-height: 20px;
  font-size: 15px;
  margin: 0;
}
.cpfl-block-header .link {
  background-color: #00ade1;
  border-radius: var(--s25);
  padding: var(--s11) var(--s30);
  color: var(--white);
  text-align: center;
}
.cpfl-block-body {
  padding: 17px 24px;
}
.cpfl-block-client-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
}

.cpfl-block-client-info li {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  list-style: none;
}
.cpfl-block-client-info li span {
  color: #717171;
  line-height: 20px;
  font-size: 14px;
}
.cpfl-block-client-info li strong {
  font-weight: bold;
  color: #2d2d2d;
  line-height: 20px;
  font-size: 16px;
  padding-top: 5px;
}

.dark-mode .cpfl-block-client-info li strong,
.dark-mode .cpfl-block-client-info li span {
  color: #fff;
}

.cpfl-block-client-info li strong.blue {
  color: #00ade1;
}

.cpfl-block-client-info li strong.green {
  color: #83b81a;
}

.cpfl-block-client-info li strong.yellow {
  color: #f8e801;
}

.cpfl-block-client-info li.w-10 {
  width: 10%;
}

.cpfl-block-client-info li.w-20 {
  width: 20%;
}

.cpfl-block-client-info li.w-25 {
  width: 25%;
}

.cpfl-block-client-info li.w-30 {
  width: 30%;
}

.cpfl-block-client-info li.w-40 {
  width: 40%;
}

.cpfl-block-client-info li.w-50 {
  width: 50%;
}

.cpfl-block-client-info li.w-60 {
  width: 60%;
}

.cpfl-block-client-info li.w-70 {
  width: 70%;
}

.cpfl-block-client-info li.w-80 {
  width: 80%;
}

.cpfl-block-client-info li.w-90 {
  width: 90%;
}

.cpfl-block-client-info li.w-100 {
  width: 100%;
}

.cpfl-block-client-info .px-24 {
  padding: 0 var(--s24);
}

@media only screen and (max-width: 1024px) {
  body.sidebar .messages.cpfl-messages-behavior {
    transform: translate(-50%) !important;
  }
}
.agencia-virtual .wrapper.cpfl-card,
.cpfl-card {
  border: 1px solid #dfe0e1;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cpfl-card .card-header {
  padding: 12px 20px;
  width: 100%;
  border-bottom: 1px solid #dfe0e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.cpfl-card .card-header .card-title {
  display: inline;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: #2d2d2d;
  letter-spacing: 1px;
  line-height: 20px;
  font-size: 14px;
}

.cpfl-card .card-header .btn-options {
  float: right;
  border-radius: 10px;
}

.cpfl-card .card-body {
  width: 100%;
  padding: 20px;
}

.light-red {
  color: var(--light-red);
}
.mm-menu:not(.mm-menu--opened) {
  position: absolute;
  left: -1000%;
}
.main-menu-inner {
  z-index: 9999;
}
.search-api-autocomplete-search {
  z-index: 99999;
}