@font-face {
    font-family: 'BreezeSansCondensed';
    src: url('../fonts/breeze_sans/BreezeSans-RegularCondensed_20150728.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --text-grey-light: #4D4D4D;
    --matt-blue: #ffff;
    --nav-link-active-color: #FFFFFF;
    --form-label-color: #181919;
    --form-border-color: #4D4D4D;
    --form-input-placeholder-color: #4D4D4D;
    --main-font: "Afacad", sans-serif;
}

body {
    font-family: var(--main-font) !important;
}

.form-check-input:checked[type=checkbox], .form-check-input:checked[type=radio]{
    background-image: unset !important;
    background-color: var(--matt-blue) !important;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
    font-family: var(--main-font) !important;
}

a{
    color: var(--matt-blue);
}

.password-link{
    font-size: 13px;
}

.table thead .th{
    text-transform: capitalize !important;
}

table thead tr th, span{
    font-family: var(--main-font) !important;
    font-weight: 500 !important;
}

table tbody tr td, table tbody tr td span{
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #4D4D4D !important;
}

table tbody tr td, span{
    font-family: var(--main-font) !important;
}

.navbar-vertical .navbar-nav .nav-link span{
    font-family: var(--main-font) !important;
}

.navbar-vertical .navbar-nav .nav-link.active{
    background: var(--matt-blue) !important;
    color: #171719 !important;
    border-radius: 20px 0px 0px 20px;
    margin-right: 0px;
}

.navbar-vertical .navbar-nav .nav-link.active i{
    color: #171719 !important;
}

.btn{
    background: var(--matt-blue) !important;
    font-family: var(--main-font) !important;
    color: var(--nav-link-active-color) !important;
}

label{
    font-family: var(--main-font) !important;
    color: var(--form-label-color) !important;
}

.form-control{
    font-family: var(--main-font) !important;
    border-color: var(--text-grey-light, --form-border-color) !important;
}

.input-group-text{
    border-color: var(--text-grey-light, --form-border-color) !important;
    border-right: 1px solid var(--text-grey-light, --form-border-color) !important;
}

.focused .input-group-text{
    border-color: var(--matt-blue) !important;
    border-right: 1px solid var(--matt-blue) !important;
}

.form-control::placeholder{
    font-family: var(--main-font) !important;
    color: var(--form-input-placeholder-color) !important;
}

.form-control:focus{
    box-shadow: var(--matt-blue) !important;
    border-color: var(--matt-blue) !important;
}

.page-item.active .page-link{
    background-color: var(--matt-blue) !important;
    border-color: var(--matt-blue) !important;
}