:root {
    --primary-color: #326bff;
    --text-color: #ffffff;
    --bg-hover: #1e5dfd;
}

/* integration */
.tabs-style-line nav li.tab-current a {
    box-shadow: inset 0 -2px var(--primary-color) !important;
    color: var(--primary-color) !important;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
}

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

.bg-btn:hover {
    background-color: var(--bg-hover) !important;
    transition: ease-in 0.15s;
}

.border-btn,
span.border-btn {
    flex: 1;
    border: 1px solid #0674e97e !important;
    height: 40px;
    width: 140px;
    cursor: pointer;
    border-radius: 5px;
    color: #0674e9dc !important;
    box-shadow: none;
}

.border-btn:hover {
    background-color: #ad89c90d;
    color: #af68e4 !important;
    border: 1px solid #af68e4 !important;
}

.light-btn:hover {
    color: #af68e4;
    background-color: rgba(221, 221, 221, 0.178);
    border-radius: 5px;
}

/* integration */

.select-input:focus {
    box-shadow: 0 0 0 0.1rem #ae68e4 !important;
    border: #af68e4 !important;
    outline: #af68e4 !important;
}

.form-check-input {
    color: var(--primary-color) !important;
}