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

    .btn-primary:hover {
        background-color: var(--primaryDark) !important;
        border-color: var(--primaryDark) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: var(--primaryLight) !important;
        border-color: var(--primaryLight) !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem var(--primaryDark) !important;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: var(--primaryLight) !important;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--primaryLight) !important;
        }

.bg-gradient-primary {
    background-color: var(--primary) !important;
    background-image: linear-gradient(180deg, var(--primaryDark) 10%, var(--primaryLight) 100%) !important;
}


.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: var(--secondaryLight) !important;
        border-color: var(--secondaryLigh) !important;
    }

    .btn-secondary:hover {
        background-color: var(--secondaryDark) !important;
        border-color: var(--secondaryDark) !important;
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: var(--secondaryLight) !important;
        border-color: var(--secondaryLight) !important;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem var(--secondaryDark) !important;
    }


.bg-gradient-secondary {
    background-color: var(--secondary) !important;
    background-image: linear-gradient(180deg, var(--secondaryDark) 10%, var(--secondaryLight) 100%) !important;
}



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

a.badge-primary:hover, a.badge-primary:focus {
    background-color: var(--primaryDark) !important;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primaryDark) !important;
}

.badge-secondary {
    background-color: var(--secondary) !important;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    background-color: var(--secondaryDark) !important;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--secondaryDark) !important;
}

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

    .alert-primary hr {
        border-top-color: var(--primary) !important;
    }

    .alert-primary .alert-link {
        color: var(--primaryDark) !important;
    }

.alert-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

    .alert-secondary hr {
        border-top-color: var(--secondary) !important;
    }

    .alert-secondary .alert-link {
        color: var(--secondaryDark) !important;
    }


.list-group-item-primary {
    color: var(--primary) !important;
    background-color: var(--primary) !important;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: var(--primary) !important;
        background-color: var(--primary) !important;
    }

    .list-group-item-primary.list-group-item-action.active {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
    }

.list-group-item-secondary {
    color: var(--secondary) !important;
    background-color: var(--secondary) !important;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: var(--secondary) !important;
        background-color: var(--secondary) !important;
    }

    .list-group-item-secondary.list-group-item-action.active {
        background-color: var(--secondary) !important;
        border-color: var(--secondary) !important;
    }


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

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

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

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

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

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

.border-secondary {
    border-color: var(--secondary) !important;
}

.border-secondaryWithoutOpacity {
    border-color: var(--secondaryWithoutOpacity) !important;
}

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

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

a.text-primary:hover, a.text-primary:focus {
    color: var(--primaryDark) !important;
}

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

a.text-secondary:hover, a.text-secondary:focus {
    color: var(--secondaryDark) !important;
}

.bg-gradient-primary {
    background-color: var(--primary) !important;
    background-image: linear-gradient(180deg, var(--primaryDark) 10%, var(--primaryLight) 100%) !important;
    background-size: cover;
}

.bg-gradient-secondary {
    background-color: var(--secondary) !important;
    background-image: linear-gradient(180deg, var(--secondaryDark) 10%, var(--secondaryLight) 100%) !important;
    background-size: cover;
}

.border-left-primary {
    border-left: 0.25rem solid var(--primary) !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid var(--primary) !important;
}

.border-left-secondary {
    border-left: 0.25rem solid var(--secondary) !important;
}

.border-bottom-secondary {
    border-bottom: 0.25rem solid var(--secondary) !important;
}


.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: var(--primary) !important;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: var(--primary) !important;
    }

.table-hover .table-primary:hover {
    background-color: var(--primaryDark) !important;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: var(--primaryDark) !important;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: var(--secondary) !important;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: var(--secondary) !important;
    }

.table-hover .table-secondary:hover {
    background-color: var(--secondaryDark) !important;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: var(--secondaryDark) !important;
    }


.btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.upload-border {
    border: solid 1px;
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    cursor: pointer;
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem var(--primary) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--primary) !important;
    }

.btn-outline-secondary {
    color: var(--secondaryLight) !important;
    border-color: var(--secondaryLight) !important;
}

    .btn-outline-secondary:hover {
        background-color: var(--secondary) !important;
        border-color: var(--secondary) !important;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem var(--secondaryLight) !important;
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #858796;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        background-color: var(--secondary) !important;
        border-color: var(--secondary) !important;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--secondary) !important;
        }

/*
table.dataTable thead th,
table.dataTable thead td {
    background-color: var(--primaryDark) !important;
    color: white;
}

table.dataTable tbody tr.odd {
    background-color: var(--primaryLight) !important;
}
*/
.sw-theme-arrows::before {
    border: 10px solid var(--primary);
    border-top: 10px solid var(--primary);
}

.sw-theme-arrows > ul.step-anchor > li.active > a {
    border-color: var(--primary) !important;
    color: #fff !important;
    background: var(--primary) !important;
}

    .sw-theme-arrows > ul.step-anchor > li.active > a:after {
        border-left: 30px solid var(--primary) !important;
    }

.sw-theme-arrows > ul.step-anchor > li.done > a {
    border-color: var(--primary) !important;
    color: #bbb !important;
    background: var(--primary) !important;
}

    .sw-theme-arrows > ul.step-anchor > li.done > a:after {
        border-left: 30px solid var(--primary);
    }

.max-logo-width-size-onboarding {
    /*max-width: 400px;*/
}

.max-logo-width-size-dashboard {
    max-width: 140px;
}

.border-icon-custom-signals {
    border-radius: 50%;
    padding: 5px;
    border: 2px solid var(--signalsCustomTextColor) !important;
}

.text-custom-signals {
    color: var(--signalsCustomTextColor) !important;
}

.border-left-gray-300 {
    border-left: 0.25rem solid #dddfeb !important;
}