:root{
    --blue: #009fe3;
    --blue-rgb: 0, 159, 227;
    --green: #b9cd47;
    --green-rgb: 185, 205, 71;
    --brown: #6e492f;
    --brown-rgb: 110, 73, 47;
    --orange-rgb: 255, 193, 7;

    --primary: var(--green);
    --primary-rgb: var(--green-rgb);
    --secondary: var(--brown);
    --secondary-rgb: var(--brown-rgb);
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0px 2px 6px 0px rgba(var(--primary-rgb), 0.5);
}
.btn-primary:hover {
    color: #fff;
    background-color: rgba(var(--primary-rgb), .8);
    border-color: rgba(var(--primary-rgb), .8);
}
.btn-primary:focus, .btn-primary.focus{
    box-shadow: 0px 2px 6px 0px rgba(var(--primary-rgb), 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: rgba(var(--primary-rgb), .8);
    border-color: var(--primary);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--primary);
    border-color: var(--primary);
    background-color: var(--primary);
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}
.footer-info {
    color: var(--primary);
}

.bg-primary{
    background-color: var(--primary) !important;
}

.form-control:focus {
    border-color: var(--primary);
}

.add-row, .remove-row{
    cursor: pointer;
    padding: 0.25rem 0.4rem;
}


.nav-pills .nav-link, .nav-pills > .nav-link {
    color: #fff;
    background-color: #8b8b8b;
}

a.signed,
.nav-pills .nav-link.tab-filled.active,
.nav-pills .nav-link.tab-filled,
.nav-pills .nav-link.materials.active,
.nav-pills .nav-link.materials {
    color: #00e312;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--primary);
}
a.signed:hover {
    background-color: #00e312;
}

#start-work .nav.nav-pills .nav-link{
    padding: 0.75rem;
}

.datepicker{
    padding: 0 !important;
}

#depannage .nav.nav-pills .nav-link {
    padding: 0.75rem 1rem;
}

@media (max-width: 757px){
    #start-work .nav.nav-pills .nav-link{
        padding: 0.375rem;
    }
    .content-page {
        padding: unset;
    }
    body .container-fluid{
        max-width: unset;
    }
}

.tabs-container .panel-body {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.tabs-container .tab-pane .panel-body {
    border-top: none;
}
button.btn {
    padding: 0.45rem 0.6rem;
}
.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;
}
.dropzone {
    border: 2px dotted rgba(var(--primary-rgb), .3);
}

.camera .counter{
    position: absolute;
    top: 2px;
    right: 2px;
}
.cards a{
    color: var(--primary);
}

span.fi{
    border-radius: .2rem;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: var(--brown) !important;
}

tr.pickup-today,
tr.return-today{
    background-color: rgba(var(--primary-rgb), .3) !important;
}
tr.return-late{
    background-color: rgba(var(--orange-rgb), .3) !important;
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary {
    cursor: pointer;
    color: var(--primary);
    border-color: var(--primary);
    padding: 0.75rem 0.9rem;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.text-primary{
    color: var(--primary) !important;
}

/* input[name="fuel_tank_departure"]:has(label.btn){
    padding: 0.75rem 0.9rem;
} */

.checklist-category{
    background-color: rgba(var(--primary-rgb), 0.3);
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--primary);
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--primary);
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--primary);
}