/*SIDE MENU BAR*/
nav.navbar{
	background-color:#eaeff1;
	/* background-color: #d3dfeb; */
	color: #000;
}

nav.navbar a, nav.navbar a i:before{
	color: #666666;
}

nav.navbar a:hover i:before{
	color: #fff;
}

nav.navbar a i.fi-menu:before{
	font-size: 22px!important;
	color: #2283ab;
}

nav.navbar a:hover i.fi-menu:before{
	color: #fff;
}

nav.navbar a span {
	color: #fff;
}

nav.navbar a#languages span {
	color: #666;
}

.login-logo img{
	height:80;
}
/*SIDE MENU BAR*/

/*page nav*/

.page-nav-container {
	position: relative;
	padding: 0 25px; /* space for scroll buttons */
	border-bottom: 1px solid #dee2e6;
}

.page-nav-wrapper {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	height: 42px;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

.page-nav {
	flex-wrap: nowrap !important;
	white-space: nowrap;
	padding: 3px;
	padding-bottom: 0;
	border-bottom: 0;
}

.page-nav-wrapper::-webkit-scrollbar {
	display: none;
}

.page-nav .nav-item {
	display: inline-block;
}

.page-nav .nav-link {
	display: inline-block;
	padding: 10px 16px;
	margin: 0;
	font-size: 0.8rem;
	border: none !important;
    margin-inline: 0.3125rem;
    background-color: #fff ;
    color: #666666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1), 2px 0 4px rgba(0, 0, 0, 0.05), -2px 0 4px rgba(0, 0, 0, 0.05);
}

.page-nav .nav-link.active {
	background-color: #007bff !important;
	color: #fff !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    cursor: default;
    pointer-events: none;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1), 2px 0 4px rgba(0, 0, 0, 0.05), -2px 0 4px rgba(0, 0, 0, 0.05); /* Only top and sides */
}

.scroll-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 10;
	box-shadow: none;
}

.scroll-btn:hover {
	background: transparent;
}


.scroll-btn:focus-within {
	outline: none;
}

.scroll-btn:disabled {
	opacity: 0.4;
	cursor: default;
	pointer-events: none;
}

.scroll-btn.left {
	left: 0;
}

.scroll-btn.left .fa-arrow-down {
	transform: rotate(90deg);
}

.scroll-btn.right {
	right: 0;

}
.scroll-btn.right .fa-arrow-up {
	transform: rotate(90deg);
}

.toggleCardClass{
	cursor: pointer !important;
}