:root {
    --primary: #C61C29;
    --secondary: #5b636a;
    --priimary-rgb: 198, 28, 41;
    --secondary-rgb: 91, 99, 106;
    --primary-dark: #a41722;
    --primary-dark-rgb: 164, 23, 34;
}

.text-primary {
	color: var(--primary) !important;
}

.text-secondary {
	color: var(--secondary) !important;
}

.table-active > * {
	background-color: var(--primary) !important;
	color: white !important;
}

.nav-link:hover {
	background-color: #efefef;
}	

.w-20 {
	width: calc(100% / 6);
}

.sorting {
	cursor: pointer;
}

.sorting:not(.active) .bi {
	display: none;
}

.message {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: .915rem .415rem;
	z-index: 9999;
	background: white;
	border-bottom: 1px solid #ddd;
	box-shadow:	0 0 3px rgba(0, 0, 0, .45);
}

.message p {
	margin: 0;
}

.dismiss {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	background-color: transparent;
	border: none;
	font-size: 2rem;
}

#display-eye {
	position: absolute;
	top: 32px;
	right: 0;
}

.btn[title='Add New Record'] .bi-plus-circle-fill{
	display:none;
}

.btn[title='Add New Record']:hover .bi-plus-circle-fill {
	display: block;
}

.btn[title='Add New Record']:hover .bi-plus-circle {
	display: none;
}

@media all and (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1740px;
	}
}