@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon/icomoon.eot?mnj1kl");
	src: url("../fonts/icomoon/icomoon.eot?mnj1kl#iefix")
			format("embedded-opentype"),
		url("../fonts/icomoon/icomoon.ttf?mnj1kl") format("truetype"),
		url("../fonts/icomoon/icomoon.woff?mnj1kl") format("woff"),
		url("../fonts/icomoon/icomoon.svg?mnj1kl#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="ic-"],
[class*=" ic-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: inherit;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ic-right-curve:before {
	content: "\e900";
}
.ic-left-curve:before {
	content: "\e901";
}
.ic-employee:before {
	content: "\e902";
}
.ic-paydetails:before {
	content: "\e903";
}

.tab-curvy {
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #169f98;
	position: relative;
	padding: 6px 12px 6px;
	display: inline-block;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	margin: 0 8px;
}
.tab-curvy > span {
	font-family: "Signika Negative", sans-serif;
	color: #fff;
	font-size: 20px;
}
.tab-curvy:before,
.tab-curvy:after {
	position: absolute;
	color: inherit;
	font-size: 32px;
}
.tab-curvy:before {
	content: "\e900";
	right: 100%;
	top: 0;
	text-shadow: -2px 0 1px rgba(0, 0, 0, 0.2);
	border-right: 1px solid;
	margin-right: -4px;
}
.tab-curvy:after {
	content: "\e901";
	left: 100%;
	top: 0;
	text-shadow: 2px 0 1px rgba(0, 0, 0, 0.2);
	border-left: 1px solid;
	margin-left: -4px;
}

.nav-curvy {
	padding-top: 4px;
	border-bottom: 0;
	--bs-nav-tabs-border-width: 0;
	overflow: hidden;
}
.nav-curvy > li {
}
.nav-curvy > li > a {
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #169f98;
	position: relative;
	padding: 12px;
	display: inline-block;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	margin: 0 7px;
	border-radius: 0;
	border: 0;
	color: #169f98;
}
.nav-curvy > li > a > span {
	font-family: "Signika Negative", sans-serif;
	color: #fff;
	font-size: 20px;
}
.nav-curvy > li > a > span .title-full {
	display: none;
}
.nav-curvy > li > a > span .title-truncate {
	display: inline-block;
}
.nav-curvy > li > a:before,
.nav-curvy > li > a:after {
	position: absolute;
	color: inherit;
	font-size: 44px;
	top: 0;
}
.nav-curvy > li > a:before {
	content: "\e900";
	right: 100%;
	text-shadow: -2px 0 1px rgba(0, 0, 0, 0.2);
	border-right: 1px solid;
	margin-right: -4px;
}
.nav-curvy > li > a:after {
	content: "\e901";
	left: 100%;
	text-shadow: 2px 0 1px rgba(0, 0, 0, 0.2);
	border-left: 1px solid;
	margin-left: -4px;
}
.nav-curvy > li > a:hover,
.nav-curvy > li > a:active,
.nav-curvy > li > a:focus {
	background-color: #1a938c;
	color: #1a938c;
}
.nav-curvy > li.active > a,
.nav-curvy > li.active > a:hover,
.nav-curvy > li.active > a:focus,
.nav-curvy > li > a.active,
.nav-curvy > li > a.active:hover,
.nav-curvy > li > a.active:focus {
	background: #fff;
	color: #fff;
	border: 0;
	z-index: 1;
	pointer-events: none;
}
.nav-curvy > li:first-child a {
	margin-left: 0;
}
.nav-curvy > li:first-child a:before {
	display: none;
}
.nav-curvy > li.active > a > span,
.nav-curvy > li.active > a:hover > span,
.nav-curvy > li.active > a:focus > span,
.nav-curvy > li > a.active > span,
.nav-curvy > li > a.active:hover > span,
.nav-curvy > li > a.active:focus > span {
	color: #00529c;
}
.nav-curvy > li.active > a > span .title-full {
	display: inline-block;
}
.nav-curvy > li.active > a > span .title-truncate {
	display: none;
}

.nav-curvy > li.nav-blue > a:not(.active) {
	background: #00529c;
	color: #00529c;
}
.nav-curvy > li.nav-bluegreen:not(.active) > a {
	background: #169f98;
	color: #169f98;
}
.nav-curvy > li.nav-darkgreen:not(.active) > a {
	background: #4a7f7c;
	color: #4a7f7c;
}
.nav-curvy > li.nav-darkergreen:not(.active) > a {
	background: #336666;
	color: #336666;
}

.nav-curvy > li:nth-last-child(1) {
	z-index: 1;
}
.nav-curvy > li:nth-last-child(2) {
	z-index: 2;
}
.nav-curvy > li:nth-last-child(3) {
	z-index: 3;
}
.nav-curvy > li:nth-last-child(4) {
	z-index: 4;
}
.nav-curvy > li:nth-last-child(5) {
	z-index: 5;
}
.nav-curvy > li:nth-last-child(6) {
	z-index: 6;
}
.nav-curvy > li:nth-last-child(7) {
	z-index: 7;
}
.nav-curvy > li:nth-last-child(8) {
	z-index: 8;
}
.nav-curvy > li:nth-last-child(9) {
	z-index: 9;
}
.nav-curvy > li:nth-last-child(10) {
	z-index: 10;
}
.nav-curvy > li:nth-last-child(11) {
	z-index: 11;
}
.nav-curvy > li:nth-last-child(12) {
	z-index: 12;
}
.nav-curvy > li:nth-last-child(13) {
	z-index: 13;
}
.nav-curvy > li:nth-last-child(14) {
	z-index: 14;
}
.nav-curvy > li:nth-last-child(15) {
	z-index: 15;
}
.nav-curvy > li.active {
	z-index: 20;
}

.nav-pills2 {
	border-bottom: 5px solid #17a098;
}
.nav-pills2 > li + li {
	margin-left: 0;
}
.nav-pills2 > li > a {
	padding: 10px 15px 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #ececec;
	color: #17a098;
}
.nav-pills2 > li > a:hover,
.nav-pills2 > li > a:active,
.nav-pills2 > li > a:focus {
}
.nav-pills2 > li.active > a,
.nav-pills2 > li.active > a:hover,
.nav-pills2 > li.active > a:focus {
	background: #17a098;
	color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: white;
}