:root {
	/* --primary-font: "Arial", sans-serif; */
	/* --primary-font: "Nunito Sans", sans-serif; */
	--primary-font: "Montserrat", sans-serif;
	--primary-color: #2a67b2;
	--secondary-color: #7570af;
	--white-color: #FFFFFF;
	--black-color: #000000;
}

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: var(--primary-font);
	font-weight: 400;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

a:hover {
	color: var(--black-color);
}

textarea {
	resize: none;
}

img {
	max-width: 100%;
}

table {
	white-space: nowrap !important;
}

table th,
table td {
	vertical-align: middle;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.form-group {
	position: relative;
	margin-bottom: 20px;
}

.somespacebelow {
	margin-bottom: 20px;
}

.cmnbtn {
	display: inline-block;
	font-size: 14px;
	padding: 7.5px 15px;
	background-color: var(--primary-color);
	color: var(--white-color);
	border-radius: 4px;
	border: none;
}

.cmnbtn:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}

.block {
	display: block !important;
}

.stopscroll {
	margin: 0;
	height: 100%;
	overflow: hidden;
}

.bodybg {
	background: url(../img/bodybg.jpg) no-repeat;
	background-size: cover;
}

.logoSection {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	border-bottom: 1px solid #eeeeee;
	background-color: var(--primary-color);
}

.logoSection .ace_logo_box {
	width: 150px;
}

.logoSection .ace_logo_box img {
	width: 100%;
}

.logoSection .npci_logo_box {
	width: 150px;
}

.logoSection .npci_logo_box img {
	width: 100%;
}

.loginSection {
	padding: 30px 0;
}

.loginSection .loginSection__main {
	display: flex;
	flex-direction: row;

	background-color: var(--white-color);
	margin: 0;
}

@media (max-width: 767px) {
	.loginSection .loginSection__main {
		flex-direction: column;
	}
}

.loginSection .loginSection__main .loginSection__slider {
	width: 50%;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.loginSection .loginSection__main .loginSection__slider {
		width: 100%;
	}
}

.loginSection .loginSection__main .loginSection__slider .slick-list {
	height: 100%;
}

.loginSection .loginSection__main .loginSection__slider .slick-list .slick-track {
	height: 100%;
}

.loginSection .loginSection__main .loginSection__slider .loginSection__img {
	height: 100%;
}

.loginSection .loginSection__main .loginSection__slider .loginSection__img img {
	width: auto;
	/* max-width: none; */
	height: 100%;
	object-fit: cover;
}

.loginSection .loginSection__main .loginSection__slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;

	bottom: 15px;
}

.loginSection .loginSection__main .loginSection__slider .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 4px;
}

.loginSection .loginSection__main .loginSection__slider .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 1px solid var(--white-color);
	background-color: transparent;
	border-radius: 50%;
}

.loginSection .loginSection__main .loginSection__slider .slick-dots li button:before {
	display: none;
}

.loginSection .loginSection__main .loginSection__slider .slick-dots li.slick-active button {
	width: 12px;
	height: 12px;
	background-color: var(--white-color);
}

.loginSection .loginSection__main .loginSection__loginBox {
	display: flex;
	align-items: center;

	width: 50%;
}

@media (max-width: 767px) {
	.loginSection .loginSection__main .loginSection__loginBox {
		width: 100%;
	}
}

.employeelogbox {
	padding: 40px;
	width: 100%;
}

.employeelogbox img.clogo {
	margin: 0 auto;
	margin-bottom: 10px;
	display: block;
	width: 100px;
}

.employeelogbox .ace_logo_caption_box {
	text-align: center;
	margin-bottom: 20px;
}

.employeelogbox .ace_logo_caption_box h4 {
	font-size: 24px;
	line-height: 1.32;
	margin-bottom: 0;
	color: var(--primary-color);
	font-weight: 700;
}

.employeelogbox .ace_logo_caption_box p {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}

.employeeloginregform input {
	width: 100%;
	padding: 10px;
	border-radius: 4px;
	background-color: transparent;
	border: none;
	border: 1px solid #707070;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}
.styled-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin-bottom: 15px;
}
.styled-checkbox + label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: var(--secondary-color);
}
.styled-checkbox:hover + label:before {
	background: var(--secondary-color);
}
/* .styled-checkbox:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
} */
.styled-checkbox:checked + label:before {
	background: var(--secondary-color);
}
.styled-checkbox:disabled + label {
	color: #b8b8b8;
	cursor: auto;
}
.styled-checkbox:disabled + label:before {
	box-shadow: none;
	background: #ddd;
}
.styled-checkbox:checked + label:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 6px;
	background: var(--secondary-color);
	width: 6px;
	height: 12px;
	/* box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; */
	transform: rotate(45deg);
	border: 2px solid #FFF;
    border-top: none;
    border-left: none;
}

.employeeloginregform input.styled-checkbox {
	width: auto;
}

.styled-checkbox + label a{
	color: var(--primary-color);
}

.employeeloginregform input:focus-visible {
	outline: none;
}

.employeeloginregform a.fgtpwd {
	float: right;
	margin-bottom: 15px;
	color: var(--black-color);
	margin-right: 0;
	text-decoration: underline;
}

.employeeloginregform a.fgtpwd:hover {
	color: var(--primary-color);
}

.employeeloginregform button.sbtn {
	width: 100%;
	padding: 10px;
	background-color: var(--secondary-color);
	border-radius: 4px;
	border: none;
	color: var(--white-color);
	text-transform: uppercase;
	/* margin-bottom: 30px; */
	font-weight: 700;
}

.employeeloginregform p.register {
	text-align: center;
	margin-bottom: 0;
}

.employeeloginregform p.register a {
	color: #f16112;
}

#emppwdform p {
	text-align: center;
}

a.skiptodashboard {
	margin-bottom: 10px;
	display: inline-block;
	color: #03163a;
}

.passwordinputbox,
.phonenumberinputbox {
	position: relative;
	margin-bottom: 20px;
}

.showpassword {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.showpassword img {
	width: 30px;
	height: 30px;
}

.showpassword img.showit {
	display: none;
}

.phonenumberinputbox span {
	position: absolute;
	margin-left: -60px;
	margin-top: 15px;
}

#empregisterform,
#emppwdform,
.selectareward,
#orderplaced,
#orderfailed {
	display: none;
}

/*** Home Dashboard ***/

.nopad {
	padding: 0;
}

.user_row {
	height: 100px;
}

.somemarginrow {
	display: block;
	margin-bottom: 30px;
	overflow-x: auto;
	white-space: nowrap;
}

.somemarginrow div.col-md-5 {
	display: inline-block;
	float: none;
}

.dashboardMain {
	display: flex;
	flex-direction: row;
}

.dashboardsidebar {
	position: fixed;
	overflow-y: auto;
	top: 0;
	bottom: 0;
	background-color: var(--white-color);
	width: 225px;
}

.newdbhomebox {
	display: flex;
	align-items: center;
	justify-content: space-evenly;

	border-radius: 15px;
	margin: 0 0 30px;
	padding: 15px;
	position: relative;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 208, 112, 0.28) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 208, 112, 0.28) 100%);
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(244, 208, 112, 0.28) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--white-color)", endColorstr="var(--primary-color)", GradientType=1);
}

@media (max-width: 767px) {
	.newdbhomebox {
		flex-direction: column;
	}
}

.dashboardcontent {
	margin-left: 225px;
	padding-top: 150px;
	background-color: var(--white-color);
	width: calc(100% - 225px);
}

@media (max-width: 767px) {
	.dashboardcontent {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.dashboardcontent {
		padding-top: 120px;
	}
}

.dasboardclogo {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0;
	background-color: var(--white-color);
	text-align: center;
	height: 100px;
}

.dasboardclogo a {
	display: block;
	width: 150px;
	height: auto;
	object-fit: cover;
}

.dasboardclogo img {
	max-width: 100%;
	max-height: 100%;
}

.dasboarduserdetails {
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100% - 225px);
	z-index: 999;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	min-height: 150px;
	background: transparent url(../img/header-bg.png) no-repeat right top / cover;
}

.dasboarduserdetails ul {
	margin: 0;
	padding: 0;
}

.dasboarduserdetails ul li {
	list-style: none;
	display: inline-block;
	color: #03163a;
}

.dasboarduserdetails ul li.notifications__box {
	padding-right: 10px;
}

.dasboarduserdetails ul li.notifications__box a img {
	border-radius: 100%;
	border: 1px solid #373838;
}

.dasboarduserdetails ul li.employeename {
	font-family: var(--primary-font);
	font-weight: 700;
	color: #03163a;
	position: relative;
}

.dasboarduserdetails ul li.employeename:after {
	content: "";
	position: absolute;
	top: 16px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid var(--black-color);
	clear: both;
	margin-left: 10px;
}

.dasboarduserdetails ul li a {
	color: #03163a;
}

.dasboarduserdetails ul li img {
	margin-right: 0;
	width: 150px;
}

.dasboarduserdetails ul li span.rewardpoints {
	margin-left: 20px;
	padding: 3px 10px;
	background-color: #f16112;
	border-radius: 15px;
	font-size: 14px;
	color: var(--white-color);
}

.dasboarduserdetails .desktopView {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	z-index: -1;
	object-fit: cover;
}

@media (max-width: 767px) {
	.dasboarduserdetails .desktopView {
		display: none;
	}
}

.dasboarduserdetails .mobLogo2 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 10px;
	right: 0;
	width: 160px;
	height: 60px;
	padding: 5px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: var(--white-color);
	margin: 0;
}
.dasboarduserdetails .mobLogo2.mLLeft {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 60px;
	padding: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--white-color);
	margin: 0;
}

.dasboarduserdetails .mobLogo2.mLRight {
	right: 0 !important;
	left: auto !important;
	top: 0 !important;
}
.dasboarduserdetails .mobLogo2 img {
	width: 105px;
	height: auto;
	object-fit: cover;
}
.dasboarduserdetails .mobLogo2.mLRight img {
	width: 150px;
}
.employeepoints span.dppoints {
	background-color: #373838;
	color: var(--white-color);
	border-radius: 40px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-family: var(--primary-font);
	font-weight: 700;
	margin-right: 10px;
	position: relative;
	z-index: 2;
}

/* .employeepoints span.dppoints:after {
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50px;
	display: inline-block;
	position: absolute;
	background-color: var(--white-color);
	border: 2px solid #373838;
	margin-left: -15px;
	margin-top: -5px;
	z-index: -1;
} */

.notifybox {
	padding: 25px 20px;
	text-align: right;
	margin-right: 40px;
}

