/* public/css/custom.css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
    --primary: #003770;  /* Example primary color */
    --secondary: #ffed4a; /* Example secondary color */
}

.bg-primary {
    background-color: var(--primary) !important;
    font-family: 'Roboto', sans-serif;
}

.text-primary {
    font-family: 'Roboto', sans-serif;
    color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}
b, strong {
    font-family: 'Roboto', sans-serif;
    font-weight: bolder;
}
.text-secondary {
    font-family: 'Roboto', sans-serif;
    color: var(--secondary) !important;
}
.btn-primary {
    font-family: 'Roboto', sans-serif;
    background-color: #003770 !important; /* Custom primary button background color */
    border-color: #003770 !important; /* Custom primary button border color */
}
.btn-primary:hover {
    font-family: 'Roboto', sans-serif;
    background-color: #002C5A !important; /* Custom primary button background color */
    border-color: #002C5A !important; /* Custom primary button border color */
}

/* Change text color for primary buttons if needed */
.btn-primary {
    font-family: 'Roboto', sans-serif;
    color: #ffffff !important; /* Custom primary button text color */
}
#crudTable_reset_button {
    font-family: 'Roboto', sans-serif;
    color: hsl(211, 100%, 22%) !important; /* Custom color for the link */
}

.sidebar-pills .nav-link.active, .sidebar-pills .nav-link:hover, .sidebar-pills .nav-link:hover .nav-icon {
    
    color: #F05B33 !important;
}

.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover{
    font-family: 'Roboto', sans-serif;
    background-color: rgba(0, 0, 0, .02);
    color: #F05B33 !important;
}

.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover{
    color: #F05B33;
}

.btn.btn-sm.btn-link{
    color: hsl(211, 100%, 22%) !important;
    font-family: 'Roboto', sans-serif;
}

a{
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    color: hsl(211, 100%, 22%) imporant !important;
    text-decoration: none;
}
a.page-link{
    font-family: 'Roboto', sans-serif;
    background-color: hsl(211, 100%, 22%) !important;
    color: #ffffff !important;
    text-decoration: none;
}

.app-header.bg-light .navbar-brand {
    color: #73818f;
    font-size: 1.4rem;
    justify-content: left;
    /* opacity: .2; */
    padding: 0 2.25rem;
    width: 250px;
}

.text-capitalize{
    text-transform: capitalize !important;
    font-family: 'Roboto', sans-serif;
}
th.sorting{
    font-family: 'Roboto', sans-serif;
}
td.dtr-control{
    font-family: 'Roboto', sans-serif;
}

.list-unstyled {
    list-style-type: none;
    padding-left: 0;
}

/* Custom styling for arrow icons */
.sidebar.sidebar-pills .nav-link .nav-icon {
    font-size: 1.1rem;
}

i.nav-icon.la.la-angle-right.ml-auto.arrow-icon{
    padding: 5px;
}

li.paginate_button.page-item {
    padding: 2px;
}

li.paginate_button.page-item.active a.page-link {
    background-color: #5979a1 !important;
}

.promo-type-boxes {
    display: flex;
    gap: 10px;
}
.promo-type-box {
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    flex: 1;
}
.promo-type-box.active {
    border-color: #007bff;
    background-color: #e9f7ff;
}
.promo-type-box span {
    font-weight: bold;
}