:root {
  --main-color: #434345;
  --other-color: #f1f1f1;
  --green-color: #97c33b;
  --mid-grey: #e3e3e3;
  --white: #fff;
  --grey-color-input: #777;
}

body {
  margin: 0;
  padding: 0;
  background: url(/i/Background_logowhite.svg) no-repeat center center fixed;
  background-size: cover; /*    background: url(/i/Background_logowhite.svg) no-repeat right center fixed;*/
}

* {
  box-sizing: border-box;
  font-family: "Montserrat";
  list-style: none;
  text-decoration: none;
}

.titulo1 {
  font-size: 14px;
  color: rgb(255, 0, 0);
}
.texto1 {
  font-size: 10px;
  color: blue;
}
a,
button {
  cursor: pointer;
}

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-decoration: none;
  outline: none;
  font: inherit;
  color: inherit;
  box-sizing: border-box;
}

h1 {
  font-size: 20px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
}

button,
input,
input:hover,
a:hover,
a {
  transition: all 0.8s ease;
}
/*
.cookie-message-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  font-size: 16px;
}

.cookie-message-wrapper span {
  font-size: 14px;
  line-height: 2;
}

.cookie-inner-wrapper {
  padding: 10px 20px;
  background: rgba(109, 110, 113, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.cookie-inner-wrapper a {
  color: white;
  text-decoration: underline;
  font-size: 14px;
  padding-left: 5px;
  white-space: nowrap;
}

.cookie-inner-wrapper-text {
  margin-right: 15px;
}

.cookie-inner-wrapper .button {
  margin-top: 0;
  padding: 0 20px;
  line-height: 2;
  margin-left: 20px;
  font-size: 14px;
}

.btn_cookie_accept {
  margin-left: 20px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  padding: 5px;
  text-transform: lowercase;
  font-size: 10px;
  color: black;
  box-shadow: none;
  height: fit-content;
}*/

.cookies_div {background: #EFEFEF;
  box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 1);
  position: fixed;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, #FAFAFA, #EFEFEF);
  z-index: 9999;
}

.cookies_div .button_plk {
  max-width: 160px;
  min-height: 44px;
  justify-self: center;
  font-weight: 600;
}

.cookie-inner-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px;
gap: 44px;
width: 85%;
margin: auto;
}

.cookie-inner-wrapper .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;}


.cookie-inner-wrapper .text span a { color: var(--green-color); font-weight: 600; text-decoration: underline;}

.cookies_div .buttons {display:flex; gap:20px;}

.relative {position: relative;}

.cookies_div .close {position: absolute; right:15px; top:15px; cursor:pointer;}



[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  background-color: transparent;
  border: 1px solid grey;
  box-shadow: none;
  padding: 2px;
  margin-bottom: 4px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666;
}

.form-error {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #c60f13;
  clear: both;
}

.success-message {
  color: var(--main-color);
  display: none;
  margin-top: 10px;
  font-weight: 500 !important;
  font-size: 16px;
}

.success-message.small {
  font-size: 12px;
}

.form-error-message {
  display: none;
  color: #c60f13;
  font-size: 14px;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.border {
  border: 1px solid #c60f13;
}

.center {
  text-align: center;
  display: flex;
  justify-content: center;
}

.pointer {
  cursor: pointer;
}

.none,
.order-billing-wrapper {
  display: none;
}

.newsletter-sbm-message {
  color: green;
  display: none;
  margin-top: 5px;
}

.display-flex {
  display: flex;
}

.display-flex-between {
  display: flex;
  justify-content: space-between;
}

label.error {
  color: #c60f13 !important;
  margin-top: 3px;
  font-weight: 400 !important;
  font-size:14px !important;
  display: block;
}

.form-userreg-success-message {
  display: none;
  color: green;
}

.cart-error,
.form-error-message {
  display: none;
  color: #c60f13;
}

.cart-pini-wrapper {
  position: relative;
}

.cart-pini-itens {
  display: none;
  position: absolute;
  background: white;
}

.offline-test {
  background: #c60f13;
  color: white;
  height: 20px;
  text-align: center;
  display: block;
}

.page-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1001;
}

.page-popup.open {
  visibility: visible;
  opacity: 1;
  display: block;
}

.page-popup.open .page-popup-content {
  margin: 10% auto;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  transition: all 5s ease-in-out;
  max-width: 80%;
  width: fit-content;
}

.page-popup .close {
  position: absolute;
  top: -42px;
  right: -8px;
  transition: all 200ms;
  font-size: 38px;
  font-weight: bold;
  color: #939393;
  background: transparent;
  border: none;
}

.product-add-cart-success,
.product-add-cart-error {
  display: none;
}

.mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}
.errormsg {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: relative;
  pointer-events: none;
  color: #c60f13;
  display: none;  /*A.M. Acrescentado */
}

.errormsg.show {
  opacity: 1;
  pointer-events: auto;
  display: block; /*A.M. Acrescentado */
}

/*header base_pini*/

.logo_header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
header {
  background: var(--other-color);
  padding: 20px;
}
.icons_fixed {
  display: none;
}

/* Overlay escuro */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  display: none;
}

/* Menu hamburguer */
/*
*/

