p:empty,
p:empty br, {
	/* display: none !important; */
}

.app-sidebar-header img {
	max-height: 45px;
	width: 100%;
	object-fit: contain;
}
.app-sidebar-header a {
	display: block;
	text-align: center;
	width: 100%;
}
div.dataTables_processing.card {
	position: absolute !important;
	left: 0;
	right: 0;
	top: 50px;
	bottom: 0;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
.sidebar-menu.active {
	display: block;
}
.btn-status {
	padding: 6px 30px;
	font-size: 10px !important;
}

.btn-status.btn-label .icon {
	width: 29px !important;
	height: 100%;
	min-width: 28px !important;
	padding-bottom: 2px;
}
p.desc-para {
	width: 400px;
	word-wrap: break-word;
	white-space: break-spaces;
	max-height: 140px;
	overflow: scroll;
}
.form-loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 11;
}
.form-loader.active-loader {
	display: flex;
}
.form-loader i {
	color: #fff;
	font-size: 120px;
	animation: spin 1.5s linear infinite;
}

.basic-loader {
	align-items: center;
	justify-content: center;
	padding: 20px;
	display: none;
}
.basic-loader.active-loader {
	display: flex;
}
.basic-loader i {
	color: #000;
	font-size: 40px;
	animation: spin 1.5s linear infinite;
}
.loader-btn {
	cursor: no-drop !important;
	pointer-events: none;
	opacity: 0.4 !important;
	transition: all.2s linear !important;
}
.loader-btn:after {
	content: "\eec6";
	font-family: 'remixicon' !important;
	animation: spin 1.5s linear infinite;
}
.spinned {
	display: inline-block;
	animation: spin 1.5s linear infinite;
}
/* Keyframes for rotation */
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
a.action-btn i {
	font-size: 22px;
}
.project-list-accordions .accordion-header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1;
}
.project-list-accordions .accordion-header .form-check {
	width: 70%;
	padding-top: 0;
}
.project-list-accordions .accordion-header .accordion-button {
	width: 30%;
	padding-right: 0 !important;
	display: flex;
	justify-content: flex-end;
}
.project-list-accordions .accordion-header .accordion-button:after {
	inset-inline-end: 0;
}
.project-list-accordions .accordion-header label {
	font-size: 15px;
	line-height: 38px;
}

.project-list-accordions {
	border: 1px solid #dde4e3;
	padding: 10px;
	margin-top: 13px;
	border-radius: 6px;
}
.company-fetch-box {
	max-height: 450px;
	overflow-y: scroll;
}
.project-list {
	padding-left: 20px;
}
.project-list label {
	font-size: 12px;
}
.project-list .form-check {
	border-bottom: 1px solid #f3f3f3;
}
button[disabled] {
	cursor: no-drop !important;
}
/*  */
/*  */
/*  */
.form-check.mb-5.already {
	background: #bbe2fc78;
	position: relative;
	padding: 3px 8px !important;
	pointer-events: none;
	margin-top: -5px;
}
.form-check.mb-5.already:after {
	content: "\eb79";
	position: absolute;
	right: 8px;
	top: 5px;
	padding: 3px 10px;
	background: #00861a;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	border-radius: 10px;
	font-family: 'remixicon';
}
.form-check.mb-5.already input {
	display: none;
}
form.remove-project-form button, form.remove-people-form button {
	display: inline-block;
	margin-bottom: -20px !important;
}
form.remove-project-form, form.remove-people-form{
	height: 0;
	position: relative;
	z-index: 999;
}
.action-list a i {
	font-size: 14px;
}
.select2-dropdown {
  top: 0% !important;
  left: 10% !important;
}
.password-field {
	position: relative;
}
a.generate-pass {
	position: absolute;
	bottom: 6px;
	right: 22px;
	color: #025256;
}
.form-control[readonly] {
	opacity: 0.8;
	background: #fbfbfb;
	cursor: no-drop;
}
.form-label, .form-check-label {
	margin-bottom: 5px;
	font-size: 14px;
	color: #333;
}

