body {
	font-family: "Nikos";

}

.top-right-button {
    position: fixed;
    top: 140px; /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    padding: 10px 20px;
    background-color: #104537; /* Button color */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s;
	z-index: 1000; /* Ensure the button is on top */

}

.top-right-button:hover {
    background-color: #0056b3; /* Button color on hover */
}

/************Side Nav bar************************/
.default-sidebar > .side-navbar ul a {
	color: #fff;
}
.default-sidebar > .side-navbar a {
	font-size: 16px;
}
.default-sidebar > .side-navbar ul ul a {
	font-size: 15px;
	color: #fff;
}
.default-sidebar > .side-navbar {
	min-width: 320px;
	max-width: 320px;
}
.content-inner {
	width: calc(100% - 320px);
	margin-left: 320px;
	margin-top: 25px;
	transition: all 0.3s ease;
}
.default-sidebar > .side-navbar li ul li a::before{
content: "\203A"; /* Unicode character for chevron right (›) */
        margin-right: 5px;
}
.default-sidebar > .side-navbar ul li.active i, .default-sidebar > .side-navbar li ul li a.active {
	color: orange;
	background-color: #104d10;
}



footer.main-footer.fixed-footer {
	margin-left: 320px;
}

.stretch-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
}

.stretch-card>.card {
	width: 100%;
	min-width: 100%;
}

.card {
	border: 0;
	background: #fff;
}

.card .card-body {
	padding: 2.5rem 2.5rem;
}

.card .card-body+.card-body {
	padding-top: 1rem;
}

.card .card-title {
	color: #343a40;
	margin-bottom: 0.75rem;
	text-transform: capitalize;
	font-family: "ubuntu-medium", sans-serif;
	font-size: 1.125rem;
}

.card .card-subtitle {
	font-family: "ubuntu-regular", sans-serif;
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}

.card .card-description {
	color: #76838f;
	margin-bottom: 1.5rem;
	font-family: "ubuntu-regular", sans-serif;
}

.card.card-outline-success {
	border: 1px solid theme-color("success");
}

.card.card-outline-primary {
	border: 1px solid theme-color("primary");
}

.card.card-outline-warning {
	border: 1px solid theme-color("warning");
}

.card.card-outline-danger {
	border: 1px solid theme-color("danger");
}

.card.card-rounded {
	border-radius: 5px;
}

.card.card-faded {
	background: #b5b0b2;
	border-color: #b5b0b2;
}

.card.card-circle-progress {
	color: #ffffff;
	text-align: center;
}

.card.card-img-holder {
	position: relative;
}

.card.card-img-holder .card-img-absolute {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.card.bg-blue-gradient {
	background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc));
	background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);
	color: #fff;
}

.card.bg-orange-gradient {
	background: -webkit-gradient(linear, left top, right top, from(#ff7f2e), to(#fe7452));
	background: linear-gradient(to right, #ff7f2e, #fe7452);
	color: #fff;
}

.card.bg-green-gradient {
	background: -webkit-gradient(linear, left top, right top, from(#24e8a6), to(#09cdd1));
	background: linear-gradient(to right, #24e8a6, #09cdd1);
	color: #fff;
}

.card.card-no-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bg-gradient-primary {
	background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
	background: linear-gradient(to right, #da8cff, #9a55ff) !important;
}


.bg-gradient-success {
	background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
	background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}

.bg-gradient-info {
	background: -webkit-gradient(linear, left top, right top, from(#f5f6f7), color-stop(89%, #f5f6f7)) !important;
	background: linear-gradient(to right, #f5f6f7, #f5f6f7 89%) !important;
}

.bg-gradient-warning {
	background: -webkit-gradient(linear, left top, right top, from(#055f05), to(#055f05)) !important;
	background: linear-gradient(to right, #055f05, #055f05) !important;
}

.bg-gradient-danger {
	background: -webkit-gradient(linear, left top, right top, from(#efefef), to(#efefef)) !important;
	background: linear-gradient(to right, #efefef, #efefef) !important;
}

.bg-gradient-secondary {
	background: -webkit-gradient(linear, left top, right top, from(#6F0000), to(#6F0000)) !important;
	background: linear-gradient(to right, #6F0000, #6F0000) !important;
}

.bg-gradient-light {
	background: -webkit-gradient(linear, left top, left bottom, from(#ac1c1c), to(#ac1c1c)) !important;
	background: linear-gradient(to bottom, #ac1c1c, #ac1c1c) !important;
}

.bg-gradient-dark {
	background: -webkit-gradient(linear, left top, right top, from(#3db043), to(#3db043)) !important;
	background: linear-gradient(to right, #3db043, #3db043) !important;
}
.container-fluid {
    padding: 15px 15px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

h1,
.h1 {
	font-size: calc(1.375rem + 1.5vw);
	color: #e9ecef;
}

@media (min-width: 1200px) {

	h1,
	.h1 {
		font-size: 2.5rem;
		color: #e9ecef;
	}
}

h2,
.h2 {
	font-size: calc(1.325rem + 0.9vw);
	color: #e9ecef;
}

@media (min-width: 1200px) {

	h2,
	.h2 {
		font-size: 2rem;
		color: #e9ecef;
	}
}

h3,
.h3 {
	font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

	h3,
	.h3 {
		font-size: 1.75rem;
	}
}

h4,
.h4 {
	font-size: calc(1.275rem + 0.3vw);
	color: #000;
}

@media (min-width: 1200px) {



	h4,
	.h4 {
		font-size: 1.5rem;
		color: #000;
	}
}

h5,
.h5 {
	font-size: 1.25rem;
	color: #000;
}

h6,
.h6 {
	font-size: 1rem;
	color: #000;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.footer {
	background: #f2edf3;
	color: color(dark);
	border-top: 1px solid #e7dee9;
	padding: 30px 1rem;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	font-size: calc(0.875rem - 0.05rem);
	font-family: "ubuntu-regular", sans-serif;
}

.footer a {
	color: #1bcfb4;
	font-size: inherit;
}

@media (max-width: 991px) {
	.footer {
		margin-left: 0;
		width: 100%;
	}
	.default-sidebar > .side-navbar {
		min-width: 0px;
		max-width: 0px;
	}
	.nav-footer{
		display: none;
	}
}