/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}
/* ---- Shim Bootstrap 3 -> 4 ---- */
.panel {
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    margin-bottom: 1rem;
    background: #fff;
}

.panel-heading {
    padding: .5rem .75rem;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
}

.panel-body {
    padding: .75rem;
}

.panel-default {
    border-color: #dee2e6;
}

.panel-info {
    border-color: #b8daff;
}
/* labels estilo badge */
.label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    border-radius: .25rem;
    color: #fff;
    background: #6c757d;
}

.label-default {
    background: #6c757d;
}

.grid-compact,
.grid-compact th,
.grid-compact td {
    font-size: .875rem; /* ~14px */
}

    /* Si quieres un poco menos de padding vertical en filas */
    .grid-compact.table > :not(caption) > * > * {
        padding-top: .35rem;
        padding-bottom: .35rem;
    }

/* ===== Tabla aún más compacta ===== */
.grid-compact-xs,
.grid-compact-xs th,
.grid-compact-xs td {
    font-size: .75rem; /* ~12px */
    line-height: 1.1; /* un pelín más apretado */
}

    .grid-compact-xs.table > :not(caption) > * > * {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

.big-textarea {
    width: 100%; /* ocupa todo el ancho del contenedor */
    min-height: 300px; /* alto mínimo */
    height: 400px; /* alto fijo inicial */
    resize: vertical; /* permite al usuario agrandar/reducir en vertical */
    font-family: monospace; /* opcional: estilo tipo RichTextBox */
    white-space: pre-wrap; /* respeta saltos de línea */
}

#MainContent_Txt_TicketDescrito {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

/* Quita el límite de ancho heredado del template */
#MainContent input,
#MainContent select,
#MainContent textarea,
#MainContent .form-control {
    max-width: 100% !important;
    width: 100% !important;
}

/* --- Forzar ancho completo en textareas dentro de las tabs --- */
.tab-content .form-control,
.tab-pane textarea,
textarea.form-control {
    width: 100% !important;
    max-width: none !important; /* anula el clásico max-width:280px del template */
    display: block !important;
}