.ml-24 {
	margin-left: 24px;
}

/* right top corner close button */
.x {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 23px;
	height: 23px;
	border: 2px solid #eef5df;
	background-color: #FF7849;
	border-radius: 50%;
}
.x::before, .x::after {
	position: absolute;
	top: 8px;
	left: 4px;
	width: 12px;
	height: 3px;
	content: "";
	background-color: #eef5df;
	}
.x::before {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.x::after {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.x { cursor: pointer; }
.x:hover::before, .x:hover::after { display: block; }

a[disabled] {
	pointer-events: none;
	opacity: .4;
}

.close:focus {
	outline: none !important;
}

/* filter button design */
@media only screen and (max-width: 767.98px) {
	.add-emp-section {
		justify-content: center !important;
	}

	.add-emp-section .mt-center-filter {
		margin-top: 0px !important;
	}
}

@media only screen and (max-width: 574.98px) {
	.add-emp-section {
		justify-content: center !important;
	}

	.add-emp-section .mt-center-filter {
		margin-top: 13px !important;
	}

	.page-separator {
		z-index: -1;
	}
}

@media only screen and (max-width: 360.98px) {
	.submit-section .submit-btn, .submit-section .cancel-btn {
		min-width: 100px !important;
		margin-right: 10px !important;
	}
}

.pr-36 {
	padding-right: 36px !important;
	text-overflow: ellipsis;
}

.text-of {
	max-width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.h0 {
	height: unset !important;
}

.c {
	position: absolute;
	top: -10px;
	right: 14px;
	display: inline-block;
	border-radius: 113px;
	box-shadow: 0 0 2px #888;
	padding: 4px 5.5px;
	height: 20px;
	width: 20px;
	font-size: 12px;
	background-color: #FB821F;
	color: white;
}

.x1 {
	position: absolute;
	top: -10px;
	right: -10px;
	display: inline-block;
	border-radius: 113px;
	box-shadow: 0 0 2px #888;
	padding: 4px 6px;
	height: 20px;
	width: 20px;
	font-size: 12px;
	background-color: #FB821F;
	color: white;
}

.boxtopright {
	position: absolute;
	display: inline-block;
	border-radius: 113px;
	font-size: 12px;
	align-content: baseline;
	float: right;
	top: -10px;
	right: -15px;
	color: red !important;
}

.sr {
	position: absolute;
	display: inline-block;
	border-radius: 113px;
	font-size: 12px;
	align-content: baseline;
	float: right;
	topbottom: 2px;
	right: 5px;
	color: red !important;
}

.s {
	position: absolute;
	top: -10px;
	left: -10px;
	display: inline-block;
	border-radius: 75px;
	box-shadow: 0 0 2px #888;
	padding: 4px 3.5px;
	height: 18px;
	width: 18px;
	font-size: 11px;
	color: white;
}

.s-Pending {
	background-color: #ffa400;
}

.s-Accepted {
	background-color: #038900;
}

.s-Rejected {
	background-color: #ff0000;
}

.dropabble-border {
	border: 2px dashed #e69d9d !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px;
	padding: 50px;
	color: #bbb;
}

.droped-border {
	border: 2px dashed #1EB53A !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px;
	padding: 50px;
	color: #bbb;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.cursor-default {
	cursor: default;
}

.redborder {
	border: 2px dashed red !important;
}

.dragging {
	height: 80px;
	width: 300px;
	opacity: 1;
}
.dragging h2 {
	font-size: inherit;
	font-weight: 350;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.dragging h2 a {
	border: 2px dashed #B8B8B8;
	position: relative;
	color: #4f648e !important;
	font-weight: 550;
	font-size: 14px;
	padding: 10px;
	border-radius: 5px;
}
.dragging h2 span {
	color: #FF7849;
	display: block;
	font-size: 14px;
	margin-top: 5px;
	font-weight: 500;
}

.knowledgebase span.spanc2 a:after {
	content: ",";
}

.knowledgebase span.spanc2 a:last-child:after {
	content: "";
}

.bs-none {
	box-shadow: none !important;
}

.h-64 {
	height: 64px;;
}

.img-thumbnail {
	position: relative;
	display: inline-block;
	font-size: 0;
}
.img-thumbnail .closes {
	position: absolute;
	top: -7px;
	right: -8px;
	z-index: 100;
	background-color: #FF7849;
	padding: 3px 2px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 22px;
	line-height: 11px;
	border-radius: 50%;
	border: 1px solid #FF7849;
}
.img-thumbnail:hover .closes {
	opacity: 1;
}

/* file manager changes */
/*
.file-wrap .file-cont-wrap {
	margin-left:  0px !important;
}
*/
.file-wrap {
		display: block !important;
}

/* loader */
.spanner{
	position:absolute;
	top: 50%;
	left: 0;
	background: #2a2a2a55;
	width: 100%;
	display:block;
	text-align:center;
	height: 300px;
	color: #FFF;
	transform: translateY(-50%);
	z-index: 1000;
	visibility: hidden;
}

.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #ffffff;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

.show{
	visibility: visible;
}

.spanner, .overlay{
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.spanner.show, .overlay.show {
	opacity: 1
}

.h-261 {
	height: 261px;
}

.ticket-uploaded-image {
	width:100%;
	height:135px;
}

.ticket-uploaded-image img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.project-uploaded-image {
	width:100%;
	height:135px;
}

.project-uploaded-image img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.h-90 {
	height: 90px !important;
}

.w-90 {
	width: 90px !important;
}

.page-wrapper {
	background-color: #ffffff !important;
}

/* .header {
	border-bottom: 2px solid #ececec !important;
} */

.filter-row {
	/* box-shadow: 0px 1px 23px 9px rgb(209 209 209 / 25%) !important; */
	box-shadow: 0px 1px 23px 9px rgb(209 209 209 / 0%) !important;
	border-radius: 5px;
}

.table>:not(caption)>*>* {
	box-shadow: none !important;
}

.user-card {
	/* box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 25%) !important; */
	box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 0%) !important;
}

.card {
	/* box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 25%) !important; */
	box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 0%) !important;
}

.topics {
	/* box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 25%) !important;  */
	box-shadow: 10px 10px 45px 13px rgb(209 209 209 / 0%) !important;
}

.item-end {
	align-items: end;
	flex: auto;
}

.mr-10 {
	margin-right: 10px;
}

.mr-20 {
	margin-right: 20px;
}

.w-0 {
	width: none;
}

.title-val {
	font-size: 14px;
	color: grey;
}

.accordion-button:not(.collapsed) {
	color: #FF7849 !important;
	background-color: #fff5f1;
}

.course-top-right {
	position: absolute;
	top: 3px;
	right: 15px;
}

.acco-head {
	position: relative;
	z-index: 99;
}

.acco-head a.edit-icon {
	position: absolute;
	margin-top: -39px;
	z-index: 9999999;
	align-items: end;
}

.r-60 {
	right: 60px
}

.r-95 {
	right: 95px
}

.w-250 {
	width: 250px !important;
}

.mr-25 {
	margin-right: 25px;
}

.mt-5 {
	margin-top: 5px !important;
}

.client-card-sec {
	position: absolute;
	left: 15px;
	top: 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-green {
	background-color: #55ce63 !important;
}

.project-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	border: none;
}

.project-card-footer a {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	width: 100%;
	background-color: #FF7849;
}
.project-card-footer a:hover {
	background-color: #ff6937;
}

.r-130 {
	right: 130px
}

.pl-10 {
	padding-left: 10px;
}

.lesson-strip {
	background-color: #fff5f1 !important;
}

.ml-2 {
	margin-left: 0.5rem!important;
}

.br-10 {
	border-radius: 10px !important;
}

#punch .btn-success:hover {
	background: #198754;
	border: 1px solid #198754;
	color: #fff;
}

#punch .btn-success:hover, #punch .btn-success:focus, #punch .btn-success.active, #punch .btn-success:active {
	background: #198754;
	border: 1px solid #198754;
	color: #fff;
}

.dataTables_length {
	padding-top: 1rem !important;
}

.dataTables_paginate {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.dataTables_paginate li.paginate_button a.page-link {
	font-size: .8125rem;
	background-color: transparent !important;
	color: rgba(39,44,51,.7) !important;
}

.dataTables_paginate li.paginate_button.page-item.active {
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.dataTables_paginate li.paginate_button.page-item:hover {
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.dataTables_paginate li.paginate_button .page-link:focus {
	box-shadow: none;
}

.dataTables_paginate li.paginate_button.page-item.disabled {
	color: #cfcfcf;
	pointer-events: none;
}

[dir] .dropdown-menu {
	padding: unset !important;
}

[dir] .page-item.active .page-link {
	border-color: #fafafa !important;
}

.m-form {
	margin: 0px 12px !important;
}

.mb-12 {
	margin-bottom: 12px !important;
}

/* /popup modal border color */
/* .modal-header {
	border-bottom: 1px solid #303956 !important;
} */

/* .modal-footer {
	border-top: 1px solid #303956 !important;
} */
/* /popup modal border color */

.toast-error {
	background-color: #BD362F !important;
}

.toast-success {
	background-color: #51A351 !important;
}

.toast-warning {
	background-color: #F89406 !important;
}

.toast-info {
	background-color: #2F96B4 !important;
}

.page-section .card-form .card-body-form-group .row .col-sm-auto {
	flex-grow: 1;
}

/* .mb-5px {
	margin-bottom: 5px;
} */

#stack:after, #stack:before {
		left: unset;
		right: unset;
}

.f-s-large {
    font-size: large;
}


.chart-legend-item-color {
	color: rgba(39,44,51,.7) !important;
}

.chart-legend-item-bg-color {
	background-color: #303840 !important;
}

.chart-legend-item-not-found {
	width: 245px;
	height: 145px;
}

.table-th-action {
	width: 24px;
}

/* calender  */
#calendar th.fc-day-header.fc-widget-header {
	background: #eeeeee;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase;
	text-align: center!important;
}

#calendar a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.bg-success {
	border-radius: 2px;
	border: none;
	cursor: default;
	font-size: 13px;
	margin: 1px 7px;
	margin-top: 1px;
	padding: 5px 5px;
	text-align: center;
}

#calendar button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled {
	background-color: #FB821F!important;
	color: #fff !important;
	text-shadow: none !important;
	background: #f1f1f1;
	background-color: rgb(241, 241, 241);
	border: none;
	color: #797979;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}

#calendar button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {
	background-color: #FB821F!important;
	color: #fff !important;
	text-shadow: none !important;
	background: #f1f1f1;
	background-color: rgb(241, 241, 241);
	border: none;
	color: #797979;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}

#calendar button.fc-button.fc-state-default {
	background: #f1f1f1;
	border: none;
	color: #797979;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}

#calendar .fc-state-down, .fc-state-active, .fc-state-disabled {
	background-color: #FB821F!important;
	color: #fff !important;
	text-shadow: none !important;
}

