body {
	font-family: "Inter", sans-serif;
	color: #212529;
}

img.img-logo {
	max-height: 50px;
}

.navbar {
	background-color: rgba(156,171,24,.8) !important;
}

.navbar .nav-link {
	color: #FFFF;
    padding: .5rem 1rem;
    font-weight: 400;
}

.bg-nav {
    width: 100%;
	height: 100px;
    background-color: #9cab18;
    position: absolute;
    top: 0;
}

a.dropdown-item .dropdown-header {
	color: #27272a;
}

footer.footer {
    background-color: #9cab18;
}

.icon.icon-nav-footer {
	width: 30px; 
	height: 30px; 
	align-items: center;
}

.icon.icon-nav-footer i {
	top: 0;
}

.bg-primer-new {
	background-color: #9cab18;
}

.bg-danger-1 {
	background-color: rgb(255, 102, 146);
}

.bg-success-1 {
	background-color: #36c76c;
}

.card .card-body { 
	font-family: "Inter", sans-serif;
}

.box-image-top.announce {
	width: 100%;
    padding-bottom: 50%;
    border-top-left-radius: var(--bs-card-border-radius);
    border-top-right-radius: var(--bs-card-border-radius);
    background-position: top center;
    background-size: cover;
}

table.dataTable {
  	border-collapse: collapse
} 

table.dataTable tbody tr:hover {
    background-color: #FFF;
}

table.dataTable.table td, table.dataTable.table th {
	white-space: unset;
}

.page-item.active .page-link, .page-item.active span {
	color: #FFF;
}

.modal .modal-dialog.view-image {
	max-width: 1000px;
}