/* ================== DETALLES ============================ */
.cursor {cursor: pointer;}
.nolink {pointer-events: none;cursor: default;color:#d5d5d5 !important}

.blinkicon {animation: blinker 0.75s linear infinite;}
@keyframes blinker 
{
    50% {opacity: 0;}
}

/* ================== ANCHOS ESPECIALES =================== */
.w-1 {width:1% !important;}
.w-2 {width:2% !important;}
.w-3 {width:3% !important;}
.w-4 {width:4% !important;}
.w-5 {width:5% !important;}
.w-6 {width:6% !important;}
.w-7 {width:7% !important;}
.w-8 {width:8% !important;}
.w-9 {width:9% !important;}
.w-10 {width:10% !important;}
.w-12 {width:12% !important;}
.w-15 {width:15% !important;}
.w-20 {width:20% !important;}
.w-25 {width:25% !important;}
.w-30 {width:30% !important;}
.w-35 {width:35% !important;}
.w-40 {width:40% !important;}
.w-45 {width:45% !important;}
.w-55 {width:55% !important;}
.w-60 {width:60% !important;}
.w-65 {width:65% !important;}
.w-70 {width:70% !important;}
.w-80 {width:80% !important;}
.w-85 {width:85% !important;}
.w-90 {width:90% !important;}
.w-95 {width:95% !important;}

/* ================= COLORES ESPECIALES ==================== */
.bg-index {background-color:#393939;}
.text-blue {color: #5484f0 !important;}
/* ================ TABLAS ==================================== */
thead {background-color: #888 !important;color: #fff !important;}


/* =================== MODAL 2FA ================================ */
.otp-field {flex-direction: row; column-gap: 10px; display: flex; align-items: center; justify-content: center;}
.otp-field input {height: 45px;width: 42px;border-radius: 6px;outline: none; font-size: 1.125rem;text-align: center; border: 1px solid #ddd;}
.otp-field input:focus {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.otp-field input::-webkit-inner-spin-button,.otp-field input::-webkit-outer-spin-button {display: none;}

/* =================== CANVAS ================================ */
#draw-canvas {border: 1px solid #666;background-color: #f5f5f5}