html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.mb-7 {
    margin-bottom: 5rem !important;
}

.kpr-blue {
    color: #008fcd;
}

.kpr-green {
    color: #00764d;
}

.bg-kpr-purple {
    background-color: rgba(123, 35, 113, 1);
}

.bg-kpr-header {
    background-color: rgba(123, 35, 113, 0.8);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #7b2371;
}

/***************************************************************/
/* Buttons Start */

.btn-tall {
    padding: 1.375rem 0.75rem;
}

.btn-primary {
    color: #fff;
    background-color: #7b2371;
    border-color: #7b2371;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #571950;
        border-color: #571950;
    }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #992b8c;
        border-color: #992b8c;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #992b8c;
        border-color: #992b8c;
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

.btn-outline-primary {
    color: #571950;
    background-color: transparent;
    background-image: none;
    border-color: #571950;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #571950;
        border-color: #571950;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #7b2371;
        border-color: #571950;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgb(123 35 113 / 50%);
            box-shadow: 0 0 0 0.2rem rgb(123 35 113 / 50%);
        }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(123 35 113 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(123 35 113 / 50%);
    }

.btn-success {
    color: #fff;
    background-color: #5cba48;
    border-color: #55ad42;
}

.btn-success {
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
}

    .btn-success:hover {
        color: #fff;
        background-color: #55ad42;
        border-color: #55ad42;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #5cba48;
        border-color: #55ad42;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
            box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
        }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(42 85 33 / 50%);
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #5cba48;
        border-color: #55ad42;
        box-shadow: 0 0 0 0.2rem rgb(100 46 94 / 50%);
    }

.btn-info {
    color: #fff;
    background-color: #0386b1;
    border-color: #0386b1;
}

    .btn-info:hover {
        color: #fff;
        background-color: #0079a1;
        border-color: #0079a1;
    }

    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #00a1d7;
        border-color: #00a1d7;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #0079a1;
        border-color: #0079a1;
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

.btn-warning {
    color: #fff;
    background-color: #f26a2a;
    border-color: #dc6329;
}

.btn-warning {
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #dc6329;
        border-color: #dc6329;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #f86f2f;
        border-color: #dc6329;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
            box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
        }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(97 43 18 / 50%);
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #f86f2f;
        border-color: #dc6329;
        box-shadow: 0 0 0 0.2rem rgb(100 46 94 / 50%);
    }

.btn-danger {
    color: #fff;
    background-color: #C71C22;
}

.btn-danger {
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
}

.btn-kprblue {
    color: #fff;
    background-color: #1085b1;
    border-color: #10779e;
}

.btn-kprblue {
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
}

    .btn-kprblue:hover {
        color: #fff;
        background-color: #10779e;
        border-color: #10779e;
    }

    .btn-kprblue:not(:disabled):not(.disabled):active, .btn-kprblue:not(:disabled):not(.disabled).active, .show > .btn-kprblue.dropdown-toggle {
        color: #fff;
        background-color: #10779e;
        border-color: #10779e;
    }

        .btn-kprblue:not(:disabled):not(.disabled):active:focus, .btn-kprblue:not(:disabled):not(.disabled).active:focus, .show > .btn-kprblue.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
            box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
        }

    .btn-kprblue:focus, .btn-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

    .btn-kprblue:focus, .btn-primary.focus {
        color: #fff;
        background-color: #10779e;
        border-color: #10779e;
        box-shadow: 0 0 0 0.2rem rgb(60 17 55 / 50%);
    }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 50%);
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 50%);
    }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

/* Buttons End */
/***************************************************************/

.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right:none;
    border-right-color:transparent;
}