:root {
    --mdc-theme-primary: #ef3829;
    --mdc-theme-secondary: #1097ae;
    /*--mdc-theme-on-primary: green;
    --mdc-theme-on-secondary: blue;*/
    --mdc-theme-error: #f3756a;
    --mdc-typography-button-font-size: 1.3rem;
    --mdc-typography-button-letter-spacing: 0em;
    --mdc-typography-subtitle1-font-size: 1.3rem;  
}

#factura-form-container{
    text-align: left;
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: 500px;
    padding: 20px 0px;
    margin: auto;
}

#factura-form-container label, #factura-form-container button, #factura-form-container p{
    margin-bottom: 20px;
}

#factura-form-container h4 + p{
    font-size: 1.25rem;
}

.mdc-text-field{
    --mdc-theme-primary: #1097ae;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{
    font-size: 1.2rem;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid) .mdc-floating-label{
    color: var(--mdc-theme-secondary);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{
    color: grey;
}

.mdc-button, .mdc-text-field{
    height: 50px;
}

.mdc-button{
    text-transform: none;
}

.mdc-button--outlined{
    border-width: 2px;
}

.mdc-button--outlined:not(:disabled){
    border-color: var(--mdc-theme-primary);
    background-color: #fdebea;
}

#factura-form-container p{
    color: grey;
}

#factura-form-pin-message{
    text-align: center;
    font-size: 1.1rem;
}

.mdc-text-field:not(.mdc-text-field--invalid) .mdc-text-field__icon--trailing{
    visibility: hidden;
}

.mdc-text-field__icon{
    cursor: pointer !important;
    pointer-events: auto !important;
}

#factura-form-pin-message{
    visibility: hidden;
}

.factura-list-item{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.factura-list-item-cell{
    margin-bottom: 0px !important;
}

.double-row{
    grid-row: 1 / span 2;
    grid-column: 3;
    margin-right: 0px;
    margin-left: auto;
}

.pointer-cursor{
    cursor: pointer;
}

.triple-column{
    grid-column: 1 / span 3
}

.factura-list-item-date{
    font-weight: 600;
    font-size: 1.4rem;
    color: black !important;
    text-align: left;
}

.factura-list-item-total{
    font-weight: 600;
    font-size: 2.1rem;
    color: darkslategray !important;
}

.divider-bar{
    height: 2px; 
    background-color: lightgrey;
    margin-top: 10px;
    margin-bottom: 10px;
}

.swal-modal{
    padding: 0px 30px 0px 30px;
}

.swal-text{
    text-align: center;
}

.swal-footer {
    text-align: center;
}

.swal-button {
    background-color: var(--mdc-theme-primary);
    border-radius: 4px;
}

.swal-button:not([disabled]):hover {
    background-color: var(--mdc-theme-primary);
}

.swal-icon--success, .swal-icon--error {
    border-color: var(--mdc-theme-primary);
}

.swal-icon--success__line, .swal-icon--error__line {
    background-color: var(--mdc-theme-primary);
}

.swal-icon--success__ring{
    border: 4px solid var(--mdc-theme-primary);
}

#tooltip-x-icon{
    color: #ef3829;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.popover-content{
    padding: 10px 30px 10px 15px;
}


.btn-descarga {
    background-color: #E7F5F7;
    border-radius: 4px;
    height: 50px;
    border: #1097ae 1px solid;
    color: #1097ae;
    font-weight: 500;
    margin: 10px 16px;
}

.margen-text{
    margin-left: 16px;
    margin-right: 16px;
}

.btn-ver{
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 0px;
}