/* Para evitar scroll em background quando o menu está aberto */
body.menu-open {
  overflow: hidden;
}

/* user_evse_session */

.label > h1 {
  padding-left: 60px;
  position: absolute;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.label {
  color: var(--other-color);
  position: relative;
  width: 100%;
  height: 38px;
  margin-bottom: 20px;
}
.label .background {
  background-color: #97c33b;
  position: absolute;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  width: calc(100% - 308px);
  height: 38px;
}

.label .hamburguer_menu {position: absolute;left: 0;z-index: 3;display: flex;padding-left: 20px;align-items: center; height: 38px;}

.green_bar {
  height: 60px;
  position: absolute;
  right: 0px;
  top: -22px;
  z-index: 0;
}

.payment_plk {display: flex; flex-direction: column; }
.payment_plk h1 {text-align: center;}


.default_layout {
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 90px - 200px);
  padding-top: 0;
}

.margintop30{margin-top: 30px;}
.gap20{gap:20px}
.transfers_entity{margin-top:30px; display: flex; align-items: center;}

.user_account_empty{text-align: center;}

.evse_session_table {
  border-collapse: collapse;
}

.evse_session_table tr th,
.evse_session_table tr td {
  text-align: left;
}
.evse_session_table tr th.tright,
.evse_session_table tr td.tright {
  text-align: right;
}

