*::after,
*::before,
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    height: 100%;
    width: 100%;
}

:root {
  --primary: #183B52;
  --secondary: #1B3557;
  --secondary-two: #17473E;
  --navi-primary: #183B52;
  --navi-accent: #5693C0;
  --navi-primary-deep: #102c3d;
  --navi-primary-soft: #224e6b;
  --navi-surface: #eef3f7;
  --navi-border: rgba(86, 147, 192, 0.22);
  --navi-text-soft: #999999;
  --navi-text-medium: #666666;
  --blue: #348fe2;
  --indigo: #8753de;
  --purple: #727cb6;
  --pink: #fb5597;
  --red: #ff5b57;
  --orange: #f59c1a;
  --yellow: #ffd900;
  --green: #32a932;
  --teal: #00acac;
  --cyan: #49b6d6;
  --white: #FFFFFF;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --black: #000000;
  --dark: #2d353c;
  --dark-darker: #1a2229;
  --lime: #90ca4b;
  --light: #f2f3f4;
  --silver: #b6c2c9;
  --muted: #6c757d;
  --aqua: #49b6d6;
  --success: #00acac;
  --info: #49b6d6;
  --warning: #f59c1a;
  --danger: #ff5b57;
  --light: #f2f3f4;
  --dark: #2d353c;
  --inverse: #2d353c;
  --black: #000000;
  --white: #FFFFFF;
  --grey: #b6c2c9;
  --muted: #6c757d;
  --silver: #b6c2c9;
  --lime: #90ca4b;
  --aqua: #49b6d6;
  --breakpoint-xxs: 0px;
  --breakpoint-xs: 360px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1660px;
  --breakpoint-xxxl: 1900px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.swal2-shown {
    overflow: hidden !important;
    padding-right: unset !important;
}

/* FONT FAMILY IMPORT FONTS */
@font-face {
    src: url('fonts/roboto/Roboto-Regular.ttf');
    font-family: "Roboto";
}

@font-face {
    src: url('fonts/glyphicons-halflings-regular.ttf');
    font-family: "Glyphicons Halflings";
}

body {
    overflow: hidden;
    font-family: "Century Gothic", "Avant Garde", "Roboto", sans-serif;
    color: var(--navi-text-medium);
    line-height: 1.45;
    background: var(--navi-surface);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Century Gothic", "Avant Garde", "Roboto", sans-serif;
}
.div-buttons-forms {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.link-database {
    background: #999;
}
.preloader {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    height: 100vh;
    width: 100%;
    transition: height 0.2s linear;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden;
}

.ocultar-caja{
    display: none;
}
.ui-autocomplete {
    max-height: 500px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
} 

.dark-theme .site-header {
    background: linear-gradient(90deg, var(--navi-primary-deep) 0%, var(--navi-primary) 100%);
    border-bottom: 1px solid rgba(86, 147, 192, 0.35);
    box-shadow: 0 2px 10px rgba(16, 44, 61, 0.18);
}

.dark-theme .site-header .site-logo {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding-right: 18px;
    margin-right: 8px;
}

.dark-theme .site-header .site-logo img {
    max-height: 46px;
}

.dark-theme .site-header .site-header-content {
    background: transparent;
}

.dark-theme .site-header #modulo-actual {
    letter-spacing: 0.01em;
    font-weight: 600;
}

.dark-theme .site-header .header-alarm,
.dark-theme .site-header .user-menu.dropdown .dropdown-toggle,
.dark-theme .site-header .dropdown.dropdown-lang .dropdown-toggle {
    color: rgba(255, 255, 255, 0.78);
}

.show-hide-sidebar span,
.show-hide-sidebar span:before,
.show-hide-sidebar span:after {
    background-color: rgba(255, 255, 255, 0.78);
}

.dark-theme .site-header .header-alarm:hover,
.dark-theme .site-header .dropdown.dropdown-notification.open .header-alarm,
.dark-theme .site-header .user-menu.dropdown .dropdown-toggle:hover,
.dark-theme .site-header .user-menu.dropdown.open .dropdown-toggle,
.dark-theme .site-header .dropdown.dropdown-lang .dropdown-toggle:hover,
.dark-theme .site-header .dropdown.dropdown-lang.open .dropdown-toggle {
    color: var(--navi-accent);
}

.show-hide-sidebar:hover span,
.show-hide-sidebar:hover span:before,
.show-hide-sidebar:hover span:after {
    background-color: var(--navi-accent);
}

.dark-theme .side-menu {
    background: linear-gradient(180deg, var(--navi-primary-soft) 0%, var(--navi-primary) 100%);
    border-right: 1px solid rgba(16, 44, 61, 0.18);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.05);
}

