body {
    color: darkslategray;
    background-color: ghostwhite;
}

.f-title {
    background-color: white !important;
    border: none;
    font-size: 22px !important;
    font-weight: 700;
    color: #304d6a;
}

.f-navbar {
    background-color: #4a4a4a !important;
}

    .f-navbar .nav-item .nav-link {
        color: white !important;
    }

    .f-navbar .nav-item .dropdown-item {
        color: #4a4a4a !important;
    }

    .f-navbar .nav-link:hover {
        color: white !important;
        background-color: #1895cd;
    }

.k-button-primary.k-button,
.k-button-icontext.k-button,
.k-dialog-buttongroup .k-button {
    padding: 0px 10px 0px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 14px !important;
    transition: all 0.5s;
    background-color: #1895cd !important;
    color: white !important;
    border-color: #1895cd !important;
}

    .k-button-primary.k-button:hover,
    .k-button-icontext.k-button:hover,
    .k-dialog-buttongroup .k-button:hover {
        background-color: white !important;
        color: #1895cd !important;
    }