#calendar .fc-toolbar .fc-center h2 {
	font-size: 1.414rem;
}

.bootstrap-datetimepicker-widget {
	visibility: visible;
	opacity: 1;
}
/* calender  */

.page-nav-attendance {
/*  max-height: calc(100vh - 46.1rem);*/
}

@media only screen and (max-width: 1280px) {
	.page-nav-attendance {
		max-height: calc(100vh - 35rem);
	}
}

@media only screen and (max-width: 1150px) {
	.page-nav-attendance {
		max-height: calc(100vh - 34.5rem);
	}
}

@media only screen and (max-width: 912px) {
	.page-nav-attendance {
		max-height: calc(100vh - 70rem);
	}
}

@media only screen and (max-width: 896px) {
	.page-nav-attendance {
		max-height: calc(100vh - 10.8rem);
	}
}

@media only screen and (max-width: 820px) {
	.page-nav-attendance {
		max-height: calc(100vh - 58.8rem);
	}
}

@media only screen and (max-width: 800px) {
	.page-nav-attendance {
		max-height: calc(100vh - 65rem);
	}
}

@media only screen and (max-width: 768px) {
	.page-nav-attendance {
		max-height: calc(100vh - 49rem);
	}
}

@media only screen and (max-width: 600px) {
	.page-nav-attendance {
		max-height: calc(100vh - 26.8rem);
	}
}

@media only screen and (max-width: 540px) {
	.page-nav-attendance {
		max-height: calc(100vh - 29.8rem);
	}
}

@media only screen and (max-width: 430px) {
	.page-nav-attendance {
		max-height: calc(100vh - 42.8rem);
	}
}

@media only screen and (max-width: 390px) {
	.page-nav-attendance {
		max-height: calc(100vh - 36.8rem);
	}
}

.page-nav-attendance:before {
	content: none;
}

.page-nav-attendance .page-nav__menu span {
	border-left: 2px solid #e9edf2;
}

.page-nav-attendance .page-nav__menu a {
		 margin-bottom: 0px !important;
}

.card-body-attendance {
	height: calc(100vh - 13.8rem);
}

.page-nav-attendance i.material-icons {
	font-size: 15px !important;
	margin-top: 2px !important;
	margin-right: 3px !important;
}

.numInputWrapper span.arrowUp:after {
		border-bottom: 7px solid rgba(57,57,57,.6) !important;
}

.posts-card__title a {
	color: #FB821F!important;
}

.avatar-lg-notification {
	width: 2.5rem;
	height: 2.5rem;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.profile-page-num {
	width: 1.5rem !important;
	height: 1.5rem !important;
	font-size: 0.714rem !important;
}

.pl-2p5 {
	padding-left: 2.5rem!important;
}

.profile-page-section {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.profile-view .pro-edit {
	/*position: absolute;
	right: 0;
	top: 0;*/
	position: absolute;
	right: 6px;
	top: -4px;
}

@media only screen and (max-width: 991.98px) {
	.profile-info-left {
/*    border-right: none;*/
/*    border-bottom: 2px dashed #ccc;*/
		border-right: 2px dashed #ccc;
		border-bottom: none;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.profile-info-left {
		border-right: none;
		border-bottom: 2px dashed #ccc;
		margin-bottom: 20px;
		padding-bottom: 20px;
		text-align: center;
	}
}

@media only screen and (max-width: 750.98px) {
	.profile-info-left {
		border-right: none !important;
		text-align: center;
	}
}

@media only screen and (max-width: 575.98px) {
	.profile-info-left {
		border-right: none !important;
		text-align: center;
	}
	.fc-toolbar .fc-right {
		display: flex;
		justify-content: center;
		float: none;
		margin: 10px auto 0;
		width: 200px;
		clear: both;
	}
	.fc-toolbar .fc-left {
		float: none;
		margin: 0 auto;
		display: flex;
		justify-content: center;

	}
	#calendar th.fc-day-header.fc-widget-header {
		font-size: 12px;
	}
}

@media only screen and (max-width: 375.98px) {
	#calendar th.fc-day-header.fc-widget-header {
		font-size: 11px;
	}
}

@media only screen and (max-width: 375.98px) {
	.page-separator {
		z-index: -1;
	}
}

.profile-info-left {
	border-right: 2px dashed #ccc;
	height: 100%;
}

#preview-profile-image {
	width: 100%;
}

.profile-avatar-xxl {
	font-size: 2.66667rem;
	width: 8rem;
	height: 8rem;
}

@media only screen and (max-width: 991.98px) {
	.profile-avatar-xxl {
			font-size: 2.66667rem;
			width: 6rem;
			height: 6rem;
	}
}

@media only screen and (max-width: 750.98px) {
	.profile-avatar-xxl {
		font-size: 2.66667rem;
		width: 8rem;
		height: 8rem;
	}
}