.dark-theme .side-menu .side-menu-list .lbl {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.98rem;
    font-weight: 500;
}

.dark-theme .side-menu .side-menu-list .fa,
.dark-theme .side-menu .side-menu-list .font-icon,
.dark-theme .side-menu .side-menu-list .glyphicon {
    color: rgba(86, 147, 192, 0.92);
}

.dark-theme .side-menu .side-menu-list > li > a,
.dark-theme .side-menu .side-menu-list > li > span {
    border-left: 4px solid transparent;
    min-height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dark-theme .side-menu .side-menu-list > li > a:hover,
.dark-theme .side-menu .side-menu-list > li > span:hover {
    background: rgba(255, 255, 255, 0.08);
    border-left-color: var(--navi-accent);
}

.dark-theme .side-menu .side-menu-list > li > a:hover .lbl,
.dark-theme .side-menu .side-menu-list > li > span:hover .lbl,
.dark-theme .side-menu .side-menu-list > li > a:hover .fa,
.dark-theme .side-menu .side-menu-list > li > span:hover .fa,
.dark-theme .side-menu .side-menu-list > li > a:hover .font-icon,
.dark-theme .side-menu .side-menu-list > li > span:hover .font-icon,
.dark-theme .side-menu .side-menu-list > li > a:hover .glyphicon,
.dark-theme .side-menu .side-menu-list > li > span:hover .glyphicon {
    color: #ffffff;
}

.dark-theme .side-menu .side-menu-list > li.opened {
    background: rgba(16, 44, 61, 0.34);
}

.dark-theme .side-menu .side-menu-list > li.opened > a,
.dark-theme .side-menu .side-menu-list > li.opened > span {
    border-left-color: var(--navi-accent);
}

.dark-theme .side-menu .side-menu-list > li.opened > span .lbl,
.dark-theme .side-menu .side-menu-list > li.opened > a .lbl {
    color: #ffffff;
}

.dark-theme .side-menu .side-menu-list > li.opened .fa,
.dark-theme .side-menu .side-menu-list > li.opened .font-icon,
.dark-theme .side-menu .side-menu-list > li.opened .glyphicon {
    color: #ffffff;
}

.dark-theme .side-menu .side-menu-list > li.with-sub > span:before {
    border-top-color: rgba(255, 255, 255, 0.75);
}

.dark-theme .side-menu .side-menu-list ul {
    background: rgba(8, 24, 34, 0.16);
}

.dark-theme .side-menu .side-menu-list ul a,
.dark-theme .side-menu .side-menu-list ul span {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dark-theme .page-content {
    background: var(--navi-surface);
}

.page-content {
    padding-bottom: 16px;
}

.page-content main.container-fluid {
    padding: 12px;
}

.box-typical {
    border: 1px solid rgba(16, 44, 61, 0.08);
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(16, 44, 61, 0.05);
    overflow: hidden;
}

.box-typical .box-typical-header.box-typical-header-bordered,
.box-typical.box-typical-dashboard .box-typical-header {
    border-bottom-color: var(--navi-border);
}

.box-typical .box-typical-header .tbl-cell.tbl-cell-title h1,
.box-typical .box-typical-header .tbl-cell.tbl-cell-title h2,
.box-typical .box-typical-header .tbl-cell.tbl-cell-title h3,
.box-typical .box-typical-header .tbl-cell.tbl-cell-title h4,
.box-typical .box-typical-header .tbl-cell.tbl-cell-title h5,
.box-typical .box-typical-header .tbl-cell.tbl-cell-title h6 {
    color: var(--navi-primary);
}

.box-typical .box-typical-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 253, 0.98) 100%);
}

.box-typical .box-typical-body,
.box-typical .box-typical-section {
    background: #ffffff;
}

.box-typical .box-typical-header .tbl-cell {
    padding-top: 16px;
    padding-bottom: 16px;
}

.box-typical .box-typical-header .breadcrumb,
.box-typical .box-typical-header .breadcrumb-item,
.box-typical .box-typical-header .breadcrumb-item a {
    color: var(--navi-text-medium);
    font-size: 0.95rem;
}

