/* ==========================================================
   TRAZION CLOUD UI TYPOGRAPHY V2
   Inter + interfaz compacta
   ========================================================== */

:root {
    --tr-font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --tr-font-base: 14px;
    --tr-font-small: 12px;
    --tr-font-xs: 11px;
}


/* ==========================================================
   BASE GENERAL
   ========================================================== */

html {
    font-size: 14px;
}

body.trazion-app {
    font-family: var(--tr-font-family) !important;
    font-size: var(--tr-font-base);
    line-height: 1.45;
    color: #1F2937;
}


/*
 * IMPORTANTE:
 * No usamos "* { font-family: ... }" porque rompería
 * Font Awesome y otros iconos.
 */

body.trazion-app input,
body.trazion-app textarea,
body.trazion-app select,
body.trazion-app button,
body.trazion-app .btn,
body.trazion-app .dropdown-menu,
body.trazion-app .form-control,
body.trazion-app .custom-select,
body.trazion-app .select2-container,
body.trazion-app .select2-selection,
body.trazion-app .table,
body.trazion-app .card,
body.trazion-app .modal,
body.trazion-app .popover,
body.trazion-app .tooltip {
    font-family: var(--tr-font-family);
}


/* ==========================================================
   TITULOS
   ========================================================== */

body.trazion-app h1,
body.trazion-app .h1 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -.025em;
}