.card-dep-text-overflow {
	max-width: calc(100% - 10px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.ws-pl {
	white-space: pre-line;
}

.lb-anywhere {
	line-break: anywhere;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select2-results__options {
		max-height: 300px;
		overflow-y: auto;
}

input.flatpickr-minute[type=number] {
		-moz-appearance: textfield;
}

input.flatpickr-hour[type=number] {
		-moz-appearance: textfield;
}

.custom-file-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*for only orange theme*/
[dir] .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field:focus, [dir] .select2-container--bootstrap4 .select2-selection--multiple:focus, [dir] .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple:focus, [dir] .select2-container .select2-selection--single:focus, [dir] .btn-outline-primary.focus, [dir] .btn-outline-primary:focus {
		/*border-color: #fff;
		background-color: #fff;*/
		box-shadow: inset 0 1px 1px rgb(39 44 51 / 8%), 0 0 0 1px #fb821f !important;
}

.select2-selection__choice, .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
		color: #FB821F !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
		background-color: #FB821F;
}

.daterangepicker .ranges li.active {
		background-color: #FB821F;
}

.timepicker i.fa-clock, i.fa-pencil-alt, i.fa-trash-alt {
	color: #FB821F!important;
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: #FB821F!important;
}

@media only screen and (max-width: 1240.98px) {
	.profile-avatar-xxl {
			font-size: 2.66667rem;
			width: 6rem;
			height: 6rem;
	}
}

@media only screen and (max-width: 1024px) {
	.profile-avatar-xxl {
			font-size: 2.66667rem;
			width: 5.5rem;
			height: 5.5rem;
	}
}


.select2-container--disabled span.select2-selection.select2-selection--single {
	background-color: #e9ecef !important;
}
#calendar button.fc-button.fc-state-default:focus {
	outline: none;
}

[dir] .custom-checkbox .custom-control-label:before {
	border-color: #FB821F;
}
/*for only orange theme*/

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.page-separator-edit:before {
	width: 94% !important;
}

.page-separator-view-more:before {
	width: 87% !important;
}

.page-separator-view-more a {
	position: absolute;
	top: 0px;
	right: 0px;
}

.ui-timepicker-container.ui-timepicker-standard {
	z-index: 99999 !important;
}

input.form-control.timepicker {
	width: 25%;
}

@media only screen and (max-width: 768px) {
	input.form-control.timepicker {
		width: 100%;
	}
}

.sweet-alert .is-loading:after {
	border: 3px solid #ffffff !important;
	border-bottom-color: transparent !important;
}

.dataTables_length, .dataTables_info {
	padding-left: 0.5rem!important;
}

/* Payslip */
#payslip .payslip-title {
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	margin: 0 0 20px;
}

#payslip .inv-logo {
	height: auto;
	max-height: 100px;
	width: auto;
	margin: 0 0 20px;
}

#payslip .invoice-details {
	float: right;
	text-align: right;
}

#payslip .float-end {
	float: right!important;
}

#payslip .page-wrapper .content .page-header {
	margin-bottom: 1.875rem;
}

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

#payslip .ms-auto {
	margin-left: auto!important;
}

#payslip .btn-group, .btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

#payslip .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#payslip .btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	flex: 1 1 auto;
}

#payslip .btn-group-sm>.btn, .btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: .875rem;
	border-radius: 0.2rem;
}

#payslip strong {
	font-weight: 700;
}

/* Payslip End*/

.page-title-box {
	float: left;
	height: 60px;
	margin-bottom: 0;
	padding: 17px 20px;
	border-radius: 0;
}

.page-title-box h3 {
	color: #ff8234;
	text-transform: capitalize;
}

.adjust-view-image img {
	max-height: 100%;
	max-width: 100%;
	height: auto !important;
}

@media only screen and (min-width: 992px) {
	.mdk-header-layout .container, .mdk-header-layout .container-fluid, .mdk-header-layout .container-lg, .mdk-header-layout .container-md, .mdk-header-layout .container-sm, .mdk-header-layout .container-xl {
		max-width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.mdk-header-layout .container, .mdk-header-layout .container-fluid, .mdk-header-layout .container-lg, .mdk-header-layout .container-md, .mdk-header-layout .container-sm, .mdk-header-layout .container-xl {
		max-width: 100%;
	}
}

.mdk-drawer {
	z-index: 5;
}

.navbar-toggler:focus {
	border: none !important;
}

.profile-img:hover .overlay {
	opacity: 1;
}

.profile-img .overlay {
	position: absolute !important;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 31%) !important;
	visibility: visible !important;
	border-radius: 50%!important;
	object-fit: cover;
	top: 0;
}

.profile-img .overlay .icon {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	font-size: 30px;
}

/* file manager */
.fm-body {
	min-height: calc(100vh - 285px);
}

.fm-navbar i.fa-trash-alt {
		color: #ffffff!important;
}

.fm-breadcrumb .breadcrumb.active-manager {
		background-color: #fdc495!important;
}

.table-info, .table-info>td, .table-info>th {
		background-color: #fdc495!important;
}

.fm-modal .btn-info {
		background-color: #FB821F!important;
		border-color: #FB821F!important;
		box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%), 0 1px 1px rgb(39 44 51 / 8%);
}

.fm-modal .btn-info:hover {
		background-color: #E96900!important;
		border-color: #CB5B00!important;
}

.fm-modal .btn-info {
		background-color: #FB821F!important;
		border-color: #FB821F!important;
		box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%), 0 1px 1px rgb(39 44 51 / 8%);
}

.fm-modal .btn-light:disabled {
		background-color: #FB821F!important;
		border-color: #FB821F!important;
		box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 15%), 0 1px 1px rgb(39 44 51 / 8%);
}

.form-check-input:checked {
		background-color: #FB821F;
		border-color: #FB821F;
}

.fm-grid .fm-grid-item.active {
		background-color: #fdc495;
		-webkit-box-shadow: 3px 2px 5px grey;
		box-shadow: 3px 2px 5px grey;
}

.fm .progress .progress-bar {
		background-color: #fdc495!important;
}
/* file manager */

#notification-contents object>a.name {
		color: #FB821F!important;
}

.fm .fm-navbar .btn-group button[title^=' Hidden files'], .fm .fm-navbar .btn-group button[title^='New file'], .fm .fm-navbar .btn-group button[title^='About'] {
	display: none;
}

.fm .fm-navbar .btn-group button[title^='New folder'] {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
}

.fm .fm-body .fm-tree .fm-tree-disk, .fm .fm-body .fm-content .fm-disk-list {
	display: none;
}

.corner-ribbon--default-right-top {
	height: 25px !important;
	line-height: 23px !important;
	/*width: 97px !important;*/
	width: 104px !important;
	/*top: -32px !important;*/
	top: -26px !important;
}


.corner-ribbon--default-right-top {

	padding-left: 21px !important;
	right: -30px !important;
}

/* Tasks */
.task-lead-teams {
	display: inline-flex !important;
	margin-right: 15px;
	text-align: center;
}

.task-lead {
	display: flex;
	align-items: center;
}

.task-lead .avatar {
	display: inline-flex;
}

.task-lead-teams h4, .progbar p {
	margin-bottom: 0;
	margin-right: 5px;
	font-size: 16px;
}

.task-lead-teams .task-team-members {
	margin-left: 15px;
	display: flex;
	align-items: center;
}

.text-end, .float-end {
	text-align: right!important;
}

.bg-inverse-warning {
	background-color: rgba(255, 152, 0,0.12) !important;
	color: #f39c12 !important;
}

.bg-inverse-danger {
	background-color: rgba(242, 17, 54,0.12) !important;
	color: #e63c3c !important;
}

.bg-inverse-success {
	background-color: rgba(15, 183, 107,0.12) !important;
	color: #26af48 !important;
}

.text-purewhite-50 {
	color:#fff !important
 }

.task-textarea .form-control {
	border: 1px solid transparent;
	border-radius: 5px;
	font-size: 13px;
	resize: none;
}

.task-textarea textarea:hover {
	border: 1px solid #FB821F;
	outline: none;
}

#tasktitle{
	padding: 0px 5px 0px 5px;
}
#tasktitle:hover {
	border: 1px solid #FB821F;
	outline: none;
	border-radius: 10px;
	position: relative;

}
div[contenteditable="true"]:empty:before {
	content: 'What this task is about?';
	color: gray;
}
div[contenteditable="true"] {
	min-height: 100px;
	padding: 0px 5px 0px 5px;
}
div[contenteditable="true"]:focus {
	border: 1px solid #FB821F;
	outline: none;
	border-radius: 10px;
	padding: 5px 5px 5px 5px;
}

h4[contenteditable="true"]:focus {
	border: 1px solid #FB821F;
	outline: none;
	border-radius: 10px;
}

.highlight-dropdown {
	background-color: rgba(61, 46, 49, 0.12) !important;
	font-weight: bold;
}

.assign-info, .duedate-info  {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 10px;
	display: inline-flex;
	flex: 0 1 180px;
	padding: 5px 5px 5px 5px;
	position: relative;
}

.assign-dropdown{
	display: flex !important;
	flex-direction: column;
}

