/* Add css for the needs */

/* .floating-elements-labels {
    left: 1rem !important;
} */

.text-danger-custom{
    color: #dc3545;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: Arial;
}

.crud-tabulator {
    width: 100%;
}

.ri-button-custom-adjustment{
    width: 40px; 
    height: 40px; 
    padding: 0;
}

.ri-icon-custom-adjustment{
    font-size: 20px; 
    line-height: 1;
}

.tabulator .tabulator-row:hover:not(.tabulator-selected) {
    box-shadow: inset 0 0 0 9999px rgba(233, 236, 239, 0.9);
    cursor: pointer;
}

.tabulator-col-group .tabulator-col-title {
    justify-content: center;
    text-align: center;
}

.label-job-order-details {
    font-family: 'Roboto', sans-serif; 
    margin: 0;
}

.form-check-input.toggle-switch {
    width: 70px !important;  
    height: 40px;
}

.form-check-label.toggle-switch{
    font-size: 1.2rem; 
    margin-left: 10px; 
}

.tab-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.tab-scroll-wrapper .nav-tabs {
    flex-wrap: nowrap !important; /* force single line */
}

.tab-scroll-wrapper .nav-link {
    white-space: nowrap !important; /* prevent label wrapping */
}

.custom-badge-border {
    border: 2px solid #fff;
}


/* Customized Radio Button */
  
.radio-light-neon {
    display: flex;
    gap: 28px;
    font-family: "Inter", system-ui, sans-serif;
}

.radio-light-neon .neon-card {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 30px;
    border-radius: 20px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(13, 110, 253, 0.15);
    transition: all 0.3s ease;
    line-height: 1.4;
}

.radio-light-neon input {
    display: none;
}

.radio-light-neon .neon-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #0d6efd;
    position: relative;
    box-shadow:
        0 0 10px rgba(13, 110, 253, 0.45),
        inset 0 0 6px rgba(13, 110, 253, 0.25);
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.radio-light-neon .neon-dot::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0d6efd;
    position: absolute;
    inset: 0;
    margin: auto;
    box-shadow: 0 0 12px rgba(13, 110, 253, 0.9);
    transform: scale(0);
    transition: transform 0.25s ease;
}

.radio-light-neon input:checked + .neon-dot::after {
    transform: scale(1);
}

.radio-light-neon input:checked + .neon-dot {
    box-shadow:
        0 0 18px rgba(13, 110, 253, 0.85),
        inset 0 0 8px rgba(13, 110, 253, 0.35);
}

.radio-light-neon .neon-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.12),
        0 0 20px rgba(13, 110, 253, 0.45);
}

/* END Radio */