body{
    height: 100vh;
    background-color: #f3f6f8;
    font-size: .9rem;
}

#loadBg {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgb(51 51 51 / 50%);
    z-index: 10000;
    pointer-events: none;
    opacity: 0;
}

#loadBox {
    position: fixed;
    top: 40%;
    left: 40%;
    width: 20%;
    height: 20%;
    background-color: #fff;
    z-index: 110000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

body.load #loadBg{
    pointer-events: all;
    opacity: 1;
}

body.load #loadBox{
    pointer-events: all;
    opacity: 1;
}

.bg-primary {
    background-color: #02a4e0!important;
}

.btn-primary {
    color: #fff;
    background-color: #02a4e0;
    border-color: #02a4e0;
}

.btn-outline-primary {
    color: #02a4e0;
    border-color: #02a4e0;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #02a4e0;
    border-color: #02a4e0;
}

.avatar {
    display: inline-block;
}

.avatar img {
    max-width: 100%;
    max-height: 50px;
    border-radius: 50%;
}

nav .nav-link{
    color: #fff;
}

.actions{
    text-align: right;
}

.actions > * {
    margin-right: 5px;
}

#mapaVue {
    height: 350px;
}
#mapaVue2 {
    height: 350px;
}
.contratos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
    gap: 10px; /* Espacio entre los elementos */
}

.badge {
    display: block; /* Asegura que cada badge ocupe su propio espacio */
    text-align: center; /* Centra el texto dentro del badge */
}

.checkCustom input {
    display: none;
}

.checkCustom label {
    border-radius: 0.25rem !important;
}

.ts-control{
    border: 0px !important;
}

.card .card-header{
    background-color: #011a63!important;
    color: #ffffff !important;
}

#gestiones {
    overflow: auto;
    height: 40vh;
}

#view_ventas .card{
    height: 100%;
}

.card .load {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255 / 48%);
    pointer-events: none;
    opacity: 0;
}

.card .card-body.loading .load {
    pointer-events: all;
    opacity: 1;
}

.error-message{
    color: red;
}

.btn-excel{
    background-color: #01723a !important;
    color: #fff !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hidden-email {
    display: none;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    white-space: nowrap;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}