th.holiday {
	background-color: #d2649a;
	color: #ffffff;
}

td.holiday {
	background-color: #d2649a;
	color: #ffffff;
}

td.weekoff {
	background-color: #888f94;
	color: #ffffff;
}

.employee-welcome-card {
	margin-bottom: 24px;
	position: relative;
	background: linear-gradient(90.31deg, #FF902F -1.02%, #FF2D3D 132.59%);
}

.employee-welcome-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	border-radius: 0px 0px 10px 0px;
	width: 100px;
	height: 100%;
	transform: skew(12deg);
	background: linear-gradient(90.31deg, #FF902F -1.02%, #FF2D3D 132.59%);
}

@media (max-width: 1399px) {
	.employee-welcome-card::before {
		display: none;
	}
}

.employee-welcome-card .employee-img {
	position: absolute;
	right: 0;
}

.employee-welcome-card .card-body {
	padding: 24px;
}

.employee-welcome-card .welcome-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-bottom: 24px;
	position: relative;
	z-index: 1;
}

.employee-welcome-card .welcome-info .welcome-content h4 {
	font-size: 18px;
	color: #FFF;
	margin-bottom: 5px;
}

.employee-welcome-card .welcome-info .welcome-content p {
	color: #EFF0F1;
	margin-bottom: 0;
}

.employee-welcome-card .welcome-info .welcome-content p span {
	font-weight: 500;
	color: #FFF;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFF;
}

.employee-welcome-card .welcome-info .welcome-img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

.employee-welcome-card .welcome-info .welcome-img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

.employee-welcome-card .welcome-btn {
	position: relative;
	z-index: 1;
}

.employee-welcome-card .welcome-btn .btn {
	font-size: 15px;
	font-weight: 500;
	color: #373B3E;
	background: #FFEBDA;
	border: 1px solid #FFAF69;
	border-radius: 5px;
	line-height: normal;
	padding: 9px 12px;
	min-width: 110px;
}

.employee-welcome-card .welcome-btn .btn:hover {
	color: #373B3E;
	background: #FFD7B4;
	border-color: #FFD7B4;
}

.info-card {
	background: #009EFB;
	border: 1px solid #009EFB;
	position: relative;
	overflow: hidden;
}

.info-card::before {
	position: absolute;
	content: "";
	background: url(../card-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
}

.info-card h4 {
	font-size: 20px;
	color: #FFF;
	margin-bottom: 15px;
}

.info-card .holiday-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	position: relative;
	z-index: 1;
}

@media (max-width: 575px) {
	.info-card .holiday-details {
		display: block;
	}
}

.info-card .holiday-details .holiday-calendar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

@media (max-width: 575px) {
	.info-card .holiday-details .holiday-calendar {
		margin-bottom: 15px;
	}
}

.info-card .holiday-details .holiday-calendar .holiday-calendar-icon {
	margin-right: 10px;
}

.info-card .holiday-details .holiday-calendar .holiday-calendar-content h6 {
	font-size: 15px;
	color: #FFF;
	margin-bottom: 0;
}

.info-card .holiday-details .holiday-calendar .holiday-calendar-content p {
	color: #FFF;
	margin-bottom: 0;
}

.info-card .holiday-details .holiday-btn .btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	font-size: 15px;
	color: #373B3E;
	background: #F5F6F7;
	border: 1px solid #F5F6F7;
	padding: 8px 14px;
}

.info-card .holiday-details .holiday-btn .btn:hover {
	color: #373B3E;
	background: #B3E2FE;
	border-color: #B3E2FE;
}

.employee-month-card {
	background: #FEDFE3;
	border: 1px solid #FC6075;
}

.employee-month-card .employee-month-details {
	margin-bottom: 20px;
}

.employee-month-card .employee-month-details h4 {
	font-size: 18px;
	color: #373B3E;
	margin-bottom: 5px;
}

.employee-month-card .employee-month-details p {
	font-size: 14px;
	color: #4D5154;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.employee-month-card .employee-month-content {
		margin-bottom: 10px;
	}
}

.employee-month-card .employee-month-content h6 {
	font-size: 15px;
	color: #FC6075;
	margin-bottom: 5px;
}