.assign-dropdown-info{
	align-items: center;
	border: 1px solid transparent;
	border-radius: 10px;
	display: inline-flex;
	padding: 5px 5px 5px 5px;
	position: relative;
	cursor: pointer;
}

.opacity5 {
	opacity: .5;
}
.assign-info:hover, .duedate-info:hover {
	border-color: #e3e3e3;
	cursor: pointer;
}

.assign-dropdown-info:hover > div > div > small {
	/*background-color:#FB821F !important;*/
	font-weight: 500;

}

.remove-icon, .remove-comment {
	align-items: center;
	background-color: #e3e3e3;
	border-radius: 50%;
	color: #333;
	cursor: pointer;
	display: flex;
	height: 20px;
	justify-content: center;
	margin-right: 10px;
	margin-left: 5px;
	right: 0;
	top: 50%;
	width: 25px;
}
.remove-icon:hover,.remove-comment:hover {
	background-color: #d3d3d3;
}

.assign-info:hover .remove-icon {
	visibility: visible;
}
.remove-icon i,.remove-comment i {
	color: #8e8e8e;
	font-size: 12px;
}

.assign-dropdown.show{
	transform: translate3d(12px, 45px, 0px) !important;
}

.taskstatusupdate {
	cursor: pointer;
}




/* Kanban Board */
.card > .task-header {
	line-height: 15px;
	display: flex;
	justify-content: space-between;
}
.task-header {
		font-size: 14px;
		font-weight: 500;
		padding: 15px 15px 5px;
}
.task-header a {
	color: #1f1f1f;
}
.task-body {
	padding: 0 15px 15px;
	font-size: 13px;
}
.kanban-list:last-child {
	margin-right: 0;
}
.kanban-list > .kanban-header {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 10px 20px;
}
.kanban-list > .kanban-header > .status-title {
		color: #fff;
		font-size: 16px;
		font-weight: 500;
}
.kanban-list > .kanban-wrap {
		padding: 20px;
}
.kanban-list > .kanban-wrap > .drag-placeholder {
	height: 146px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.05);
	margin-bottom: 12px;
}
.kanban-list > .kanban-wrap.ks-empty > .card.drop-here {
	display: block;
}
.kanban-list > .kanban-wrap > .card {
		border: 1px solid #e3e3e3;
		border-radius: 2px;
		box-shadow: unset;
		margin: 0 0 12px;
}
.kanban-list > .kanban-wrap > .card.drop-here {
	display: none;
	text-align: center;
	background: transparent;
	padding: 15px;
	border-style: dashed;
}
.kanban-list > .kanban-wrap > .card.drop-here > a {
	color: #333;
	font-weight: 500;
}
.kanban-list > .kanban-wrap > .card:last-child {
	margin-bottom: 0;
}
.kanban-list > .kanban-wrap > .card.ui-sortable-helper {
	box-shadow: 0 2px 20px 0 #d7dceb;
}
.kanban-list > .kanban-wrap > .card > .task-header {
	font-size: 14px;
	font-weight: 500;
	border: none;
	padding: 15px 15px 5px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kanban-list > .kanban-wrap > .card > .task-body {
	padding: 0 15px 15px;
}

.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info {
	display: flex;
	align-items: center;
	font-size: 12px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress {
	margin-bottom: 0;
	margin-right: 10px;
		width: 100%;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
		background-color: #42a5f5;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	margin-top: 10px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer .ks-icon {
	color: #d7dceb;
	font-size: 20px;
	display: inline-block;
	margin-right: 3px;
	position: relative;
	top: 1px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer > .task-users > .task-avatar > img {
	width: 24px;
	height: 24px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-footer > .task-users > .ks-amount {
	font-size: 10px;
	font-weight: 500;
	display: inline-block;
	margin-left: 3px;
	position: relative;
	top: 1px;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.drop-here {
	border-color: #f7c1b7;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
		background-color: #ef5350;
}
.kanban-list.kanban-success {
	background-color: #edf7ee;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #4caf50;
}
.kanban-list.kanban-success > .kanban-wrap > .card.drop-here {
	border-color: #abebc6;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
		background-color: #4caf50;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5;
}
.kanban-list.kanban-info > .kanban-wrap > .card.drop-here {
	border-color: #a6dbf9;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.drop-here {
	border: 1px solid #f2e49e;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-body > .kanban-info > .progress .progress-bar {
		background-color: #ffb300;
}
.task-avatar {
		border-radius: 50%;
		position: relative;
}
.kanban-box.ui-sortable-handle {
		cursor: move;
}
.card > .task-board-header {
	line-height: 15px;
	display: flex;
	justify-content: space-between;
}
.task-board-header {
		font-size: 14px;
		font-weight: 500;
		padding: 15px 15px 5px;
		display: flex;
		justify-content: space-between;
}
.task-board-header a {
	color: #1f1f1f;
}
.task-board-body {
	padding: 0 15px 15px;
	font-size: 13px;
}
.progress > .progress-bar {
	background-color: #25628F;
}
.kanban-cont {
		display: flex;
		overflow: auto;
		padding-bottom: 20px;
}
.kanban-list {
		align-self: flex-start;
		margin-right: 30px;
		min-width: 300px;
		width: 300px;
}
.kanban-list:last-child {
	margin-right: 0;
}
.kanban-list > .kanban-header {
		align-items: center;
		display: flex;
		justify-content: space-between;
		padding: 10px 20px;
}
.kanban-list > .kanban-header > .status-title {
		color: #fff;
		font-size: 16px;
		font-weight: 500;
}
.kanban-list > .kanban-wrap {
		padding: 20px;
		max-height: 550px;
		overflow: auto;
}
.kanban-list > .kanban-wrap > .drag-placeholder {
	height: 146px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0.05);
	margin-bottom: 12px;
}
.kanban-list > .kanban-wrap > .card {
	background-color: #fff;
		border: 1px solid #e3e3e3;
		border-radius: 2px;
		box-shadow: unset;
		margin: 0 0 12px;
}
.kanban-list > .kanban-wrap > .card.active {
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.kanban-list > .kanban-wrap > .card:last-child {
	margin-bottom: 0;
}
.kanban-list > .kanban-wrap > .card.ui-sortable-helper {
	box-shadow: 0 2px 20px 0 #d7dceb;
}
.kanban-list > .kanban-wrap > .card > .task-board-header {
	font-size: 14px;
	font-weight: 500;
	border: none;
	padding: 15px 15px 5px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kanban-list > .kanban-wrap > .card > .task-board-body {
	padding: 0 15px 15px;
}

.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info {
	display: flex;
	align-items: center;
	font-size: 12px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress {
	margin-bottom: 0;
	margin-right: 10px;
		width: 100%;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #42a5f5;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer {
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		margin-top: 10px;
		align-items: end;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer > .task-users > .task-avatar > img {
	width: 24px;
	height: 24px;
}
.kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer > .task-users > .task-user-count {
	font-size: 10px;
	font-weight: 500;
	display: inline-block;
	margin-left: 3px;
	position: relative;
	top: 1px;
}
.kanban-list.kanban-danger > .kanban-wrap > .card.active {
	border-color: #ef5350;
}
.kanban-list.kanban-success > .kanban-wrap > .card.active  {
	border-color: #4caf50;
}
.kanban-list.kanban-info > .kanban-wrap > .card.active  {
	border-color: #42a5f5;
}
.kanban-list.kanban-warning > .kanban-wrap > .card.active  {
	border-color: #ffb300;
}
.kanban-list.kanban-danger {
	background-color: #fef7f6;
}
.kanban-list.kanban-danger > .kanban-header {
	background-color: #ef5350;
}
.kanban-list.kanban-danger > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #ef5350;
}
.kanban-list.kanban-success {
	background-color: #edf7ee;
}
.kanban-list.kanban-success > .kanban-header {
	background-color: #4caf50;
}
.kanban-list.kanban-success > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #4caf50;
}
.kanban-list.kanban-info {
	background-color: #e7f3fe;
}
.kanban-list.kanban-info > .kanban-header {
	background-color: #42a5f5;
}
.kanban-list.kanban-warning {
	background-color: #fdfcf3;
}
.kanban-list.kanban-warning > .kanban-header {
	background-color: #ffb300;
}
.kanban-list.kanban-warning > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #ffb300;
}
.kanban-list.kanban-purple {
	background-color: #f1effd;
}
.kanban-list.kanban-purple > .kanban-header {
	background-color: #7460ee;
}
.kanban-list.kanban-purple > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #7460ee;
}
.kanban-list.kanban-primary {
	background-color: #fff5ec;
}
.kanban-list.kanban-primary > .kanban-header {
	background-color: #ff9b44;
}
.kanban-list.kanban-primary > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-info > .progress .progress-bar {
		background-color: #ff9b44;
}
.task-avatar {
		border-radius: 50%;
		position: relative;
}
.kanban-box.ui-sortable-handle {
		cursor: move;
}
.kanban-action > a {
		color: #fff;
		background-color: rgba(0, 0, 0, 0.3);
		display: inline-flex;
		align-items: center;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		justify-content: center;
}

.task-board-color {
	height: 110px;
}

.task-board-color .board-color-list {
		display: flex;
		height: 45px;
		flex-wrap: wrap;
}
.task-board-color .board-color-list .board-control {
		position: relative;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		min-height: 1.5rem;
		padding-left: 1.5rem;
		margin-right: 1rem;
		padding-left: 0;
		cursor: pointer;
		width: 36px;
		height: 36px;
}
.task-board-color .board-control-input {
		position: absolute;
		z-index: -1;
		opacity: 0;
}
.board-control > .board-control-input:checked ~ .board-indicator:before {
		content: "\f00c";
		display: block;
		width: 16px;
		height: 16px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		border: none;
		position: relative;
		font-family: 'Font Awesome\ 5 Free';
		text-align: center;
		line-height: 16px;
		font-weight: 900;
}
.board-control > .board-control-input:checked ~ .board-indicator::before {
		width: 36px;
		height: 36px;
		line-height: 36px;
}
.board-control > .board-indicator {
		width: 36px;
		height: 36px;
}
.board-control.board-primary > .board-indicator {
		background: #ff9b44;
}
.board-control.board-success > .board-indicator {
		background: #4caf50;
}
.board-control.board-info > .board-indicator {
		background: #42a5f5;
}
.board-control.board-purple > .board-indicator {
		background: #7460ee;
}
.board-control.board-warning > .board-indicator {
		background: #ffb300;
}
.board-control.board-danger > .board-indicator {
		background: #ef5350;
}
.kanban-board.task-wrapper .kanban-list {
	width: 100%;
}
.board-view-header {
	margin-bottom: 30px;
}
.pro-teams {
		display: inline-flex;
		margin-right: 15px;
		text-align: center;
		margin-bottom: 20px;
}
.pro-teams .pro-team-members {
		margin-left: 15px;
		display: flex;
		align-items: center;
}
.pro-teams h4 {
		margin-bottom: 0;
		margin-right: 6px;
		font-size: 16px;
}
.pro-team-lead {
		display: flex;
		align-items: center;
}
.board-view-header .view-icons {
		float: right;
		margin-right: 0;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 2px 7px;
		border-radius: 4px;
}
.board-view-header .view-icons .btn {
	margin: 0;
	padding: 0;
}
.board-view-header .view-icons a.btn + a.btn {
	margin-left: 5px;
}
.pro-progress-bar {
		display: flex;
		align-items: center;
}
.pro-progress-bar h4 {
		margin-bottom: 0;
		margin-right: 10px;
		font-size: 13px;
		text-transform: uppercase;
}
.pro-progress-bar .progress {
		width: 100%;
		margin-bottom: 0;
		margin-right: 10px;
		height: 15px;
		background-color: #e3e3e3;
		box-shadow: unset;
}
.pro-progress-bar .progress > .progress-bar {
		background-color: #ff9b44;
}
.pro-teams .avatar-group {
	display: inline-flex;
}
.pro-teams .avatar-group .avatar {
		margin-right: 0;
		position: relative;
		display: inline-block;
		width: 34px;
		height: 34px;
		background-color: transparent;
}
.pro-teams .avatar-group .avatar + .avatar {
	margin-left: -.75rem;
}
.pro-teams .avatar-group .avatar .border {
		border: 3px solid #fff !important;
}
.pro-teams .avatar-group .avatar > img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	border-radius: 50%;
}
.border-white {
		border-color: #fff !important;
}
.pro-teams .avatar-group .avatar:hover {
		z-index: 1;
}
.pro-teams .avatar .avatar-title {
		font-size: 14px;
	border-radius: 50%;
}
.pro-teams .avatar-title {
		width: 100%;
		height: 100%;
		background-color: #ff9b44;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
}
.task-date {
	display: block;
}
.task-priority {
	padding: .3em .6em .3em;
}
.task-follower-list {
		display: flex;
		margin-top: 15px;
}
.task-follower-list span {
	position: relative;
}
.task-follower-list span i {
	cursor: pointer;
		position: absolute;
		top: -5px;
		right: 5px;
		color: #f00;
}
.add-new-task {
		text-align: center;
		padding: 0 20px 20px;
}
.add-new-task a {
		color: #333;
		font-size: 14px;
}
.project-add-form {
		display: none;
		margin-top: 10px;
}
.project-add-form.opened {
	display: block;
}

#page-tasks .page__container .card-body .card-title {
	margin-bottom: 5px;
}

.fancybox__container .fancybox__content img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

#page-tasks .card-group-row {
	display: flex;
	gap: 20px;
	margin: 0;
}

#page-tasks .card-group-row .card-group-row__col {
	padding: 0;
	margin: 0;
	width: calc(25% - 20px * 3/4);
	flex: unset;
    max-width: unset;
}

