/* =========================================================
   DENSIDAD COMPACTA GLOBAL - LIMS MALLAY
   Reduce tamanos sin usar zoom ni transform scale.
   ========================================================= */

:root{
  --navbar-h: 50px !important;
  --lims-font-base: 12.5px;
  --lims-font-small: 11.5px;
  --lims-control-h: 34px;
  --lims-control-radius: 8px;
  --lims-compact-pad-x: 10px;
  --lims-compact-pad-y: 7px;
}

html,
body{
  font-size: var(--lims-font-base) !important;
}

body > .container-fluid > .row{
  --bs-gutter-x: 0;
}

#div_menu1{
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.lims-navbar-skin{
  height: var(--navbar-h) !important;
  min-height: var(--navbar-h) !important;
}

.lims-navbar-skin nav,
.lims-navbar-skin .navbar,
.lims-navbar-skin .container,
.lims-navbar-skin .container-fluid{
  height: calc(var(--navbar-h) - 2px) !important;
  min-height: calc(var(--navbar-h) - 2px) !important;
}

#btn_hamburger{
  width: 40px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 7px !important;
}

#btn_hamburger i{
  font-size: 21px !important;
  line-height: 1 !important;
}

.lims-navbar-skin img{
  max-height: 30px !important;
}

.lims-navbar-skin img[src*="logo_fit"]{
  max-width: 124px !important;
  max-height: 30px !important;
}

.lims-navbar-skin .container-fluid > div:first-child{
  min-width: 235px !important;
  gap: 10px !important;
}

.lims-navbar-skin .container-fluid > ul.nav{
  min-width: 235px !important;
}

.lims-navbar-skin,
.lims-navbar-skin a,
.lims-navbar-skin span,
.lims-navbar-skin label,
.lims-navbar-skin button,
.lims-navbar-skin .nav-link,
.lims-navbar-skin .dropdown-toggle{
  font-size: 12.5px !important;
}

.lims-navbar-skin .dropdown-menu{
  font-size: 12px !important;
}

.lims-navbar-skin .nav-link.dropdown-toggle{
  font-size: 11px !important;
  font-weight: 400 !important;
}

.lims-user-menu-icon{
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
}

.lims-user-menu-icon img{
  max-width: 20px !important;
  max-height: 20px !important;
}

.lims-user-menu-text label{
  font-size: 12px !important;
}

.lims-page-content{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  height: calc(100vh - var(--navbar-h)) !important;
  min-height: calc(100vh - var(--navbar-h)) !important;
  padding: 12px !important;
  font-size: var(--lims-font-base) !important;
}

.lims-panel-header,
.lims-form-card-header,
.lims-table-toolbar{
  padding: 12px 16px !important;
}

.lims-panel-body,
.lims-form-card-body{
  padding: 14px 16px !important;
}

.lims-panel-title,
.lims-form-title,
.lims-table-title{
  font-size: 13px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.lims-form-label,
.or-label{
  font-size: 11.5px !important;
  margin-bottom: 4px !important;
}

.form-control,
.form-select,
.lims-form-control,
.lims-form-select,
.lims-panel .form-control,
.lims-panel .form-select{
  min-height: var(--lims-control-h) !important;
  height: var(--lims-control-h) !important;
  padding: 5px 9px !important;
  border-radius: var(--lims-control-radius) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

body.login .lims-login-card .lims-input-icon{
  left: 13px !important;
  width: 16px !important;
  text-align: center !important;
  pointer-events: none !important;
}

body.login .lims-login-card .lims-input-group .form-control{
  padding-left: 39px !important;
  padding-right: 12px !important;
}

textarea.form-control,
.lims-panel textarea.form-control,
textarea.lims-form-control{
  height: auto !important;
  min-height: 74px !important;
}

.btn,
.lims-btn-primary,
.lims-btn-secondary,
.lims-btn-table-primary,
.lims-btn-table-success{
  min-height: 30px !important;
  padding: 5px 10px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.btn-sm{
  min-height: 26px !important;
  padding: 4px 8px !important;
  font-size: 11px !important;
}

.lims-table-wrap{
  padding: 12px 14px 14px !important;
}

.lims-data-table{
  font-size: 11.5px !important;
}

.lims-data-table thead th{
  padding: 8px 7px !important;
  font-size: 11.5px !important;
}

.lims-data-table > tbody > tr > td,
.lims-data-table > tbody > tr > td[style]{
  padding: 7px 7px !important;
  font-size: 11.5px !important;
}

.lims-table-compact thead th{
  padding: 7px 6px !important;
  font-size: 11px !important;
}

.lims-table-compact tbody td{
  padding: 6px 6px !important;
  font-size: 11px !important;
}

.lims-status{
  min-width: 62px !important;
  padding: 4px 8px !important;
  font-size: 10.8px !important;
}

.lims-action{
  font-size: 11px !important;
}

.modal-header{
  padding: 11px 16px !important;
}

.modal-body{
  padding: 14px 16px !important;
  font-size: var(--lims-font-base) !important;
}

.modal-footer{
  padding: 10px 16px !important;
}

.modal-title{
  font-size: 15px !important;
}

.select2-container .select2-selection--single{
  min-height: var(--lims-control-h) !important;
  height: var(--lims-control-h) !important;
  border-radius: var(--lims-control-radius) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: calc(var(--lims-control-h) - 2px) !important;
  font-size: 12px !important;
  padding-left: 9px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: calc(var(--lims-control-h) - 2px) !important;
}

.select2-container .select2-selection--multiple{
  min-height: var(--lims-control-h) !important;
  border-radius: var(--lims-control-radius) !important;
  font-size: 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin-top: 4px !important;
  padding: 1px 6px !important;
  font-size: 11px !important;
}

.select2-dropdown{
  font-size: 12px !important;
}

.offcanvas.menu-mallay{
  width: min(335px, 90vw) !important;
}

.offcanvas.menu-mallay .offcanvas-header{
  min-height: 68px !important;
  padding: 13px 17px !important;
}

.offcanvas.menu-mallay .offcanvas-body{
  padding: 12px 10px 16px !important;
}

.menu-eyebrow{
  font-size: 10px !important;
}

.offcanvas.menu-mallay .offcanvas-title{
  font-size: 14px !important;
}

.offcanvas.menu-mallay .btn-close{
  width: 28px !important;
  height: 28px !important;
}

.menu-link{
  min-height: 34px !important;
  padding: 7px 9px !important;
  gap: 8px !important;
  border-radius: 7px !important;
}

.menu-icon{
  width: 18px !important;
  min-width: 18px !important;
  font-size: 13px !important;
}

.menu-title,
.menu-level-1 > .menu-link .menu-title{
  font-size: 12px !important;
}

.menu-children{
  margin: 2px 0 5px 14px !important;
  padding-left: 9px !important;
}

.menu-children .menu-link{
  min-height: 31px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.menu-children .menu-title{
  font-size: 11.5px !important;
}