<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
</style>
@font-face {
        font-family: Rubik;
        src:url('downloads/Rubik-VariableFont_wght.ttf');
}
h4 {
        font-family:Rubik, sans-serif;
}
p {
        font-family:Rubik, sans-serif;
        font-size: 14px;
}
body {
        font-family:Rubik, sans-serif;
        font-size: 13px;
}
.btn-primary {
    color: #fff;
    background-color: #B00823;
    border-color: #B00823;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{
     color:#fff;
     background-color: ;
     border-color: #808283;
}
.btn-default:hover{
    color: #fff;
    background-color: #E1E3E7;
    border-color: #E1E3E7;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #B00823;
    border-color: #B00823;
}
.nav-pills > li.active > button, .nav-pills > li.active > button:hover, .nav-pills > li.active > button:focus {
    color: #fff;
    background-color: #B00823;
}
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #B00823;
    border-color: #B00823;
}
th {
    font-weight: bold;
    color: #B00823;
}
td {
    font-size: 14px;
}
a:hover {
     color: #444;
}
control-label col-sm-4 {
     font-size: 14px;
}
footer {
    color: #000000;
    bottom: 0;
    left: 0;
    right: 0;
}
.col-md-12{
    color: #B00823;
}