.employee-month-card .employee-month-content p {
	font-size: 14px;
	color: #373B3E;
	margin-bottom: 0;
}

.employee-month-card .employee-month-img {
	text-align: right;
}

@media (max-width: 991px) {
	.employee-month-card .employee-month-img {
		text-align: left;
	}
}

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

.card .card-body {
	padding: 24px;
}

.statistic-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	padding-bottom: 15px;
}

.statistic-header h4 {
	font-size: 20px;
	font-weight: 500;
	color: #373B3E;
	margin-bottom: 0;
}

.owl-nav.company-nav {
	padding-bottom: 15px;
}

.owl-nav.company-nav button.owl-next,
.owl-nav.company-nav button.owl-prev,
.owl-carousel .owl-nav.company-nav button.owl-next,
.owl-carousel .owl-nav.company-nav button.owl-prev {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #E2E4E6;
	font-size: 14px;
	background: #E2E4E6;
	color: #373B3E;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}

.owl-nav.company-nav .owl-prev {
	margin-right: 5px;
}

.owl-nav.company-nav button.owl-next,
.owl-nav.company-nav button.owl-prev,
.owl-carousel .owl-nav.company-nav button.owl-next,
.owl-carousel .owl-nav.company-nav button.owl-prev {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #E2E4E6;
	font-size: 14px;
	background: #E2E4E6;
	color: #373B3E;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}


.company-grid {
	padding: 15px;
	border-radius: 5px;
}

.company-grid .company-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	margin-bottom: 15px;
}

.company-grid .company-top .company-icon {
	margin-right: 10px;
}

.company-grid .company-top .company-icon span {
	font-weight: 500;
	width: 45px;
	min-width: 45px;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}

.company-grid .company-top .company-link a {
	color: #212529;
	font-weight: 500;
}

.company-grid .company-top .company-link a:hover {
	color: #FF902F;
}

.company-grid .company-bottom {
	justify-content: space-between;
	align-items: center;
}

.company-grid .company-bottom ul li {
	font-size: 12px;
	color: #4D5154;
}

.company-grid .company-bottom ul li+li {
	margin-top: 5px;
}

.company-grid .company-bottom .company-bottom-links {
	display: flex;
	align-items: center;
}

.company-grid .company-bottom .company-bottom-links a {
	color: #373B3E;
}

.company-grid .company-bottom .company-bottom-links a+a {
	margin-left: 5px;
}

.company-soft-tertiary {
	background: #FFEFF1;
}

.company-icon-tertiary {
	background: #FEDFE3;
	color: #FC6075;
}

.company-soft-success {
	background: #EEFAEF;
}

.company-icon-success {
	background: #DDF5E0;
	color: #55CE63;
}

.company-soft-info {
	background: #E6F5FF;
}

.company-icon-info {
	background: #CCECFE;
	color: #009EFB;
}

.owl-nav.project-nav {
	padding-bottom: 15px;
}

.owl-nav.company-nav {
	padding-bottom: 15px;
}

.owl-nav.company-nav button.owl-next,
.owl-nav.company-nav button.owl-prev,
.owl-carousel .owl-nav.company-nav button.owl-next,
.owl-carousel .owl-nav.company-nav button.owl-prev {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #E2E4E6;
	font-size: 14px;
	background: #E2E4E6;
	color: #373B3E;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}

.owl-nav.company-nav .owl-prev {
	margin-right: 5px;
}

.attendance-list .row {
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
}

.attendance-list .col-md-4 {
    background: #eee;
    width: 45%;
    border-radius: 10px;
    padding: 10px;
}

.attendance-details p {
    margin-bottom: 0;
}

.employee-alert-box .alert-outline-success {
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 24px;
	border: 1px solid #55CE63;
	background: #DDF5E0;
	color: #373B3E;
	font-size: 14px;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}

.employee-alert-box .alert-outline-success i {
	margin-right: 6px;
}

.alert i {
	font-size: 20px;
}

.fa-regular,
.far {
	font-weight: 400;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
	font-family: "Font Awesome 6 Free";
}