.form-control, .form-control::placeholder {
	font-size: 12px;
}
.email-notification {
	position: relative;
}
.notify-email-add {
	position: absolute;
	right: 0;
	bottom: 5px;
	right: 11px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 12px;
}
.select2-results__option {
	font-size: 11px;
}
.task-item {
	padding: 5px 0;
}
li.task-item span {
	font-size: 13px;
}
.app-sidebar .side-menu-icon i {
	font-size: 18px;
	color: #61748f;
}
.app-sidebar .active .side-menu-icon i, .app-sidebar .slide:hover .side-menu-icon i {
	color: #025256;
}
.nav ul li {margin-bottom: 2px;}
ul.tenant-list {display: flex;flex-wrap: wrap;gap: 5px;}
ul.tenant-list li {display: block;line-height: 20px;background: #e6eaeb;color: #333;border-radius: 4px;padding: 2px 10px;font-size: 12px;}
.shorten-text {
	max-width: 420px;
	display: inline-block;
	word-wrap: break-word;
	white-space: break-spaces;
	text-align: left !important;
	line-height: 19px !important;
}
span.text-danger.password-error.profile-pass {
	position: absolute;
	bottom: -20px;
	font-size: 12px;
}
button.swal2-confirm.swal2-styled {
	background: #025256 !important;
}
.project-head .badge {
	padding: 4px 8px 3px !important;
	font-size: 10px !important;
}
.project-head a.starred-project {
	font-size: 17px;
}
.spin {
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.avatar-xs.avatar-box {
	width: 30px;
	height: 30px;
	font-size: 12px !important;
}
.activity-card {
	margin-bottom: 24px !important;
	padding: 10px 10px 16px;
	border: #eee 1px solid;
	border-bottom: 2px solid #d8d8d8bf;
}
.activity-card h5.lead-title {
	font-size: 16px;
	font-weight: 600;
}
.avatar-box.avatar.avatar-md {
	width: 35px !important;
	height: 35px !important;
	min-width: 35px !important;
}
.activity-card .brand-badge {
	font-size: 12px !important;
	padding: 5px 15px !important;
}
.activity-card p.lead-description {
	font-size: 13px;
	color: #000000ba;
}
.activity-card .lead-footer .text-heading {
	font-size: 12px;
}
.activity-card .lead-footer .avatar-box {
	width: 24px !important;
	height: 24px !important;
	font-size: 10px !important;
}
.activity-card .lead-footer span.date-badge, .activity-card .lead-footer span.reply-badge {
	font-size: 10px !important;
	padding: 6px 13px !important;
	border: 1px solid;
}
p.lead-description {
	padding-top: 15px !important;
}
.activity-head {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 8px;
}
.activity-card.activity-sm .lead-meta {
	width: 100%;
}
.activity-card.activity-sm .main-avatar {
	width: 10%;
}
.activity-card.activity-sm {
	padding: 18px !important;
}
.attachment-bg {
	background: #F9FAFB;
	padding: 10px;
	border-radius: 5px;
	border: #6479c12e 1px solid;
	margin-bottom: 13px;
}
.activity-thumbnail {
	gap: 10px;
}
.activity-thumbnail img {
	height: 30px;
	width: 30px;
	object-fit:cover;
}
h6.attachemnt-head {
	font-size: 14px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}
.thread-box {
	padding: 30px;
	border-radius: 6px;
	border-bottom: #d2d2d2e3 2px solid;
	/* box-shadow: #00000021 0 2px 5px; */
	background: #ECE9E6;  
	background: -webkit-linear-gradient(to left, #FFFFFF, #f7f7f7);  
	background: linear-gradient(to left, #FFFFFF, #f7f7f7); 
}

.thread-box h3 {
	/* margin: 0 0 22px !important; */
	/* color: #000000 !important; */
	/* text-transform: capitalize !important; */
	/* font-weight: 600 !important; */
	/* font-size: 16px; */
	/* margin-bottom: 14px !important; */
}

.thread-box h3 i {
	/* color: #ff9700; */
}

.thread-box .activity-card {
	/* border: #d8d8d8 1px solid;
	box-shadow: none;
	border-radius: 0px 10px 0px 10px;
	padding: 28px !important; */
}
ul.project-tabs {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	padding: 7px;
	margin-bottom: 0 !important;
	border-radius: 10px 10px 0px 0px;
	border: #e7e7e7 1px solid;
	gap: 5px;
}
.project-tabs .nav-link, .nav-pills.nav-info .nav-link {
	background: #fbfbfb;
	color: #000;
}
.date-head {
	font-weight: 600 !important;
	font-size: 17px;
	margin-bottom: 0 !important;
	background-image: linear-gradient(66.5deg, rgba(72 131 196) -11.3%, rgb(112 117 191) 100.1%);
	padding: 12px 12px 21px;
	border-radius: 10px 10px 0px 0px;
	text-transform: capitalize;
	letter-spacing: 0px;
	color: #fff;
	text-shadow: #0000008f 0 1px 0px;
}
.date-head+li , .date-head+.lead-card{margin-top: -7px;}
.date-head i {
	color: #ffffff;
}
.project-list li.project-item {
	padding-bottom: 27px;
	margin-bottom: 27px;
	background: #eeeeee;
	padding: 20px;
	border-radius: 13px;
	box-shadow: #56565636 0 0px 4px;
}
.project-item p.brand-p {
	color: #fff !important;
	background: #ff9700;
	font-size: 12px !important;
	font-weight: 600;
	padding: 1px 10px;
	border-radius: 5px 0px 5px 0px;
	display: inline-block;
}
.row.comments-row {
	position: relative;
	align-items: self-start;
}
.comments-row .col-xl-4 {
	position: sticky;
	top: 94px;
}

.notify-msg {
	display: flex;
	align-items: center;
	gap: 9px;
}
.notify-msg > span.badge {
	text-transform: capitalize;
}
.notification-card .lead-meta {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.noti-lf {
	width: 70%;
}
.notification-card.activity-card {
	padding: 10px 10px ;
	margin-bottom: 10px !important
}
.select2-container--default .select2-results__option[aria-selected=true] {
	display: none !important;
}
.form-box {
	padding: 30px;
	border-radius: 6px;
	border-bottom: #d2d2d2e3 2px solid;
	/* box-shadow: #00000021 0 2px 5px; */
	background: #ECE9E6;
	background: -webkit-linear-gradient(to left, #FFFFFF, #f7f7f7);
	background: linear-gradient(to left, #FFFFFF, #f7f7f7);
}
.form-box input, .form-box select,
.thread-box input, .thread-box select {
	background: #fff;
}
div#carFileDropzone {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.dz-default.dz-message {
	width: 100%;
}
.dz-preview {
	width: 31%;
	position: relative;
}
.dz-preview img {
	width: 100%;
	height: 50px;
	object-fit: contain;
	object-position: center;
}
.dz-preview .dz-remove {cursor: pointer;position: absolute;right: 4px;top: -1px;font-size: 17px;}
.dz-size { font-size: 0.85em; color: #777; }
.dropzone { border: 2px dashed #888; padding: 20px; border-radius: 10px; }
.dz-default.dz-message {
	text-align: center;
}
.dropzone .dz-message .dz-button {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	flex-direction: column;
}
.dropzone .dz-message .dz-button i {
	font-size: 40px;
}
.dropzone {
	background: #fff !important;
	padding-bottom: 30px !important;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #1493ff !important;
	color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice span {
	color: #fff !important;
	border-right: 1px solid #51aefc;
	height: 100%;
	line-height: 22px;
}
.select2-container .select2-selection--multiple {
	min-height: 38px !important;
	shape-rendering: geometricprecision;
}
.dz-preview {
	border: #e0e0e09c 1px solid;
	padding: 20px;
	border-radius: 7px;
	box-shadow: #0000001c 0 0 4px;
}
.preview-box {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.preview-box small {
	line-height: 14px;
	display: block;
	margin-bottom: 4px;
	font-size: 11px !important;
}
.preview-box small.file-size {
	/* background: #9dacc1; */
	color: #ffffff;
	/* padding: 5px 13px; */
	/* border-radius: 30px; */
	/* display: inline-block; */
	font-size: 10px !important;
	margin-bottom: 0;
}
.newfile-img img {
	max-height: 100px;
	object-fit: contain;
}
.message-body {
	padding: 10px 0 0;
}
a.card-dropdown-icon {
	position: relative;
}

a.card-dropdown-icon .people-count {
	position: absolute;
	right: 0;
	top: -5px;
	background: #055458;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
}
.message-body a {
	color: #000;
	text-decoration: underline;
}
.message-body hr {
	margin-bottom: 20px;
}
.message-body table {
	width: 100%;
}
.message-body table, .message-body table tr, .message-body table tr td, .message-body table tr th {
	border: 1px solid #ccc;
}
.message-body td, .message-body th {
	padding: 7px;
}
.message-body thead th {
	background: #f2ecec;
}
.cs-card-dropdown span.dropdown-name {
	width: 300px;
	white-space: break-spaces;
	word-break: break-all;
	display: block;
}
.card-dropdown.cs-card-dropdown .dropdown-menu {
	max-width: 240px;
	max-height: 300px;
	overflow: hidden;
	overflow-y: scroll;
	box-shadow: 0 0 10px #ccc;
	border-radius: 10px;
	right: 0 !important;
	left: unset !important;
	transform: translateX(0) !important;
	inset: 0px auto auto 0px !important;
	right: 0 !important;
	left: unset !important;
	top: 40px !important;
}
.card-dropdown.cs-card-dropdown .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
}
.edit-project-box {
	background: #f8f7fa;
	display: block;
	margin-top: 20px;
	padding: 20px;
	border-radius: 10px;
}
.edit-project-box input.form-control {background: #fff;}
.edit-project-box label {
	margin-bottom: 6px;
}
.card-body.bg-change .thread-box {
	background: #ebeef3;
}

span.date-badge {
	background: #ffffff !important;
	color: #000 !important;
	border: 1px solid #d3d3d3 !important;
	font-weight: 600 !important;
}

span.date-badge.badge.border.border-light.text-light i.ri-calendar-todo-line {
	color: #ff9700;
}

.message-body p {
	font-size: 14px !important;
	font-family: var(--ff-body);
}

.message-body * {
	font-size: 14px !important;
	font-family: var(--ff-body) !important;
}


.message-body p {
	all: unset !important;
	display: block !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	color: inherit !important;
	background: none !important;
	font: inherit !important;
	text-align: inherit !important;
}

a.badge.border.border-primary.text-primary.add-less-comment {
	border-color: var(--color-primary) !important;
	background: var(--color-primary) !important;
	color: #fff !important;
}

.app-sidebar-wrapper {
	background: #044a4d;
}

.simplebar-content li.slide a {
	background: #00393b;
	color: #fff !important;
}

.simplebar-content li.slide a {
	border-radius: 20px;
	margin-bottom: 8px;
}

.simplebar-content li.slide a>span,.simplebar-content li.slide i {
	color: #fff !important;
}

.simplebar-content li.slide.active a {
	background: #ff9700 !important;
}

.simplebar-content-wrapper {
	padding-top: 20px;
}

.slide.has-sub .sidebar-menu li.slide {
	background: #066b6f !important;
	border-radius: 21px;
}
.slide.has-sub .sidebar-menu li.slide.active {
	background: #012e30 !important;
}
.project-list li.project-item:nth-child(even) {
	background: #f8f8f8;
}

.activity-card.activity-sm .lead-meta span.badge.bg-label-warning , .notify-msg > span.badge.bg-label-warning, span.badge.bg-label-warning.replied {
	background: #28a744;
	color: #fff;
	/* font-size: 10px !important; */
	/* padding: 5px 9px !important; */
	border-radius: 50px;
}

.activity-card.activity-sm .lead-meta span.badge, .notify-msg span.badge, span.badge.xsmb {
	font-size: 11px !important;
	padding: 5px 9px !important;
	border-radius: 50px;
	border: transparent;
	background: #000000;
}

.activity-card.activity-sm .lead-meta span.badge.bg-label-danger, .notify-msg span.badge.bg-label-danger, span.badge.added_new_file  {
	background: #6b5acd !important;
	color: #fff !important;
}

span.badge.new_comment  {
	background: #59a9e1 !important;
	color: #fff !important;
}

.activity-card.activity-sm .lead-meta span.badge.bg-label-primary, .notify-msg span.badge.bg-label-primary, span.badge.added_a_comment {
	background: #f0b500 !important;
	color: #fff !important;
}

.activity-card.activity-sm .lead-meta span.badge.bg-label-info, .notify-msg span.badge.bg-label-info, span.badge.added_new_msg {
	background: #ff9700 !important;
	color: #fff !important;
}

.app-sidebar .sidebar-menu-item:hover {
	background: #ff9700;
}

a.reply-badge, a.badge.view-details {
	background-color: #034a4d;
	color: #fff !important;
	border-color: #034a4d !important;
	border-radius: 50px !important;
	font-weight: 600 !important;
	padding: 9px 15px !important;
}

.project-head h6+span.badge.text-primary {
	background: #036b6f;
	border-color: #036b6f !IMPORTANT;
	color: #fff !important;
}

.project-list .badge {
	border-radius: 50px !important;
	font-size: 11px !important;
}


.project-list span.date-badge.badge.border.border-light.text-light {
	background: #ffffff !important;
	color: #000 !important;
	border-color: #d3d3d3 !important;
	font-weight: 600 !important;
}
.project-list .badge.view-pdetails
{background-image: linear-gradient(to right, rgb(83 129 183) 0%, rgb(109 188 187) 51%, rgb(119, 161, 211) 100%);background-position: left center;background-size: 200% auto;color: #fff !important;border-color: transparent !important;}

.project-list .badge.view-pdetails:hover {
	background-position: right center;
	color: #fff !important;
}



.project-list li.project-item .avatar.bg-info-transparent.text-info {
	background: rgb(72 131 196) !important;
	color: #fff !important;
}
.card.depart-card {
	position: relative;
}
.card.depart-card .card-link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 9;
}
.form-check.register-checks label {
	font-size: 12px;
}


/*  */


.glass-card {
	background: #ffffff;
}

.card-header-minimal {
	padding: 0 0 30px;
}

.header-content {
	display: flex;
	align-items: center;
	gap: 12px;
}

.header-icon {
	font-size: 24px;
	color: #007bff;
	background: #eef6ff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-content h4 {
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #1a1a1a;
}
.minimal-input {
	width: 100%;
	padding: 12px 16px;
	background: #f8f9fa;
	border: 1px solid #f8f9fa;
	border-radius: 10px;
	transition: all 0.3s ease;
}

.minimal-input:focus {
	background: #fff;
	border-color: #007bff;
	outline: none;
	box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.05);
}

.upload-label {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #ff9700;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px;
	margin-bottom: 0;
	transition: opacity 0.2s;
}

.upload-label:hover { opacity: 0.8; }

.mini-preview img {
	width: 45px;
	height: 45px;
	border-radius: 8px;
	object-fit: cover;
}


.faq-minimal-box {
	background: #fdfdfd;
	border-radius: 15px;
	padding: 20px;
	border: 1px solid #f1f1f1;
}

.faq-title {
	font-weight: 700;
	color: #333;
	font-size: 20px;
}

.add-faq-link {
	background: none;
	border: none;
	color: #007bff;
	font-weight: 600;
	font-size: 14px;
}

.minimal-editor {
	border: 1px solid #f1f1f1;
	border-radius: 12px;
	min-height: 150px;
}


.btn-minimal-primary {
	background: #ff9700;
	color: white;
	border: none;
	padding: 12px 15px;
	border-radius: 10px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.btn-minimal-primary:hover {
	background: #ff9700;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

.ql-snow .ql-editor h2, .ql-snow .ql-editor p, .ql-snow .ql-editor h3 {
	margin-bottom: 6px;
}

#faq-repeater:empty {
	display: none;
}

#faq-repeater .faq-item {
	padding: 10px 10px  !important;
	margin: 10px 0 0 !important;
}

#faq-repeater .faq-item .form-control, #faq-repeater .faq-item .form-control::placeholder {
	font-size: 15px;
}

#faq-repeater .faq-item .mb-2 {
	margin-bottom: 11px !important;
}
a.dz-remove {
	display: none !important;
}
.dz-preview:not(.dz-complete) button.dz-remove.text-danger.remove-file {
	display: none;
}
.dz-preview.dz-complete .preview-box .progress-bar {
	background: #019d04 !important;
}

.ql-editor {
	max-height: 180px !important;
	overflow-y: scroll !important;
}
.form-control::placeholder {
	opacity: 0.6;
}
.form-control:disabled {
	background: #dde4e3 !important;
	cursor: no-drop;
}
.feature-list {
	width: 250px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.form-control[readonly=''], .form-control[readonly] {
	pointer-events: none;
	background: #dde4e3 !important;
	cursor: no-drop;
}
.form-check-input {
	border-color: #939393;
}
@media only screen and (max-width: 768px) {
	.dz-preview {
		width: 48%;
	}
	
	.custom--scrollbar {
		overflow-x: auto;
	}
	
	#datatable-basic {
		position: relative;
		border-collapse: separate; /* IMPORTANT for sticky */
	}
	
	.sticky-col {
		position: sticky;
		left: 0;
		background: #e6eaeb !important;
		z-index: 2;
	}
	td.sticky-col {
		background: #fff !important;
	}
	
	/* Optional: add shadow so it looks clean */
	.sticky-col::after {
		content: "";
		position: absolute;
		right: -5px;
		top: 0;
		width: 5px;
		height: 100%;
		background: linear-gradient(to right, rgba(0,0,0,0.1), transparent);
	}
	
	/* Make header stay above */
	#datatable-basic thead .sticky-col {
		z-index: 3;
	}
}