:root {
    --tblr-gray-700: white;
}
.text-muted {
    color: var(--tblr-secondary-color)!important;
}
a.nav-link>.logo {
    max-height: 60px;
}
a:not([href]) {
    cursor: not-allowed;
    opacity: .7;
}
.navbar-collapse .dropdown-toggle:after {
    font-size: 16px;
    margin-left: 0.4rem;
    top: 2px;
    position: relative;
}
header {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1051;
}
.navbar-overlap:after {
    display: none !important;
}
.page-wrapper {
    --tblr-heading-color: black;
    padding-top: 75.8px;
    color: black;
}

body[bp-layout=horizontal-overlap] .breadcrumb .active,
body[bp-layout=horizontal-overlap] .header-operation, body[bp-layout=horizontal-overlap] [bp-section=page-heading] {
    color: var(--tblr-dark);
}


.mr-2 {
    margin-right: 4px;
}
a.nav-link i {
    font-size: 30px !important;
}
.dropdown-separator {
    padding: 1rem 1rem 0;
    margin: 0;
    color: var(--tblr-gray-500);
}
.page.page-center {
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), #9ab646dd),url("/img/traffic-332857_1920.jpg");
    background-size: cover;
    background-position: center center;
}
.navbar-overlap:after {
    height: 7rem;
}
.infringements-very-low {
    background-color: #e9e100;
}
.infringements-low {
    background-color: #ffc302;
}
.infringements-medium {
    background-color: #ff8f00;
}
.infringements-high {
    background-color: #ff5b00;
}
.infringements-very-high {
    background-color: #ff0505;
}
.infringements-none,
.status-pending {
    background-color: var(--tblr-gray-500);
}
.status-parsing {
    background-color: var(--tblr-yellow);
}
.status-parsed {
    background-color: var(--tblr-info);
}
.status-analyzing {
    background-color: var(--tblr-warning);
}
.status-analyzed {
    background-color: var(--tblr-success);
}
.status-analyzed-limited-data {
    background-color: #006b3c;
}

.status-no-companylock,
.status-no-activities,
.status-error-parsing,
.status-error-analyzing,
.badge-danger {
    background-color: var(--tblr-danger);
}
.status-skipped {
    background-color: var(--tblr-table-bg);
    color: var(--tblr-body-color);
}
.btn-group .dt-button-collection {
    width: unset;
    min-width: 218px;
    max-width: 90vw;
}
#crudTable td,
#crudTable td.dtr-control:first-child {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.border-color-danger {
    border-color: #ff5757;
}

.border-color-warning {
    border-color: #f6c204;
}

.border-color-warning-light {
    border-color: #ffe07d;
}

.border-color-success {
    border-color: #00bc55;
}

.border-color-success-light {
    border-color: #a2d668;
}

.text-success-light {
    color: #a2d668;
}

[bp-section="crud-operation-show"] tr:has(a[bp-button]),
#saveActions {
    display: block;
    position: fixed;
    z-index: 9001;
    bottom: 1px;
    left: 1rem;
    right: 1px;
    background-color: white;
    padding: .5rem 1rem;
    border: 1px solid #dce0e5;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}
[bp-section="crud-operation-show"] tr:has(a[bp-button]) td {
    font-size: 1rem;
    vertical-align: middle;
}

[bp-section="crud-operation-show"] td:has(a[bp-button]) {
    width: 100%;
    clear: both;
}

[bp-section="crud-operation-show"] tr:has(a[bp-button]) td a {
    font-size: 1rem;
}

[bp-section="crud-operation-show"] tr:has(a[bp-button]) td a[bp-button="delete"] {
    float: right;
}

form:has(#saveActions) {
    padding-bottom: 2.5rem;
}

/** If you see this, you're probably thinking WTF, but this piece of technology makes it so the date selector on the driver page can make duplicates without seeing them.. best fix is a quick fix right???? */
h2.text-dark + h2.text-dark {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.bg-danger-light {
    background-color: #ff9aa3 !important;
}

.bg-warning-light {
    background-color: #ffca9b !important;
}

.bg-info-light {
    background-color: #7bc4ff !important;
}

.bg-danger-lighter {
    background-color: #fef2f2 !important;
}

.bg-warning-lighter {
    background-color: #fffbeb !important;
}

.bg-info-lighter {
    background-color: #eff6ff !important;
}

.bg-success-lighter {
    background-color: #f0fdf4 !important;
}

.opacity-50 {
    opacity: 0.5;
}

#contact-moment-create-form-content {
    display: none;
}

.form-group:has([name="create_task"]:checked)+#contact-moment-create-form-content {
    display: block;
}

.rounded-lg {
    border-radius: 16px;
}

.btn-none {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    outline: none;
}

.z-index-1 {
    z-index: 1;
}

.task.card:hover {
    transform: scale(1.01);
}

.task .task-description {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.task.card:hover .task-description {
    height: auto;
    opacity: 1;
}

.task.card a:hover .la {
    transform: scale(1.2);
}

/* Filter count badges */
.category-count,
.assigned-to-count,
.company-count {
    font-size: 0.75rem;
    min-width: 20px;
    text-align: center;
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
}

.task-filter .form-check {
    margin-bottom: 0.5rem;
}

.task-filter .form-check > div:first-child {
    flex: 1;
}

.blur {
    filter: blur(.5rem);
}