.dashboardlistbox {
	background-color: #2f405b;
	min-height: 100vh;
	height: 100%;
}

.dashboardlistbox.white {
	background-color: var(--white-color);
}

.dashboardlist ul {
	padding-left: 0;
}

.dashboardlist ul li {
	list-style: none;
	padding: 10px;
}

/* .dashboardlist ul li.active {
	background-color: #f16112;
} */

.dashboardlist ul li.active {
	background-color: var(--primary-color);
}

.dashboardlist ul li a {
	color: #373838;
	font-size: 12px;
	display: block;
}

.dashboardlist ul li a i{
	margin-right: 4px;
}

/* .dashboardlist ul li.active a {
	color: var(--white-color);
} */

.dashboardlist ul li.active a {
	color: var(--white-color);
}

/* .dashboardlist ul li.active a img.onactive,
.dashboardlist ul li a img.inactive {
	display: inline-block;
}

.dashboardlist ul li.active a img.inactive,
.dashboardlist ul li a img.onactive {
	display: none;
} */

.dashboardlist ul li a img.inctive {
	display: inline-block;
}

.dashboardlist ul li a img.onactive {
	display: none;
}

.dashboardlist ul li a img,
.logoutbox img,
.nveMenu .menuSection .navlinks li a img {
	margin-right: 10px;
}

.dashboardlist ul li.employee_name {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	padding: 10px 10px;
	color: var(--black-color);
	font-family: var(--primary-font);
	font-weight: 700;
	background-color: var(--white-color);
	text-align: center;
	font-size: 18px;
}

.dashboardlist ul li.employee_name .employee_image {
	margin: 0 0 20px;
}

.dashboardlist ul li.employee_name .employee_image center {
	display: flex;
	align-items: center;
	justify-content: center;

	position: relative;
	width: 75px;
	height: 75px;
}

.dashboardlist ul li.employee_name .employee_image center img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	border-radius: 50%;
}

.dashboardlist ul li.employee_name .employee_image center label {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
}

.dashboardlist ul li.employee_name .employee_image center label img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: static;
	margin: 0;
}

.dashboardlist ul li a span.notifications {
	padding: 3px 10px;
	background-color: var(--primary-color);
	border-radius: 10px;
	font-size: 10px;
	margin-left: 10px;
	color: var(--black-color);
}

.dashboardlist ul li.active a span.notifications {
	background-color: var(--white-color);
	color: var(--secondary-color);
}

.logoutbox {
	cursor: pointer;
	border-top: 1px solid var(--white-color);
	padding: 20px 20px 20px 30px;
	color: var(--white-color);
	bottom: 0;
}

.moredetailsbox {
	display: block;
	width: 150px;
	background: var(--white-color);
	padding: 10px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	margin-left: 70px;
	box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
	transform: translateY(30px);
	transition: all 0.25s ease-in-out;
	opacity: 0;
}

.employeename:hover .moredetailsbox {
	display: block;
	transform: translateY(0);
	opacity: 1;
}

/* .employee_name span {
	padding: 5px 15px;
	background-color: #f16112;
	border-radius: 15px;
	color: var(--white-color);
	font-size: 14px;
} */

.employee_name span {
	padding: 5px 15px;
	background-color: var(--primary-color);
	border-radius: 15px;
	color: var(--white-color);
	font-size: 12px;
}

.rselectvalue {
	position: relative;
}

.rselectvalue a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #03163a;
	clear: both;
	margin-left: 35px;
}

/* .dashboardportalbox {
	padding: 30px;
	background-color: #e9eef4;
	min-height: 100vh;
	height: 100%;
} */

.dashboardportalbox {
	padding: 30px;
	background-color: #fff7db;
	min-height: 100vh;
	height: 100%;
	margin-top: 0;
	width: calc(100% - 225px);
	margin-left: 225px;
}

.dashboardboxes {
	background-color: var(--white-color);
	border-radius: 20px;
	margin: 0px;
}

.dashboardrecognizebox {
	background: url(../img/recognize_bg_new.png) no-repeat;
	background-size: contain;
	background-color: var(--white-color);
	background-position-x: right;
}

.dashboardnominatebox {
	background: url(../img/nominate_bg_new.png) no-repeat;
	background-size: contain;
	background-color: var(--white-color);
	background-position-x: right;
}

.dashboardpostupdatebox {
	background: url(../img/post_bg_new.png) no-repeat;
	background-size: contain;
	background-color: var(--white-color);
	background-position-x: right;
}

.dashconbox h3,
.dashconbox p {
	color: #03163a;
}

.mobheader {
	display: none;
	justify-content: space-between;

	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 998;
}

@media (max-width: 767px) {
	.mobheader {
		display: flex;

		min-height: 150px;
	}
}

@media (max-width: 479px) {
	.mobheader {
		min-height: 120px;
	}
}

.mobileView {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	z-index: -1;
	object-fit: cover;
}

.mobheader .mobLogo {
	width: 75px;
	height: 75px;
	padding: 5px;
	margin-left: 5px;
	border-radius: 50%;
	background-color: var(--white-color);
	margin-top: 5px;
}

@media (max-width: 479px) {
	.mobheader .mobLogo {
		width: 50px;
		height: 50px;
	}
}

.mobheader .mobLogo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mobheader .mobLogo2 {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 128px;
	height: 46px;
	padding: 5px;
	border-top-left-radius: 23px;
	border-bottom-left-radius: 23px;
	background-color: var(--white-color);
	margin: 20px 0 0;
}

@media (max-width: 479px) {
	.mobheader .mobLogo2 {
		width: 110px;
		height: 40px;
		background-color: var(--white-color);
		margin: 12px 0 0;
	}
}

.mobheader .mobLogo2 img {
	width: 86px;
	height: auto;
	object-fit: cover;
}

@media (max-width: 479px) {
	.mobheader .mobLogo2 img {
		width: 70px;
	}
}

.dashconbox {
	/* max-width: calc(100% / 3); */
	text-align: center;
}

.dashconbox h3 {
	font-family: var(--primary-font);
	font-weight: 700;
}

.dashconbox p {
	margin-bottom: 30px;
	font-size: 16px;
}

.logo_caption_box {
	background-color: var(--white-color);
	padding: 0 10px;
}

.logo_caption_box p {
	text-align: center;
	margin: 0;
	font-size: 10px;
	font-weight: 700;
}

.tricolorbg {
	background: #ff9933;
	background: -webkit-linear-gradient(to right, #ff9933, var(--white-color), #138808);
	background: linear-gradient(to right, #ff9933, var(--white-color), #138808);
}

.employee_name h3 {
	font-size: 14px;
	font-family: var(--primary-font);
	font-weight: 700;
	margin-bottom: 5px;
}

.employee_name p {
	font-size: 10px;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.user_image_to_upload {
	position: absolute;
	margin-left: -70px;
	margin-top: -5px;
	opacity: 1;
}

.user_image_to_upload:hover {
	opacity: 1;
	cursor: pointer;
}

/*** New Dashboard ***/

.announcement_box,
.leaderboardbox,
.giverreceiverbox,
.upcomingeventsbox {
	margin-bottom: 20px;
}

.announcement_heading_box,
.leaderboard_heading_box,
.upcomingevents_heading_box {
	padding: 15px;
	background-color: var(--primary-color);
	color: var(--white-color);
}

.announcement_heading_box h3,
.leaderboard_heading_box h3,
.upcomingevents_heading_box h3 {
	font-size: 14px;
	margin-bottom: 0;
}

.announcement_heading_box p,
.leaderboard_heading_box p,
.upcomingevents_heading_box p {
	font-size: 12px;
	margin-top: 5px;
}

.announcement_content_box {
	padding: 15px;
	background-color: var(--white-color);
}

.announcement_content_box ul {
	padding: 0;
	margin: 0;
	max-height: 200px;
	overflow: auto;
}

.announcement_content_box ul .contentBox {
	display: block;
}

.announcement_content_box ul .contentBox .contentBox_contant {
	display: flex;
	flex-direction: column;
}

.announcement_content_box ul .contentBox .contentBox_contant h5 {
	font-family: var(--primary-font);
	font-weight: 700;
}

.announcement_content_box ul .contentBox .contentBox_contant p {
	font-family: var(--primary-font);
	font-weight: 300;
	margin: 0;
	font-size: 14px;
}

.announcement_content_box ul .contentBox .contentBox_contant p.announcername,
.announcement_content_box ul .contentBox .contentBox_contant p.announcementdate {
	font-family: var(--primary-font);
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 12px;
}

.leaderboard_content_box ul,
.giverreceiver_heading_box ul,
.top_receiever_box ul,
.top_giver_box ul,
.upcomingevents_content_box ul {
	padding: 0;
	margin: 0;
	max-height: 200px;
	overflow: auto;
}

.leaderboard_content_box ul li,
.top_receiever_box ul li,
.top_giver_box ul li,
.upcomingevents_content_box ul li {
	list-style: none;
	padding: 10px;
	background-color: #fafafa;
}

.leaderboard_content_box ul li.active_user {
	background-color: var(--white-color);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.leaderboard_content_box ul li table,
.top_receiever_box ul li table,
.top_giver_box ul li table,
.upcomingevents_content_box ul li table {
	width: 100%;
}

.leaderboard_content_box ul li table tr td:nth-child(1),
.tablebox ul li table tr td:nth-child(1) {
	width: 22%;
}

.leaderboard_content_box ul li table tr td:nth-child(2) span,
.top_receiever_box ul li table tr td:nth-child(2) span,
.top_giver_box ul li table tr td:nth-child(2) span,
.upcomingevents_content_box ul li table tr td:nth-child(2) span {
	font-family: var(--primary-font);
	font-weight: 700;
	color: var(--secondary-color);
}

.leaderboard_content_box ul li table tr td img,
.top_receiever_box ul li table tr td img,
.top_giver_box ul li table tr td img,
.upcomingevents_content_box ul li table tr td img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 50%;
}

.leaderboard_content_box ul li.contentBox,
.top_receiever_box ul li.contentBox,
.top_giver_box ul li.contentBox,
.upcomingevents_content_box ul li.contentBox {
	align-items: flex-start;
	justify-content: flex-start;
}

.leaderboard_content_box ul li.contentBox .contentBox_img,
.top_receiever_box ul li.contentBox .contentBox_img,
.top_giver_box ul li.contentBox .contentBox_img,
.upcomingevents_content_box ul li.contentBox .contentBox_img {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.leaderboard_content_box ul li.contentBox .contentBox_img img,
.top_receiever_box ul li.contentBox .contentBox_img img,
.top_giver_box ul li.contentBox .contentBox_img img,
.upcomingevents_content_box ul li.contentBox .contentBox_img img {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
}

.leaderboard_content_box ul li.contentBox .contentBox_contant,
.top_receiever_box ul li.contentBox .contentBox_contant,
.top_giver_box ul li.contentBox .contentBox_contant,
.upcomingevents_content_box ul li.contentBox .contentBox_contant {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	width: 100%;
}

.leaderboard_content_box ul li.contentBox .contentBox_img+.contentBox_contant,
.top_receiever_box ul li.contentBox .contentBox_img+.contentBox_contant,
.top_giver_box ul li.contentBox .contentBox_img+.contentBox_contant,
.upcomingevents_content_box ul li.contentBox .contentBox_img+.contentBox_contant {
	width: calc(100% - 50px);
}

.leaderboard_content_box ul li.contentBox .contentBox_contant p,
.top_receiever_box ul li.contentBox .contentBox_contant p,
.top_giver_box ul li.contentBox .contentBox_contant p,
.upcomingevents_content_box ul li.contentBox .contentBox_contant p {
	margin: 0;
	font-size: 14px;
}

.leaderboard_content_box ul li.contentBox .contentBox_contant p:first-child,
.top_receiever_box ul li.contentBox .contentBox_contant p:first-child,
.top_giver_box ul li.contentBox .contentBox_contant p:first-child,
.upcomingevents_content_box ul li.contentBox .contentBox_contant p:first-child {
	padding-right: 5px;
}

.leaderboard_content_box ul li.contentBox .contentBox_contant p span.block,
.top_receiever_box ul li.contentBox .contentBox_contant p span.block,
.top_giver_box ul li.contentBox .contentBox_contant p span.block,
.upcomingevents_content_box ul li.contentBox .contentBox_contant p span.block {
	font-family: var(--primary-font);
	font-weight: 700;
	color: var(--secondary-color);
}

.viewallbtn {
	display: block;
	padding: 10px;
	text-align: center;
	color: #243a7e;
	border-top: 1px solid #e1e1e1;
	background-color: var(--white-color);
	font-family: var(--primary-font);
	font-weight: 700;
	font-size: 14px;
}

.viewallbtn:hover {
	background-color: #243a7e;
	color: var(--white-color);
}

.giverreceiver_heading_box {
	width: 100%;
	position: relative;
	display: flex;
}

#receivegivetabs {
	width: 100%;
}

#receivegivetabs li {
	width: 50%;
	float: left;
	background-color: var(--white-color);
	text-align: center;
}

/* #receivegivetabs li a{color: var(--secondary-color);} */

#receivegivetabs li a {
	color: var(--black-color);
	font-size: 12px;
}

/* #receivegivetabs li.active{background-color: #243a7e;} */

#receivegivetabs li.active {
	background-color: var(--primary-color);	
}

