@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Prata&family=Princess+Sofia&display=swap');

body {
    font-family: 'inter' !important;
}

.main-wrapper .main-content .breadcrumb-title {
    border: none;
}

.mandatory {
    color: red;
}

.error-message {
    color: red;
}

table.dataTable td, table.dataTable th {
    vertical-align: middle;
}

.btn-green {
    background-color: #e1e31d;
    color: #000;
}

.btn-green:hover {
    background-color: #e1e31d;
    color: #000;
}

.btn-black {
    background-color: #000;
    color: #fff;
}

.btn-black:hover {
    background-color: #000;
    color: #fff;
}

.flex-btns {
    display: flex;
    gap: 10px;
}

.edit-btn i {
    font-size: 20px;
}

.delete-btn i {
    font-size: 20px;
}

.wh-65 {
    width: 65px;
    height: 65px;
}

.f-16 {
    font-size: 16px;
}

.dash-i i {
    font-size: 36px;
    color: #e1e31d;
}

.bg-black {
    background-color: #000;
}

.primary-menu .navbar .navbar-nav a.nav-link.active {
    color: #fff;
    background-color: #000;
}

.primary-menu .navbar .navbar-nav a.nav-link.active:hover {
    color: #000;
    background-color: #e1e31d;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #000;
}

.primary-menu .navbar .navbar-nav a.nav-link:focus {
    color: #000;
    background-color: #e1e31d;
}

.card {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all 0.5s;
}

.dashcard:hover {
    box-shadow: none !important;
}

.pace .pace-activity {
    border-top-color: #e1e31d !important;
    border-left-color: #e1e31d !important;
}