.box {
  padding: 20px;
  border-radius: 10px;
  color: var(--main-color);
  background-color: var(--other-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.green_box {
  background-color: var(--green-color);
  color: var(--other-color);
}

.evse_session_table th {
  color: var(--green-color);
}

.evse_session_table thead tr {
  border-bottom: 1px solid var(--main-color);
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  width: 96%;
  margin: auto;
  font-size: 16px;
}

.evse_session_table tbody tr th {
  border-bottom: 1px solid var(--other-color);
  padding: 0 20px;
}

.evse_session_table tr {
  display: flex;
  width: 96%;
  margin: auto;
  justify-content: space-between;
  padding: 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--mid-grey);
  font-weight: 400;
  align-items: center;
  font-size: 16px;
}

.evse_body_operationcode , .evse_operationcode {max-width: 40px ; width: 100%;}
.evse_body_date , .evse_date{max-width: 95px; width: 100%;}
.evse_debt , .evse_body_debt{max-width: 95px; width: 100%;}
.evse_body_charge , .evse_body_charge2 , .evse_charge{max-width: 180px; width: 100%;}
.evse_description , .evse_body_description {max-width: 270px; width: 100%;}
.evse_body_frota , .evse_frota{max-width: 55px; width: 100%;}
.evse_tbody_energy , .evse_energy{max-width: 90px; width: 100%;}
.evse_tbody_total , .evse_total{max-width: 50px; width: 100%;}
.evse_tbody_seemore , .evse_seemore{max-width: 30px; width: 100%;}
.evse_body_consumer , .evse_consumer{ width: 100%;max-width: 150px; white-space: normal;word-wrap: break-word; overflow-wrap: break-word;}
.evse_body_user , .evse_user{ width: 100%;max-width: 150px; white-space: normal;word-wrap: break-word; overflow-wrap: break-word;}





.evse_session_table .hidden , .user_account_table .hidden{
  display: none;
}

.evse_body_charge, .evse_body_charge2,
.evse_tbody_energy , .evse_body_description{
  color: var(--green-color);
}

.evse_session_table a {
  color: var(--main-color);
}

.evse_session_table .evse_tbody_seemore {
  font-weight: 800;
  font-size: 22px;
}

.evse_operationcode .hidden , .user_account_table .hidden{
  font-size: 24px;
}

.evse_session_table .energy_measure {
  font-size: 14px;
}

/* // Base_pini2 //----------------------------*/
header.header_pini {
  background: var(--white);
  padding: 5px;
}
.logo_header_pini {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo_header_pini .logo_login {
  max-width: 250px;
  width: 100%;
  height: auto;
  display: block;
}


.inputs-section input, .inputs-section select, .plk_payment_charge select, .inputs-section input:focus {
  width: 100%;
  padding: 14px 40px 14px 15px;
  border: 1px solid var(--grey-color-input);
  border-radius: 8px;
  font-size: 14px;
  transition: none;
  outline-color: var(--main-color);
  overflow: visible !important;
  overflow-clip-margin: unset !important;
  outline: none;
  box-sizing: border-box;
}

.profile_data .inputs-section input, .profile_data .inputs-section select , .plk_payment_charge select{margin-top: 8px;background: #fff;border: 1px solid var(--grey-color-input);}

.profile_data .inputs-section label{color: var(--green-color);font-weight: 600;font-size: 16px;}


/* // User_login.nosession //----------------------------*/

.login-wrapper {
  width: 100%;
  max-width: 400px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px;
  overflow: hidden;
  height: calc(100vh - 90px - 270px);
}
.login-wrapper form {
  padding: 50px 0 0 0;
}

.label .highlight {
  color: var(--main-color);
  font-weight: 900;
  padding-left: 8px;
}

.title_green_bar h1 {
  text-align: center;
  display: flex;
  width: 98%;
  margin: 0 auto;
  justify-content: center;
}

.inputs-section {
  position: relative;
  margin-bottom: 15px;
}

.icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
  font-weight: bold;
  z-index: 2;
  padding-bottom: 15px;
}
.remember span {
  color: var(--main-color);
}
.btn-primary {
  background: var(--green-color);
  color: var(--white);
  border: none;
  width: 100%;
  padding: 14px;
  margin-top: 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: medium;
}
.btn_open {
  margin-bottom: 40px;
}
.remember {
  margin-bottom: 10px;
}

.forgot {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  color: var(--main-color);
  text-decoration: none;
}

.login-wrapper hr {
  margin: 80px auto 30px;
  border: 0;
  border-top: 1px solid var(--green-color);
  width: 98%;
}

/* // Base_pfim //----------------------------*/

/*.footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0 auto;
  padding: 5px 7px;
  background-color: var(--white);
  box-sizing: border-box;
  z-index: 1000;
}*/
.footer{width: 100%; max-width: 600px;    margin: 0 auto; margin-top: 40px;}
.site-footer {
  margin: 5px auto 15px;
  display: flex;
  justify-content: center;
}
.site-footer img {
  max-width: 220px;
  height: auto;
}
.footer a {
  display: flex;
  justify-content: center;
  color: var(--main-color);
}
.politcs {
  display: flex;
  flex-wrap: wrap;         
  justify-content: center; 
  gap: 8px 16px;                
  margin: 0 auto;          
  padding: 0;              
  max-width: 90%;          
  text-align: center;
}
.politcs a {
  text-decoration: none;
  color: var(--main-color);
  font-size: 13px;            
  transition: color 0.2s ease;

}
.footer .copyright {
  display: flex;
  margin: 10px auto 0;
  justify-content: center;
  font-size: 13px;
  color: var(--main-color);
}
.footer .copyright p {
  margin: 4px 0;
  font-size: 13px;
}
.footer .copyright a {
  display: flex;
  margin: 5px auto;
  justify-content: center;
  color: var(--main-color);
  font-size: 13px;
}
.footer .copyright a:hover {
  text-decoration: underline;
}

/* Record carregamento */

.operation_detail h1,
.operation_detail h2,
.green_title,
.op_info_triplete h2 , #plk-order-resume-info .green_title{
  color: var(--green-color);
}
.operation_detail span,
.op_info_triplete span {
  color: var(--main-color);
}

.op_info_triplete span {
  font-weight: 500;
}
.operation_detail .header {
  padding-bottom: 10px;
  border-bottom: 1px solid #8f8f8f;
  margin-bottom: 20px;
}
.operation_detail_info {
  display: flex;
  gap: 20px;
}
.operation_detail.btn_special_profile .operation_detail_profile{justify-content: space-between;}

.operation_detail_info .op_info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.operation_detail_info .op_info span.stronger {
  font-weight: 800;
}
.operation_detail_info .op_info .title {
  font-size: 16px;
  color: #97c33b;
  font-weight: 600;
}
.operation_detail_info .op_info h1 {
  font-weight: 600;
  font-size: 16px;
}

.plk_evse_session_record .operation_detail_info .text , .plk_order_history .operation_detail_info .text{
  display: grid;
  width: 100%;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.operation_detail_info .text {
  display: flex;
  gap: 20px;
}
.operation_detail_info span {
  font-weight: 400;
  color:var(--grey-color-input);
}
.operation_detail_info {
  color: var(--main-color);
}

.operation_detail.fallback {
  padding: 10px 20px;
}
.operation_detail.fallback a {
  color: var(--main-color);
  color: var(--main-color);
  font-weight: 500;
  font-size: 14px;
}

.op_triplete {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 20px 0;
}
.op_info_triplete span {
  text-align: center;
  height: 38px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.op_triplete .op_info_triplete {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.op_info_triplete h2 {
  font-size: 18px;
}

.op_code_charge {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.op_code_charge .op_code {
  position: absolute;
  top: 36px;
  height: 79px;
  width: 174px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.op_code_charge .op_code span {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  text-align: center;
  display: block;
  color: var(--main-color);
  font-weight: 600;
}
.logo_header img {
  max-width: 495px;
  width: 100%;
}

.energy_line {font-size: 14px; text-align: center; color: var(--grey-color-input); font-weight: 500; padding-top: 20px;}

/* Página de Carregadores */

.chargers_page_record {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.charger_icon_plk {position: absolute; right: 20px;}

.chargers_page_record .chargers_boxs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.chargers_boxs .box .image {
  width: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.button_plk {
  padding: 10px;
  border-radius: 5px;
  text-transform: uppercase;
  color: var(--other-color);
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.button_plk.available {
  font-weight: 700;
  border: 1px solid var(--main-color);
}

.chargers_page_record .op_code_charge .op_code span {
  color: var(--green-color);
  text-transform: uppercase;
}
.chargers_page_record .op_code_charge {
  padding: 0;
}
.chargers_page_record .op_code_charge .op_code {
  top: 16px;
}
.chargers_page_record .chargers_flex {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.chargers_page_record .op_charge_two {
  display: flex;
  flex-direction: column;
}
.op_charge_two .op_info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.user_charge_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  row-gap: 40px;
  column-gap: 40px;
  align-items: stretch;
}

.chargers_page_record .chargers_boxs .box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.chargers_page_record .chargers_v2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.chargers_page_record .op_space_btween {
  justify-content: space-between;
}
.chargers_boxs .box.map .image img {
  max-height: 45px;
}
.uppercase {
  text-transform: uppercase;
}

/* Current charger */

.grey {
  background-color: var(--main-color);
}

.op_current_session_circle {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
.op_energy_circle {
  display: flex;
  flex-direction: column;
  width: 150px;
  align-items: center;
  height: 150px;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.op_energy_circle::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 14px solid var(--mid-grey);
  border-top-color: var(--green-color);
  border-right-color: var(--green-color);
  border-bottom-color: var(--green-color);
  animation: spin 2.5s linear infinite;
  z-index: -1;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.op_energy_circle .energy_measure {
  color: var(--other-color);
  font-size: 22px;
}
.op_energy_circle .green_title {
  font-size: 36px;
  font-weight: 700;
}

.op_current_session_circle .op_cs_charging {
  font-weight: 500;
  font-size: 20px;
  position: relative;
}
.plk_currently_charge {
  display: flex;
  flex-direction: column;
  max-width: 550px;
  margin: 40px auto 80px;
  width: 100%;
}

.plk_currently_charge .op_info_triplete{margin-top: 20px;}
.plk_currently_charge .op_current_session_circle{margin-bottom: 40px;}

.plk_currently_charge .button_plk {
  width: 100%;
  font-weight: 600;
  margin-top: 40px;
}



.plk_currently_charge .op_info_triplete span {
  display: none;
}

.op_cs_charging::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -18px;
  width: 5px;
  height: 5px;
  background-color: var(--green-color);
  border-radius: 50%;
  box-shadow: 22px 0 0 var(--green-color), -22px 0 0 var(--green-color);
  animation: blink 1.5s infinite ease-in-out;
}

.plk_currently_charge .title_charge {
  text-align: center;
  color: var(--main-color);
  font-size: 22px;
  font-weight: 600;
}

/* Pagamentos */
.plk_payment_charge {
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

#plk_charge_product_form , #plk_entity_transfer , #plk_entity_transfer_confirm , #plk_transfer_confirm {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

#plk_transfer_confirm .payment_plk {gap: 20px;}
#plk_transfer_confirm .payment_plk .line {display:flex; justify-content: space-between;}
#plk_transfer_confirm .payment_plk .line strong {font-weight: 600;}
#plk_transfer_confirm h1 {font-size: 16px; font-weight: 700; margin-bottom: 20px; text-align: center;}
#plk_charge_product_form h1 , #plk_entity_transfer h1 {font-size: 16px;}

#plk_entity_transfer .payment_values select {margin-top: 0;}

.selector_charge_request {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.selector_charge_request select {
  width: 100%;
}

.payment_values { display: flex; flex-wrap: wrap;gap: 20px; justify-content: center; margin-top:20px;}

.payment_charge_record { display: flex;flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; border: 1px solid var(--green-color); color: var(--green-color); text-align: center; cursor: pointer; padding: 10px; box-sizing: border-box; transition: border-color 0.3s, background-color 0.3s; position: relative;   cursor: pointer; user-select: none;}


.payment_charge_record input[type="radio"] {pointer-events: auto;}

.payment_charge_record * {pointer-events: none;}

.payment_charge_record input,.payment_charge_record .input_free_price, .payment_charge_record .value_display,.payment_charge_record h3 { pointer-events: auto;}

.payment_charge_record .amount {position: absolute; top:7px; left: 50%; transform: translateX(-50%); color:var(--green-color); font-size: 12px; word-break: keep-all; font-weight: 600;}

.payment_charge_record h3 { display: none;}

.payment_charge_record input[type="radio"] {  position: absolute;  opacity: 0;  width: 0;  height: 0;}

.payment_charge_record h3 { font-size: 16px; margin: 5px 0;}

.payment_charge_record .value_display {  font-weight: 600;  font-size: 18px;}

.payment_charge_record .input_free_price { border: none; max-width: 100px; width: 100%; text-align: center; font-weight: 600; font-size: 18px; color: var(--green-color);  margin: 0;  max-width: 65px;}

.input_free_price::placeholder { color: var(--green-color)}
.input_free_price:focus { outline: none; box-shadow: none; border-color: inherit;}

.input_free_price::-webkit-outer-spin-button, .input_free_price::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/* Firefox */
.input_free_price { -moz-appearance: textfield;}

.payment_charge_record.selected { background-color: var(--green-color);}
.payment_charge_record.selected .placeholder_value {display:block}
.payment_charge_record.selected .input_free_price , .payment_charge_record.selected .input_free_price , .payment_charge_record.selected .placeholder_value , .payment_charge_record.selected .amount , .payment_charge_record.selected .value_display{color:white}

.payment_charge_record .flex { display: flex; align-items: center;}

.payment_charge_record .placeholder_value { display: none;}
.payment_charge_record.free_value .placeholder_value { display: flex;}

.plk_payment_charge_record { display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 100px; width: 100%;}

.plk_payment_charge_record span { font-size: 14px; display: block; white-space: normal; word-break: break-word; text-align: center;}

/*30-07-2025 - JD*/

html,
body {
  height: 100%;
}

/*
.user_info {
  position: relative;
  z-index: 4;
  top: -55px;
}
.user_info_1 {
  position: absolute;
}*/
body.no-scroll {
  overflow: hidden;
}

.user_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 350px;
  height: 100vh;
  background: white;
  z-index: 5;
  display: none; /* inicialmente escondido */
}

.user_box_bar {
  background-color: var(--green-color);
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  height: 38px;
}
.close_user_box {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.user_box_p20 {
  padding: 20px;
}

.user_box .inputs-section select {
  padding: 8px;
  background-color: white;
  font-size: 14px;
  font-weight: 600;
}

.user_box_menu a {
  font-size: 16px;
  line-height: 3;
  color: var(--main-color);
  font-weight: 500;
}
.user_box_menu a:hover {
  color: var(--green-color);
}

/*.user_box_menu > div:last-child a {
  color: var(--green-color);
}*/


#plk_order_charge_form .payment_forms {margin-top: 20px;}

#plk_order_charge_form .button_plk {width: 100%; margin-top: 20px;}

.order_payment_list {display:flex; flex-direction: column; gap:20px;}

.pm_radio_address input {
  opacity: 0;
  width: 0;
  position: absolute;
}

.pm_radio_address .pm_checkmark {
  display: flex;
  align-items: center;
}

.pm_radio_address input + .pm_checkmark {
  position: relative;
  padding-left: 34px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}

.pm_radio_address input + .pm_checkmark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  /*background: var(--white);*/
  border: 2px solid var(--grey-color-input);
  border-radius: 50%;
  box-sizing: border-box;
}
/*
.pm_radio_address input + .pm_checkmark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--grey-color-input);
  border-radius: 50%;
  z-index: 2;
}*/

.pm_radio_address input:checked + .pm_checkmark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: var(--green-color);
  border-radius: 50%;
  z-index: 2;
}

.pm_radio_address input:checked + .pm_checkmark::after {
  border-color: var(--green-color);
}

.pm_radio_address input:checked + .pm_checkmark::before {
  background: var(--green-color);
}


.pm_radio_address {display: flex; cursor: pointer; align-items: center; }

.pm_lines .pm_image{display: none;} 

.pm_lines .pm_image img {max-height: 49px; width: auto;height: 100%;}

.pm_lines {display:flex; flex-direction: row-reverse; gap:20px; align-items: center;}
.pm_lines .pm_title {font-weight: 500; line-height: 26px;}

#plk-payment-error {padding-top:10px}
#plk_order_charge_form label.error {font-size: 16px; color:red; font-weight: 400;}




.order_summary_row {display:flex; justify-content:space-between;}

.order_label{font-weight: 500;}

#plk-order-resume-info .green_title{font-weight: 600;}

.session_stopped {background-color: #FFCA28; color: var(--main-color);font-weight:600; display:flex; gap: 10px; align-items: center;}

.chargers_page_record .div_button{display:flex;width:100%}
.chargers_page_record .div_button .button_plk{width: 100%; font-weight: 600;}

.plk_order_history .box_visa {padding:5px 0}



.btn_open{display: none;}

/* // User_recovery //----------------------------*/
.recover{margin-top: 10%;}
.recover h1{ color: var(--green-color); font-weight: 500;text-align: center;}

/* // User_recovery.form //----------------------------*/
.recover p{ color: var(--main-color);text-align: center;margin-block-start: 0.5em;}
.recover label{display: none;}

/* // User_profile //----------------------------*/

.profile_card_title.flex{display: flex;justify-content: space-between;align-items: center;}


.profile_card_title.flex ._edit{color: var(--green-color);font-size: 14px;font-weight: 400;}

.operation_detail_info .text_profile {display: grid;width: 100%;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));}


.profile_data.profile_btn{display: grid;   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;}


.profile_btn_a {display: flex;align-items: center;justify-content: center;gap: 10px;padding: 20px; background-color: var(--other-color);color: var(--main-color); border-radius: 10px;text-decoration: none;width: 100%;}

.profile_btn_a p {margin: 0;font-size: 1rem;width: 100%;}
.operation_detail_profile{display: flex; width: 100%; gap: 20px}
.operation_detail_info_profile{width: 100%; }
/* // User_options //----------------------------*/
.user_info_1 img{     margin: 0 10px;}

/* // User_changedata.form //----------------------------*/

.goback{color: var(--main-color);font-size: 14px;display: flex; align-items: center; gap: 5px; text-decoration: none;color: inherit;}

.goback img {width: 10px; height: auto;}
.goback p{  margin-block-end: 0; margin-block-start: 0;}

.form-footer span{color: var(--white);}

.btn_green{background-color: var(--green-color); width: 100% ; align-items: center; display:flex; justify-content: center;border-radius: 10px;
  text-decoration: none; text-align: center; height: 50px;}
.btn_green a{font-size: 1rem; width: 100%;color: var(--white);font-weight: 600; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}


/* // notification-bubble //----------------------------*/
.notification-bubble {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: var(--green-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 999;
  cursor: pointer;
}

/* Caixa com conteúdo da notificação */
.notification-box {
  position: fixed;
  bottom: 100px;
  right: 30px;
  background: var(--white);
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  display: none;
  flex-direction: column;
  gap: 10px;
  width: calc(100vw - 40px);
  min-height: 140px;
  max-width: 350px;
  z-index: 2;
  position: fixed;
  justify-content: space-between;
}

/* Botão X (fechar) */
.notification-close {
  position: absolute;
  top: 5px;
  right: 8px;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding:0 5px;
  border-radius: 8px;
  color: #000;
}

.notification-box .notification-text {
  font-size: 16px;
  color: #000;
  padding-bottom: 15px;
}

.notification-box .notification-active {
  padding: 10px;
  background: var(--green-color);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

.hide-for-desktop{display: none;}
#plk_user_balance h1 , .transfer_balance h1{font-size: 24px !important;color: var(--green-color);}

.order_end_box div {  margin-bottom: 15px;font-size: 16px;color: var(--main-color);}

.order_end_box a {color: var(--green-color); font-weight: 500;}


.order_end_box{ width: 100%; max-width: 800px; margin: 0 auto;}

.order_end_box h2{ margin-bottom: 10px;}

.order_end_payment{margin: 10px 0;}
.order_end_payment .atencion{ font-size: 14px;padding-top: 5px;}

.order_end_payment .price-highlight {padding: 16px;margin: 30px 0 0;}
.price-highlight_total{font-size: 24px;color: var(--green-color)!important; font-weight: 600!important;}

.order_end_payment .btn_green{ padding: 14px;border: none;}
.order_end_payment .btn_green a{color: var(--white);width: 100%; justify-content: center;display: flex;}


.payment-data div {font-size: 18px; margin: 8px 0;display: flex;justify-content: space-between;padding: 10px 14px;border-radius: 8px;}

.payment-data span {color: var(--main-color);min-width: 100px;}


.mwbway_flex{display:flex; align-items: center;}

.mwbway_flex .mbway-prefix-wrapper{width:100%; max-width: 80px;box-sizing: border-box;}
.mwbway_flex .mbway-prefix-wrapper input{border: none; background: #fff;padding: 14px 0 14px 15px; font-size: 14px;width:100%;margin-bottom:0;border-top: 1px solid var(--grey-color-input);border-left: 1px solid var(--grey-color-input);border-bottom: 1px solid var(--grey-color-input);border-radius: 10px 0 0 10px;cursor: default;}
.mwbway_flex .mbway-prefix-wrapper input:focus {outline: none}

.mwbway_flex .mbway-number-wrapper{width:100%; }


.mbway-number-input {margin-top: 0!important;border-radius: 0!important;    margin-bottom: 0;border-top: 1px solid var(--grey-color-input);border-right: 1px solid var(--grey-color-input);border-bottom: 1px solid var(--grey-color-input);border-radius: 0 10px 10px 0!important;}


.order_error{ text-align: center;padding: 25px; background-color: #fdf7f7; border: 1px solid #e0b4b4; border-radius: 8px; }

.order_sucess{ text-align: center;padding: 25px; background-color: #fff; border: 1px solid var(--green-color); border-radius: 8px; }

.order_error_msg{ margin-bottom: 10px}


.terms_button {width: 100%; display:flex; flex-direction: column; }
.store_terms span , .rgpd span{font-size: 14px;}
.store_terms a , .rgpd span a{color: var(--green-color); font-weight: 600;}


.order_end_payment .operation_detail_info , .order_end_payment  .mwbway_flex , .order_end_payment.field-wrapper , .order_end_payment .form-row , .order_end_payment .mbway-number-input{margin-bottom: 0 !important;}

.order_end_payment .spinner_mb{margin-top: 30px;}

.order_end_payment .spinner_mb img {animation: spin 3s linear infinite;}
@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}

.order_sucess .text_title{color: var(--green-color);font-size: 16px; font-weight: 500}
.order_error .text_title{color: #9d2c2c;font-size: 16px; font-weight: 500}

.order_sucess .text_title2,.order_error .text_title2{font-size: 15px; margin-top: 8px; color: var(--main-color);margin-top: 20px;}
.order_sucess a{color: var(--green-color);text-decoration:none;}

.login-wrapper .background_input{width: 22px; position: absolute; background: var(--green-color); right: 0; height: 100%; border-top-right-radius: 5px;  border-bottom-right-radius: 5px; border: 1px solid var(--grey-color-input); border-left:  none;}

.login-wrapper .inputs-section input{ margin:0;} 

.login-wrapper .inputs-section {margin: 0;}


.plk_login_height_div {min-height: 76px;}


/* Mapa */

#plk_map .gm-style .gm-style-iw-c{  width: 325px !important;     max-height: 300px !important; padding-left: 18px;}


#plk_map  .gm-style .gm-style-iw-tc{display:none !important}

#plk_map  .gm-style-iw-chr {height: 20px;}

#plk_map  .gm-style-iw-d {padding-bottom: 4px;} 

.map_section .inputs-section {gap:10px; max-width: 180px; margin-left: auto; width: 100%; align-items: center;}

.map_section label {font-weight: 500;font-size: 14px; text-align: right; text-wrap: nowrap;}

.map_section .inputs-section #plk_radius_select {padding: 6px 20px 6px 15px;}


.session-cursor-wp{margin-top:30px;}
.session-cursor-wp .session-cursor{display:flex;align-items:center;justify-content:center;gap:5%;font-weight: 500;}
.session-cursor-wp .session-cursor .on{color:var(--green-color);}
.session-cursor-wp .session-cursor .disabled{color:#bebec1;}
.session-list-empty{justify-content:center;display:flex;margin-top:8%;}
.label.user_session_charge{margin-bottom:20px;font-weight: 500;}
.default_layout.user_session_layout{padding-top:10px;}

.filter-btn{background:var(--green-color);color:white;border:none;padding:6px 12px;border-radius:8px;font-size:14px;cursor:pointer; min-width: 140px; font-weight: 500;}
.filter-panel{position:fixed;bottom:-100%;left:0;width:100%;max-height:90%;background:#fff;box-shadow:0 -3px 12px rgba(0,0,0,0.2);border-radius:16px 16px 0 0;transition:bottom 0.3s ease-in-out;z-index:1000;display:flex;flex-direction:column;}
.filter-panel.active{bottom:0;}
.filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ddd;background-color:var(--green-color);border-top-left-radius:5px;border-top-right-radius:5px;}
.filter-panel .filter-header h2{margin:0;font-size:16px;color:white;}
.filter-panel .close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:white;}
.filter-panel .filter-body{padding:12px;overflow-y:auto;flex-grow:1;}
.filter-panel .filter-body label{display:block;margin-top:10px;font-size:14px;color:#333;font-weight: 500;}
.filter-panel .filter-body input,
.filter-panel .filter-body select{width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:6px;background:white;}
.filter-panel .filter-footer{display:flex;justify-content:space-between;padding:12px;border-top:1px solid #ddd;}
.filter-panel .apply-btn{background:var(--green-color);color:white;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:bold;}
.filter-panel .clear-btn{background:#eee;border:none;padding: 10px 18px;border-radius:8px;cursor:pointer;font-size:14px;}
.operation_detail_info.gap70{gap:70px;}
.operation_detail_info_table tr td{text-align:right;} 
.operation_detail_info_table tr td.totalbold{color:var(--green-color);font-weight:bold;}
.header.header_pinfo{display:flex;gap:20px;align-items:baseline;}
.header.header_pinfo button{color:var(--green-color);font-weight:bold;text-decoration:underline;}

.cicle_table_info_wp table tr th{color:var(--green-color);font-weight:600;border-bottom:2px solid var(--green-color);padding:16px 0;}
.cicle_table_info_wp table tr td{text-align:center;padding:5px 2px;border-bottom:2px solid var(--green-color);}
.cicle_table_info_wp table tr:last-of-type td{border-bottom:none;}
.cicle_table_info_wp table tr td.sep, .cicle_table_info_wp table tr th.sep{border-right:2px solid var(--green-color);}
.cicle_table_info_wp table tr td > table tr td:not(:last-of-type){border-right:1px solid grey;}
.cicle_table_info_wp table tr td > table tr td{border-bottom:none;font-size:12px;}

.mpopup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;}
.mpopup .popup_box {position:relative;max-width:95%;margin:10% auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:9999;}
.mpopup .popup_close {position:absolute;top:8px;right:12px;font-size:30px;font-weight:bold;color:#333;cursor:pointer;}
.mpopup .popup_content {margin-top:30px;overflow-x:auto;}

.header-bar-balance{position:absolute;height:38px;right:63px}
.header-bar-balance .op_info{display:flex;align-items:center;gap:8px;height:100%;}
.header-bar-balance .op_info span{font-weight:500;font-size: 18px;}
.terms_button.order_terms div.store_terms, .terms_button.order_terms div.rgpd{margin-top:20px;}
.terms_button.order_terms span{font-size:16px;}
.terms_button.order_terms div input[type="checkbox"]{scale:1.5;}
.account-mob-url{padding:10px 0 ;display:flex;justify-content:flex-end;}
.account-mob-url a{color:var(--green-color);font-size:16px;text-decoration:none;cursor:pointer; font-weight: 600; text-decoration: underline; height: 20px;}
.dash-graphs-wp{display:flex;justify-content:space-between; width: 100%; gap:40px;margin-bottom: 80px;}


.graph_box.box{padding:10px}

.all-graphs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.graph_box {
  width: 100% !important;
  height: 100% !important;
  max-height: 400px;
  max-width: 850px;
  margin: auto;
  min-height: 250px;
}


.graph_box canvas {
  width: 100% !important;
  height:  100% !important;  
  aspect-ratio: 2 / 1;       
}

.graph-centered {
  grid-column: 1 / -1;
  justify-self: center;
  width: 100%;
  max-width: calc(50% - 5px);
}

/*Angela -08/09/25  */
.size_ex{font-size: 24px;}
.filter-btn.filter-btn-ex{ align-items: center;display: flex;justify-content: center;gap: 5px;font-size: 16px;min-width: 130px }

.filter-btn-wp{display: flex;
    text-align: right;
    padding: 0 20px;
    gap: 10px;
    justify-content: flex-end;}

.header-bar-balance .op_info span {display:none}

/*Angela - 11/09/25 */
.userprofile_btn_plus_transfer{ display: flex; gap: 15px; width: 100%;justify-content: end;}
.userprofile_btn_plus_transfer .btn_green {max-width: 230px;min-width: 218px;}
.userprofile_btn_plus_transfer .btn_green a{gap:10px;padding: 5px 0px;}
.plk-user_area_session .btn_green {margin-bottom: 20px;}


.operation_detail_info_profile .icon_img , #plk_payment_charge .icon_img{display: none;}

.green_text {color:var(--green-color)}
.red_text {color: #c60f13}

#plk_transfer_ok , #plk_transfer_error {margin-top:20px;}
#plk_transfer_ok .green_text {font-weight: 500;}

#plk_transfer_error .red_text {font-weight: 500;}

#plk_entity_transfer .payment_values {justify-content: left; gap:0} 

.evse_graph_table{width:100%;}
.evse_graph_table tr th{font-size:0.8rem;text-align:left;}
.evse_graph_table tr td{font-size:0.8rem;}
.dashboard-btn{display:flex;justify-content:end;}
.dashboard-btn .btn_green{width:inherit;}
button.stop-transaction-btn i{display:none;}
button.stop-transaction-btn.btn-session-loading{display:flex;align-items:center;}
button.stop-transaction-btn.btn-session-loading i{display:block;}
.tariff-box .tartt{color:var(--green-color);font-size:20px;font-weight:bold;}
.tariff-box .targp{display:flex;gap:10px;font-style:italic;font-size:16px;margin-top:5px;}
.tariff-box .tarbtn-wp{display:flex;justify-content:flex-end;margin-top:20px;gap:20px;}
.tariff-box .tarbtn-wp button{background:var(--green-color);color:white;border:none;padding:6px 12px;border-radius:8px;font-size:16px;cursor:pointer;font-weight:500;}
.tar-table-wp .tarttt{color:var(--green-color);font-size:20px;font-weight:bold;}
.tar-table-wp table{margin-top:20px;width:100%;border:1px solid #dddddd;border-collapse:collapse;}
.tar-table-wp table td, .tar-table-wp table th{padding:4px;text-align:right;border:1px solid #dddddd;}
.tar-form-wp .tarftt{margin-bottom:20px;color:var(--green-color);font-size:20px;font-weight:bold;}
.tar-form-wp .tar-table-price table{margin-top:10px;width:100%;}
.tar-form-wp .tar-table-price table .tarptn{text-align:right;padding-right:4px;font-weight:bold;vertical-align:middle;}
.tar-form-wp .tar-table-price table td{vertical-align:top;}
.tar-form-wp .tar-table-price table td input{text-align:right;}
.tar-form-wp .tarfbtn-wp{display:flex;justify-content:flex-end;margin-top:20px;gap:10px;}
.tar-form-wp .tarfbtn-wp button{background:var(--green-color);color:white;border:none;padding:14px 20px;border-radius:8px;font-size:16px;cursor:pointer;font-weight:500;}
.tar-form-wp .tarcmg{background-color:#FFCA28;color:var(--main-color);font-weight:600;padding:10px;border-radius:8px;}
.tar-ok{color:var(--green-color);font-size:16px;font-weight:500;text-align:center;padding-bottom:40px;}
.tar-ko{color:#9d2c2c;font-size:16px;font-weight:500;text-align:center}

.chargers_page_record.box{padding-bottom:0;height:100%;}
.chargers_page_record .chargers_flex_btw{display:flex;align-items:center;justify-content:space-between;}
.chargers_page_record .chargers_flex_btw .op_titlewp span{color:var(--green-color);text-transform:uppercase;  overflow-wrap: break-word;word-break:break-word;white-space:normal;display:block;font-weight:600;}

.chargers_page_record .chargers_boxs.boxs2 .chargers_v2{flex-direction:row;flex-wrap:wrap;}
.chargers_page_record .chargers_boxs.boxs2 .chargers_v2 .box{background:white;flex:1;gap:10px;}
.chargers_page_record .chargers_boxs.boxs2 .chargers_v2 .box .image{width:auto;gap:0;}
.chargers_page_record .chargers_boxs.boxs2 .box.map{box-shadow:none;border-radius:0;padding:20px 0 0 0;border-top:1px solid var(--main-color);}

.chargers_page_record .chargers_boxs.boxs2 .box.map .operation_detail_info{gap:10px;}
.chargers_page_record .chargers_boxs.boxs2 .box.map .operation_detail_info .image{width:auto;gap:0;}
.chargers_page_record .chargers_boxs.boxs2 .box.map .image img {max-height:24px;}
.chargers_page_record .chargers_boxs.boxs2 .box.map .operation_detail_info .op_info{gap:2px;}

.green_box.button_plk.disabled-btn{display:block;background:#c9c9c9;color:white;text-align:center;cursor:not-allowed;}