/* #receivegivetabs li.active a{color: #FFF;} */

#receivegivetabs li.active a {
	color: var(--white-color);
}

.sortupdates {
	text-align: right;
	margin-bottom: 20px;
}

.sortupdates h4 {
	font-size: 14px;
	color: #03163a;
}

.sortupdates select {
	background-color: transparent;
	border: none;
	color: #03163a;
}

.updates_box {
	padding: 15px;
	background-color: var(--white-color);
	margin-bottom: 25px;
}

.updates_box div.update_image_box {
	margin: 0 auto;
	text-align: center;
	/* max-height: 350px; */
}

.updates_box div.update_image_box img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.update_header_row {
	margin-bottom: 6px;
}

.update_header_row+div p {
	font-size: 14px;
}

.updates_box .updater_header {
	display: flex;
	flex-direction: column;
}

.updates_box .updater_header .updater_header-top {
	display: flex;
	align-items: center;
	flex-direction: row;

	margin-bottom: 6px;
	position: relative;
	min-height: 50px;
}

.updates_box .updater_header .updater_header-top .removeActivity {
	display: flex;
	align-items: center;
	justify-content: center;

	position: absolute;
	top: -10px;
	right: -10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--primary-color);
}

.updates_box .updater_header .updater_header-top h4 {
	font-size: 14px;
	margin: 0;
	width: 100%;
	padding-left: 60px;
}

@media (max-width: 767px) {
	.updates_box .updater_header .updater_header-top h4 {
		line-height: 30px;
	}
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-top h4 {
		padding-left: 50px;
	}
}

.updates_box .updater_header .updater_header-top .removeActivity+h4 {
	padding-right: 25px;
}

.updates_box .updater_header .updater_header-top h4 .img-fluid {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-top h4 .img-fluid {
		width: 40px;
		height: 40px;
	}
}

.updates_box .updater_header .updater_header-top h4 strong {
	display: inline;
	font-size: 14px;
	color: #212529;
}

.updates_box .updater_header .updater_header-top h4 strong.profileBox {
	position: relative;
	padding-right: 55px;
	display: inline-block;
	line-height: 50px;
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-top h4 strong.profileBox {
		padding-right: 45px;
		line-height: 40px;
	}
}

.updates_box .updater_header .updater_header-top h4 strong.profileBox img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
	margin: 0;
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-top h4 strong.profileBox img {
		width: 40px;
		height: 40px;
	}
}

.updates_box .updater_header .updater_header-top .removeActivity img {
	width: 18px;
}

.updates_box .updater_header .updater_header-bottom {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.updates_box .updater_header .updater_header-bottom p {
	margin: 0;
}

.updates_box .updater_header .updater_header-bottom p:first-child {
	width: 85%;
	font-style: italic;
	font-size: 13px;
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-bottom p:first-child {
		width: 80%;
	}
}

.updates_box .updater_header .updater_header-bottom p:last-child {
	width: 15%;
	font-size: 11px;
}

@media (max-width: 479px) {
	.updates_box .updater_header .updater_header-bottom p:last-child {
		width: 20%;
	}
}

.updater_header table {
	width: 100%;
}

.updater_header table tr td:nth-child(1) {
	width: 10%;
}

.updater_header table tr td:nth-child(1) img,
.tablebox table tr td:nth-child(1) img {
	border-radius: 100%;
}

.updater_header table tr td:nth-child(2) h4 {
	margin-bottom: 0;
	font-size: 16px;
}

.updater_header table tr td:nth-child(2) h4 a {
	font-family: var(--primary-font);
	font-weight: 700;
	color: var(--secondary-color);
}

.updatetime {
	margin-bottom: 0;
	color: var(--secondary-color);
	text-align: right;
}

.updatefooter {
	margin-bottom: 15px;
}

.updatefooter ul {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 15px;
}

.updatefooter ul li {
	display: inline-block;
	list-style: none;
	position: relative;
	z-index: 1;
}

.updatefooter ul li:nth-child(1) {
	margin-right: 20px;
}

.updatefooter ul li a {
	color: #707070;
}

.updatefooter ul li a.like_btn:hover {
	color: var(--secondary-color);
}

.updatefooter ul li a.like_btn img.likeitbefore {
	display: inline-block;
}

.updatefooter ul li a.like_btn.image_filled img.likeitbefore,
.updatefooter ul li a.like_btn img.likeitliked {
	display: none;
}

.updatefooter ul li a.like_btn.image_filled img.likeitliked {
	display: inline-block;
}

.updatefooter ul li a img {
	margin-right: 5px;
}

.updatefooter ul li .likedCustomers {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	width: auto;
	min-width: 160px;
	z-index: 1;

	opacity: 0;
	visibility: hidden;
}

.updatefooter ul li:hover .likedCustomers {
	opacity: 1;
	visibility: visible;
}

.updatefooter ul li .likedCustomers ul {
	margin: 0;
	padding: 15px 5px 15px 15px;
	max-height: 150px;
	overflow: auto;
}

.updatefooter ul li .likedCustomers ul li {
	display: block;
	margin: 0 0 5px;
}

.updatefooter ul li .likedCustomers ul li span {
	display: block;
	font-size: 12px;
	color: var(--black-color);
}

.add_comment {
	background-color: var(--white-color);
	display: none;
}

.add_comment textarea {
	width: 100%;
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 10px;
}

.add_comment .post_btn_box {
	text-align: right;
}

.add_comment button {
	padding: 5px 15px;
	background-color: var(--primary-color);
	color: var(--black-color);
	border: none;
}

.comment_list_box {
	padding: 10px 0;
	background-color: var(--white-color);
}

.comment_list_box ul {
	display: flex;
	flex-direction: column;

	padding: 0;
	margin: 0;
}

.comment_list_box ul .commentBox {
	display: flex;
	flex-direction: row;

	margin-bottom: 5px;
}

.comment_list_box ul .commentBox:last-child {
	margin-bottom: 0;
}

.comment_list_box ul .commentBox.show_more_btn {
	width: 100%;
	text-align: center;
}

.comment_list_box ul .commentBox .commentBox_img {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.comment_list_box ul .commentBox .commentBox_img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.comment_list_box ul .commentBox .commentBox_contant {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;

	width: calc(100% - 50px);
}

.comment_list_box ul .commentBox .commentBox_contant p {
	font-size: 14px;
	font-family: var(--primary-font);
	font-weight: 300;
	margin: 0;
}

.comment_list_box ul .commentBox .commentBox_contant p strong {
	font-weight: 700;
}

.comment_list_box ul .commentBox .commentBox_contant p:last-child {
	display: flex;
	align-items: flex-end;
	flex-direction: column;

	color: #836e6e;
}

.comment_list_box ul .commentBox .commentBox_contant p:last-child span:first-child {
	font-size: 11px;

}

.comment_list_box ul .commentBox .commentBox_contant p span.deleteComment {
	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 18px;
	margin-top: 9.5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--primary-color);
	/* color: var(--white-color); */
}

.comment_list_box ul .commentBox .commentBox_contant p span.deleteComment img {
	width: 18px;
}

/* .comment_list_box table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
}

.comment_list_box table tbody tr td:nth-child(1) {
	width: 7%;
	vertical-align: top;
}

.comment_list_box table tbody tr td:nth-child(2) {
	font-family: var(--primary-font);
	font-weight: 700;
}

.comment_list_box table tbody tr td:nth-child(2) p {
	margin-bottom: 0;
	font-family: var(--primary-font);
	font-weight: 400;
}

.comment_list_box table tbody tr td:nth-child(2) a.like_btn {
	color: #1f2121;
	font-family: var(--primary-font);
	font-weight: 400;
}

.comment_list_box table tbody tr td:nth-child(2) a.like_btn img,
.comment_list_box table tbody tr td:nth-child(2) a.likeitafter img {
	margin-right: 5px;
}

.comment_list_box table tbody tr td:nth-child(2) a.like_btn img.likeitbefore,
.comment_list_box table tbody tr td:nth-child(2) a.like_btn:hover img.likeitafter {
	display: inline-block;
}

.comment_list_box table tbody tr td:nth-child(2) a.like_btn img.likeitafter,
.comment_list_box table tbody tr td:nth-child(2) a.like_btn:hover img.likeitbefore {
	display: none;
}

.comment_list_box table tbody tr td img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 50%;
}

.comment_list_box table tbody tr td a img {
	width: 16px;
	height: auto;
	object-fit: none;
	border-radius: unset;
} */

.loadmore_ a {
	font-size: 14px;
	font-family: var(--primary-font);
	font-weight: 500;
	color: var(--black-color);
	margin: 10px 0;
	display: inline-block;
}

.postanupdateform input,
.postanupdateform select,
.postanupdateform textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #707070;
	background-color: transparent;
}