.box-typical .box-typical-header .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.box-typical .box-typical-header .breadcrumb-item + .breadcrumb-item::before {
    color: var(--navi-text-soft);
}

.btn.btn-primary,
.btn.btn-primary:focus {
    background-color: var(--navi-primary);
    border-color: var(--navi-primary);
    box-shadow: none;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus:hover,
.btn.btn-primary:active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--navi-primary-soft);
    border-color: var(--navi-primary-soft);
    color: #fff !important;
}

.btn.btn-primary-outline,
.btn.btn-primary-outline:focus {
    color: var(--navi-primary);
    border-color: rgba(24, 59, 82, 0.3);
}

.btn.btn-primary-outline:hover {
    background-color: var(--navi-primary);
    border-color: var(--navi-primary);
    color: #fff !important;
}

.btn.btn-primary-outline:focus:hover,
.btn.btn-primary-outline:active,
.btn.btn-primary-outline:not(:disabled):not(.disabled):active {
    background-color: var(--navi-primary-soft);
    border-color: var(--navi-primary-soft);
    color: #fff !important;
}

.btn {
    border-radius: 6px;
    font-weight: 600;
}

.btn-sm,
.btn-group-sm > .btn {
    border-radius: 5px;
}

.btn.btn-secondary,
.btn.btn-secondary:focus {
    background-color: #6b7a85;
    border-color: #6b7a85;
    color: #fff !important;
    box-shadow: none;
}

.btn.btn-secondary:hover {
    background-color: #7a8994;
    border-color: #7a8994;
    color: #fff !important;
}

.btn.btn-default,
.btn.btn-default:focus {
    background-color: #adb7be;
    border-color: #adb7be;
    color: #fff !important;
    box-shadow: none;
}

.btn.btn-default:hover {
    background-color: #bec6cc;
    border-color: #bec6cc;
    color: #fff !important;
}

.btn.btn-light,
.btn.btn-light:focus {
    background-color: #ffffff;
    border-color: rgba(24, 59, 82, 0.18);
    color: var(--navi-primary);
    box-shadow: none;
}

.btn.btn-light:hover {
    background-color: rgba(86, 147, 192, 0.08);
    border-color: rgba(86, 147, 192, 0.45);
    color: var(--navi-primary);
}

.btn.btn-danger,
.btn.btn-danger:focus {
    background-color: #fa424a;
    border-color: #fa424a;
    color: #fff !important;
    box-shadow: none;
}

.btn.btn-danger:hover {
    background-color: #fb6067;
    border-color: #fb6067;
    color: #fff !important;
}

.btn.btn-success,
.btn.btn-success:focus,
.btn.btn-info,
.btn.btn-info:focus,
.btn.btn-warning,
.btn.btn-warning:focus {
    box-shadow: none;
}

.btn.btn-success:hover,
.btn.btn-success:focus:hover,
.btn.btn-success:active,
.btn.btn-success:not(:disabled):not(.disabled):active {
    background-color: var(--navi-primary-soft);
    border-color: var(--navi-primary-soft);
    color: #fff !important;
}

.btn.btn-info:hover,
.btn.btn-info:focus:hover,
.btn.btn-info:active,
.btn.btn-info:not(:disabled):not(.disabled):active {
    background-color: #bb86ef;
    border-color: #bb86ef;
    color: #fff !important;
}

.btn.btn-warning:hover,
.btn.btn-warning:focus:hover,
.btn.btn-warning:active,
.btn.btn-warning:not(:disabled):not(.disabled):active {
    background-color: #f4a641;
    border-color: #f4a641;
    color: #fff !important;
}

.btn i,
.btn .fa,
.btn .fas,
.btn .far,
.btn .glyphicon,
.btn .font-icon {
    margin-right: 4px;
}

.form-control,
.bootstrap-select .btn,
.btn-group.bootstrap-select > .btn.dropdown-toggle {
    border-radius: 6px;
}

.form-group,
.form-group-default {
    margin-bottom: 1rem;
}

