@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: "Space Grotesk", sans-serif;
}
.active {
    animation: blink 2.5s infinite;
}

.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%),
        url("https://lh3.googleusercontent.com/aida-public/AB6AXuDa0L_uKizxcxpFfdgleXFNTP4nFDF--PPDlNhoZyaWugCwodxPJFfF9Ic27-mrfYJKKXAk6yqTKgNM2kajjMqphZjB0MiqEXZSNCPEwqHOuZ2aDkf5z293qsgH8svfqbYBPaTaHagytaY7y6ASicmnIKjF6AF4JgQievBoVSPOqsjTo3GxEiG_VhUrnbhFYXBInb5KAVkXbL6Y8A-8kxBJNIH7cCvW10yGUBjwlfLSanvTaIFM8xWHVRLEqe4TNNTgUANgTKMQMakM");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about-us {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%), url("https://www.dvlexpress.com/wp-content/uploads/2023/11/about-us.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contact-us {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%), url("https://www.dvlexpress.com/wp-content/uploads/2023/11/contacts.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

ul li a.active-link {
    color: #fb8e3a;
    font-weight: 600;
}
.ball {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: #fb8e3a;
}

.hide-menu {
    display: none !important;
}

/* datatables overiding */
#packageTable thead tr th,
#claimsTable thead tr th {
    text-align: left !important;
}
#packageTable tbody tr td,
#claimsTable tbody tr td {
    text-align: left !important;
}
#packageTable_wrapper .dt-layout-row:first-of-type,
#claimsTable_wrapper .dt-layout-row:first-of-type,
#ticketsTable_wrapper .dt-layout-row:first-of-type,
#clientsTable_wrapper .dt-layout-row:first-of-type,
#usersTable_wrapper .dt-layout-row:first-of-type,
#inventoryTable_wrapper .dt-layout-row:first-of-type {
    display: none !important;
}

.dt-paging nav {
    display: flex !important;
    align-items: center !important;
}

.disabled {
    cursor: not-allowed;
    pointer-events: none;
}
button.disabled {
    background-color: #fb8e3a80;
}

.hold{
    background-color: #DC2626;
}

@keyframes blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}