/*!
/*!
 * Beagle v1.5.2
 * https://foxythemes.net
 *
 * Copyright (c) 2018 Foxy Themes
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Inter" !important;
    background: #F8F9FA;
}

ul, li {
    list-style-type: none;
}
/*---------------POLARIS 4 -------------------------*/
.page-title-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 20px;
}

.page-title {
    font-weight: 700;
    color: #6c757d;
}

    .page-title h3 strong {
        font-weight: 500;
        font-size: 18px;
        color: #6C757D;
    }

.menu-drop {
    height: 40px;
    padding: 0 110px;
    border-bottom: 1px solid #F0F0F0;
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1032;
}

.menu-atajos {
    top: 70px;
    padding: 5px 115px;
    position: fixed;
    width: 100%;
}

.navbar-nav h3 {
    margin: 0 !important;
}

#nombreUsuarioAutenticado {
    font-weight: 700;
}

.drop-icon-user {
    border: 1px solid black;
    border-radius: 30px;
    margin-left: 15px;
    height: fit-content;
}

li.parent.open > a:first-of-type {
    border-radius: 25px;
    background-color: #0D6EFD;
    color: #fff;
    margin: 0 5px;
}

.be-scroller .content li.parent.open > a:first-of-type {
    background-color: transparent;
}

.be-left-sidebar {
    position: fixed;
    z-index: 1031;
    background: #0A1B36;
    width: 250px;
    border-radius: 0 15px 15px 0;
    overflow-x: hidden;
    height: 100vh;
}

    textarea::-webkit-scrollbar-track, .be-left-sidebar::-webkit-scrollbar-track {
        display: none;
    }

    textarea::-webkit-scrollbar-thumb, .be-left-sidebar::-webkit-scrollbar-thumb {
        display: none;
    }

    textarea::-webkit-scrollbar, .be-left-sidebar::-webkit-scrollbar {
        display: none;
    }

.label-fixed {
    width: 100px;
    min-width: 100px;
}

.custom-radio-group {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 16px;
    background-color: #eeeeee;
}

    .custom-radio-group .form-check-input {
        cursor: pointer;
        accent-color: #0d6efd;
    }

    .custom-radio-group .form-check-label {
        margin-left: 4px;
        cursor: pointer;
        color: #555;
        font-weight: 500;
    }

.Table-color-line tr th {
    background-color: #D8E4F8;
}

.table {
    --bs-table-striped-bg: rgba(248,249,250,1) !important;
}

    .table thead th {
        border-bottom: none !important;
    }

    .table th, .table td {
        border-top: none !important;
    }

.page-title-color {
    background-color: #27A8E0 !important;
    color: #F8F9FA !important;
    border: none;
}

.page-title-color-secondary {
    font-weight: 600 !important;
    margin: 0;
    padding: 0 24px;
}

.main-content {
    padding: 32px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 30px 10px 10px !important;
}

div.dataTables_wrapper div.dataTables_length label {
    display: none !important;
}

.dataTables_wrapper .dataTables_filter {
    display: none !important;
}

div.dataTables_wrapper div.dataTables_info {
    display: none !important;
}

.btn-primary {
    background-color: #0A1B36 !important;
    border-color: #0A1B36 !important;
    --bs-btn-bg: #0A1B36 !important;
    --bs-btn-border-color: #0A1B36 !important;
    --bs-btn-hover-bg: #0A1B36 !important;
    --bs-btn-hover-border-color: #0A1B36 !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-bg: #0A1B36 !important;
    --bs-btn-active-border-color: #0A1B36 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #F8F9FA !important;
    --bs-btn-disabled-border-color: #F8F9FA !important;
    --bs-btn-disabled-color: #929497 !important;
}

.btn-secondary {
    --bs-btn-bg: #556E97 !important;
    --bs-btn-border-color: #556E97 !important;
    --bs-btn-hover-bg: #556E97 !important;
    --bs-btn-hover-border-color: #556E97 !important;
    --bs-btn-focus-shadow-rgb: 85, 110, 151, 1;
    --bs-btn-active-bg: #556E97 !important;
    --bs-btn-active-border-color: #556E97 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-bg: #F8F9FA !important;
    --bs-btn-disabled-border-color: #F8F9FA !important;
    --bs-btn-disabled-color: #929497 !important;
    background-color: #556E97 !important;
    border-color: #556E97 !important;
}

.btn {
    --bs-btn-border-radius: 4px !important;
}

.Banner-nav {
    background: #0A1B36;
    position: fixed;
    z-index: 1031;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    top: 0;
}

    .Banner-nav h7 {
        padding: 0 110px;
    }

        .Banner-nav h7 strong {
            padding: 0 12px;
        }

.parent a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 13px;
}

ul .title {
    display: none;
}

.sub-menu {
    color: white;
}

.card .page-title-color-secondary {
    background: transparent;
}

.card {
    border-radius: 0.5rem !important;
}