#page-tasks .card-group-row .card-group-row__col .card {
	margin-bottom: 0;
}


/* Task board & project home page */
#page-project-view .container.page__container .row {
	align-self: flex-start;
}

#page-project-view .container.page__container .row .col-auto .taskfilter svg path {
	fill: #FB821F;
}

#page-project-view .container.page__container .row .col-auto .taskfilter:hover svg path,
#page-project-view .container.page__container .row .col-auto .taskfilter:active svg path {
	fill: white;
}

#page-project-view .task-filter-container.display-filter, #page-project-view .task-sort-container.display-sort {
	display: flex;
}

#page-project-view .task-filter-container, #page-project-view .task-sort-container {
	display: none;
	flex-direction: column;
	background: white;
	box-shadow: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
	flex-wrap: wrap;
	width: 560px;
	position: absolute;
	/*top: 167px;*/
	top: 152px;
  	right: 279px;
  	gap: 10px;
  	z-index: 99;
  	border-radius: 4px;
  	min-height: 220px;
  	justify-content: space-between;
}

#page-project-view .task-filter-container .filter-content, #page-project-view .task-sort-container .sort-content {
	padding: 24px;
}

#page-project-view .task-filter-container .filter-content ul, #page-project-view .task-sort-container .sort-content ul {
	padding: 0;
	display: flex;
	margin: 0;
	gap: 12px;
	flex-wrap: wrap;
}

#page-project-view .task-filter-container .filter-content ul li, #page-project-view .task-sort-container .sort-content ul li {
	list-style-type: none;
}

#page-project-view .task-filter-container .clear-filter, #page-project-view .task-sort-container .clear-sort {
	display: flex;
	justify-content: end;
	padding: 15px 24px;
	border-top: 1px solid #edeae9;
}

#page-project-view .task-filter-container .select-assignee {
	padding: 24px;
	position: relative;
	width: 250px;
}


#page-project-view .select2-selection:after {
    content: "\F107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #6d6e6f;
}

#page-project-view .select2-container .select2-selection--single {
	font-size: 12px;
	line-height: 12px;
	height: 30px;
	display: flex;
	justify-content: space-between;
}

#page-project-view .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 12px;
	color: #6d6e6f;
	font-weight: 500;
}

#page-project-view .task-filter-container .select-assignee a {
	position: relative;
}

#page-project-view .task-filter-container .select-assignee .select2-container {
	top: 10px !important;
  	left: 0px !important;
}

#page-project-view .task-filter-container .btn.btn-outline-primary, #page-project-view .task-sort-container .btn.btn-outline-primary {
	color: #6d6e6f;
  	border: 1px solid #cfcbcb;
  	margin-right: 0 !important;
  	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding: 8px;
	text-transform: unset;
}

#page-project-view .task-filter-container .btn.btn-outline-primary:hover, #page-project-view .task-sort-container .btn.btn-outline-primary:hover {
	color: #fff;
  	background-color: #FB821F;
  	border: 1px solid transparent;
}

