@import url("base_style.css");

:root {
    /* Core color */
    --core: #CF470C;
    /* Secondary colors */
    --light-beige: #F8F4ED;
    --dark-beige: #EEEAE3;
    --jet: #2C2C2C;
    --lavender: #F3F7FF;
    /* Accent colors */
    --yellow: #F1C40F;
    --blue: #3467C6;
    --vista-blue: #9DA9DF;
}

.bg-core {
    background-color: var(--core);
}

.bg-beige-light {
    background-color: var(--light-beige);
}

.bg-beige-dark {
    background-color: var(--dark-beige);
}

.bg-jet {
    background-color: var(--jet);
}

.bg-lavender {
    background-color: var(--lavender);
}

.bg-yellow {
    background-color: var(--yellow);
}

.bg-blue {
    background-color: var(--blue);
}

.bg-blue-vista {
    background-color: var(--vista-blue);
}

.card-header-bg {
    background-color: var(--blue);
    color: #FFF;
}

.card-footer-btn {
    background-color: var(--core);
}

.btn-outline-primary {
    border-color: var(--core) !important;
    color: var(--core) !important;
}

.btn-outline-primary:hover {
    background-color: var(--core) !important; /* Change to desired hover background color */
    border-color: var(--core) !important; /* Change to desired hover border color */
    color: #ffffff !important; /* Change text color for contrast */
}

.bg-primary {
    background-color: var(--core) !important;
}

.list-group-title {
	background-color: var(--core);
}

.btn-primary, .btn-primary:hover {
    background-color: var(--core);
    border-color: var(--core);
    color: #ffffff;
}

.list-group-title {
	background-color: var(--core);
	color: #ffffff;
}

tbody tr.bg-green-certified td {
	background-color: rgba(169, 255, 110, 0.67) !important;
}

.bg-dark-blue {
    background-color: #293a4a;
}

.bg-white {
    background-color: #fff;
}

.bg-green {
	background-color: rgba(169, 255, 110, 0.67) !important;
}

td.dt-type-numeric, th.dt-type-numeric {
	text-align: left !important;
}

.nav-link.active {
    border-color: var(--jet);
    border-bottom-color: var(--core);
}

.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover,.dropdown-item:focus,.dropdown-item:focus-within {
    outline: 0;
    background-color: var(--core) !important;
    color: #fff
}

.user-profile {
    background-color: var(--jet);
    border: 3px solid var(--core);
}

.brand-icon {
    display: grid;
    grid-template-columns: 20px 5px 20px;
    grid-template-rows: 20px 5px 20px;
    gap: 0px;
    width: max-content;
}

.brand-icon div {
    background-color: var(--core);
    width: 20px;
    height: 20px;
}

.brand-icon div:nth-child(2),
.brand-icon div:nth-child(4),
.brand-icon div:nth-child(5),
.brand-icon div:nth-child(6) {
    background-color: transparent;
}

.btn:disabled {
    background-color: var(--dark-beige);
    border-color: var(--dark-beige);
    color: #6c757d;
}

.user-actions i.private-profile {
    color: grey;
}

.user-actions i {
    color: #2b3a4b;
}

footer {
    & .copyright {
        padding-left: .5rem;
    }
}