label,
.form-label {
    color: var(--navi-primary);
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.form-control {
    min-height: 38px;
    border-color: rgba(24, 59, 82, 0.14);
    color: var(--navi-text-medium);
    background-color: #ffffff;
}

.form-control:focus {
    border-color: rgba(86, 147, 192, 0.7);
    box-shadow: 0 0 0 0.12rem rgba(86, 147, 192, 0.18);
}

.form-control::placeholder {
    color: var(--navi-text-soft);
}

.input-group-addon {
    background-color: #f5f8fb;
    border-color: rgba(24, 59, 82, 0.14);
    color: var(--navi-primary);
}

.select2-container--default .select2-selection--single,
.select2-container--white .select2-selection--single,
.select2-container--arrow .select2-selection--single,
.btn-group.bootstrap-select > .btn.dropdown-toggle {
    border-color: rgba(24, 59, 82, 0.14);
    border-radius: 6px;
    min-height: 38px;
}

.select2-dropdown,
.btn-group.bootstrap-select .dropdown-menu {
    border-color: rgba(24, 59, 82, 0.12);
    box-shadow: 0 10px 24px rgba(16, 44, 61, 0.1);
}

.select2-results__option--highlighted[aria-selected],
.select2-results__option:hover,
.btn-group.bootstrap-select .dropdown-menu a:hover {
    background-color: rgba(86, 147, 192, 0.1) !important;
    color: var(--navi-primary) !important;
}

.btn-group.bootstrap-select .dropdown-menu a:hover .font-icon,
.btn-group.bootstrap-select .dropdown-menu a:hover .fa,
.btn-group.bootstrap-select .dropdown-menu a:hover .fas,
.btn-group.bootstrap-select .dropdown-menu a:hover .glyphicon {
    color: var(--navi-primary) !important;
}

.table,
.bootstrap-table .table,
.fixed-table-body .table {
    background: #ffffff;
}

.table thead th,
.bootstrap-table .table thead th,
.fixed-table-body .table thead th {
    background: #f5f8fb;
    color: var(--navi-primary);
    border-bottom-color: rgba(24, 59, 82, 0.1);
    font-weight: 600;
}

.table td,
.table th,
.bootstrap-table .table td,
.bootstrap-table .table th,
.fixed-table-body .table td,
.fixed-table-body .table th {
    border-top-color: rgba(24, 59, 82, 0.08);
    vertical-align: middle;
}

.table td,
.bootstrap-table .table td,
.fixed-table-body .table td {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.table-hover tbody tr:hover,
.bootstrap-table .table-hover tbody tr:hover {
    background-color: rgba(86, 147, 192, 0.05);
}

.table .btn,
.bootstrap-table .table .btn,
.fixed-table-body .table .btn {
    min-width: 30px;
    padding: 0.22rem 0.45rem;
    border-radius: 4px;
    box-shadow: none;
}

.table .btn i,
.table .btn .fa,
.table .btn .fas,
.table .btn .far,
.table .btn .glyphicon,
.table .btn .font-icon,
.bootstrap-table .table .btn i,
.fixed-table-body .table .btn i {
    margin-right: 0;
}

.table .label,
.bootstrap-table .table .label,
.fixed-table-body .table .label {
    border-radius: 12px;
    padding: 0.25em 0.55em 0.3em;
    font-weight: 600;
}

.pagination > li > a,
.pagination > li > span,
.page-link {
    color: var(--navi-primary);
    border-color: rgba(24, 59, 82, 0.12);
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.page-item.active .page-link {
    background-color: var(--navi-primary);
    border-color: var(--navi-primary);
    color: #fff !important;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    color: var(--navi-text-medium);
}

.dataTables_filter input,
.dataTables_length select {
    border-radius: 6px;
    border: 1px solid rgba(24, 59, 82, 0.14);
    min-height: 36px;
}

.dropdown-menu {
    border: 1px solid rgba(24, 59, 82, 0.1);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(16, 44, 61, 0.12);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(86, 147, 192, 0.1);
    color: var(--navi-primary);
}

.dropdown-item:hover .font-icon,
.dropdown-item:hover .fa,
.dropdown-item:hover .fas,
.dropdown-item:hover .far,
.dropdown-item:hover .glyphicon,
.dropdown-item:focus .font-icon,
.dropdown-item:focus .fa,
.dropdown-item:focus .fas,
.dropdown-item:focus .far,
.dropdown-item:focus .glyphicon {
    color: var(--navi-primary) !important;
}



@media (max-width: 768px) {
  #reloj {
    display: none;
  }

  .btn {
    white-space: nowrap;
  }

  .box-typical .box-typical-header .tbl-cell {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .page-content main.container-fluid {
    padding: 8px;
  }

  .box-typical {
    border-radius: 8px;
  }

  .dark-theme .site-header .site-logo {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }

}