@font-face{
    font-family: fuenteRandom;
    src: url(../fuentes/Quicksand-Regular.ttf)
}
.badge{
    font-family: fuenteRandom;
    font-size: 90%;
}

body,.ui-autocomplete{
    font-family: fuenteRandom;
}

.cursor{
    cursor: pointer;
}

.oculto{
    display: none;
}

.saltos {
  white-space: pre-line;
}

.grafica {
    max-height: 300px; /* ajusta a tu gusto */
}
.sales-bar{
    bottom:0 !important;
}

#imagenLogin{
    background-image: url('../imagenes/fondo.png'); 
    width: 100%; 
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.container, .container-fluid {
    padding-inline-start:0;
}

.blockMsg,.blockPage{
    background-color: transparent !important;
    border: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

form label,.h8{
    font-size: 12px;
}

.tachado{
    text-decoration:line-through;
}

.opaco{
    font-size: 10px;
}

.swal2-actions{
  display: flex;
  flex-direction:row-reverse;
}

.swal2-confirm{
    margin-left: 0.25rem !important;
}

/*.select2-selection__arrow{
    width: 50px !important;
}*/

.datepicker{
    font-weight: inherit;
    font: inherit;
}

form .card-header{
    padding-top: 5px;
    padding-bottom: 5px;
}

form label{
    font-size: 0.7rem !important;
    margin-block-end: 0;
}

form .form-group{
    margin-block-end:0.3rem;
}

table.dataTable tbody td{
    padding: 2px 5px !important;
}

.table td{
    vertical-align: middle !important;
}

table tbody a.crud i{
    color: white;
}

.newOpcion{
    padding-left: 10px;
    width: 60px;
}

.newColor{
    color:black;
    font-weight:900;
    font-style:italic;
}

/*PALETA DE COLORES*/
.sp-preview{
    width: 90% !important;
}

.sp-replacer{
    display: block !important;
}

.form-switch .form-check-input{
    margin-left:0px; 
}
.form-check-label{
    margin-left: 30px;
}
/*CALENDARIO*/
#calendar{
    width: 100%; 
    height: 80vh;
}
.fc-daygrid-event-harness{
    display: flex;
}
.fc-daygrid-event{
    width: 100%;
    text-align: center;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 1em;
}

.form-control.color{
    height: 30px;
}

.fc-event {
    background: none !important; /* Elimina el fondo azul predeterminado */
    border: none !important;     /* Elimina cualquier borde predeterminado */
}

/*validacion de formularios*/
.formato, .vacio, .mensaje {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
  }

 .errores {
    border-color: #ee335e !important;
    padding-inline-end: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .borrarErrores {
    border-color: #22c03c !important;
    padding-inline-end: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300cccc ' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


/*tippy.js*/
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}

.tippy-box[data-theme~='light'] {
    background-color: white;
    color: #333;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    padding: 1px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}