.form-flex-inputs-container .solicitud-envio-form__select-cp-link-container,
.form-flex-inputs-container .solicitud-envio-form__select-destinatario-link-container {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    /* padding: calc(var(--input-padding-vertical) - 1px) var(--input-padding-horizontal); */
    margin-block: var(--space-l);
    font-size: var(--gin-font-size-xs);
}

.ui-dialog.no-close .ui-dialog-titlebar-close {
    display: none;
}

/* .custom-table-container input:not([type="checkbox"]) {
    min-width: 8rem;
}
 */
.solicitud-envio__resume-total {
    text-align: right;
    font-weight: 600;
}

.solicitud-envio__resume-header {
    text-align: center;
    font-size: var(--font-size-h6);
    margin-top: var(--gin-spacing-xs);

    hr {
        margin: var(--gin-spacing-xxs);
    }
}

@media (max-width: 1023px) {

    .smlogistica-solicitud-envio-resumen .custom-table-container {
        table {

            tbody td,
            thead th {
                font-size: var(--gin-font-size-xxs) !important;
                padding: var(--gin-spacing-xs) !important;
                max-width: 80px !important;
            }

            tbody td:first-child {
                direction: rtl;
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }

    .smlogistica-solicitud-envio .custom-table-container {

        table.gin--sticky-table-header,
        table>thead {
            display: none !important;
        }

        table {
            margin-top: var(--gin-spacing-xs);
        }

        tbody {
            display: flex;
            flex-direction: column;
            gap: var(--gin-spacing-xs);


            tr {
                display: flex;
                flex-direction: column;
                background-color: white !important;
                border-radius: var(--gin-border-l);
                box-shadow: var(--gin-shadow-l1);
                border: 1px solid var(--gin-border-color-layer) !important;
                padding: var(--gin-spacing-s);
                gap: var(--gin-spacing-xxs);
                font-size: var(--gin-font-size-xs);
                position: relative;

                .tarifa-item-container {
                    line-height: 1;

                    .description {
                        font-size: 10px;
                        color: var(--gin-color-disabled);
                    }

                    span.tarifa-item {
                        font-size: var(--gin-font-size-xxs);
                        font-weight: var(--gin-font-weight-normal);
                    }
                }


                td {
                    padding: 0px !important;
                    height: 28px;

                    .form-item {
                        display: flex;

                        label {
                            margin: 0px !important;
                            font-weight: var(--gin-font-weight-normal);
                        }

                        input {
                            font-size: var(--gin-font-size-xxs);
                            min-height: 28px;
                            height: 28px;
                            padding: var(--gin-spacing-xs);
                        }
                    }

                    .tarifa-item-container,
                    >.form-item>:first-child:not(div[id*="tarifa"] label) {
                        width: 130px;
                        margin-right: 15px !important;
                    }

                    .tarifa-item-container~div[id*="tarifa"],
                    >.form-item>:last-child {
                        flex: 1;
                    }
                }

                td:has(input[value="Eliminar"]) {
                    display: flex;
                    justify-content: end;
                    position: absolute;
                    right: 0px;
                    top: calc(50% - 14px);
                    width: 40px;
                    margin: 0px 15px;

                    .trash-remove {
                        align-content: center;
                        color: var(--gin-color-disabled);
                        height: 100%;
                        position: absolute;
                        text-align: center;
                        width: 100%;
                    }

                    input {
                        opacity: 0;
                        margin: 0px !important;
                        border: unset !important;
                        padding: 0px;
                    }

                    input:hover {
                        background: unset;
                        color: var(--gin-color-primary);
                    }
                }

                td:has(span.tarifa-item) {
                    display: flex;
                    height: 28px;
                    align-items: center;

                    .form-item {
                        width: 100%;
                        text-align: left;
                    }
                }

                td:has(label[for*="nro"]) {
                    display: none;
                }
            }

            tr:not(tr:has(td.empty.message)) {
                padding-right: 70px;
            }

        }

        .gin-layer-wrapper,
        .gin-layer-wrapper .gin-table-scroll-wrapper {
            border: unset !important;
            box-shadow: unset !important;
            box-sizing: unset !important;
            margin-bottom: unset;
            padding: unset !important;
            background: transparent;
        }
    }
}

@media (min-width: 1024px) {
    .smlogistica-solicitud-envio .custom-table-container {

        div.tarifa-item-container,
        td label:not(label[for*="tarifa"], label[for*="nro"]) {
            display: none;
        }
    }
}

@media (max-width: 767px) {
    .form-flex-inputs-container .solicitud-envio-form__select-cp-link-container {
        padding: 0px !important;
    }
}

@media (max-width: 411px) {
    .solicitud-envio__resume-header {
        font-size: var(--gin-font-size-m);
    }

    .smlogistica-solicitud-envio-resumen .custom-table-container {
        table {

            tbody td,
            thead th {
                max-width: 18vw !important;
                font-size: calc(var(--gin-font-size-xxs) * 0.85) !important;
            }
        }
    }
}