#page-project-view .task-filter-container .clear-filter .btn.btn-outline-primary, #page-project-view .task-sort-container .clear-sort .btn.btn-outline-primary {
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding: 8px 12px;
}

#page-project-view .task-filter-container .clear-filter .btn.btn-outline-primary:hover, #page-project-view .task-sort-container .clear-sort .btn.btn-outline-primary:hover {
	color: #fff;
  	background-color: #FB821F;
  	border: 1px solid transparent;
}

#page-project-view .task-filter-container .btn.btn-outline-primary:focus, #page-project-view .task-sort-container .btn.btn-outline-primary:focus {
	box-shadow: unset !important;
}

#page-project-view .container.page__container .row .col-auto .taskfilter, #page-project-view .container.page__container .row .col-auto .tasksort {
	position: relative;
}

#page-project-view .container.page__container .row .col-auto .taskfilter svg, #page-project-view .container.page__container .row .col-auto .tasksort svg {
	width: 20px;
	height: 20px;
}

/* /--Tasks */

#myOverviewDiv {
	position: absolute;
	width: 200px;
	height: 100px;
	top: 10px;
	left: 10px;
	background-color: #f2f2f2;
	z-index: 300; /* make sure its in front */
	border: solid 1px #7986cb;
}

.green {
	color:#26af48;
}
.lightgray {
	color:#e3e3e3;
}
.name-lightgray {
	color: rgba(0,0,0,.54);
}
.mt4 {
	margin-top:4px;
}

.width100 {
	width: 100%;
}

/* file cards */
.dropdown-file {
	position: absolute;
	top: 10px;
	right: 10px;
}
.dropdown-file .dropdown-link {
	color: #777;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.dropdown-file .dropdown-link:hover, .dropdown-file .dropdown-link:focus {
color: #1b2e4b;
}
.dropdown-file .dropdown-item {
font-size: 12px;
display: flex;
align-items: center;
padding: 5px 10px;
}
.card-file {
padding: 10px;
position: relative;
transition: all 0.2s ease-in-out;
}
.card-file:hover, .card-file:focus {
border-color: #ccc;
}
.card-file .card-body {
padding: 15px 0 0;
}
.card-file .card-footer {
font-size: 11px;
color: #a9a9a9;
padding: 10px 0 0;
border-top-width: 0;
background-color: transparent;
}
.card-file h6 {
margin-bottom: 0;
font-size: 0.875rem;
}
.card-file h6 a {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
width: 100%;
color: #333;
}
.card-file span {
font-size: 12px;
color: #888;
}
.card-file-thumb {
	align-items: center;
	background-color: #f5f5f5;
	color: #777;
	display: flex;
	font-size: 48px;
	height: 120px;
	justify-content: center;
}

.card-file-thumb img:hover{
	cursor: pointer;
}


.claimarea {
	position: absolute;
	top: -10px;
	left: -10px;
	display: inline-block;
	border-radius: 75px;
	box-shadow: 0 0 2px #888;
	padding: 4px 5.5px;
	height: 18px;
	width: 60px;
	font-size: 11px;
	color: white;
	text-align: center;
	background-color: #ffa400;
	font-style: normal;
}

.flexclass {
	display: flex;
}

.fontweight500 {
	font-weight: 500;
}

.fontweight400 {
	font-weight: 400 !important;
}

.text-decoration-underline{
	text-decoration: underline;
}

.graycolor {
	background-color: #F4F4F4;
}

.commentsloadmore{
	color: #FB821F;
	cursor: pointer;

}

.bg-success-opacity07 {
	background-color : rgba(119, 193, 58, 0.7);
}

/* phone number plugin intl-tel-input */
.valid-msg {
	color: green;
	margin-left: 2px;
}

.error-msg {
	color: red;
	margin-left: 2px;
}

.hide {
	display: none;
}

.intl-tel-input
{
		width: 100%;
}
.iti {
		width: 100%;
}

/* schedule box */
.schedulebox {
	border:2px dashed #B8B8B8;
	position:relative;
	background-color: #e1e6eb !important;
}

/*-----------------
Activity
-----------------------*/

.activity-box {
	position: relative;
}
.activity-list {
	list-style: none;
	/* margin: 0 0 0 10px; */
	padding: 0;
	position: relative;
}
.activity .activity-list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.activity .activity-list > li .activity-user, .activity .activity-list .activity-list-li .activity-user {
	height: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
	left: 8px;
	width: 32px;
}
.activity .activity-list > li .activity-content, .activity .activity-list .activity-list-li .activity-content {
	background-color: #fff;
	margin: 0 0 0 40px;
	padding: 0;
	position: relative;
}
.activity-list::before {
	background: #ddd;
	/*bottom: 0;*/
	bottom: 70px;
	content: "";
	/* left: 23px; */
	left: 35px;
	position: absolute;
	/* top: 8px; */
	top: 80px;
	width: 2px;
}
.activity .activity-list li::before, .activity .activity-list .activity-list-li::before {
	background: #ddd;
	bottom: 0;
	content: "";
	left: 22px;
	position: absolute;
	top: 12px;
	width: 2px;
}
.activity-list li::before, .activity-list .activity-list-li::before {
	/* background: #eee; */
	background: #ddd;
	bottom: 0;
	content: "";
	/* left: 8px; */
	left: 24px;
	position: absolute;
	/* top: 8px; */
	top: 15px;
	width: 2px;
}
.activity-list > li, .activity-list .activity-list-li {
	background-color: #fff;
	/* margin-bottom: 10px; */
	padding: 10px;
	position: relative;
	border: 1px solid #ededed;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.activity-list > li:last-child .activity-content, .activity-list .activity-list-li:last-child .activity-content {
	margin-bottom: 0;
}
.activity-user .avatar {
	height: 32px;
	line-height: 32px;
	margin: 0;
	width: 32px;
}
.activity-list > li .activity-user, .activity-list .activity-list-li .activity-user {
	background: #fff;
	height: 32px;
	/*left: -7px;*/
	margin: 0;
	padding: 0;
	position: absolute;
	/* top: 3px; */
	top: 12px;
	width: 32px;
}
.activity-list > li .activity-content, .activity-list .activity-list-li .activity-content {
	background-color: #fff;
	margin: 0 0 20px 40px;
	padding: 0;
	position: relative;
}
.activity-list > li .activity-content .timeline-content, .activity-list .activity-list-li .activity-content .timeline-content {
	color: #9e9e9e;
}
.activity-list > li .activity-content .timeline-content a, .activity-list .activity-list-li .activity-content .timeline-content a {
		color: #616161;
}
.activity-list > li .time, .activity-list .activity-list-li .time {
	color: #bdbdbd;
	display: block;
	font-size: 13px;
}

.activity-list-td {
	border-top: none !important;
	padding-top: 0 !important;
}

.table tr:first-child td {
	padding-top: 10px !important;
}

.activity-content a {
	font-weight: 500;
}

.fontweight500 {
	font-weight: 500;
	color: #616161;
}
/* activity ends */

/* chat */

.lightorange {
	background-color: #ffb38a !important;
}

#messages-drawer .sidebar-heading{
	color: #303840 !important;
}

.paddingb55 {
	padding-bottom: 5.5rem !important;
}

.top-66 {
	top: 66px;
}

.chat-right .message__aside{order:1}[dir=ltr]
.chat-right .message__aside{margin-right:0;margin-left:1rem}[dir=rtl]
.chat-right .message__aside{margin-left:0;margin-right:1rem}[dir=ltr]
.chat-right .message__body{margin-left:auto}[dir=rtl]
.chat-right .message__body{margin-right:auto}

.messagecard {
	margin-bottom : 0.5rem !important;
}

.messagecardbody {
	padding: 0.5rem !important;
}

.msgreply{
	padding-top: 10px;
	border-top: 2px solid #e9edf2 !important;
}

.msginput {
	border: 1px solid #e9edf2 !important;
	margin-right: 5px !important;
	border-radius: .25rem !important;
	color: rgba(39,44,51,.7) !important;
}

.chatcount {
	margin-left: auto;
	color: white;
	padding: 5px 7px 5px 7px !important;
}

#messagebody{
	height: calc(100%);
	overflow: auto;
}

.chat_line {
	border-bottom: 1px solid #eaeaea;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 7px 0 20px;
}

