/* ============================================================
   Formularios: form-field, info-field, static-value, address-widget, tabs
   Extraído de custom.css (líneas originales 1339–1486)
   ============================================================ */

/* cambios form */
.form-field>.form-control,
.form-field>.form-select {
    margin-bottom: 4px;
}

.form-field {
    padding: 5px;
    margin-bottom: 2px;
    position: relative;
}

.form-field.f-custom {
    padding: 0 !important;
    margin-bottom: 2px;
    position: relative;
}

form textarea {
    border-radius: 5px !important;
}

textarea {
    min-height: 100px !important;
    resize: none !important;
}

.form-field .form-control,
.form-field .form-select {
    border-radius: 5px !important;
}

.form-label {
    font-size: 13px;
    color: #525363;
    margin-bottom: 2px;
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    border-radius: 5px !important;
    margin-right: 3px;
}

/* fin cambios form */
.nav-tabs-custom .nav-item .nav-link::after {
    background: var(--bs-primary) !important;
}

.nav-tabs-custom .nav-item .nav-link.active,
.nav-tabs-custom .nav-item .nav-link:hover {
    color: var(--bs-primary) !important;
    background-color: #fff !important;
    border-radius: 0 !important;
}

.nav-tabs-custom .nav-item .nav-link.active:after,
.nav-tabs-custom .nav-item .nav-link:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* form static */
.info-field {
    padding: 3px;
    width: 100%;
}

.static-label {
    padding: 0;
    font-size: 12px;
    color: var(--bs-secondary-color);
    margin: 0 !important;
}

.static-value {
    font-size: 13px;
    font-weight: 500;
    color: var(--bs-heading-color);
    /* white-space: nowrap; */
}

.static-value-text {
    font-size: 12.222px;
    font-weight: 500;
    color: var(--bs-body-color);
    max-height: 125px;
    overflow-y: auto;
    border: 1px solid #f5f6f8;
    border-radius: 7px;
    padding: 12px;
}

.static-text {
    font-size: 12px;
    max-height: 300px;
    overflow: auto;
    width: 100%;
    display: block;
}

.center-body {
    max-height: 48em;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.accordion-btn {
    position: absolute;
    top: 11px;
    left: 90%;
    z-index: 5;
    background-color: #fff;
}

.address-widget {
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: 200px;
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1;
}

.update-buttons-floating {
    position: fixed;
    z-index: 1;
    background-color: var(--bs-body-bg);
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 17px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

/* .accordion-header {
    background-color: var(--bs-body-bg);
} */

/* fin form static */