body.trazion-app h2,
body.trazion-app .h2 {
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

body.trazion-app h3,
body.trazion-app .h3 {
    font-size: 1.22rem;
    font-weight: 700;
}

body.trazion-app h4,
body.trazion-app .h4 {
    font-size: 1.08rem;
    font-weight: 600;
}

body.trazion-app h5,
body.trazion-app .h5 {
    font-size: .98rem;
    font-weight: 600;
}

body.trazion-app h6,
body.trazion-app .h6 {
    font-size: .9rem;
    font-weight: 600;
}


/* Título principal de cada módulo */
body.trazion-app .content-header h1 {
    font-size: 1.72rem !important;
    font-weight: 750 !important;
    line-height: 1.15;
    letter-spacing: -.03em;
}


/* Breadcrumb */
body.trazion-app .breadcrumb {
    font-size: 12px;
}


/* ==========================================================
   CARDS
   ========================================================== */

body.trazion-app .card {
    font-size: 13.5px;
}

body.trazion-app .card-title {
    font-size: 14px;
    font-weight: 600;
}

body.trazion-app .card-header {
    font-size: 13.5px;
}


/* ==========================================================
   FORMULARIOS
   ========================================================== */

body.trazion-app label,
body.trazion-app .col-form-label {
    font-size: 12.5px;
    font-weight: 600;
}

body.trazion-app .form-control,
body.trazion-app .custom-select {
    font-size: 13px;
}

body.trazion-app .form-control-sm,
body.trazion-app .custom-select-sm {
    font-size: 12px;
}

body.trazion-app .form-text,
body.trazion-app small,
body.trazion-app .text-sm {
    font-size: 11.5px;
}


/* Select2 */
body.trazion-app
.select2-container
.select2-selection--single
.select2-selection__rendered,

body.trazion-app
.select2-container
.select2-selection--multiple {
    font-size: 13px;
}


/* ==========================================================
   BOTONES
   ========================================================== */

body.trazion-app .btn {
    font-size: 13px;
    font-weight: 600;
}

body.trazion-app .btn-sm {
    font-size: 12px;
}

body.trazion-app .btn-lg {
    font-size: 14px;
}


/* ==========================================================
   TABLAS / DATATABLES
   ========================================================== */

body.trazion-app table,
body.trazion-app .table {
    font-size: 12.75px;
}

body.trazion-app .table thead th {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .005em;
}

body.trazion-app .table td {
    vertical-align: middle;
}

body.trazion-app
.dataTables_wrapper {
    font-size: 12.5px;
}

body.trazion-app
.dataTables_wrapper
.dataTables_length,

body.trazion-app
.dataTables_wrapper
.dataTables_filter,

body.trazion-app
.dataTables_wrapper
.dataTables_info,

body.trazion-app
.dataTables_wrapper
.dataTables_paginate {
    font-size: 12px;
}


/* ==========================================================
   MODALES
   ========================================================== */

body.trazion-app .modal-title {
    font-size: 15px;
    font-weight: 700;
}

body.trazion-app .modal-body {
    font-size: 13px;
}


/* ==========================================================
   BADGES / ALERTAS
   ========================================================== */

body.trazion-app .badge {
    font-size: 10.5px;
    font-weight: 600;
}

body.trazion-app .alert {
    font-size: 13px;
}


/* ==========================================================
   NAVBAR SUPERIOR
   ========================================================== */

body.trazion-app .main-header {
    font-size: 13px;
}

body.trazion-app .main-header .nav-link {
    font-size: 13px;
}


/* ==========================================================
   PIE
   ========================================================== */

body.trazion-app .main-footer {
    font-size: 12px;
}


/* ==========================================================
   SIDEBAR
   Conservamos la proporción compacta que nos gustó.
   ========================================================== */

body.trazion-app
.trazion-sidebar
.nav-sidebar
.nav-link {
    font-size: 13px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info > a {
    font-size: 13px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info
.text-muted {
    font-size: 10.5px !important;
}

body.trazion-app
.trazion-sidebar
.trazion-sidebar-tenant {
    font-size: 9.5px !important;
}

body.trazion-app
.trazion-sidebar
.nav-header {
    font-size: 9px !important;
}

body.trazion-app
.trazion-sidebar
.nav-treeview
.nav-link {
    font-size: 12px !important;
}


/* ==========================================================
   TRAZION TYPOGRAPHY V2.1
   Ajuste fino de tamaño general
   El sidebar conserva su tamaño actual
   ========================================================== */

/* Texto general */
body.trazion-app {
    font-size: 14.5px;
}


/* ==========================================================
   TITULOS
   ========================================================== */

body.trazion-app h1,
body.trazion-app .h1 {
    font-size: 1.82rem;
}

body.trazion-app h2,
body.trazion-app .h2 {
    font-size: 1.52rem;
}

body.trazion-app h3,
body.trazion-app .h3 {
    font-size: 1.28rem;
}

body.trazion-app h4,
body.trazion-app .h4 {
    font-size: 1.12rem;
}

body.trazion-app h5,
body.trazion-app .h5 {
    font-size: 1rem;
}


/* Título principal de cada página */
body.trazion-app .content-header h1 {
    font-size: 1.80rem !important;
}


/* ==========================================================
   CARDS
   ========================================================== */

body.trazion-app .card {
    font-size: 14px;
}

body.trazion-app .card-title {
    font-size: 14.5px;
}

body.trazion-app .card-header {
    font-size: 14px;
}


/* ==========================================================
   FORMULARIOS
   ========================================================== */

body.trazion-app label,
body.trazion-app .col-form-label {
    font-size: 13px;
}

body.trazion-app .form-control,
body.trazion-app .custom-select {
    font-size: 13.5px;
}

body.trazion-app
.select2-container
.select2-selection--single
.select2-selection__rendered,

body.trazion-app
.select2-container
.select2-selection--multiple {
    font-size: 13.5px;
}


/* ==========================================================
   BOTONES
   ========================================================== */

body.trazion-app .btn {
    font-size: 13.5px;
}

body.trazion-app .btn-sm {
    font-size: 12.5px;
}


/* ==========================================================
   TABLAS / DATATABLES
   ========================================================== */

body.trazion-app table,
body.trazion-app .table {
    font-size: 13.25px;
}

body.trazion-app .table thead th {
    font-size: 12.75px;
}

body.trazion-app .dataTables_wrapper {
    font-size: 13px;
}

body.trazion-app
.dataTables_wrapper
.dataTables_length,

body.trazion-app
.dataTables_wrapper
.dataTables_filter,

body.trazion-app
.dataTables_wrapper
.dataTables_info,

body.trazion-app
.dataTables_wrapper
.dataTables_paginate {
    font-size: 12.75px;
}


/* ==========================================================
   MODALES
   ========================================================== */

body.trazion-app .modal-title {
    font-size: 15.5px;
}

body.trazion-app .modal-body {
    font-size: 13.5px;
}


/* ==========================================================
   NAVBAR
   ========================================================== */

body.trazion-app .main-header {
    font-size: 13.5px;
}

body.trazion-app .main-header .nav-link {
    font-size: 13.5px;
}


/* ==========================================================
   SIDEBAR
   NO MODIFICAR TAMAÑO ACTUAL
   ========================================================== */

body.trazion-app
.trazion-sidebar
.nav-sidebar
.nav-link {
    font-size: 13px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info > a {
    font-size: 13px !important;
}

body.trazion-app
.trazion-sidebar
.nav-header {
    font-size: 9px !important;
}

body.trazion-app
.trazion-sidebar
.nav-treeview
.nav-link {
    font-size: 12px !important;
}



/* ==========================================================
   TRAZION TYPOGRAPHY V2.2
   Escala ligeramente mayor en toda la aplicación
   ========================================================== */

body.trazion-app {
    font-size: 15px;
}


/* ==========================================================
   TITULOS
   ========================================================== */

body.trazion-app h1,
body.trazion-app .h1 {
    font-size: 1.88rem;
}

body.trazion-app h2,
body.trazion-app .h2 {
    font-size: 1.56rem;
}

body.trazion-app h3,
body.trazion-app .h3 {
    font-size: 1.32rem;
}

body.trazion-app h4,
body.trazion-app .h4 {
    font-size: 1.16rem;
}

body.trazion-app h5,
body.trazion-app .h5 {
    font-size: 1.04rem;
}

body.trazion-app .content-header h1 {
    font-size: 1.86rem !important;
}


/* ==========================================================
   CARDS
   ========================================================== */

body.trazion-app .card {
    font-size: 14.5px;
}

body.trazion-app .card-title {
    font-size: 15px;
}

body.trazion-app .card-header {
    font-size: 14.5px;
}


/* ==========================================================
   FORMULARIOS
   ========================================================== */

body.trazion-app label,
body.trazion-app .col-form-label {
    font-size: 13.5px;
}

body.trazion-app .form-control,
body.trazion-app .custom-select {
    font-size: 14px;
}

body.trazion-app
.select2-container
.select2-selection--single
.select2-selection__rendered,

body.trazion-app
.select2-container
.select2-selection--multiple {
    font-size: 14px;
}


/* ==========================================================
   BOTONES
   ========================================================== */

body.trazion-app .btn {
    font-size: 14px;
}

body.trazion-app .btn-sm {
    font-size: 13px;
}


/* ==========================================================
   TABLAS / DATATABLES
   ========================================================== */

body.trazion-app table,
body.trazion-app .table {
    font-size: 13.75px;
}

body.trazion-app .table thead th {
    font-size: 13.25px;
}

body.trazion-app .dataTables_wrapper {
    font-size: 13.5px;
}

body.trazion-app
.dataTables_wrapper
.dataTables_length,

body.trazion-app
.dataTables_wrapper
.dataTables_filter,

body.trazion-app
.dataTables_wrapper
.dataTables_info,

body.trazion-app
.dataTables_wrapper
.dataTables_paginate {
    font-size: 13.25px;
}


/* ==========================================================
   MODALES
   ========================================================== */

body.trazion-app .modal-title {
    font-size: 16px;
}

body.trazion-app .modal-body {
    font-size: 14px;
}


/* ==========================================================
   NAVBAR
   ========================================================== */

body.trazion-app .main-header {
    font-size: 14px;
}

body.trazion-app .main-header .nav-link {
    font-size: 14px;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

body.trazion-app
.trazion-sidebar
.nav-sidebar
.nav-link {
    font-size: 13.5px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info > a {
    font-size: 13.5px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info
.text-muted {
    font-size: 11px !important;
}

body.trazion-app
.trazion-sidebar
.trazion-sidebar-tenant {
    font-size: 10px !important;
}

body.trazion-app
.trazion-sidebar
.nav-header {
    font-size: 9.5px !important;
}

body.trazion-app
.trazion-sidebar
.nav-treeview
.nav-link {
    font-size: 12.5px !important;
}


/* ==========================================================
   PIE DE PAGINA
   ========================================================== */

body.trazion-app .main-footer {
    font-size: 12.5px;
}



/* ==========================================================
   TRAZION TYPOGRAPHY V2.3
   Escala un poco mayor en toda la aplicacion
   ========================================================== */

body.trazion-app{
    font-size: 15.5px;
}

body.trazion-app h1,
body.trazion-app .h1{
    font-size: 1.96rem;
}

body.trazion-app h2,
body.trazion-app .h2{
    font-size: 1.62rem;
}

body.trazion-app h3,
body.trazion-app .h3{
    font-size: 1.36rem;
}

body.trazion-app h4,
body.trazion-app .h4{
    font-size: 1.2rem;
}

body.trazion-app h5,
body.trazion-app .h5{
    font-size: 1.08rem;
}

body.trazion-app .content-header h1{
    font-size: 1.94rem !important;
}

body.trazion-app .card{
    font-size: 14.9px;
}

body.trazion-app .card-title{
    font-size: 15.25px;
}

body.trazion-app .card-header{
    font-size: 14.75px;
}

body.trazion-app label,
body.trazion-app .col-form-label{
    font-size: 13.8px;
}

body.trazion-app .form-control,
body.trazion-app .custom-select{
    font-size: 14.3px;
}

body.trazion-app
.select2-container
.select2-selection--single
.select2-selection__rendered,
body.trazion-app
.select2-container
.select2-selection--multiple{
    font-size: 14.3px;
}

body.trazion-app .btn{
    font-size: 14.2px;
}

body.trazion-app .btn-sm{
    font-size: 13.1px;
}

body.trazion-app table,
body.trazion-app .table{
    font-size: 14px;
}

body.trazion-app .table thead th{
    font-size: 13.4px;
}

body.trazion-app .dataTables_wrapper{
    font-size: 13.7px;
}

body.trazion-app
.dataTables_wrapper
.dataTables_length,
body.trazion-app
.dataTables_wrapper
.dataTables_filter,
body.trazion-app
.dataTables_wrapper
.dataTables_info,
body.trazion-app
.dataTables_wrapper
.dataTables_paginate{
    font-size: 13.4px;
}

body.trazion-app .modal-title{
    font-size: 16.2px;
}

body.trazion-app .modal-body{
    font-size: 14.2px;
}

body.trazion-app .main-header{
    font-size: 14.2px;
}

body.trazion-app .main-header .nav-link{
    font-size: 14.2px;
}

body.trazion-app .main-footer{
    font-size: 12.8px;
}

/* menu lateral */
body.trazion-app
.trazion-sidebar
.nav-sidebar
.nav-link{
    font-size: 14px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info > a{
    font-size: 14px !important;
}

body.trazion-app
.trazion-sidebar
.user-panel
.info
.text-muted{
    font-size: 11.3px !important;
}

body.trazion-app
.trazion-sidebar
.trazion-sidebar-tenant{
    font-size: 10.3px !important;
}

body.trazion-app
.trazion-sidebar
.nav-header{
    font-size: 9.8px !important;
}

body.trazion-app
.trazion-sidebar
.nav-treeview
.nav-link{
    font-size: 13px !important;
}