.unreadmsgline {
	background-color: #fff;
	color: #727272;
	font-size: 12px;
	padding: 0 11px;
	position: relative;
	top: 7px;
	left: -15px;
}

.chathomeuserlist > .media > .media-body{
	min-width: 100px;
}

.upload-drop-zone {
	background-color: #ffffff;
	border: 2px dashed #e3e3e3;
	color: #cccccc;
	height: 200px;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 50px;
}

.upload-list {
	list-style: none;
	padding-top: 10px;
	margin: 0;
	display: flex;
	column-gap: 10px;
}

.upload-list .file-list:first-child {
	border-top: none;
}
.upload-list .file-list {
	background-color: #ffffff;
	border-top: 1px solid #e3e3e3;
	padding: 10px 0;
}
.upload-list .upload-wrap {
	position: relative;
	margin: 0 0 5px;
	padding: 0 20px 0 0;
}
.upload-list .file-close {
	border: none;
	background: none;
	color: #cccccc;
	position: absolute;
	top: 2px;
	right: 0;
}
.upload-list .file-size {
	color: #888888;
}

.h2, h2 {
	font-size: 1.689rem !important;
}

.marginleft10px {
	margin-left: 10px;
}

.dz-remove
{
		display:inline-block !important;
		width:1.2em;
		height:1.2em;

		position:absolute;
		/*top:5px;*/
		/*right:5px;*/
		z-index:1000;

		font-size:1.2em !important;
		line-height:1em;

		text-align:center;
		font-weight:bold;
		border:1px solid gray !important;
		border-radius:1.2em;
		color:gray;
		background-color:white;
		top: 2px;
		right: 12px;
		opacity: 1;
}

.dz-remove:hover
{
		text-decoration:none !important;
		opacity:1;
}

.filediv {
	width: 100%;
	flex-direction: column;
}

.file-row {
	width: 100px;
	position:relative;
}

.file-name {
	word-wrap: anywhere;
}

.custom-file-input {
	border-radius: 0 !important;
	border: unset !important;
	outline : unset !important;
}
.custom-file-input:focus ~ .custom-file-label {
	box-shadow: unset !important;
}

.chatimage img{
	border-radius: 5%;
	border: 1px solid #FB821F;
}

#messages-navbar .profile-img .overlay .icon {
	font-size: 20px;
}

#modalgroupparticipants .media {
	min-width: 25%;
}

/* chat ends */
.cursor-pointer {
	cursor: pointer;
}

.flag-nav a img {
	width: 20px;
	height: 20px;
	margin-right: 5px !important;
}

.flag-nav div.dropdown-menu {
	min-width: unset !important;
}

.dropdown-item{
	padding-left: 25px !important;
}

.input-helper{
	width: 100%;
	font-size: .8125rem;
	color: rgba(39,44,51,.5);
}

.bullet::before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-right: 2px;
	display: inline-block;
	background-color: #FB821F;
	vertical-align: middle;
}
.active.bullet::before {
	background-color: #Fff !important;
}

a.btn.active{
	color: #fff !important;
}

.project_view_external{
	display: flex;
	flex-direction: column;
}

/* image with name initials */

.bg-color-1 {
	background: #989696 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-2 {
	background: #e89696 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-3 {
	background: #9987d5 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-4 {
	background: #a1e2d3 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-5 {
	background: #c87ac4 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-6 {
	background: #d2d26e !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-7 {
	background: #6592d6 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-8 {
	background: #73a7af !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-9 {
	background: #65b386 !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.bg-color-10 {
	background: #97da9f !important;
	-webkit-border-radius: 70px;
	align-items: center;
}
.avatar-a {
	width: 2.5em;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	/*margin: auto;*/
	text-align: center;
}

.avatar-a-small {
	width: 24px;
	font-size: 12px;
	line-height: 24px;
	margin: 0 auto auto;
	display: block;
	text-align: center;
}

.avatar-a-tiny {
	width: 18px;
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	margin: auto;
	display: block;
	text-align: center;
}

.dz-upload {
	display: block;
	background-color: red;
	height: 10px;
	width: 0%;
}


.resendotpcls {
	font-weight: bold;
	text-decoration: underline;
}

.dropdown-templates {
	/*left: 70px !important;*/
	border: 1px solid gainsboro !important;
	position: absolute;
	transform: translate(-50%, 0) !important;
	top: 20px !important;
	left:  calc(  50% + 5px) !important;
	will-change: transform;
	left: 0;
	right: 0;

}

.dropdown-templates:before {
	/* right: 15px; */
	border: 8px solid #0000;
	border-bottom: 8px solid;
}

.dropdown-templates:after {
	right: 16px;
	top: -14px;
	border: 7px solid #0000 !important;
	border-bottom: 7px solid !important;
}

.dropdown-templates:before,
.dropdown-templates:after {
	content: "";
	left: 50% !important;
	display: inline-block;
	position: absolute;
}

.openshiftbox .dropdown-templates:before,
.openshiftbox .dropdown-templates:after {
	left: 48% !important;

}
.dropdown-templates .dropdown-header {
	display: block;
	font-size: 12px !important;
	white-space: nowrap;
}

.schedulebox-color-list > .board-control > .board-control-input:checked ~ .board-indicator:before {
	color: black;
 }


/* time clock card */
.time-clock-card .card-header {
	border-bottom: unset;
}

.card.time-clock-card {
	padding: 0 24px;
}

/*
.time-clock-card .card-header .card-title {
	font-size: 20px;
}
*/

.time-clock-card.card .card-body-clock-in {
	border-bottom: 1px solid lightgray;
}

.time-clock-card.card .card-body-clock-in .clock-in-content p {
	/*font-size: 16px;*/
	line-height: 20px;
}

.time-clock-card.card .shift-data .date {
	/*font-size: 16px;*/
	column-gap: 5px;
	letter-spacing: 0.5px;
}

.time-clock-card.card .shift-data .a.btn {
	height: 40px;
}

.time-clock-card.card .card-body-clock-in .clock-in-btn {
	column-gap: 10px;
}

.time-clock-card.card .card-body-clock-in .clock-in-btn a {
	min-width: 100px;
	min-height: 40px;
}

#page-employee-attendances .page__container .row .col-md-4 {
	max-height: 300px;
}

#page-employee-attendances .page__container .card {
	height: 100%;
}

#page-employee-attendances .page__container .card.recent-activity {
	max-height: unset !important;
	height: 100%;
}

#page-employee-attendances .page__container .row .activity-time .card-body .page-nav {
	top: 15px;
	max-height: unset;
}

#page-employee-attendances .page__container .row .activity-time .card-body {
	overflow: scroll;
	max-height: 73%;
}

#page-employee-attendances .page__container .recent-activity .today-active i,
#page-employee-attendances .page__container .card-header .week-chart i {
	display: none;
}

