.ebill .wysiwyg-content * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.ebill .wysiwyg-content p,
.ebill .wysiwyg-content h1,
.ebill .wysiwyg-content h2,
.ebill .wysiwyg-content h3,
.ebill .wysiwyg-content h4,
.ebill .wysiwyg-content h5,
.ebill .wysiwyg-content h6,
.ebill .wysiwyg-content ul,
.ebill .wysiwyg-content ol,
.ebill .wysiwyg-content li,
.ebill .wysiwyg-content blockquote {
    margin: 0;
    padding: 0;
}


.image-position-right .gradient-layer {
    right: 0;
    left: initial;
}

.gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.gradient-layer {
    position: absolute;
    left: 0;
    height: 25%;
}

.gradient-layer-1 {
    top: 0;
    width: 32.95%;
}

.gradient-layer-2 {
    top: 25%;
    width: 55.23%;
}

.gradient-layer-3 {
    top: 50%;
    width: 77.73%;
}

.gradient-layer-4 {
    top: 75%;
    width: 100%;
}

.ebill  .global-button-border-gray{
    background: transparent;
}

.ebill  .global-button-border-gray:hover{
    color: #fafafa;
}

.ebill.feature-cards{
    gap: 0px;
}

.ebill .ebill-form .buttons-container .phone.global-button::before{
    content: "";
    width: 48px;
    height: 48px;
    background-color: #0D0D0D;
    
    -webkit-mask: url('../../assets/images/mail.svg') no-repeat center;
    mask: url('../../assets/images/mail.svg') no-repeat center;
    mask-size: contain;
}

.ebill .ebill-form .buttons-container .phone.global-button.active::before,
.ebill .ebill-form .buttons-container .phone.global-button:hover::before,
.ebill .ebill-form .buttons-container .sms.global-button:hover::before,
.ebill .ebill-form .buttons-container .sms.global-button.active::before{
    background-color: #FAFAFA;
}

.ebill .ebill-form .buttons-container .global-button.active{
    background-color: #0D0D0D;
    color: #FAFAFA;
}

.ebill .ebill-form .buttons-container .sms.global-button::before{
    content: "";
    width: 48px;
    height: 48px;
    background-color: #0D0D0D;

    -webkit-mask: url('../../assets/images/phone.svg') no-repeat center;
    mask: url('../../assets/images/phone.svg') no-repeat center;
    mask-size: contain;
}


.ebill .activeaza-factura-container  .button-container,
.ebill  .verifica-form .button-container,
.ebill .solicitare-form .button-container,
.ebill .cont-myppc-ebill-form .button-container{
    width: 100%;
}

.ebill .global-button{
    display: flex;
    width: 100%;
    font-weight: 400;
    font-family: PingLCG,sans-serif;
    
}

.ebill {
    display: flex;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.ebill .token-expirat .token-text{
    color: #CE2500;
    font-size:  40px;
    font-style: normal;
    font-weight: 400;
    line-height:56px; 
}

.ebill .activeaza-factura-electronica-container .form-card-title.locuri-consum{
    font-size: 40px;
}

.ebill  .verifica-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    flex: 1 0 0;
}

.ebill  .verifica-form .verifica-title{
    align-self: stretch;
    color: #0D0D0D;
    font-size: 56px;
    font-weight: 700;
    line-height: 72px; /* 128.571% */
}

.ebill  .verifica-form .verifica-text{
    align-self: stretch;
    color: #0D0D0D;;
    font-size:  32px;
    font-weight:  400;
    line-height:  48px; /* 150% */
}

.ebill  .verifica-form .atentie-title{
    align-self: stretch;
    color: #0D0D0D;;
    font-size:  32px;
    font-weight:  700;
}

.ebill  .verifica-form .atentie-text{
    align-self: stretch;
    color: #0D0D0D;
    font-size:  32px;
    font-weight:  400;
    line-height: 48px;

}

.ebill .solicitare-transmisa{
    display: flex;
    align-items: center;
    gap: 48px;
    flex: 1 0 0;
}

.ebill .solicitare-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    flex: 1 0 0;
}

.ebill .solicitare-form .solicitare-title{
    align-self: stretch;
    color: #0D0D0D;

    font-size: 56px;

    font-weight: 700;
    line-height: 72px; /* 128.571% */
}