.postanupdateform input[type="file"] {
	border: none;
	padding: 0;
}

.postanupdateform button {
	width: 100%;
	background-color: var(--primary-color);
	color: var(--black-color);
	padding: 10px;
	border-radius: 5px;
	border: none;
	margin-top: 10px;
}

.postanupdatebox {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.85);
	z-index: 999;
}

.postanupdatecontentbox {
	width: 600px;
	padding: 40px;
	transform: translate(-50%, -50%) scale(1);
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	background: var(--white-color);
	text-align: center;
}

.postanupdatecontentbox h2 {
	font-family: var(--primary-font);
	font-weight: 700;
	margin-bottom: 20px;
}

.postanupdatecontentbox .imageboxed {
	width: 200px;
	object-fit: cover;
	margin: 0 auto;
	padding: 10px;
}

.postanupdatecontentbox .close_btn {
	display: inline-block;
	position: absolute;
	top: -25px;
	right: -30px;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	font-weight: bold;
	text-decoration: none;
	color: var(--white-color);
	font-size: xx-large;
}

.postanupdatecontentbox .close_btn:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.giverreceiver_heading_box ul li {
	list-style: none;
	display: inline-block;
	padding: 10px;
}

/*** Mobile Navigation ***/

.tablediv {
	display: table;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.tablediv .cell {
	display: table-cell;
	vertical-align: middle;
}

.circle {
	width: 40px;
	height: 40px;
	line-height: 44px;
	color: var(--white-color);
	background: var(--primary-color);
	margin: 0 auto;
	font-size: 24px;
	position: fixed;
	left: 0;
	top: 170px;
	z-index: 99;
	text-align: center;
	transition: all 0.5s ease;
}

.circle .line {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 15px);
	height: 2px;
	background-color: var(--white-color);
	transition: all 0.5s ease;
}

.circle .line.first {
	top: calc(25% + 2px);
}

.circle .line.second {
	top: calc(50% + 0px);
}

.circle .line.third {
	top: calc(75% - 2px);
}

.circle.close {
	z-index: 9999;
	left: 250px;
}

.circle.close .line {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 15px);
	height: 2px;
	background-color: var(--white-color);
}

.circle.close .line.first {
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.circle.close .line.second {
	display: none;
}

.circle.close .line.third {
	top: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.nveMenu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 250px;
	height: 100%;
	background: var(--primary-color);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	transform: translateX(-320px);
	transition: all 0.5s ease;
}

.nveMenu.is-opened {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.nveMenu .employee_name {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	padding: 10px;
	color: var(--black-color);
	font-family: var(--primary-font);
	font-weight: 700;
	background-color: var(--white-color);
	text-align: center;
	font-size: 18px;
	margin: 0 0 10px;
}

.nveMenu .employee_name h3 {
	color: var(--black-color);
}

.nveMenu .employee_name img {
	margin-bottom: 10px;
	border-radius: 100%;
}

.nveMenu .employee_name figure {
	display: flex;
	align-items: center;
	justify-content: center;

	position: relative;
	width: 100px;
	height: 100px;
}

.nveMenu .employee_name figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
}

.nveMenu .employee_name figure label {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
}

.nveMenu .employee_name figure label img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: static;
	margin: 0;
}

.nveMenu .menuSection {
	padding: 10px;
}

.nveMenu .menuSection h3 {
	color: var(--white-color);
}

.nveMenu .menuSection .navlinks {
	padding: 0;
	margin: 0;
}

.nveMenu .menuSection .navlinks li {
	display: block;
	padding: 10px 0;
}

.nveMenu .menuSection .navlinks li a {
	display: block;
	text-transform: uppercase;
	color: var(--white-color);
	position: relative;
	padding-left: 25px;
}

.nveMenu .menuSection .navlinks li a i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.nveMenu .menuSection .navlinks li a:hover {
	text-decoration: none;
}

.nveMenu .menuSection .navlinks li a span.notifications {
	padding: 3px 10px;
	background-color: #f16112;
	border-radius: 10px;
	font-size: 10px;
	margin-left: 10px;
}

#navbar ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	border: 2px solid #293786;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	padding-left: 0;
}

#navbar ul li {
	list-style: none;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	transition: 0.9s;
}

#navbar ul li:nth-of-type(1) {
	background: var(--white-color);
	color: #03163a;
}

#navbar ul li:nth-of-type(2) {
	color: var(--white-color);
	background: #03163a;
}

#navbar ul.active li:nth-of-type(1) {
	transform: translateY(-40px);
}

#navbar ul.active li:nth-of-type(2) {
	transform: translateY(-35px);
}

.overlay {
	position: fixed;
	top: 0;
	right: -100%;
	width: calc(100% - 250px);
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.71);
	transition: all 0.5s ease;
}

.overlay.is-on {
	right: 0;
}

/*** Recognize ***/

.recognize_heading {
	text-align: center;
	margin-bottom: 30px;
}

.recognize_heading h2,
.recognize_heading p {
	color: #03163a;
}

.recognize_heading h2 {
	font-family: var(--primary-font);
	font-weight: 700;
	font-size: 25px;
	margin: 0;
}

.rselectmainbox {
	margin: 0;
}

.rselectmainbox .rselectboxes {
	padding: 15px 20px;
	background-color: var(--white-color);
	border-radius: 10px;
	border: 1px solid var(--white-color);
}

.rselectmainbox .rselectboxes:hover {
	border: 1px solid var(--secondary-color);
}

.rselectmainbox .rselectboxes a img {
	margin-right: 20px;
}

.rselectmainbox .rselectboxes a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #373838;
}

.rselectmainbox .rselectboxes:hover a {
	color: var(--secondary-color);
}

.rewardmessageform {
	margin: 30px 0 0;
}

.rewardmessageform .remployeemainbox {
	padding: 30px;
	background-color: var(--white-color);
	border-radius: 10px;
}

.rewardmessageform .remployeemainbox .remployeebox {
	padding: 20px;
	background-color: #f3f3f3;
	border-radius: 10px;
	margin-bottom: 20px;
}

.rewardmessageform .remployeemainbox .remployeebox a {
	display: block;
	color: #302b2b;
	margin-bottom: 20px;
}

.rewardmessageform .remployeemainbox .remployeebox a img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.rewardmessageform .remployeemainbox .remployeebox .remployeeimagebox {
	padding: 10px;
	background-color: var(--white-color);
	text-align: center;
}

.rewardmessageform .remployeemainbox .remployeebox .remployeeimagebox img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.rewardmessageform .remployeemainbox .remployeebox .rewardboxed {}

.rewardmessageform .remployeemainbox .remployeebox .rewardboxed h3 {
	font-family: var(--primary-font);
	font-weight: 700;
	font-size: 22px;
}

.rewardmessageform .remployeemainbox .remployeebox .rewardboxed p {
	margin-bottom: 10px;
}

.rewardmessageform .remployeemainbox .remployeebox .rewardboxed textarea {
	width: 100%;
	border: 1px solid #c1c1c1;
	padding: 10px;
}

.flt-right {
	display: block;
	text-align: right;
}

#cont {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(22, 22, 22, 0.5);
	z-index: 1001;
	overflow: auto;
}

#cont:target {
	visibility: visible;
	display: block;
}

.closebox {
	position: absolute;
	right: 20px;
	top: 5px;
	font-size: 28px;
	color: var(--black-color);
}

.popupbox {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--white-color);
	border-radius: 15px;
	width: 750px;
	z-index: 41;
	padding: 30px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.popupbox h3 {
	color: #373838;
	margin-bottom: 20px;
}

.employeesearchbox {
	margin-bottom: 40px;
	position: relative;
}

.employeesearchbox span {
	position: absolute;
	margin-left: 15px;
	margin-top: 10px;
}

.employeesearchbox input {
	width: 100%;
	padding: 10px 45px 10px 20px;
	border-radius: 25px;
	border: 0.5px solid #cccccc;
}

.employeesearchbox a {
	position: absolute;
	top: 12px;
	right: 10px;
}

.employeesbox {
	height: auto;
	overflow-x: hidden;
	max-height: 220px;
	margin-bottom: 30px;
}

.employeesbox::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

.employeesbox::-webkit-scrollbar {
	width: 6px;
	background-color: #ebebeb;
}

.employeesbox::-webkit-scrollbar-thumb {
	background-color: #ebebeb;
	width: 10px;
	border-radius: 4px;
}

.fullbox {
	display: flex;
	align-items: center;

	margin: 0;
}

.fullbox .empimagebox,
.fullbox .onefourthbox {
	width: 40px;
	margin-right: 10px;
}

.fullbox .empdetailsbox,
.fullbox .threefourthbox {
	display: flex;
	flex-direction: column;

	width: 100%;
}

.fullbox .empdetailsbox {
	width: calc(100% - 50px);
}

.fullbox .empdetailsbox h6 {
	font-size: 14px;
	margin-bottom: 0;
}

.fullbox .empdetailsbox p {
	font-size: 12px;
	margin-bottom: 0;
}

.fullbox.rempselectbox {
	padding: 5px;
	border: 1px solid transparent;
	margin-bottom: 10px;
	cursor: pointer;
}

.selecttheemployee h3 {
	font-family: var(--primary-font);
	font-weight: 700;
}

