.bg-primary {
    background-color: #3486C7 !important; /* your custom color */
}
.btn-primary {
    color: #fff !important;
    background-color: #3486C7 !important;
    border-color: #3486C7 !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #2d74ac !important;
        border-color: #286a9c !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff !important;
        background-color: #2d74ac !important;
        border-color: #286a9c !important;
        box-shadow: 0 0 0 0.2rem rgba(52, 134, 199, 0.5) !important;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        background-color: #3486C7 !important;
        border-color: #3486C7 !important;
        opacity: 0.65 !important; /* Bootstrap standard */
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff !important;
        background-color: #286a9c !important;
        border-color: #256290 !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 rgba(52, 134, 199, 0.5) !important;
        }


a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) {
    color: #3486C7 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    -webkit-text-decoration-skip: objects !important;
}

    a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) :hover {
        color: #2d74ac !important;
        text-decoration: underline !important;
    }

    a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) :not([href]):not([tabindex]) {
        color: inherit !important;
        text-decoration: none !important;
    }

        a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) :not([href]):not([tabindex]):hover,
        a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) :not([href]):not([tabindex]):focus {
            color: inherit !important;
            text-decoration: none !important;
        }

        a:not(.k-link):not(.dropdown-item):not(nav a):not(.k-button) :not([href]):not([tabindex]):focus {
            outline: 0 !important;
        }


.container{
    margin: 0 !important;
    width:100%
}

main{
    width: 97vw;
}