.ebill .solicitare-form .solicitare-text{
    align-self: stretch;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight:  400;
    line-height: 24px; 
}


.ebill .field-float{
  position: relative;
  width: 100%;
}

.ebill .activeaza-factura-container .inputs-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.ebill .radio-button {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ebill .radio-button input[type="radio"] {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 14px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 2px solid #5f676d;
    border-radius: var(--radius-full, 999px);
    background: var(--Icons-White, #FFF);
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    flex-shrink: 0;
}

.ebill .radio-button input[type="radio"]:checked {
    border: 2px solid#163FE8;
    background:
        radial-gradient(circle, var(--border-Selected, #163FE8) 4px, transparent 5px)
        var(--Icons-White, #FFF);
}

.ebill .radio-button label {
    cursor: pointer;
}

.ebill .activeaza-factura-electronica-container .button-container,
.ebill .activeaza-factura-electronica-container .button-container .global-button{
    width: 100%;
}

.ebill .half-inputs {
    display: flex;
    gap: 32px;
    width: 100%;
}

.ebill .half-inputs .input-box {
    width: 50%;
}

.ebill .full-input .input-box {
    width: 100%;
}

.ebill .activare-cont-myPPC .password-form-message{
    color: #0D0D0D;
    font-size:  28px;
    font-weight: 400;
    line-height: 40px; 
    margin-top: -32px;
}

.ebill .validare-date-contact-contmyPPC .feature-cards-container{
    gap: 32px;
}

.ebill .validare-date-contact-contmyPPC .pin-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    width: 100%;
}

.ebill .validare-date-contact-contmyPPC .form-message.blue{
    
    color: #163FE8;
}

.ebill .validare-date-contact-contmyPPC .form-message.small{
    font-size: 28px;
}

 .ebill .copie-factura-sold .bottom-info-options {
    display: flex;
    width: 100%;
    gap: 32px;
    align-items: flex-start;
}

 .ebill .validare-date-contact-contmyPPC .form-message{
    display: flex;
    gap: 4px;
}

 .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container {
    display: flex;
    flex: 2 1 0;
    gap: 16px;
    align-items: flex-start;
    padding: 16px;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 8px;
}

 .ebill .copie-factura-sold .bottom-info-options .group-text,
 .ebill .activeaza-factura {
    flex: 1 1 0;
    min-width: 0;
}

 .ebill .copie-factura-sold .bottom-info-options .feature-gray-card .global-button-border-gray{
    width: 100%;
    max-width: 100%;
}

 .ebill .plata-factura-container .feature-cards-container .form-container-text .post-note{
    color:  #4E4E4E;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; 
}

 .ebill .plata-factura-container .button-container,
 .ebill .plata-factura-container .button-container .global-button,
 .ebill .copie-factura-container .button-container,
  .ebill .copie-factura-container .button-container .global-button{
    width: 100%;
}



 .ebill .plata-factura-cards-container{
    display: flex;
    align-items: center;
    gap: 48px;
    flex: 1 0 0;
    width: 100%;
    height: 100%;
    
}

 .ebill .feature-cards-container.sold-form{
    justify-content: center;
    align-items: flex-end;
}

 .ebill .plataOnline-form .feature-gray-card,
 .ebill .copieFactura-form .feature-gray-card,
 .ebill .copieFactura-form .feature-gray-card .consent-buttons-container .global-button{
    min-height: auto;
}

 .ebill .copieFactura-form .feature-gray-card.descarca-factura-button{
    align-self: flex-end;
}

 .ebill .copie-factura-sold .group-text ul{
    margin-bottom: 0px;
} 

 .ebill .feature-gray-card{
    justify-content: center;
    align-self: stretch;
    box-sizing: border-box;
   
}

 .ebill .feature-gray-card .title{
    color:  #0D0D0D;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; 
}

 .ebill .feature-gray-card .title.gray{
    color: #4E4E4E;
}

 .ebill .feature-gray-card .value{
    color: #0D0D0D;
    font-size: 48px;
    font-weight: 400;
    line-height: 64px; 
}

 .ebill .feature-gray-card .bold{
    color: #0D0D0D;
    font-weight: 700;
}

 .ebill .feature-gray-card .price{
    font-size: 64px;
    line-height: 80px;
}

.ebill .sold-factura-form .button-container{
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

 .ebill  .button-container .global-button {
    min-width: 642px;
}

 .ebill .copie-factura-container .bottom-info-options,
 .ebill .copie-factura-sold .bottom-info-options{
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    padding-top: 48px;
    border-top: 2px solid rgba(13, 13, 13, 0.10);
}

 .ebill .copie-factura-container .bottom-info-options .text{
    flex: 1 0 0;
    color:  #0D0D0D;
    font-size: 32px;
    font-weight:400;
    line-height: 48px; 
    
}

 .ebill .copie-factura-container .bottom-info-options .feature-gray-card{
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 16px; 
    color:  #0D0D0D;
    font-size: 32px;
    font-weight: 400;
    line-height:  48px; 
    flex: none;
    align-self: center;
    min-height: auto;

}

 .ebill .copie-factura-sold .copie-factura-sold-form .info-details{
    display: flex;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
}


 .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .title{
    color:  #4E4E4E;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; 
}

 .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .detail{
    color: #0D0D0D;
    font-size: 48px;
    font-weight: 700;
    line-height: 64px; 
}

 .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .detail.adress{
    align-self: stretch;
    font-size: 32px;
    line-height: 48px; 
}

 .ebill .copie-factura-sold .copie-factura-sold-form .plata-factura-cards-container{
    min-height: initial;
}

.ebill .copie-factura-sold-form .feature-gray-card {
    min-height: auto;
}

 .ebill .payment-status-message {
    display: flex;
    align-self: flex-start;
}

 .ebill .system-error{
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    border: 2px solid #CE2500;
    background: #FFEAE5;
}

 .ebill .system-error .system-error-message{
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex: 1 0 0;
    color:  #CE2500;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px; 
}

 .ebill .system-error .system-error-message::before{
    content: "";
    display: flex;
    align-items: center;
    width: 48px;
    height: 48px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    background: url('../../assets/images/ic_widget_alert.svg') no-repeat center;
    background-size: contain;

}


 .ebill .copie-factura-sold .button-container{
    display: flex;
    align-items: flex-start;
    gap: 48px;
    align-self: end;
}

 .ebill .copie-factura-sold .bottom-info-options{
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 38px;
    
    
}

 .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container{
    display: flex;
    padding: 32px;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

 .ebill .copie-factura-sold .bottom-info-options .group-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}

 .ebill .copie-factura-sold .bottom-info-options .group-text .title{
    color: #0D0D0D;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px; 
}

 .ebill .copie-factura-sold .bottom-info-options .activeaza-factura{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:16px;
    flex: 1 0 0;
}

 .ebill .activeaza-factura .input-button-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
 .ebill .activeaza-factura .input-button-container {
    gap: 32px;
}

 .ebill .activeaza-factura .input-box + .field-error,
 .ebill .activeaza-factura .input-box.has-error + .field-error {
    position: static;
    margin-top: -24px;
    margin-bottom: 0;
}

 .ebill .activeaza-factura .input-button-container .global-button{
    width: 100%;
    padding: 24px 32px;
    gap: 16px;
    border-radius: 12px;
}

.ebill .activeaza-factura .title{
    color: #0D0D0D;
    font-size: 32px;
    font-weight:700;
    line-height: 48px; 
}

 .ebill .copie-factura-sold .bottom-info-options .feature-gray-card{
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 16px;
    background: #FFF;
    flex: 1 1 0;
}

 .ebill .copie-factura-sold .bottom-info-options .feature-gray-card .card-title{
    font-size: 40px;
}

.ebill .cont-myppc-ebill-form .form-row.half-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 8px;
    width: 100%;
}

.ebill .cont-myppc-ebill-form .form-row.half-inputs .input-box {
    width: 100%;
}


.ebill .cont-myppc-ebill-form .form-row.half-inputs > .input-box:first-child {
    grid-column: 1;
    grid-row: 1;
}


.ebill .cont-myppc-ebill-form .form-row.half-inputs > .input-box:first-child + .field-error {
    grid-column: 1;
    grid-row: 2;
}


.ebill .cont-myppc-ebill-form .form-row.half-inputs > .input-box:first-child ~ .input-box {
    grid-column: 2;
    grid-row: 1;
}

.ebill .cont-myppc-ebill-form .form-row.half-inputs > .input-box:first-child ~ .input-box + .field-error {
    grid-column: 2;
    grid-row: 2;
}

.ebill .cont-myppc-ebill-form .form-row.half-inputs > .field-error {
    width: 100%;
    margin-top: 0;
}

.ebill .validare-date-contact-contmyPPC .form-container-text{
    gap: 0px;
}
.ebill .validare-date-contact-contmyPPC .form-message.otp-validity .js-otp-timer{
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.ebill .validare-date-contact-contmyPPC .form-message.otp-validity .js-otp-timer:empty{
    margin-left: 0;
}

.ebill .validare-date-contact-contmyPPC .retransmite-pin-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.ebill .validare-date-contact-contmyPPC .retransmite-pin-container .form-message.blue{
    transition: opacity 0.3s ease;
}

.ebill .validare-date-contact-contmyPPC .retransmite-pin-container.can-resend .form-message.blue{
    cursor: pointer;
}

.ebill .validare-date-contact-contmyPPC .input-box.has-error + .field-error{
    margin-top: 0px;
}

.ebill .validare-date-contact-contmyPPC .input-box input[readonly][value]:not([value=""])+label, .global-form .input-box input:disabled:not(:placeholder-shown)+label {

    font-size: 32px;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
}

.ebill .activare-cont-myPPC .input-box input[readonly][value=""]+label {
    color: #163FE8;
    top: 8px;
    font-size: 20px;
    left: 32px;
    transform: translateY(0);
    opacity: 1;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {

    width: 60px;
    height: 60px;
    border: 4px solid transparent;
    border-top: 4px solid #0000FF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

.loader-text {
    color: black;
    font-size: 16px;
    text-align: center;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 3000px) {

    .ebill .ebill-form .buttons-container .phone.global-button::before{
        
        width: 24px;
        height: 24px;
    }

    .ebill .ebill-form .buttons-container .sms.global-button::before{
        width: 24px;
        height: 24px;
   
    }

    .ebill .token-expirat .token-text{
     
        font-size:  20px;
        line-height:28px; 
    }

    .ebill .activeaza-factura-electronica-container .form-card-title.locuri-consum{
        font-size: 20px;
    }

    .ebill  .verifica-form{
        gap: 24px;
     
    }

    .ebill  .verifica-form .verifica-title{
        font-size: 28px;
        line-height: 36px;
    }

    .ebill  .verifica-form .verifica-text{
        font-size:  16px;
    }

    .ebill  .verifica-form .atentie-title{
        font-size:  16px;
    }

    .ebill  .verifica-form .atentie-text{

        font-size:  16px;
        line-height: 24px;

    }

    .ebill .solicitare-transmisa{
        gap: 24px;
    }

    .ebill .solicitare-form{
        gap: 24px;
    }

    .ebill .solicitare-form .solicitare-title{

        font-size: 28px;
        line-height: 36px; 
    }

    .ebill .solicitare-form .solicitare-text{
        font-size:  16px;
        line-height:24px; 
    }


    
    .ebill .activeaza-factura-container .inputs-container{
        gap: 16px;
    }

    .ebill .radio-button {
        gap: 8px;
    }

    .ebill .radio-button input[type="radio"] {
      
        width: 24px;
        height: 24px;
        padding: 7px;
      
        border: 1px solid #5f676d;
       
    }

    .ebill .radio-button input[type="radio"]:checked {
        border: 1px solid  #163FE8;
    }

    .ebill .half-inputs {
        gap: 16px;
    }

    .ebill .activare-cont-myPPC .password-form-message{
        font-size:  14px;
       
        line-height: 20px; 
        margin-top: -16px;
    }

    .ebill .validare-date-contact-contmyPPC .feature-cards-container{
        gap: 16px;
    }

    .ebill .validare-date-contact-contmyPPC .pin-container{
        gap: 8px;

    }

    .ebill .validare-date-contact-contmyPPC .form-message.small{
        font-size: 14px;
    }

    .ebill .copie-factura-sold .bottom-info-options {

        gap: 16px;

    }

    .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container {
        gap: 8px;
        padding: 8px;
        border-radius: 4px;
    }

    .ebill .plata-factura-container .feature-cards-container .form-container-text .post-note{
        font-size: 14px;
        line-height: 20px; 
    }


    .ebill .plata-factura-cards-container{

        gap: 24px;       
    }

    .ebill .feature-gray-card .title{
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .feature-gray-card .value{
        color: #0D0D0D;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px; 
    }


    .ebill .feature-gray-card .price{
        font-size: 32px;
        line-height: 40px;
    }

    .ebill  .button-container .global-button {
        min-width: 321px;
    }

    .ebill .copie-factura-container .bottom-info-options,
    .ebill .copie-factura-sold .bottom-info-options{
      
        gap: 16px;
        padding-top: 24px;
        border-top: 1px solid rgba(13, 13, 13, 0.10);
    }

    .ebill .copie-factura-container .bottom-info-options .text{
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .copie-factura-container .bottom-info-options .feature-gray-card{
        
        padding: 8px 16px;
        gap: 8px; 
        font-size: 16px;
        line-height:  24px; 
       
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details{
        gap: 40px;
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group{
        gap: 4px;
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .title{
       
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .detail{
        font-size: 24px;
        line-height: 32px; 
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details .group .detail.adress{
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .system-error{
        padding: 12px 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #CE2500;
    }

    .ebill .system-error .system-error-message{
        gap: 8px;
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .system-error .system-error-message::before{
        width: 24px;
        height: 24px;
    }

    .ebill .copie-factura-sold .button-container{
        gap: 24px;
    }

    .ebill .copie-factura-sold .bottom-info-options{
        gap: 19px;    
    }

    .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container{
       
        padding: 16px;
        gap: 16px;
  
    }

    .ebill .copie-factura-sold .bottom-info-options .group-text{
        gap: 16px;
    }

    .ebill .copie-factura-sold .bottom-info-options .group-text .title{
        
        font-size: 20px;
        line-height: 28px; 
    }

    .ebill .copie-factura-sold .bottom-info-options .activeaza-factura{
        gap:8px;
    }

    .ebill .activeaza-factura .input-button-container{
        gap: 16px;
    }
    .ebill .activeaza-factura .input-button-container {
        gap: 16px;
    }

    .ebill .activeaza-factura .input-box + .field-error,
    .ebill .activeaza-factura .input-box.has-error + .field-error {
        
        margin-top: -12px;
    }

    .ebill .activeaza-factura .input-button-container .global-button{
        padding: 12px 16px;
        gap: 8px;
        border-radius: 6px;
    }
    .ebill .activeaza-factura .title{   
        font-size: 16px;
        line-height: 24px; 
    }

    .ebill .copie-factura-sold .bottom-info-options .feature-gray-card{
        padding: 16px;
        border-radius: 8px;

    }

    .ebill .copie-factura-sold .bottom-info-options .feature-gray-card .card-title{
        font-size: 20px;
    }

    .ebill .cont-myppc-ebill-form .form-row.half-inputs {
        column-gap: 16px;
        row-gap: 4px;
    }

    .ebill .validare-date-contact-contmyPPC .form-message.otp-validity .js-otp-timer{
        margin-left: 4px;
        font-variant-numeric: tabular-nums;
        font-weight: 600;
    }


    .ebill .validare-date-contact-contmyPPC .retransmite-pin-container{
        gap: 8px;

    }


    .ebill .validare-date-contact-contmyPPC .input-box input[readonly][value]:not([value=""])+label, .global-form .input-box input:disabled:not(:placeholder-shown)+label {

        font-size: 16px;
      
    }

    .ebill .activare-cont-myPPC .input-box input[readonly][value=""]+label {

        top: 4px;
        font-size: 10px;
        left: 16px;

    }


}

@media (max-width: 1300px) {

    .ebill .plata-factura-cards-container {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 24px;
        align-content: stretch;
    }

    .ebill .plata-factura-cards-container .feature-gray-card {
        flex: 0 0 calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
        width: calc((100% - 24px) / 2);
        min-height: 170px;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ebill .sold-factura-form .button-container,
    .ebill .copie-factura-sold .button-container {
        width: 100%;
    }

    
    .ebill .copie-factura-sold .button-container .global-button {
        
        width: 100% ;
       
    }

    .ebill .feature-gray-card .value.price {
        font-size: 24px;
    }

    .ebill .feature-gray-card .value {
        font-size: 20px;
    }

    .ebill .copie-factura-form .form-card-title {
        font-size: 20px;
    }

    .ebill .copie-factura-sold .bottom-info-options {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 19px;
        align-self: stretch;
    }

    .ebill .copie-factura-sold .bottom-info-options .feature-gray-card {
        order: 1;
        flex: none;
    }

    .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container {
        order: 2;
    }

    .ebill .copie-factura-sold .bottom-info-options .feature-gray-card .card-title,
    .ebill .copie-factura-sold .bottom-info-options .group-text .title {
        font-size: 18px;
    }

    .ebill .copie-factura-container .feature-cards .form-container-text {
        order: 1;
    }

    .ebill .copie-factura-container .feature-cards .system-error {
        order: 2;
    }

    .ebill.global-form .copie-factura-container .input-box {
        order: 3;
    }

    .ebill .copie-factura-container .copie-factura-form .field-error {
        order: 3;
    }

    .ebill .copie-factura-container .terms-and-condition-container {
        order: 4;
    }

    .ebill .copie-factura-container .button-container {
        order: 5;
    }

    .ebill .copie-factura-form .bottom-info-options {
        order: 6;
    }

}

@media (max-width: 1200px) {

    .image-position-right .gradient-layer,
    .gradient-layer {
        bottom: 0;
        left: 0;
        right: auto;
        width: 25%;
        height: auto;
    }


    .image-position-right .gradient-layer-1 {
        left: 75%;
        bottom: 0;
        width: 25%;
        height: 100%;
    }

    .image-position-right .gradient-layer-2 {
        left: 50%;
        bottom: 0;
        width: 25%;
        height: 75%;
    }

    .image-position-right .gradient-layer-3 {
        left: 25%;
        bottom: 0;
        width: 25%;
        height: 50%;
    }

    .image-position-right .gradient-layer-4 {
        left: 0%;
        bottom: 0;
        width: 25%;
        height: 25%;
    }


    .gradient-layer-2,
    .gradient-layer-3,
    .gradient-layer-4,
    .image-position-right .gradient-layer-2,
    .image-position-right .gradient-layer-3,
    .image-position-right .gradient-layer-4 {
        margin-left: -1px;
        width: calc(25% + 1px);
    }

    .ebill.image-position-left .gradient-layer {
        top: auto;
        bottom: 0;
        left: auto;
        right: auto;
        width: 25%;
        height: auto;
    }

    .ebill.image-position-left .gradient-layer-1 {
        left: 0;
        height: 100%;
    }

    .ebill.image-position-left .gradient-layer-2 {
        left: 25%;
        height: 75%;
    }

    .ebill.image-position-left .gradient-layer-3 {
        left: 50%;
        height: 50%;
    }

    .ebill.image-position-left .gradient-layer-4 {
        left: 75%;
        height: 25%;
    }

    .ebill.image-position-left .gradient-layer-2,
    .ebill.image-position-left .gradient-layer-3,
    .ebill.image-position-left .gradient-layer-4 {
        margin-left: -1px;
        width: calc(25% + 1px);
    }

}

@media (max-width: 1024px) {
    .ebill .feature-cards {
        padding: 24px;
    }
}

@media (max-width: 700px) {

    .ebill .feature-cards-container .form-card-title{
        font-size: 20px;
    }

    .ebill .cont-myppc-ebill-form .form-row.half-inputs {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .ebill .cont-myppc-ebill-form .form-row.half-inputs > .field-error {
        margin-top: -16px;
    }

    .ebill .copie-factura-container .bottom-info-options .feature-gray-card {
        width: 100%;
    }

    .ebill .plata-factura-cards-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        flex-wrap: nowrap;
        flex: none;
        height: unset;
    }

    .ebill .plata-factura-cards-container .feature-gray-card {
        flex: none;
        width: 100%;
        max-width: 100%;
        height: unset;
        min-height: unset;
    }

    .ebill .copie-factura-container .button-container,
    .ebill .copie-factura-container .button-container .global-button,
    .ebill .copie-factura-sold .button-container,
    .ebill .copie-factura-sold .button-container .global-button {
        width: 100%;
        max-width: 100%;
    }

    .ebill .sold-factura-form .button-container,
    .ebill .copie-factura-sold .button-container {
        display: flex;
        flex-direction: column;
    }

    .ebill .copie-factura-form .bottom-info-options {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .ebill .copie-factura-sold .copie-factura-sold-form .info-details {
        flex-direction: column;
        gap: 16px;
    }

    .ebill .copie-factura-sold .bottom-info-options .factura-electronica-container {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .ebill .copie-factura-sold .bottom-info-options .activeaza-factura {
        width: 100%;
    }
}