.selectvaluebox {
	width: 100%;
	background: var(--white-color);
	padding: 10px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	top: 100%;
	left: 0;
	transform: translateY(20px);
	box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
	transform: translateY(30px);
	transition: all 0.25s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.selectvaluebox ul {
	padding-left: 0;
	margin-bottom: 0;
}

.selectvaluebox ul li {
	list-style: none;
	border-bottom: 0.5px solid rgba(0, 38, 111, 0.18);
}

.selectvaluebox ul li a {
	display: block;
	padding: 5px;
}

.selectvaluebox ul li:nth-last-child(1) {
	border-bottom: none;
}

.selectvaluebox ul li:hover {
	background-color: #c7c7c7;
}

.selectvaluebox ul li a:after {
	content: none;
}

.rselectvalue:hover .selectvaluebox {
	transform: translateY(1px);
	opacity: 1;
	visibility: visible;
}

/*.rempselectbox:hover img {
    margin: -1px;
}*/

.rempselectbox:hover,
.rawardselected:hover,
.selectedborder {
	border: 1px solid var(--black-color) !important;
	overflow: hidden;
}

.selectedborder:hover {
	cursor: pointer;
}

.remployeebox .fullbox.rempselectbox {
	margin-bottom: 0;
}

.reselected.remployeeimagebox {
	padding: 0;
}

.selectareward h3 {
	font-family: var(--primary-font);
	font-weight: 700;
}

.fullbox.rempselectbox .empdetailsbox h6 {
	font-family: var(--primary-font);
	font-weight: 700;
	color: #1f2121;
}

.fullbox.rempselectbox .empdetailsbox p {
	color: #1f2121;
}

/*** My Awards ***/

.my_award_box {
	padding: 25px;
	background-color: var(--white-color);
	margin-bottom: 20px;
	border-radius: 10px;
}

.my_award_content_box {
	padding: 25px 50px;
}

.my_award_content_box h3 {
	margin-bottom: 10px;
	color: #373838;
	font-family: var(--primary-font);
	font-weight: 700;
}

.my_award_content_box h3 span {
	color: #f16112;
	font-family: var(--primary-font);
	font-weight: 700;
}

.my_award_content_box p {
	margin-bottom: 10px;
	color: #373838;
	font-size: 18px;
	line-height: 1.48;
	width: 80%;
}

.my_award_content_box p.award_date,
.award_date {
	font-size: 11px;
	text-align: right;
	margin-bottom: 0;
	color: #836e6e;
}

.recognizer_img {
	margin-right: 5px;
}

.updates_box.myaward_box .updater_header table tr td:nth-child(1) {
	width: 10%;
}

.updates_box.myaward_box .updater_header table tr td:nth-child(2) {
	width: 75%;
}

.updates_box.myaward_box .updater_header table tr td:nth-child(2) h4 {
	font-size: 18px;
}

.updates_box.myaward_box .updater_header table tr td:nth-child(3) {
	width: 15%;
	vertical-align: top;
}

/*** Nominate ***/

.rewardmessageform p {
	margin-bottom: 10px;
	color: #373838;
}

.rewardmessageform input {
	width: 100%;
	padding: 10px;
	border: 1px solid #c1c1c1;
	margin-bottom: 20px;
}

/* .nominatepopupbox {
	top: 5%;
} */

.nominatepopupbox .selectareward {
	padding: 0;
}

.nominatepopupbox .selectareward .nominate_award_box,
.recognizepopupbox .selectareward .recognize_award_box {
	display: flex;
	flex-wrap: wrap;

	max-height: 370px;
	overflow: auto;
}

.nominatepopupbox .selectareward .nominate_award_box::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

.nominatepopupbox .selectareward .nominate_award_box::-webkit-scrollbar {
	width: 6px;
	background-color: #ebebeb;
}

.nominatepopupbox .selectareward .nominate_award_box::-webkit-scrollbar-thumb {
	background-color: #ebebeb;
	width: 10px;
	border-radius: 4px;
}

.rawardbox {
	padding: 20px 10px 10px;
	background-color: var(--white-color);
	border: 1px solid #cccccc;
	box-shadow: 0 3px 24px rgba(0, 0, 0, 0.11);
	border-radius: 5px;
	width: calc((100% / 3) - 10px);
	margin-top: 15px;
	margin-right: 15px;
	position: relative;
}

.rawardbox:nth-child(1),
.rawardbox:nth-child(2),
.rawardbox:nth-child(3) {
	margin-top: 0;
}

.rawardbox:nth-child(3n + 3) {
	margin-right: 0;
}

@media (max-width: 767px) {
	.rawardbox {
		width: 100%;
		margin-top: 10px;
		margin-right: 0 !important;
	}

	.rawardbox:nth-child(2),
	.rawardbox:nth-child(3) {
		margin-top: 10px;
	}
}

.rawardbox i {
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 20px;
}

.rawardbox figure {
	margin-bottom: 15px;
	width: 100%;
	min-height: 160px;
	position: relative;
	overflow: hidden;
}

.rawardbox figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.rawardbox h4 {
	color: #373838;
	font-size: 16px;
	text-align: center;
	margin: 10px 0 0;
	min-height: 40px;
}

.rawardbox p {
	color: #1f2121;
	text-align: center;
	font-size: 12px;
	margin-bottom: 0;
}

/*** Nominate Approvals ***/

.approvalsboxheading h3 {
	font-family: var(--primary-font);
	font-weight: 700;
	color: #03163a;
	font-size: 22px;
}

.approvalsboxheading p {
	color: #03163a;
	margin-bottom: 20px;
}

.nominationsMainBox {
	background-color: var(--white-color);
	padding: 15px;
	border-radius: 10px;
}

.nominationsMainBox .nominationsTabsBox {
	margin: 0 0 40px;
}

.nominationsMainBox .nominationsTabsBox .nominationsList {
	display: flex;
	flex-wrap: wrap;

	padding: 0;
	margin: 0;
}

.nominationsMainBox .nominationsTabsBox .nominationsList li {
	display: inline-block;
	list-style: none;
	width: calc(100% / 4);
	text-align: center;
}

@media (max-width: 767px) {
	.nominationsMainBox .nominationsTabsBox .nominationsList li {
		width: calc(100% / 2);
	}
}

@media (max-width: 479px) {
	.nominationsMainBox .nominationsTabsBox .nominationsList li {
		width: 100%;
	}
}

.nominationsMainBox .nominationsTabsBox .nominationsList li a {
	display: block;
	color: #03163a;
	font-family: var(--primary-font);
	font-weight: 400;
	font-size: 20px;
	padding: 10px;
}

@media (max-width: 767px) {
	.nominationsMainBox .nominationsTabsBox .nominationsList li a {
		font-size: 16px;
	}
}

.nominationsMainBox .nominationsTabsBox .nominationsList li.active a {
	font-weight: 700;
}

@media (max-width: 767px) {
	.nominationsMainBox .nominationsTabsBox .nominationsList li.active a {
		background-color: #293786;
		color: var(--white-color);
	}
}

.nominationsMainBox .nominationsTabsContentBox {
	background-color: #f2f6fb;
	padding: 20px;
	border-radius: 10px;
	position: relative;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes {
	display: none;
	position: relative;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes.active {
	display: block;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes:before {
	content: "";
	position: absolute;
	top: -50px;
	width: 0;
	height: 0;
	margin: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 30px solid #f2f6fb;
}

@media (max-width: 767px) {
	.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes:before {
		display: none;
	}
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes#all:before {
	left: 75px;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes#pending:before {
	left: 340px;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes#preapproved:before {
	left: 610px;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes#predeclined:before {
	left: 875px;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes .table {
	text-align: center;
	margin: 0;
}

.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes .table>thead>tr>th:nth-child(1),
.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes .table>thead>tr>th:nth-child(2),
.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes .table>tbody>tr>td:nth-child(1),
.nominationsMainBox .nominationsTabsContentBox .nominationsBoxes .table>tbody>tr>td:nth-child(2) {
	text-align: left;
}

.fullbox .onesixthbox {
	width: auto;
	vertical-align: middle;
	padding: 20px;
}

.fullbox .onetenthbox {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	padding: 20px;
	text-align: left;
}

.fullbox .fifteenthbox {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	padding: 20px;
	text-align: left;
}

.fullbox .onefifthbox {
	display: table-cell;
	width: auto;
	vertical-align: middle;
	padding: 20px;
	text-align: left;
}

.fullbox .onetenthbox h5,
.fullbox .onefifthbox h5,
.fullbox .fifteenthbox h5 {
	font-size: 16px;
	margin-bottom: 0;
	color: var(--secondary-color);
}

.fullbox .onetenthbox p,
.fullbox .onefifthbox p,
.fullbox .fifteenthbox p {
	font-size: 16px;
	margin-bottom: 0;
}

.settingsBoxes .fullbox.tablebody .onesixthbox {
	padding: 10px 20px;
}

.approvebtn {
	display: inline-block;
	padding: 5px 5px;
	color: #11b455;
	border: 1px solid #11b455;
	border-radius: 4px;
	margin-right: 5px;
	font-size: 16px;
}

.approvebtn:hover {
	color: var(--white-color);
	background-color: #11b455;
}

.rejectbtn {
	display: inline-block;
	padding: 5px 5px;
	color: #df2525;
	border: 1px solid #df2525;
	border-radius: 4px;
	font-size: 16px;
}

.rejectbtn:hover {
	color: var(--white-color);
	background-color: #df2525;
}

.approved {
	padding: 5px 5px;
	color: var(--white-color);
	border: 1px solid #11b455;
	background-color: #11b455;
	border-radius: 4px;
	margin-right: 5px;
	display: inline-block;
	font-size: 16px;
}

.approved:hover {
	color: var(--white-color);
}

.rejected {
	padding: 5px 5px;
	color: var(--white-color);
	border: 1px solid #df2525;
	background-color: #df2525;
	border-radius: 4px;
	margin-right: 5px;
	display: inline-block;
	font-size: 16px;
}

.rejected:hover {
	color: var(--white-color);
}

.pending {
	padding: 5px 5px;
	color: var(--black-color);
	border: 1px solid #faebcc;
	background-color: var(--primary-color);
	border-radius: 4px;
	margin-right: 5px;
	display: inline-block;
	font-size: 16px;
}

.pending:hover {
	color: var(--black-color);
}

/*** Rewards ***/

.all_rewards_box {
	padding: 10px;
	background-color: var(--white-color);
	border-radius: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.all_rewards_box figure {
	width: 100%;
	height: 150px;
	overflow: hidden;
	border-radius: 10px;
	margin: 0 0 20px;
	position: relative;
}

@media (max-width: 767px) {
	.all_rewards_box figure {
		height: 250px;
	}
}

.all_rewards_box figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

/*** Redeem Rewards ***/

.backtorewards {
	display: flex;
	color: #03163a;
	margin-bottom: 10px;
	font-size: 14px;
	align-items: center;
}

.dashboardportalbox .backtorewards:before {
	content: "";
	background: url(../img/back_icon.png) no-repeat;
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: cover;
	margin-right: 5px;
}

.rewardredemptionbox {
	padding: 15px;
	background-color: var(--white-color);
	border-radius: 10px;
}

.rewardselectbox {
	padding-left: 40px;
}

.rewardselectbox h3 {
	margin-bottom: 10px;
	font-family: var(--primary-font);
	font-weight: 700;
	color: #03163a;
	font-size: 22px;
}

.rewardselectbox h4 {
	margin-bottom: 10px;
	color: #03163a;
	font-size: 16px;
}

.rewardprice {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	padding-left: 0;
	margin-bottom: 10px;
}

.rewardprice li {
	background: var(--white-color);
	color: #03163a;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	font-size: 14px;
	line-height: 1.2;
	padding: 10px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	margin-right: 4px;
	transition: all 0.3s;
	height: auto;
	cursor: pointer;
	position: relative;
	outline: none;
}

.rewardprice li:last-child {
	margin-right: 0;
}

.rewardprice li.selected {
	background-color: #f16112;
	color: var(--white-color);
	border-color: #f16112;
}

.rewardprice li:hover {
	background-color: #f16112;
	color: var(--white-color);
	border-color: #f16112;
}

.rewardquantity {
	margin-bottom: 10px;
}

.rewardquantity span {
	font-size: 16px;
	color: #03163a;
}

.rewardquantity select {
	padding: 10px 30px 10px 10px;
	border-radius: 10px;
	border: 0.5px solid #c7c7c7;
	margin: 0 15px;
}

.rewardselectbox h3.totalprice {
	margin-bottom: 20px;
}

.rewardtncbox {
	margin-top: 50px;
}

.rewardtncbox h4 {
	margin-bottom: 20px;
	font-family: var(--primary-font);
	font-weight: 700;
	color: #03163a;
	font-size: 18px;
}

.rewardtncbox ol,
.rewardtncbox ul {
	margin: 0;
	padding: 0;
}

.rewardtncbox ol li,
.rewardtncbox ul li {
	font-size: 14px;
	margin-bottom: 5px;
	list-style-position: inside;
}

.rewardsubmitbox {
	text-align: center;
}

.rewardsubmitbox img {
	margin-bottom: 20px;
}

.rewardsubmitbox h3,
.rewardsubmitbox h4 {
	color: #03163a;
	margin-bottom: 20px;
}

.rewardsubmitbox h3,
.rewardsubmitbox h4 {
	font-family: var(--primary-font);
	font-weight: 700;
}

.rewardsubmitbox p {
	color: #373838;
	font-family: var(--primary-font);
	font-weight: 500;
	font-size: 18px;
}

/*** Notifications ***/

.notifications_box {
	background-color: var(--white-color);
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.fullbox .twotenthbox {
	display: table-cell;
	width: 15%;
	vertical-align: middle;
}

.fullbox .sixtenthbox {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}

.notifications_box .notificationmessage {
	padding: 10px 30px;
	color: #03163a;
}

.notifications_box .daysofaward {
	text-align: center;
	color: #03163a;
}

.notificationmessage h4 {
	font-size: 22px;
}

.notificationmessage h4 span {
	font-family: var(--primary-font);
	font-weight: 700;
}

/*** Settings ***/

.settingsMainBox {
	background-color: var(--white-color);
	padding: 15px;
	border-radius: 10px;
}

.settingsMainBox .settingsTabsBox {
	margin: 0 0 20px;
}

.settingsMainBox .settingsTabsBox .settingsList {
	display: flex;
	flex-wrap: wrap;

	padding: 0;
	margin: 0;
}

.settingsMainBox .settingsTabsBox .settingsList li {
	display: inline-block;
	list-style: none;
	width: calc(100% / 3);
	text-align: center;
}

@media (max-width: 767px) {
	.settingsMainBox .settingsTabsBox .settingsList li {
		width: calc(100% / 2);
	}
}

@media (max-width: 479px) {
	.settingsMainBox .settingsTabsBox .settingsList li {
		width: 100%;
	}
}

.settingsMainBox .settingsTabsBox .settingsList li a {
	display: block;
	color: #03163a;
	font-family: var(--primary-font);
	font-weight: 400;
	font-size: 20px;
	padding: 10px;
}

@media (max-width: 767px) {
	.settingsMainBox .settingsTabsBox .settingsList li a {
		font-size: 16px;
	}
}

.settingsMainBox .settingsTabsBox .settingsList li.active a {
	font-weight: 700;
}

@media (max-width: 767px) {
	.settingsMainBox .settingsTabsBox .settingsList li.active a {
		background-color: var(--primary-color);
		color: var(--white-color);
	}
}

.settingsMainBox .settingsTabsContentBox {
	background-color: #f2f6fb;
	padding: 20px;
	border-radius: 10px;
	position: relative;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes {
	display: none;
	position: relative;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes.active {
	display: block;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes:before {
	content: "";
	position: absolute;
	top: -50px;
	width: 0;
	height: 0;
	margin: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 30px solid #f2f6fb;
}

@media (max-width: 767px) {
	.settingsMainBox .settingsTabsContentBox .settingsBoxes:before {
		display: none;
	}
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes#myprofile:before {
	left: 125px;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes#changepassword:before {
	left: 480px;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes#pointhistory:before {
	left: 840px;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes .table {
	text-align: center;
	margin: 0;
}

.settingsMainBox .settingsTabsContentBox .settingsBoxes .table>thead>tr>th:nth-child(1),
.settingsMainBox .settingsTabsContentBox .settingsBoxes .table>thead>tr>th:nth-child(2),
.settingsMainBox .settingsTabsContentBox .settingsBoxes .table>tbody>tr>td:nth-child(1),
.settingsMainBox .settingsTabsContentBox .settingsBoxes .table>tbody>tr>td:nth-child(2) {
	text-align: left;
}

.changepasswordform input {
	width: 100%;
	padding: 10px 15px;
	border: 1px solid #707070;
	border-radius: 5px;
}

.changepasswordform input:focus-visible,
.rewardquantity select:focus-visible {
	outline: none;
}

.employeeList {
	display: flex;
	flex-wrap: wrap;
}

.employeeDetails {
	width: calc(50% - 10px);
	margin-right: 20px;
}

.employeeDetails:nth-child(2n + 2) {
	margin-right: 0;
}

@media (max-width: 767px) {
	.employeeDetails {
		width: 100%;
		margin-right: 0 !important;
	}
}

.employeedetails {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	padding-bottom: 20px;
	border-bottom: 1px solid #707070;
	margin-bottom: 20px;
}

.changepassword {
	/* padding-top: 30px; */
}

.employeedetails h3,
.changepassword h3 {
	margin-bottom: 20px;
	color: #03163a;
	font-family: var(--primary-font);
	font-weight: 500;
	font-size: 20px;
	width: 100%;
}

.pdetailsbox h5 {
	font-size: 16px;
	color: #03163a;
	margin-bottom: 10px;
}

.pdetailsbox h4 {
	color: #03163a;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 7.5px;
}

.pdetailsbox p {
	font-size: 16px;
	margin: 0;
}

.settingsBoxes .fullbox {
	width: 100%;
}

.settingsBoxes .fullbox .onefourthbox {
	padding: 20px 15px;
}

.settingsBoxes .tableheader {
	border-bottom: 1px solid #707070;
}

.settingsBoxes .tableheader .onefourthbox.voucherbox h4 {
	text-align: left;
}

.settingsBoxes .tableheader .onefourthbox h4 {
	text-align: center;
	color: #03163a;
	font-family: var(--primary-font);
	font-weight: 700;
}

.settingsBoxes .tableheader .onefourthbox h4 {
	margin-bottom: 0;
	font-size: 20px;
}

.settingsBoxes .tablebody .onefourthbox p {
	text-align: center;
	color: #03163a;
}

.settingsBoxes .tablebody .onefourthbox.voucherbox p {
	margin-bottom: 5px;
	text-align: left;
}

.employeedetailsbox {
	padding: 0;
}

.employeedetailsbox h3 {
	margin-bottom: 20px;
	color: #03163a;
	font-family: var(--primary-font);
	font-weight: 500;
	font-size: 22px;
}

.employeedetailsbox textarea {
	width: 100%;
	padding: 10px;
	border: none;
	margin-bottom: 30px;
	border: 1px solid #707070;
}

.employeedetailsbox .right {
	text-align: right;
}

.notifications_icon {
	position: absolute;
	top: 30px;
	right: 50px;
}

#navbar {
	display: none;
}

/*** Forgot and Reset Password ***/

.forgotpasswordbox {
	padding: 10px;
	margin-top: 60px;
}

.forgotpasswordbox h3 {
	font-family: var(--primary-font);
	font-weight: 700;
	margin-bottom: 20px;
}

.forgotpasswordbox input {
	width: 100%;
	padding: 15px;
	border-radius: 10px;
	background-color: transparent;
	margin-bottom: 20px;
	border: none;
	border: 1px solid #707070;
}

.forgotpasswordbox button {
	width: 100%;
	padding: 10px;
	background-color: var(--secondary-color);
	border-radius: 4px;
	border: none;
	color: var(--white-color);
	text-transform: uppercase;
	margin-bottom: 30px;
}

.someshadow {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

@media screen and (min-width: 1400px) {
	.dashboardcontent {
		margin-left: 225px;
	}
}

@media screen and (min-width: 1600px) {
	.dashboardcontent {
		margin-left: 225px;
	}
}

@media only screen and (max-width: 767px) {
	/* .bodybg{background: none;} */

	.employeelogbox {
		padding: 15px;
		/* position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%); */
	}

	.dashboardsidebar,
	.notifybox,
	.notifications_icon,
	.dasboarduserdetails {
		display: none;
	}

	.dashboardcontent {
		margin-left: 0;
		overflow-x: hidden;
	}

	.dashboardportalbox {
		padding: 10px;
		height: auto;
		width: 100%;
		margin-left: 0;
	}

	.dasboarduserdetails ul {
		padding: 0;
	}

	.dasboarduserdetails ul li {
		display: block;
		padding: 10px;
	}

	.dashconbox {
		margin-top: 20px;
	}

	.dashconbox:first-child {
		margin-top: 0;
	}

	.recognize_heading {
		padding-top: 20px;
	}

	.rselectboxes {
		margin-bottom: 15px;
	}

	.rselectmainbox,
	.remployeeimagebox {
		margin-bottom: 20px;
	}

	.popupbox {
		width: 90%;
	}

	.selectareward {
		height: 500px;
		overflow: auto;
	}

	#navbar {
		display: block;
	}

	.fullbox .onefourthbox,
	.fullbox .threefourthbox {
		width: 100%;
		display: block;
	}

	.my_award_box {
		padding: 20px;
	}

	.fullbox .onefourthbox img {
		width: 100%;
	}

	.my_award_content_box {
		padding: 25px;
	}

	.my_award_content_box p {
		margin: 0;
		width: 100%;
	}

	.daysofaward p {
		margin-bottom: 0;
		font-size: 14px;
	}

	.notifications_box .fullbox .twotenthbox {
		width: 25%;
	}

	.notifications_box .fullbox .sixtenthbox {
		width: 50%;
	}

	.notifications_box .notificationmessage {
		padding: 0 10px;
	}

	.notifications_box .notificationmessage h4 {
		font-size: 16px;
		margin: 0;
	}

	.settingsBoxes .fullbox .onefourthbox {
		width: auto;
		display: table-cell;
	}

	.scrollthetable {
		white-space: nowrap;
		width: 100%;
		overflow-x: auto;
	}

	.pdetailsbox,
	.redeemrewardimagebox {
		margin-bottom: 15px;
	}

	.employeedetailsrow {
		padding-bottom: 20px;
	}

	.rewardselectbox {
		padding: 0;
	}

	.backtorewards {
		margin-top: 15px;
	}

	.rewardredemptionbox {
		padding: 20px;
	}

	.rewardprice li {
		padding: 12px;
		font-size: 16px;
	}

	.approvebtn,
	.rejectbtn {
		display: inline-block;
		margin-bottom: 5px;
	}

	.remployeemainbox {
		padding: 15px;
	}

	.remployeebox a {
		margin-bottom: 20px;
	}

	.settingstabbox .nominations_list {
		padding-left: 0;
		margin-bottom: 0;
	}

	.dashconbox p {
		margin-bottom: 20px;
	}

	/* .dashconbox p br{display: none;} */

	.rselectvalue a:after {
		margin-left: 0;
		right: 20px;
	}

	.selectvaluebox {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	.updater_header table tr td:nth-child(1) {
		width: 20%;
	}

	.updater_header table tr td:nth-child(2) {
		width: 80%;
	}

	.updater_header table tr td:nth-child(2) br {
		display: none;
	}

	.updatetime {
		margin-top: 2px;
	}

	.postanupdatecontentbox {
		width: 90%;
		padding: 20px;
	}

	.postanupdatecontentbox .close_btn {
		top: -45px;
		right: 0;
	}

	.dashconbox {
		text-align: center;
	}

	.comment_list_box table tbody tr td:nth-child(1) {
		width: 15%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.notifications_icon {
		right: 30px;
	}

	.dashboardcontent {
		margin-left: 225px;
	}

	.dashboardlist ul li {
		padding: 10px 10px 10px 20px;
	}

	.dashboardportalbox {
		padding: 30px;
	}

	.dashboardboxes {
		margin: 0;
	}

	.dashconbox p br {
		display: none;
	}

	.dashboardlist ul li a img,
	.logoutbox img,
	.nveMenu .menuSection .navlinks li a img {
		margin-right: 15px;
	}

	.settingsMainBox .settingsTabsBox .settingsList {
		padding-left: 0;
	}

	.settingsMainBox .settingsTabsBox .settingsList li {
		width: 48%;
	}

	.settingsBoxes#pointhistory:before {
		margin-left: 300px;
		margin-top: -50px;
	}

	.settingsBoxes#myprofile:before {
		margin-left: 5px;
		margin-top: -50px;
	}

	.settingsTabsContentBox {
		padding: 20px;
	}

	.settingsBoxes .fullbox .onefourthbox {
		padding: 10px;
	}

	.pdetailsbox {
		margin-bottom: 20px;
	}

	.scrollthetable {
		width: 100%;
		overflow-x: auto;
	}
}

@media only screen and (max-width: 500px) {
	.fullbox .empimagebox {
		width: 20%;
	}

	.fullbox .empimagebox img {
		width: 100%;
	}

	.fullbox .empdetailsbox {
		width: 80%;
	}

	.employeesearchbox {
		margin-bottom: 20px;
	}

	.fullbox .empdetailsbox p {
		font-size: 12px;
	}

	.employeesearchbox span {
		margin-left: 10px;
		margin-top: 5px;
	}

	.employeesearchbox input {
		padding: 5px 10px 5px 30px;
	}

	.nominatepopupbox .selectareward {
		padding: 0;
	}

	.settingstabbox .nominations_list li {
		text-align: center;
	}

	.settingstabbox .nominations_list li a {
		font-size: 14px;
		display: block;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.dashboardcontent {
		margin-left: 225px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	.dashboardcontent {
		margin-left: 225px;
		padding-top: 150px;
	}
}

@media only screen and (min-width: 2500px) {
	.dashboardcontent {
		margin-left: 225px;
	}
}

/*** NPCI Loader ***/

.loaderbox {
	position: fixed;
	z-index: 99999999999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.loaderbox:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}

.loaderbox:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.npci_loader {
	width: 50px;
	height: 50px;
	border: 5px var(--primary-color) solid;
	border-top: 5px var(--secondary-color) solid;
	border-radius: 50%;
	-webkit-animation: spin-circle 0.8s infinite linear;
	animation: spin-circle 0.8s infinite linear;
	box-sizing: content-box;
}

.npci_loader img {
	height: 50px;
	width: 50px;
	animation: spinlogo 0.8s linear infinite;
	box-sizing: content-box;
}

@-webkit-keyframes spin-circle {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes spin-circle {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes spinlogo {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes spinlogo {
	0% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.sidebarToggle {
	display: none;
}

@media (max-width: 1279px) {
	.sidebarRight {
		position: fixed;
		top: 0;
		right: calc(-100% + 40px);
		padding: 15px;
		background-color: var(--white-color);
		min-height: 100vh;
		transition: all 0.5s ease;
		width: calc(100% - 40px);
		z-index: 999;
	}

	.sidebarRight.open {
		right: 0;
	}

	.sidebarToggle {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 44px;
		color: var(--black-color);
		background: var(--primary-color);
		margin: 0 auto;
		font-size: 24px;
		position: absolute;
		left: -40px;
		top: 170px;
		z-index: 99;
		text-align: center;
	}

	/* .sidebarToggle .line {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 15px);
		height: 2px;
		background-color: var(--white-color);
		transition: all 0.5s ease;
	}

	.sidebarToggle .line.first {
		top: calc(25% + 2px);
	}

	.sidebarToggle .line.second {
		top: calc(50% + 0px);
	}

	.sidebarToggle .line.third {
		top: calc(75% - 2px);
	}

	.sidebarToggle.close .line {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 15px);
		height: 2px;
		background-color: var(--white-color);
	}

	.sidebarToggle.close .line.first {
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.sidebarToggle.close .line.second {
		display: none;
	}

	.sidebarToggle.close .line.third {
		top: 50%;
		transform: translate(-50%, -50%) rotate(-45deg);
	} */

	.sidebarRight__body {
		max-height: 100vh;
		overflow: auto;
	}
}

.copyright {
	text-align: center;
	padding: 30px 0;
	background-color: var(--white-color);
}

.copyright p {
	margin: 0;
}

.copyright p a {
	display: inline-block;
	color: var(--primary-color);
}

/* My Awards Page 1 ( Tabs View ) Styling Start */

.myAwardsTabs {}

.myAwardsTabs .myAwardsTabs__main {}

.myAwardsTabs .myAwardsTabs__main .tab-buttons {}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs {
	border: 0;
}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs .nav-item {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 50%;
	margin: 0;
}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs .nav-item:first-child .nav-link {
	border-top-left-radius: 10px;
}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs .nav-item:last-child .nav-link {
	border-top-right-radius: 10px;
}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs .nav-item .nav-link {
	display: block;
	color: var(--black-color);
	width: 100%;
	border: none;
	border-radius: 0;
	background-color: var(--white-color);
	margin: 0;
	padding: 10px 20px;
}

.myAwardsTabs .myAwardsTabs__main .tab-buttons .nav.nav-tabs .nav-item .nav-link.active {
	background-color: var(--primary-color);
	color: var(--white-color);
}

/* My Awards Page 1 ( Tabs View ) Styling End */

/* My Awards Page 2 ( Half View ) Styling Start */

.myAwardsSection {}

.myAwardsSection .myAwardsSection__main {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsReceived,
.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsGiven {
	width: calc(50% - 7.5px);
}

.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsReceived h3,
.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsGiven h3 {
	font-family: var(--primary-font);
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #03163a;
	background-color: var(--white-color);
	padding: 15px 15px 30px;
	margin: 0;
	text-align: center;
}

.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsReceived .updates_box .updater_header .updater_header-bottom p:first-child,
.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsGiven .updates_box .updater_header .updater_header-bottom p:first-child {
	width: 78%;
}

.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsReceived .updates_box .updater_header .updater_header-bottom p:last-child,
.myAwardsSection .myAwardsSection__main .myAwardsSection__awardsGiven .updates_box .updater_header .updater_header-bottom p:last-child {
	width: 22%;
}

/* My Awards Page 2 ( Half View ) Styling End */

/* Pagination Styling Start */

:root {
	--bg-page: #1a1a1a;
	--text-color: #f3f3f3;
	--card-bg: #202020;
	--icon-bg: #45423c;
	--blue: #0870f8;
	--blue-rgb: 8, 112, 248;
	--orange: #ff9232;
	--g-purple: linear-gradient(30deg, #85f, #9966ff);
	--g-yellow: linear-gradient(30deg, #fc0, #fc0);
	--g-red: linear-gradient(30deg, #f36, #f24);
	--g-blue: linear-gradient(30deg, #0cf, #0af);
	--g-purple: linear-gradient(30deg, #85f, #9966ff);
	--range: 0%;
	--shadow: rgba(0, 6, 39, 0.1);
	--light-shadow: rgba(255, 255, 255, 0.8);
	--light-shadow-2: rgba(255, 255, 255, 0.1);
}

.pagination-container {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 20px;
}

.arrow-text {
	display: block;
	vertical-align: middle;
}

.pagination-number {
	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0 5px;
	border-radius: 5px;
	border: 1px solid #202020;
	color: #202020;
	min-width: 40px;
	min-height: 40px;
	cursor: pointer;
	padding: 5px 10px;
	text-align: center;
}

.pagination-number:first-child i {
	margin-right: 10px;
}

.pagination-number:last-child i {
	margin-left: 10px;
}

.pagination-number:hover,
.pagination-number.active {
	background-color: var(--primary-color);
}

.dashboard__importCustomers {
	display: flex;
	flex-wrap: wrap;
}

.dashboard__importCustomers .dashboard__importHeading {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: calc((100% / 3) * 3);
	margin: 0 0 30px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importHeading {
		width: 100%;
		margin: 0 0 20px;
	}
}

.dashboard__importCustomers .dashboard__importHeading a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #1c1d21;
	margin: 0 0 10px;
}

.dashboard__importCustomers .dashboard__importHeading a i {
	margin-right: 5px;
}

.dashboard__importCustomers .dashboard__importHeading h6 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #1c1d21;
	margin: 0 0 10px;
}

.dashboard__importCustomers .dashboard__importHeading p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	color: #1c1d21;
	margin: 0;
}

.dashboard__importCustomers .dashboard__importMainBox {
	display: flex;
	flex-direction: column;
	width: calc(((100% / 3) * 2) - 10px);
	margin-right: 20px;
	background-color: var(--white-color);
	border: 1px solid rgba(0, 0, 0, 0.175);
	border-radius: 7.5px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox {
		width: 100%;
		margin: 0 0 20px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader {
	display: flex;
	flex-direction: column;
	padding: 20px;
	height: 66px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.175);
	overflow: auto;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader {
		padding: 15px;
		height: 61px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li {
	display: flex;
	flex-direction: row;
	position: relative;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li.active span {
	color: #4071eb;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li:last-child .dashboard__importText {
	margin-right: 0;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li:last-child .dashboard__importText {
		margin-right: 15px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li span {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li .dashboard__importNumber {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 400;
	padding: 2px;
	width: 25px;
	height: 25px;
	background: #e6ecfc;
	border-radius: 16px;
	margin-right: 10px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li .dashboard__importText {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #1c1d21;
	margin-right: 30px;
	white-space: nowrap;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li .dashboard__importArrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importHeader ul li .dashboard__importArrow i {
	font-size: 10px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody {
	display: flex;
	flex-direction: column;
	padding: 20px;
	min-height: calc(100% - 147px);
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody {
		padding: 15px;
		min-height: calc(100% - 129px);
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody p {
	display: flex;
	flex-direction: row;
	margin: 0 0 20px;
	position: relative;
	padding-left: 25px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody p:last-child {
	margin: 0;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody p .fa-check {
	font-size: 16px;
	position: absolute;
	top: 11.2px;
	left: 0;
	transform: translateY(-50%);
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody p a {
	display: inline-block;
	margin-left: 5px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody p a img {
	width: 15px;
	margin-left: 5px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px dashed #b3c6f7;
	width: 100%;
	height: 104px;
	background: var(--white-color);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 20px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm {
		flex-direction: column;
		padding: 15px;
		height: auto;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormImage {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-right: 15px;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormImage img {
	width: 100%;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormImage {
		margin: 0 0 10px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription {
	display: flex;
	flex-direction: column;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle {
	display: flex;
	flex-direction: row;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle {
		flex-direction: column;
		margin: 0 0 10px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle .dashboard__importFormLeft {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 600;
	color: #1c1d21;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle .dashboard__importFormRight {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	position: relative;
	margin-left: 5px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle .dashboard__importFormRight {
		margin: 0;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle .dashboard__importFormRight .dashboard__importFormText {
	font-size: 14px;
	font-weight: 400;
	color: #0042e4;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormTitle .dashboard__importFormRight .dashboard__importFormTInput {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importBody .dashboard__importForm .dashboard__importFormDescription .dashboard__importFormSubtitle {
	color: #696f80;
	font-size: 12px;
	line-height: 1.2;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px;
	height: 81px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter {
		padding: 15px;
		height: 68px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 30px;
	font-size: 16px;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter button {
		padding: 6px 15px;
	}
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter button[disabled] {
	pointer-events: all;
	cursor: not-allowed;
}

.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter button.btn-outline-primary {
	margin-right: 20px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importMainBox .dashboard__importBox .dashboard__importFooter button.btn-outline-primary {
		margin-right: 10px;
	}
}

.dashboard__importCustomers .dashboard__importSidebar {
	display: flex;
	flex-direction: column;
	width: calc(((100% / 3) * 1) - 10px);
	border: 1px solid rgba(0, 0, 0, 0.175);
	background-color: var(--white-color);
	padding: 20px;
	border-radius: 7.5px;
}

@media (max-width: 767px) {
	.dashboard__importCustomers .dashboard__importSidebar {
		width: 100%;
		margin: 0;
	}
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarHeader {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarHeader p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--black-color);
	margin: 0;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarBody {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarBody img {
	width: 100%;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarFooter {
	display: flex;
	flex-direction: column;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarFooter p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--black-color);
	margin: 0;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarFooter p a {
	display: inline-block;
}

.dashboard__importCustomers .dashboard__importSidebar .dashboard__importSidebarFooter p a i {
	font-size: 14px;
}

.orderHistory {
    padding: inherit;
}
.orderHistory__item {
    display: flex;
    margin-bottom: 30px;
    background: white;
    flex-direction: column;
}
.orderHistory__item--head {
    display: flex;
    align-items: center;
    background: var(--primary-color);
    justify-content: space-between;
}
.orderHistory__item--head .item, .orderHistory__item--head .item > .dropdown {
    display: flex;
    width: 100%;
    align-items: center;
}
.orderHistory__item--head span {
    display: block;
    font-size: 16px;
    color: white;
    padding: 12px 15px;
    width: 48%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.orderHistory__item--head span.smallPadding {
    width: 1px;
    padding: 0 1px;
}
.orderHistory__item--head span.cursor:hover {
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .orderHistory__item--head span {
        font-size: 14px;
        padding: 4px 10px;
   }
}
.orderHistory__item--head .dropdown .dropdown-menu {
    max-width: 220px;
    border-radius: 0;
}
.orderHistory__item--head .dropdown .dropdown-menu p {
    margin: 0;
    padding: 8px 20px;
}
.orderHistory__item--head .dropdown .dropdown-menu p span {
    display: block;
    padding: 0;
    color: black;
    font-weight: 600;
}
@media (max-width: 768px) {
    .orderHistory__item--head {
        flex-direction: column;
   }
}
.orderHistory__item--list {
    display: flex;
    padding: 20px;
    background: var(--white-color);
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #ebeef7;
}
.orderHistory__item--list:last-child {
    border-bottom: 0px solid #ebeef7;
}
.orderHistory__item--list .productInfo {
    width: 45%;
    display: flex;
    align-items: center;
}
.orderHistory__item--list .productInfo figure {
    width: 120px;
    margin-bottom: 0;
}
.orderHistory__item--list .productInfo figure img {
    max-width: 100%;
}
.orderHistory__item--list .productInfo .txt {
    width: 55%;
    padding-left: 15px;
}
.orderHistory__item--list .productInfo .txt p {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .orderHistory__item--list .productInfo .txt {
        width: 100%;
        padding: 10px;
        text-align: center;
   }
}
@media (max-width: 768px) {
    .orderHistory__item--list .productInfo {
        width: 100%;
        flex-direction: column;
   }
}
.orderHistory__item--list .otherDetails {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.orderHistory__item--list .otherDetails ul {
    display: flex;
    align-items: flex-end;
}
.orderHistory__item--list .otherDetails ul li {
    display: block;
    padding: 0 5px;
}
.orderHistory__item--list .otherDetails ul li.price {
    font-size: 18px;
}
.orderHistory__item--list .otherDetails ul li.price span {
    font-weight: 600;
    font-size: 21px;
}
.orderHistory__item--list .otherDetails ul li .points_label {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 15px;
    color: white;
    padding: 0 15px;
    line-height: 30px;
    margin-right: 15px;
    white-space: nowrap;
    background: var(--primary-color);
}
.orderHistory__item--list .otherDetails ul li .btn {
    margin-left: 5px;
}
.orderHistory__item--list .otherDetails ul li .btn:first-child {
    margin-left: 0;
}
.orderHistory__item--list .otherDetails ul li .btn.btn-purple {
    color: white;
    background: #238525;
}
.orderHistory__item--list .otherDetails ul li .points_label {
    margin-right: 0;
}
.orderHistory__item--list .otherDetails ul li .status {
    display: block;
    padding: 8px 15px;
    text-align: center;
    margin-left: 10px;
    background: #f3f3f3;
    font-weight: 600;
}
.orderHistory__item--list .otherDetails ul li .status.delivered {
    color: #238525;
}
.orderHistory__item--list .otherDetails ul li .status.cancelled {
    color: #ad1010;
}
.orderHistory__item--list .otherDetails ul.statusFeedback {
    flex-direction: column;
}
.orderHistory__item--list .otherDetails ul.statusFeedback li {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}
.orderHistory__item--list .otherDetails ul.statusFeedback li:last-child {
    margin-bottom: 0;
}
.orderHistory__item--list .otherDetails ul.statusFeedback .showReview {
    display: flex;
    padding-top: 10px;
    align-items: center;
}
.orderHistory__item--list .otherDetails ul.statusFeedback .showReview i {
    color: #ec9c34;
    margin-left: 5px;
}
@media (max-width: 1366px) {
    .orderHistory__item--list .otherDetails ul.statusFeedback {
        flex-direction: row;
   }
    .orderHistory__item--list .otherDetails ul.statusFeedback li {
        margin-bottom: 0;
   }
}
@media (max-width: 1366px) {
    .orderHistory__item--list .otherDetails ul {
        width: 100%;
        align-items: center;
        margin-bottom: 10px;
        justify-content: flex-end;
   }
    .orderHistory__item--list .otherDetails ul:last-child {
        margin-bottom: 0;
   }
}
@media (max-width: 768px) {
    .orderHistory__item--list .otherDetails ul {
        flex-wrap: wrap;
        justify-content: center;
   }
    .orderHistory__item--list .otherDetails ul li {
        margin: 5px;
   }
}
@media (max-width: 1366px) {
    .orderHistory__item--list .otherDetails {
        flex-direction: column;
   }
}
@media (max-width: 768px) {
    .orderHistory__item--list .otherDetails {
        width: 100%;
   }
}
@media (max-width: 768px) {
    .orderHistory__item--list {
        flex-direction: column;
   }
}