@media screen and (min-width: 951px) {
	/* sidebar menu */
	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer {
		width: 65px;
	}

	body.layout-app .mdk-drawer-layout .mdk-drawer .mdk-drawer__content {
		transform: unset;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer .mdk-drawer__content {
		width: 65px;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer-layout__content {
		min-width: calc(100% - 65px) !important;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content .sidebar a.sidebar-brand span {
		display: none;
	}

	body.layout-app .mdk-drawer-layout .mdk-drawer__content .sidebar a.sidebar-brand {
		column-gap: 10px;
		justify-content: center;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content .sidebar a.sidebar-brand {
		justify-content: center;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content ul {
		display: flex;
		flex-direction: column;
		column-gap: 5px;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer__content .sidebar-heading,
	body.layout-app:not(.has-drawer-opened) .mdk-drawer__content ul li a .sidebar-menu-text {
		display: none;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer .mdk-drawer__content:hover,
	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer:hover {
		width: 256px;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content:hover .sidebar-heading,
	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content:hover ul li a .sidebar-menu-text,
	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer__content:hover .sidebar a.sidebar-brand span {
		display: block;
	}

	body.layout-app.has-drawer-opened .mdk-drawer__content .sidebar {
		column-gap: 5px;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer .mdk-drawer__content:hover .sidebar a .sidebar-text {
		display: none !important;
	}

	body.layout-app:not(.has-drawer-opened) .mdk-drawer-layout .mdk-drawer .mdk-drawer__content .sidebar a .sidebar-text {
	/*	display: block !important;*/
		width: 2.6rem;
		height: 2.6rem;
		background: #ff8234;
		justify-content: center;
		display: flex !important;
		align-items: center;
		border-radius: 20px;
		font-size: 20px;
		font-weight: 600;
	}
}

@media screen and (max-width: 1441px) {
	#page-employee-attendances .page__container .row {
		row-gap: 20px;
	}

	#page-employee-attendances .page__container .row .col-md-4 {
		flex: unset;
		max-width: 50%;
	}
}

@media screen and (max-width: 1112px) {
	.time-clock-card.card .card-body-clock-in .clock-in-btn {
		flex-direction: column;
		row-gap: 10px;
	}

	#page-employee-attendances .page__container .row .col-md-4:last-child {
		max-width: 70%;
	}
}

@media screen and (max-width: 951px) {
	#page-employee-attendances .page__container .row .col-md-4 {
		flex: unset !important;
		max-width: 100% !important;
	}

	#page-employee-attendances .page__container .recent-activity .today-active i,
	#page-employee-attendances .page__container .card-header .week-chart i {
	  	display: block;
	  	cursor: pointer;
	}

	#page-employee-attendances .page__container .row .activity-time .card-body,
	#page-employee-attendances .page__container .chart .card-body {
		display: none;
	}

	.time-clock-card.card .card-body-clock-in .clock-in-btn {
		flex-direction: row;
	}

	#page-employee-attendances .page__container .row .col-md-4 {
		max-height: unset;
	}

	.sidebar-dark-pickled-bluewood .sidebar-brand {
		justify-content: center;
	}
}

@media screen and (max-width: 481px) {
	.time-clock-card.card .card-body-clock-in .clock-in-btn {
		flex-direction: column;
	}

	#page-employee-attendances .page__container .chart .card-body foreignObject .apexcharts-legend {
		justify-content: left;
	}
}

@media screen and (max-width: 321px) {
	#page-employee-attendances .page__container .card .shift-data {
		flex-direction: column;
	 	row-gap: 20px;
	}
}

/* /time clock card */

.inlineflex {
	display: inline-flex;
}

.displayinline {
	display: inline;
}

.font100per {
	font-size: 100% !important;
}

/* timesheet */
.map-in {
	background-color: #4285F4;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 15px;
	position: relative;
}

.map-in::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #4285F4;
}

.map-out {
	background-color: #FB821F;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 15px;
	position: relative;
}

.map-out::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #FB821F;
}

  /* timesheet ends */


.cursorauto {
	cursor: auto;
}

/* login */
.custom-control-label-login {
	color: rgba(39,44,51,.7) !important;
	font-weight: 400 !important;
}

.custom-control-label-login a{
	color: rgba(39,44,51,.7) !important;
	font-weight: 500 !important;
}

/* content */
#page .layout-login-centered-boxed__form {
	max-width: 100% !important;
}
#page h1 {
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 1.2;
}

#page h1, h2 {
	color: #ff6600;
}


/* Employees page */
#page-employees .avatar-xl,
#page-employees .avatar-xxl {
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-bottom: auto;
	margin-bottom: 5px;
}

#page-employees .card-group-row__col .card, #plans .card-group-row__col .card {
	border: 1px solid #dfe2e6 !important;
	border-radius: .5rem;
}

#page-employees .card-group-row__col .card h4 {
	text-transform: capitalize;
}

#page-employees .card-group-row__col .card p {
	text-transform: capitalize;
}

#page-employees .card-group-row__col .card-body .card-body.pb-0 {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#page-employees .card-group-row__col .card-body .card-body.pb-0 small {
	column-gap: 5px;
	text-align: left;
}

#page-employees .card-group-row__col .card-body .card-body.pb-0 small span {
	text-align: end;
}

#page-employees .page__container .page-section .d-flex .btn:not(:disabled):active:focus,
#page-employees .page__container .page-section .d-flex .btn:focus {
	box-shadow: unset !important;
	border: unset;
	outline: unset;
}

#page-employees .page__container .page-section .col-sm-auto .form-control:focus {
	box-shadow: unset;
}

#page-employees .page__container .page-section .col-sm-auto .select2-selection:focus {
	box-shadow: unset !important;
}

#page-employees .select2-container.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field:focus {
	border: 1px solid #edf0f2;
	box-shadow: unset !important;
}

#page-employees .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field::placeholder,
#page-employees .select2-container--bootstrap4 .select2-selection--multiple::placeholder,
#page-employees .select2-container--bootstrap4.select2-container--focus .select2-selection--multiple::placeholder,
#page-employees .select2-container .select2-selection--single::placeholder {
	border: 1px solid #edf0f2;
}

#page-employees.modal-open
#page-employees.custom-modal.show {
	padding-right: 0 !important;
}

/* Employees single page */
#page-employees-show .page__container .card-body .d-flex {
	column-gap: 10px;
}

#page-employees-show .page__container .card-body .d-flex span {
	overflow-wrap: anywhere;
}

#page-employees-show .page__container .card-body .d-flex .mr-16pt {
	margin-right: 0 !important;
}

#page-employees-show .page__container .card-body .d-flex .mr-16pt span {
	margin-right: 0 !important;
}

#page-employees-show .page__container .card-body h6.text-muted {
	margin-bottom: 10px;
}

#page-employees-show .page__container .card-body .user-name {
	margin-bottom: 5px !important;
}

#page-employees-show .page__container .card-body small.text-muted {
	margin-bottom: 10px;
	line-height: 25px;
}

#page-employees-show .page__container .card-body .staff-id {
	margin-bottom: 5px;
}

#page-employees-show .page__container .card-body .doj {
	margin-bottom: 5px;
}

#page-employees-show .page__container .card-body .personal-info .flex-sm-row {
	column-gap: 10px;
}

#page-employees-show .page__container .card-body .personal-info .flex-sm-row span a {
	cursor: unset;
	color: rgba(39,44,51,.5) !important;
}

#page-employees-show .custom-modal.show {
	padding-right: 0 !important;
}

#page-employees-show .custom-modal .modal-body .form-control:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-employees-show .page__container .experience-box .page__container p.mb-0 {
	margin-bottom: 5px !important;
	text-transform: uppercase;
}

#page-employees-show .page__container .experience-box .page__container p.text-50 {
	margin-bottom: 5px;
}

#page-employees-show .page__container .experience-box .page__container .profile-page-section > *:last-child {
	margin-bottom: 0;
}

/* subscription plans */
.tab-content {
	padding-top: 20px;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.equal-height-cards .pricing-box {
	text-align: center;
}
.equal-height-cards .card {
	height: 100%;
}
.equal-height-cards .pricing-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
.equal-height-cards .pricing-box ul li {
	line-height: 35px;
}

.equal-height-cards .pricing-box ul li i {
	color: #66D373;
	margin-right: 5px;
}

/* subscription plans ENDS */

.export-only {
    display: none;
}

/* Compliance module starts */

.checklist-custom-checkbox {
	appearance: none;
	background-color: white;
	border: 1px solid #ccc;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	border-color: #FB821F;
}

.checklist-custom-checkbox:checked {
	background-color: green;
	border: 2px solid green;
}

.checklist-custom-checkbox:checked::after {
	content: "✔";
	color: white;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.signature-hidden {
	display: none;
}

.checklist-tooltip {
	position: relative;
	display: inline-block;
  }

.checklist-tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #fff;
	color: #272c33;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.checklist-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.checklist-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* Compliance module ends */

/* Profile setting module starts */
.settings-custom-tabs-wrapper {
    background-color: #fff;
}

.settings-custom-tabs {
    border-bottom: 1px solid #e5e7eb;
}

.settings-custom-tabs .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #9ca3af;
    font-weight: 500;
    padding: 10px 15px;
    font-size: 16px;
    background: transparent;
}

.settings-custom-tabs .nav-item .nav-link.active {
    color: #000;
    border-top: 2px solid #f97316; /* orange underline */
}

.ribbon-tag {
    display: inline-block;
    background-color: #dc3545; /* red background */
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 2px 8px;
    margin-left: 10px;
    border-radius: 4px;
    position: relative;
}

.ribbon-tag::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 5px solid #dc3545;
}

.custom-file-upload {
	background-color: #FB821F;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}
.custom-file-upload:hover {
	background-color: #e57300;
}
.file-input-hidden {
	display: none;
}

/* Profile setting module ends */