:root {
    --theme-color: #100235;
    --theme-submenu-color: #493A72;
    --falcon-body-font-family: "Montserrat SemiBold", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/*TopNav*/

/*TopNav End*/

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    background-color: var(--theme-color) !important;
    color: white;
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: white !important;
}

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

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



button.btn.btn-outline-info {
    color: white !important;
    border-color: white !important;
}

    button.btn.btn-outline-info:hover {
        color: var(--theme-submenu-color) !important;
        background-color: white !important;
    }



.spinner-wave > div {
    background-color: var(--theme-color) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    opacity: 0.9;
}

    .btn-primary:hover, .navbar-vertical .btn-purchase:hover, .tox .tox-menu__footer .tox-button:hover:last-child, .tox .tox-dialog__footer .tox-button:hover:last-child {
        opacity: 1;
        background-color: var(--theme-color);
        border-color: var(--theme-color);
    }

    .btn-primary:disabled {
        color: #fff;
        background-color: var(--theme-color);
        border-color: var(--theme-color);
    }


.chat-button {
    color: var(--theme-color) !important;
    opacity: 0.8;
}

    .chat-button:hover {
        color: var(--theme-color) !important;
        opacity: 1;
    }

.chat-popup {
    border-color: var(--theme-color) !important;
}

.bg-shape {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color);
}

    .bg-shape:after {
        background-image: none !important;
    }

    .bg-shape:before {
        background-image: none !important;
    }

.ai-chat-avatar-color {
    color: var(--theme-color) !important;
}


.bg-card-gradient {
    background-color: var(--theme-color) !important;
    background-image: none !important;
}

/*
.logo-and-name-logo {
    background-image: url("../../assets/images/logos/vodafone/vodafone-logo.png");
    background-repeat: no-repeat;
}*/
.theme-wizard .nav-link.active .nav-item-circle {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.theme-wizard .nav-link.done .nav-item-circle {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.theme-wizard .nav-link.done {
    color: var(--theme-color) !important;
}
    .theme-wizard .nav-link.done .nav-item-circle {
        background-color: var(--theme-color) !important;
        color: #fff;
        border-color: var(--theme-color) !important;
    }

    .theme-wizard .nav-link.done .nav-item-circle-parent:before {
        background-color: var(--theme-color) !important;
    }
.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent:after {
    background-color: var(--theme-color) !important;
}