.be-navbar-header {
    display: flex;
    column-gap: 15px;
}

.fixed-top {
    z-index: unset;
}

span .paginate_button {
    border-radius: 35px !important;
    color: white !important;
    background: #0A1B36 !important;
    border: #0A1B36 solid !important;
}

.dataTables_paginate {
    position: absolute;
    left: 300px;
    bottom: -53px;
}

.componets {
    display: flex;
    border-top: #F0F0F0 solid 1px;
    padding: 10px 24px;
}

.table > :not(caption) > * > * {
    border-bottom-width: 0px !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

td {
    color: #6C757D;
}

.fila-seleccionada td {
    background: #556E97;
    box-shadow: none !important;
    color: white;
}

td, th {
    border-style: none !important;
}

thead {
    background: #D8E4F8;
}

.table-bordered > :not(caption) > * {
    border-width: 0px !important;
}

.text-color-secondary {
    color: #6C757D !important;
}

.dataTables_paginate .previous, .dataTables_paginate .next {
    color: #6C757D !important;
}

.dataTables_paginate span a {
    width: 32px !important;
    padding: 1px 0px !important;
}

.modal-header-custom {
    color: #f0f0f0;
    background: #27A8E0;
    padding: 8px 24px;
    justify-content: space-between;
}

.modal-header-custom-dark {
    color: #f0f0f0;
    background: #0A1B36;
    padding: 8px 24px;
    justify-content: space-between;
}

.modal-content {
    border: none !important;
    box-shadow: 0 8px 35px 0 rgba(0, 0, 0, 0.16);
}

.btn:active {
    border: none !important;
}

.row label {
    color: #929497;
}

.modal-lg {
    --bs-modal-width: 600px !important;
}

.islas {
    width: fit-content;
    margin: auto;
    height: 79vh;
    display: flex;
    align-items: center;
}

.card-lg {
    width: 800px;
}

.card-md {
    width: 680px;
}

.form-custom {
    padding: 0 100px;
}

.control-buttons button {
    border: none !important;
}

.btn-secondary:disabled, .btn-primary:disabled {
    background: #F8F9FA !important;
    border: #F8F9FA !important;
    color: #929497 !important;
}

.btn-secondary:focus, .btn-primary:focus {
    box-shadow: none !important;
}

.fixed-table-toolbar {
    display: none !important;
}

.navegar-grup {
    display: flex;
    background: #F8F9FA;
    border-radius: 50px;
    gap: 16px;
    padding: 8px 11px;
    border: solid 1px #EDEDED;
    align-items: center;
    justify-content: space-around;
}

.icon-navegar {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    line-height: 1;
}

    .icon-navegar svg {
        fill: #000; /* color normal */
        transition: fill 0.3s, opacity 0.3s;
    }

    .icon-navegar:disabled svg {
        fill: #bbb; /* gris claro al deshabilitar */
    }

.card-xl {
    width: 1140px !important;
}

.card-mult-inputs {
    margin: auto;
    display: flex;
    align-items: center;
    position: absolute;
    margin-top: 50px;
    width: 99%;
    justify-content: center;
    margin-bottom: 50px;
}

.card-footer {
    border-color: #F0F0F0 !important;
}

.nav-link {
    color: #929497;
}

.card-xxl {
    width: 98vw;
}

.card-sm {
    width: 500px;
}

.modal-xxl {
    max-width: 87vw;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
}

/*Diseño para cambiar tamaño de rows, header y footer en tablas*/

.table th, .table td {
    padding-top: .20rem !important;
    padding-bottom: .20rem !important;
}

.bootstrap-table .fixed-table-container .table tfoot th .th-inner, .bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: .25rem !important;
}

    /*Oculta icono de ordenamiento*/
    .bootstrap-table .fixed-table-container .table thead th .th-inner.sortable.both,
    .bootstrap-table .fixed-table-container .table tfoot th .th-inner.sortable.both,
    .fixed-table-header .th-inner.sortable.both {
        background-image: none !important;
        padding-right: 8px !important;
    }

/*Estado de dispensarios*/
.scroll-x-body {
    overflow-x: auto;
    white-space: nowrap;
}

.isla-box {
    min-width: 90px;
    flex: 0 0 auto;
    text-align: center;
}

.disp-box {
    width: 126px;

    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px 8px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    flex: 0 0 auto; /* evita que se encoja */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid black;
}

/* Sub menu nav bar*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    /*checkbox Proc readonly eventos programados*/
.chk-readonly {
    pointer-events: none;
    cursor: default;
    outline: none;
}
/*.icon-navegar .Desablebtn {
    cursor: default !important;
}*/
#anterior:disabled,
#anterior-ultimo:disabled,
#siguiente:disabled,
#siguiente-ultimo:disabled {
    cursor: default !important;
}

.password {
    -webkit-text-security: disc; /* Chrome, Edge, Safari */
    text-security: disc; /* Propiedad no estándar */
}