.alert.alert-custom.alert-light-brand {
    background-color: #f6e1ff8a;
    border-color: transparent; }
.alert.alert-custom.alert-light-brand .alert-icon i {
    color: #c368c0; }
.alert.alert-custom.alert-light-brand .alert-text {
    color: #c368c0; }
.alert.alert-custom.alert-light-brand .alert-close i {
    color: #c368c0; }
.alert.alert-custom.alert-light-brand .alert-close:focus, .alert.alert-custom.alert-light-brand .alert-close:hover {
    color: #c368c0; }
.alert.alert-custom.alert-light-brand.alert-notice {
    border: 0;
    border-left: 4px solid #c368c0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }



.navbar-brand {
    color: #000;
    font-size: 1.7rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

#canvas {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
}
body {
    background: #FFF !important;
}

.ai-button {
    background-color: #c368c0;
    color: #fff;
}
.ai-dot{
    background-color: #fff;
    color: #c368c0;

}

.ai-link {
    color: #c368c0;
}

.confirm-button{
    background-color: #23c60c;
    color: #fff;
}


.ai-svg svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #c368c0 !important; }

.token {
    transform-style: preserve-3d;
    position: relative;
}

.btn-bg-grey {
    background-color: grey !important;
    border-color: grey !important;
    color: black !important;
}