.footer:before {
	content: '';
	width: 100%;
	height: 15px;
	background-image: url(../img/pattern-footer.png);
	background-size: 59px 15px;
	background-position: left top;
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: -15px;
	z-index: 0;
}
element.style {text-align: left;}
.dark-mode .form-select {
	color:black;
	background-color:white;
}
.input-group {
	color:black;
	background-color:white;
}
.page-wrapper {background-color: #eef1f5;}
.navbar-brand {color: white;}
.dark.mode .userinfo {background-color:#fff;}
.navbar {
--ar-navbar-padding-x: 0.1rem;
--ar-navbar-padding-y: 0.1rem;
--ar-navbar-color: var(--ar-white);
--ar-navbar-brand-color: var(--ar-white);
--ar-navbar-toggler-color: var(--ar-black);
--ar-navbar-hover-color:#fff;
--ar-navbar-collapse-bg: #4276A4;
}
.navbar-dark {
--ar-navbar-hover-color:#fff;
--ar-navbar-active-color:#fff;
}
.nav-link {--ar-nav-link-color: var(--ar-white);}
.dropdown-menu{--ar-dropdown-link-color: var(--ar-gray-900);}
.dark-mode .page-wrapper {
    background-color: #00264d;
}
.nav-tabs {
--ar-nav-tabs-link-active-color:#000;
}
.nav {
--ar-nav-link-active-color:#000;
--ar-nav-link-hover-color:#000;
--ar-nav-link-disabled-color:#000;
}
.navbar .navbar-collapse {
    background-color: #448c74;
}
.card-header {
padding:5px;
}
.card-title {
margin-bottom: 1px;
}
.style-cattext8 {
	font-family: Verdana;
	font-size: 8pt;
	color: black;
}
.dark-mode .style-cattext8 {
	color:white;
}
.btn-scroll-top {
bottom: 8rem;
}