.light-style body,
.light-style body .bg-navbar-theme {
	background: #eaf1fb !important
}

.light-style body .bg-menu-theme,
.light-style body .bg-navbar-theme .search-input-wrapper .search-input,
.light-style body .bg-navbar-theme .search-input-wrapper .search-toggler,
.light-style body .bg-footer-theme {
	background: #fff !important
}

.light-style .menu .app-brand.demo,
.light-style .layout-menu.menu-vertical .menu-inner {
	background: #fff
}

.menu-vertical .menu-divider {
	margin: 0
}

#template-customizer .template-customizer-open-btn {
	display: none !important
}

.bs-stepper-header-wrapper .bs-stepper-header .step {
	width: 100%
}

.bs-stepper-header-wrapper a.step-trigger.btn-next {
	margin-right: 0 !important;
	margin-left: 0 !important
}

label {
	color: #414a54;
	font-size: 15px;
	letter-spacing: .02em
}

label.form-label {
	font-weight: 400;
	font-size: 16px;
	letter-spacing: .02em;
	color: #000;
	text-transform: capitalize;
	line-height: 1.5;
	margin-bottom: 7px
}

.content-wrapper .form-control,
.content-wrapper .form-check-input,
.light-style .content-wrapper .select2-container--default .select2-selection,
.content-wrapper .form-select {
	border-color: #677788
}

.content-wrapper .form-control,
.light-style .content-wrapper .select2-container--default .select2-selection,
.content-wrapper .form-select {
	border-radius: 20px;
	height: 44px;
	min-width: 100px
}

.content-wrapper textarea.form-control {
	height: 120px !important;
}

.input-group>.input-group-text:first-child {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important
}

.input-group>.input-group-text:first-child+.position-relative {
	flex-grow: 1
}

.input-group>.input-group-text:first-child+.position-relative .select2-container--default .select2-selection {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.content-wrapper .was-validated .form-check-input:invalid,
.content-wrapper .form-check-input.is-invalid {
	border-color: #c90500
}

.content-wrapper .was-validated .form-check-input:invalid~.form-check-label,
.content-wrapper .form-check-input.is-invalid~.form-check-label {
	color: #c90500
}

.content-wrapper .was-validated .form-check-input:valid~.form-check-label,
.content-wrapper .form-check-input.is-valid~.form-check-label {
	color: #1e7c0c
}

.content-wrapper .was-validated .form-check-input:valid,
.content-wrapper .form-check-input.is-valid {
	border-color: #5a8dee
}

.content-wrapper .was-validated .form-check-input:valid:checked,
.content-wrapper .form-check-input.is-valid:checked {
	background-color: #5a8dee;
	border-color: #5a8dee
}

.content-wrapper .form-check-input:checked {
	background-color: #5a8dee;
	border-color: #5a8dee
}

.content-wrapper .form-control:focus,
.form-select:focus {
	border-color: #1e7c0c
}

.content-wrapper .was-validated .form-check-input:invalid+.btn.rounded-pill,
.content-wrapper .form-check-input.is-invalid+.btn.rounded-pill {
	border-color: #c90500;
	color: #c90500;
	background: #fff
}

#multiStepsForm .content .nav.nav-pills li.nav-item button.nav-link.is-invalid {
	color: #c90500;
	background: rgba(201, 5, 0, .04)
}

textarea.form-control {
	height: 120px;
	resize: none
}

textarea.form-control.notes {
	background-attachment: local;
	background-image: linear-gradient(to right, white -20px, transparent -20px), linear-gradient(to left, white -20px, transparent -20px), repeating-linear-gradient(white, white 30px, #000 30px, #000 31px, white 31px);
	line-height: 31px;
	height: 125px
}

.form-check-inline {
	margin-bottom: 0.3125rem
}

.swiperWrapper .bs-stepper-header-wrapper .bs-stepper-header {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	padding: 0
}

.swiperWrapper .swiper .swiper-slide {
	padding: 1rem 0.625rem
}

.swiperWrapper .bs-stepper-header-wrapper {
	padding: 0 0.3125rem;
	position: relative;
	width: 100%
}

html:not([dir=rtl]) .swiper-button-prev {
	left: 0 !important;
	width: auto
}

html:not([dir=rtl]) .swiper-button-next {
	right: 0 !important;
	width: auto
}

html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-circle {
	flex-shrink: 0
}

html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
	margin-left: 5px !important;
	overflow: visible;
	max-width: 100%
}

html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title,
html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden !important
}

html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
	overflow: visible;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

@media only screen and (max-width: 1399px) {
	html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
		overflow: hidden;
		height: 17px
	}
}

@media only screen and (max-width: 480px) {
	.bs-stepper-header-wrapper .bs-stepper-header {
		padding-left: 0;
		padding-right: 0
	}

	.navbar-nav .nav-item--nav-dateTime {
		display: none
	}
}

.card button#validate span, .card button#saveForm span  {
	display: inline-block !important
}

.card {
	overflow-x: hidden
}

.app-brand-logo.demo {
	width: 1.625rem;
	height: 1.625rem
}

.app-brand-logo.demo svg {
	width: 100%;
	height: 100%
}

.app-brand-text.demo {
	font-size: 96%
}

#multiStepsValidation>.row {
	margin: 0
}

#multiStepsValidation.bs-stepper {
	background: transparent
}

#multiStepsValidation .bs-stepper-header-wrapper {
	background: transparent;
	padding: 0;
	line-height: 0
}

#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step {
	background: rgba(212, 216, 221, .11);
	padding: 0px;
	border-radius: 6px;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step:hover {
	background: rgba(212, 216, 221, .2)
}

#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step:hover .bs-stepper-circle {
	background: #5a8dee !important
}

#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step:hover .step-trigger .bs-stepper-label .bs-stepper-title {
	color: #5a8dee
}

#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step.active {
	background: rgba(90, 141, 238, .2)
}

#multiStepsValidation .swiper-scrollbar {
	display: none
}

#multiStepsValidation .swiperWrapper .swiper {
	height: auto;
	padding: 0 40px
}

#multiStepsValidation .swiperWrapper .swiper:before,
#multiStepsValidation .swiperWrapper .swiper:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 38px;
	background: #fff;
	left: 0;
	z-index: 2
}

#multiStepsValidation .swiperWrapper .swiper:after {
	left: auto;
	right: 0
}

#multiStepsValidation .swiperWrapper .swiper .swiper-slide {
	padding: 0;
	height: auto;
	background: transparent
}

#multiStepsValidation .swiperWrapper .swiper .swiper-slide .step-trigger {
	margin-bottom: 0 !important;
	padding: 8px
}

#multiStepsValidation .swiper-button-prev::after,
#multiStepsValidation .swiper-button-next::after {
	font-size: 14px;
	width: 30px;
	height: 30px;
	background: transparent;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

#multiStepsValidation.bs-stepper .step .step-trigger::after {
	display: none
}

#multiStepsValidation .SwiperNavButton {
	position: sticky;
	top: 0;
	z-index: 11
}

.tab_fix{
	position: sticky;
	top: 80px;
	padding: 10px;
	padding-left: 20px!important;
	background-color: #fff;
	z-index: 99;
	box-shadow:0 2px 14px rgba(38,60,85,.16);
} 


.scroll_fix{
	height: 490px;
overflow: auto;
} 

.fix_footer {
	position: sticky !important;
	bottom: 0px!important; 
	z-index: 11;
	width: 100%;
	background: #fff;
	padding: 20px 0;
}


.scroll_fix{
overflow-x:hidden!important;
}

.scroll_fix::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
border-radius: 10px;
background-color: #f5f5f5;
}
.scroll_fix::-webkit-scrollbar-thumb{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
.scroll_fix::-webkit-scrollbar-thumb{
background-color: #827cdc;
}
.scroll_fix::-webkit-scrollbar{
width: 5px;
background-color: #f5f5f5;
}



@media only screen and (max-width: 767px) {
	#multiStepsValidation.bs-stepper .bs-stepper-header .step .bs-stepper-circle {
		flex-shrink: 0
	}
}

.light-style #multiStepsValidation.bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
	border: 1px solid #d4d8dd;
	color: #fff;
	background: #677788;
	flex-shrink: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.customer-detail-popover {
	position: fixed;
	bottom: 0;
	left: 0.625rem;
	z-index: 9999;
	width: 18.125rem;
	background: #fff;
	border-radius: 5px 5px 0 0;
	padding: 1.25rem 0.625rem 0.9375rem;
	text-align: center;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, .1)
}

.customer-detail-popover__top {
	position: relative
}

.customer-detail-popover__top .status {
	position: absolute;
	font-size: 11px;
	background: rgba(57, 218, 138, .2);
	padding: 1px 5px;
	border-radius: 5px;
	color: #39da8a;
	top: -10px;
	left: 0
}

.customer-detail-popover__top figure {
	width: 100%;
	max-width: 120px;
	margin: 0 auto 15px
}

.customer-detail-popover__top figure img {
	max-width: 100%
}

.customer-detail-popover__top h6 {
	margin-bottom: 5px
}

.customer-detail-popover__top p {
	display: inline-block;
	background: rgba(239, 149, 31, .25);
	border-radius: 5px;
	padding: 1px 5px;
	font-size: 12px;
	color: #ea8d13;
	margin-bottom: 10px
}

.customer-detail-popover ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.customer-detail-popover ul li {
	display: block;
	font-size: 12px;
	letter-spacing: .02em;
	margin-top: 6px
}

.customer-detail-popover ul li .fa {
	margin-right: 2px
}

.tooltip {
	z-index: 99999 !important;
	font-size: 12px !important
}

ul.customer-detail-row {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	border-top: solid 1px #f3f4f4;
	border-bottom: solid 1px #f3f4f4;
	padding: 13px 0;
	justify-content: space-between
}

@media only screen and (max-width: 1199px) {
	ul.customer-detail-row {
		flex-wrap: wrap
	}
}

@media only screen and (max-width: 767px) {
	ul.customer-detail-row {
		flex-direction: column
	}
}

ul.customer-detail-row li {
	width: 20%;
	border-right: solid 1px #f3f4f4;
	padding-left: 30px
}

@media only screen and (max-width: 1199px) {
	ul.customer-detail-row li {
		width: 50% !important;
		padding-left: 0;
		margin: 10px 0
	}
}

@media only screen and (max-width: 767px) {
	ul.customer-detail-row li {
		width: 100% !important;
		padding-left: 0;
		border-right: 0
	}

	ul.customer-detail-row li:not(:last-child) {
		margin-bottom: 5px
	}
}

ul.customer-detail-row li:first-child {
	width: 20%;
	padding-left: 0px
}

@media only screen and (max-width: 767px) {
	ul.customer-detail-row li:first-child {
		width: 100%
	}
}

ul.customer-detail-row li:nth-child(2) {
	width: 40%
}

@media only screen and (max-width: 767px) {
	ul.customer-detail-row li:nth-child(2) {
		width: 100%
	}
}

ul.customer-detail-row li:last-child {
	border-right: none
}

ul.customer-detail-row li .badge {
	margin-right: 4px
}

ul.customer-detail-row li .badge i.fa {
	font-size: 11px
}

.custom-btn-group {
	justify-content: flex-start
}

.custom-btn-group .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

@media screen and (min-width: 1400px) {
	.custom-btn-group {
		justify-content: flex-end
	}
}

@media only screen and (max-width: 767px) {
	.custom-btn-group {
		flex-wrap: wrap;
		justify-content: center
	}

	.custom-btn-group .btn {
		margin: .5rem
	}
}


.table th {
	vertical-align: middle
}

.sign_holder canvas {
	border-bottom: solid 1px #677788 !important;
	/* border-radius: .25rem; */
	margin-top: .25rem !important
}

.bs-stepper .bs-stepper-content {
	padding: 1.375rem 1.375rem
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
	display: block;
	background-color: rgba(38, 60, 85, .2) !important
}

.light-style .ps__thumb-x,
.light-style .ps__thumb-y {
	background-color: rgba(38, 60, 85, .47) !important
}

.ps__rail-y {
	opacity: 1 !important
}

.input-group .input-group-text {
	border: 1px solid #677788 !important;
	border-radius: 20px
}

.input-group .input-group-text.disabled {
	background: #e9ecee
}

.input-group {
	border-radius: 20px
}

.card.profile-connection-card {
	margin-top: 80px;
	border-radius: 26px;
	margin-bottom: 30px;
	overflow: visible
}

.card.profile-connection-card .card-body {
	padding: 0
}

.card.profile-connection-card .card-body .profile-image {
	margin-top: -80px
}

.card.profile-connection-card .card-body .profile-image img {
	width: 200px;
	height: 200px;
	object-fit: cover;
	min-width: 200px;
	min-height: 200px;
	border: solid 5px #5a8dee;
	padding: 5px;
	background: #fff
}

.card.profile-connection-card .card-body .profile-btn-group {
	background: #5a8dee;
	padding: 16px 20px;
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px
}

.card.profile-connection-card .card-body .profile-btn-group .btn-label-primary:hover {
	border-color: transparent !important;
	background: #fff !important;
	color: #5a8dee !important
}

.file-input .file-preview {
	border-radius: 0;
	border: none;
	padding: 0
}

.file-input .file-preview .fileinput-remove {
	top: -50px;
	right: 1px;
	line-height: 10px;
	background-color: #f0f2f2;
	color: #fff;
	width: 30px;
	height: 30px
}

.file-input .file-drop-zone {
	margin-top: 60px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: none
}

.file-input .file-drop-zone .file-preview-thumbnails {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 30px
}

@media screen and (max-width: 1499px) {
	.file-input .file-drop-zone .file-preview-thumbnails {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

@media screen and (max-width: 1299px) {
	.file-input .file-drop-zone .file-preview-thumbnails {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width: 991px) {
	.file-input .file-drop-zone .file-preview-thumbnails {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width: 540px) {
	.file-input .file-drop-zone .file-preview-thumbnails {
		grid-template-columns: 1fr
	}
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame {
	float: none;
	border-radius: 6px;
	border: solid 1px #d4d8dd;
	margin: 0;
	padding: 10px;
	overflow: hidden;
	box-shadow: none;
	background: #f3f4f4
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content {
	width: 100%;
	height: 213px
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content .file-preview-image.kv-preview-data {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
	border-radius: 6px
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer {
	height: auto !important;
	padding: 15px 0 0
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .kv-input {
	height: 42px;
	text-align: left !important;
	margin-bottom: 12px
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn {
	padding: 10px;
	box-shadow: none;
	margin-right: 3px;
	font-size: 16px;
	border: none
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-remove {
	color: #fff;
	background: #ff5b5c;
	border: none
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-remove:hover,
.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-remove:focus {
	background: #ff5b5c !important;
	color: #fff !important
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-zoom {
	color: #fff;
	background: #5a8dee;
	border: none
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-zoom:hover,
.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-file-zoom:focus {
	background: #5a8dee !important;
	color: #fff !important
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-cust-btn {
	color: #fff;
	background: #39da8a;
	border: none
}

.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-cust-btn:hover,
.file-input .file-drop-zone .file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer .file-actions .file-footer-buttons .btn.kv-cust-btn:focus {
	background: #39da8a !important;
	color: #fff !important
}

.krajee-default .file-drag-handle,
.krajee-default .file-upload-indicator {
	color: #5a8dee !important;
	float: right !important
}

.krajee-default .file-footer-buttons {
	float: left !important
}

#email-list-ul .email-list .list-unstyled+.d-flex.justify-content-between {
	display: none !important
}

.profile-project-cards .card-body h6 {
	color: #5a8dee
}

.profile-project-cards .card-body .bg-lighter {
	background-color: #dff9ec !important;
	color: #39da8a
}

.profile-project-cards .card-body .bg-lighter h6,
.profile-project-cards .card-body .bg-lighter .text-body {
	color: #39da8a !important
}

.profile-project-cards .card-body .bg-lighter+.text-end h6 {
	color: #5a8dee !important
}

.profile-project-cards .card-body .bg-lighter+.text-end h6:last-child {
	color: #ff5b5c !important
}

.profile-project-cards .card-body .bg-lighter+.text-end .text-body {
	color: rgba(103, 119, 136, .62) !important
}

.layout-menu.menu-vertical .menu-inner {
	padding-top: 11px !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
	background: transparent !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link {
	padding-top: 0;
	padding-bottom: 0;
	background: transparent !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .24);
	background: #fff;
	border-radius: 6px;
	margin: 0;
	transition: all .2s ease
}

.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link div {
	width: calc(100% - 40px);
	padding-left: 17px;
	transition: all .2s ease
}

/* .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link:hover .menu-icon {
	box-shadow: 0px 0px 15px rgba(90, 141, 238, .55);
	color: #5a8dee
} */

.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link:hover div {
	padding-left: 22px
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-link {
	font-size: 14px;
	padding-left: 78px;
	background: transparent !important;
	transition: all .2s ease
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-link::before {
	display: none !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-link:hover {
	padding-left: 80px
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-link:hover::before {
	display: block !important;
	content: "";
	position: absolute;
	left: 33px;
	width: .375rem;
	height: .375rem;
	border-radius: 50%;
	background: #5a8dee !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item.active>.menu-link {
	padding-left: 78px;
	color: #5a8dee;
	font-weight: 400
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item.active>.menu-link::before {
	display: block !important;
	content: "";
	position: absolute;
	left: 33px;
	width: .375rem;
	height: .375rem;
	border-radius: 50%;
	background: #5a8dee !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item.active.open>.menu-link::before {
	display: none !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item.open,
.layout-menu.menu-vertical .menu-inner>.menu-item.active {
	background-color: transparent !important
}

.layout-menu.menu-vertical .menu-inner>.menu-item.open>.menu-link .menu-icon,
.layout-menu.menu-vertical .menu-inner>.menu-item.active>.menu-link .menu-icon {
	box-shadow: 0px 0px 15px rgba(90, 141, 238, .55);
	color: #5a8dee
}

.layout-menu.menu-vertical .menu-inner>.menu-item.open>.menu-link div,
.layout-menu.menu-vertical .menu-inner>.menu-item.active>.menu-link div {
	padding-left: 22px;
	color: #5a8dee;
	font-weight: 400
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner>.menu-item.open:not(.active),
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner>.menu-item.open:not(.active),
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open:not(.active)>.menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open:not(.active)>.menu-link:hover,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
	background-color: transparent !important
}

.app-email-view-content .email-card-last .card-header {
	border-bottom: solid 1px #d4d8dd;
	margin-bottom: 21px
}

.authentication-inner>.col-lg-7 {
	position: relative;
	overflow: hidden
}

.authentication-inner>.col-lg-7:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(241, 241, 241, .49);
	z-index: 1
}

.authentication-inner>.col-lg-7 #myVideo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.authentication-inner>.col-lg-7 .flex-row {
	position: relative;
	z-index: 1
}

.content-wrapper .buy-now .btn-buy-now {
	bottom: 20px;
	left: 20px;
	right: auto
}

.dark-style .app-email-view-content .email-card-last .card-header {
	border-bottom-color: #36445d
}

.dark-style label.form-label,
.dark-style label {
	color: #a1b0cb
}

.dark-style .footer-nav-button {
	background: #283144
}

.dark-style #multiStepsValidation .swiperWrapper .swiper:before,
.dark-style #multiStepsValidation .swiperWrapper .swiper:after {
	background: #283144
}

.dark-style ul.customer-detail-row {
	border-top-color: #36445d;
	border-bottom-color: #36445d
}

.dark-style ul.customer-detail-row li {
	border-right-color: #36445d
}

html:not(.layout-menu-collapsed) body .bg-menu-theme .menu-inner>.menu-item.open:not(.active),
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner>.menu-item.open:not(.active) {
	background: transparent !important
}

.content-wrapper input:disabled,
.content-wrapper textarea:disabled {
	cursor: not-allowed !important;
	pointer-events: none !important
}

.content-wrapper input[type=text]:read-only,
.content-wrapper input[type=email]:read-only,
.content-wrapper input[type=password]:read-only,
.content-wrapper input[type=name]:read-only,
.content-wrapper input[type=tel]:read-only {
	cursor: not-allowed !important;
	pointer-events: none !important;
	border-color: initial;
}

#errors.alert.alert-danger {
	position: fixed;
	bottom: 0;
	right: 12px;
	z-index: 9999;
	width: 50%;
	height: 60%;
	overflow: hidden;
	overflow-y: auto
}

#errors.alert.alert-danger .alert-danger {
	padding-top: 0;
	padding-bottom: 0
}

.nav-item--nav-dateTime span.btn {
	padding-bottom: 5px
}

html:not([dir=rtl]) [data-bs-toggle].bx-question-mark,
[data-bs-toggle].bx-question-mark {
	font-size: 14px !important;
	line-height: 16px;
	width: 17px;
	height: 17px;
	background: #dee8fc;
	color: #055bff;
	border-radius: 100%;
	margin-left: 0px !important;
	vertical-align: -1px;
	font-weight: 700;
	text-align: center
}

.table .table-dark th [data-bs-toggle].bx-question-mark {
	font-size: 12px !important;
	line-height: 17px;
	width: 16px;
	height: 16px;
	background: rgba(255, 255, 255, .35);
	color: #fff;
	border-radius: 100%;
	margin-left: 0px !important;
	vertical-align: -1px;
	font-weight: 700
}

.tooltip-info .tooltip-inner,
.tooltip-info>.tooltip .tooltip-inner,
.ngb-tooltip-info+ngb-tooltip-window .tooltip-inner {
	background: #5a8dee !important
}

.tooltip-info.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-info>.tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.ngb-tooltip-info+ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
	border-top-color: #5a8dee !important
}

.card-account-cover .elem-left {
	width: 100%;
	position: relative;
	z-index: 5
}

.card-account-cover .elem-left .user-avatar-section img {
	border-radius: 100%;
	width: 180px;
	height: 180px;
	object-fit: cover;
	border: solid 6px #fff;
	margin-top: 30px
}

@media screen and (max-width: 1400px) {
	.card-account-cover .elem-left .user-avatar-auditor .user-avatar-auditor__detail .d-flex {
		flex-wrap: wrap
	}

	.card-account-cover .elem-left .user-avatar-auditor .user-avatar-auditor__detail .d-flex>div {
		width: 100%
	}

	.card-account-cover .elem-left .user-avatar-auditor .user-avatar-auditor__detail .d-flex .btn-group {
		margin-top: 15px;
		margin-left: 8px
	}
}

.card-account-cover .card-account-timeline {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 200px;
	z-index: 0;
	opacity: .5;
	border-radius: 4px;
	overflow: hidden
}

.card-account-cover .card-account-timeline img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.card-account-cover .card-account-timeline:after {
	content: "";
	inset: 0;
	background: linear-gradient(0deg, #fff 5%, transparent);
	display: block;
	position: absolute
}

.user-avatar-auditor .new-avatar {
	text-align: center;
	margin: 0 30px
}

.user-avatar-auditor .new-avatar .new-avatar-catog {
	font-size: 14px;
	margin-bottom: 10px;
	display: block
}

.user-avatar-auditor .new-avatar .new-avatar-image {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 100%;
	margin: 0 auto 8px
}

.user-avatar-auditor .new-avatar .new-avatar-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}


.user-avatar-auditor .new-avatar .new-avatar-image .bx {
	font-size: 49px
}

.ActiveProjectsList .delete-record {
	display: none
}

.details-card ul.list-unstyled {
	display: flex;
	flex-wrap: wrap
}

.details-card ul.list-unstyled li {
	width: calc(100%/3);
	margin-bottom: 24px !important
}

@media only screen and (max-width: 1199px) {
	.details-card ul.list-unstyled li {
		width: calc(100%/2)
	}
}

@media only screen and (max-width: 767px) {
	.details-card ul.list-unstyled li {
		width: 100%
	}
}

.details-card .details-btn {
	position: absolute;
	top: 0;
	right: 0
}

.card-body.usage-card-body ul {
	column-count: 2
}

.card-body.usage-card-body ul li {
	align-items: center;
	margin-bottom: 12px;
	min-height: 46px
}

.card-body.usage-card-body ul li .d-flex .d-flex {
	flex-direction: column
}

.card-body.usage-card-body ul li:nth-child(2n) {
	margin-bottom: 0
}

.card-body.budgets-card-body ul {
	column-count: 2
}

.card-body.budgets-card-body ul li {
	margin-bottom: 10px
}

.card-body.budgets-card-body ul li:nth-child(2n) {
	margin-bottom: 0
}

.card-body.budgets-card-body ul li .d-flex .d-flex {
	flex-direction: column;
	font-size: 13px
}

.card-body .timeline {
	height: auto
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-sub>.menu-item .menu-link {
	padding-left: 103px
}

html:not([dir=rtl]) .input-group-merge .input-group-text:first-child {
	border-right: 0 !important
}

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

.MailingAddressHeader h4 span {
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	font-family: var(--bs-body-font-family)
}

@media screen and (max-width: 991px) {
	.MailingAddressHeader {
		display: block
	}
}

.layout-menu.menu-vertical .menu-inner>.menu-item .menu-sub>.menu-item .menu-link .menu-icon {
	width: 15px;
	font-size: 100%;
	margin-top: -2px
}

.timeline .timeline-item .timeline-indicator i {
	vertical-align: 1px !important
}

.fake_text_box.narrative__message {
	position: relative;
	padding: 12px 20px;
	margin-bottom: 16px;
	border-radius: 4px;
	background-color: #e5edfc;
	border: solid 1px #ceddfa;
	color: #5a8dee
}

.app-brand-link {
	display: block;
	width: 100%;
	text-align: center
}

.light-style .menu .app-brand.demo,
.dark-style .menu .app-brand.demo {
	height: 95px
}

.bg-menu-theme .menu-inner-shadow {
	display: none !important
}

.form-group--style2 {
	display: flex;
	align-items: center
}

.form-group--style2 label {
	flex-shrink: 0
}

.form-group--style2 .sign_holder canvas {
	height: 110px !important;
	width: 320px !important;
	/* border: none !important;
	border-bottom: solid 2px #000 !important;
	border-radius: 0px */
}

.form-group--style2 .form-control {
	height: 30px;
	width: 250px;
	/* border: none;
	border-bottom: solid 2px #000;
	border-radius: 0;
	padding: 0 10px;
	box-shadow: none */
}

.form-group--style2 .form-control:focus {
	/* box-shadow: none;
	border-bottom: solid 2px #000 */
}

.content-wrapper .signature-body .fake-input {
	width: 250px;
	height: 30px;
	border-bottom: solid 2px #000;
	text-align: left;
	padding: 0 10px;
	padding-right: 0
}

.content-wrapper .signature-body .fake-input .btn {
	margin-left: auto;
	display: block;
	margin-top: -15px
}

/* .content-wrapper .signature-body .form-control {
	border: 0;
	border-bottom: solid 2px #000;
	border-radius: 0;
	height: 30px;
	padding: 0
} */

/* .content-wrapper .signature-body .form-control.no__border {
	border-bottom: 0;
	margin-top: 0 !important
} */

.content-wrapper .signature-body .form-control.is-invalid {
	border-bottom-color: #ff5b5c
}

.content-wrapper .signature-body .form-control.is-valid {
	border-bottom-color: #39da8a
}

.content-wrapper .signature-body .form-control:focus {
	box-shadow: none;
	/* border-bottom: solid 2px #000 */
}

.content-wrapper .signature-body .form-control.no__border:focus {
	box-shadow: none;
	/* border-bottom: none */
}

.form-group--style2-reverse {
	flex-direction: column-reverse;
	align-items: flex-start
}

.form-group--style2-reverse .fake-input {
	height: 45px
}

.form-group--style2-reverse .fake-input .btn {
	margin-top: 0
}

#mainHeatingValidation .application_layout {
	max-width: 70%;
	width: 100%;
	margin: 50px auto
}

@media only screen and (max-width: 1199px) {
	
	#mainHeatingValidation .application_layout {
		max-width: 100%
	}
}

@media only screen and (max-width: 767px) {
	#mainHeatingValidation .application_layout .flex-form .form-group:first-child label {
		padding-bottom: 67px !important
	}

	#mainHeatingValidation .application_layout .sign_holder {
		flex-wrap: wrap;
		justify-content: flex-end
	}
}

#mainHeatingValidation .table .form-check-inline .form-select,
#mainHeatingValidation .form-select.no__border {
	border-radius: 0px;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0
}

#mainHeatingValidation .form-select.no__border+textarea.form-control {
	height: 65px
}

#mainHeatingValidation .form-select.no__border.only-bottom-border {
	border-bottom: solid 2px #000;
	box-shadow: none
}

#mainHeatingValidation .table.table-bordered>:not(caption)>*>* {
	border-width: 1px
}

#mainHeatingValidation .table.table-bordered tr.row__no__border {
	border-color: #fff
}

#mainHeatingValidation .table.table-bordered td span.arrow {
	font-size: 30px;
	font-weight: 700
}

#mainHeatingValidation .table.table-bordered td.no__border {
	border: 0
}

#mainHeatingValidation .table.table-bordered td:first-child {
	text-align: center;
	white-space: nowrap
}

.form-group .sign_holder canvas,
.form-group .sign_icon canvas {
	height: 200px !important;
	/* border: none !important;
	border-bottom: solid 2px #000 !important;
	border-radius: 0px */
}

.form-group .sign_holder.w-100 canvas {
	width: calc(100% - 0px) !important
}

.form-group .sign_holder.w-auto canvas {
	width: 100% !important
}

.form-group--style2.big-sign .sign_holder canvas {
	width: 463px !important
}

.form-group--style2 .is-invalid+.sign_holder canvas,
.form-group--style2 .is-invalid+.sign_icon canvas,
.form-group .is-invalid+.sign_holder canvas,
.form-group .is-invalid+.sign_icon canvas {
	border-color: #ff5b5c !important
}

#mainHeatingValidation .grey__bg {
	background: #e2e4e6;
	color: #516377;
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 4px
}

.modal .sign_holder canvas {
	height: 150px !important
}

.signature-body p,
.signature-body ul li {
	color: #333;
	font-size: 14px;
	line-height: 1.42857143
}

.signature-body label {
	font-size: 14px;
	line-height: 1.42857143
}

.signature-body label {
	font-weight: 700
}

#offcanvasTracking .offcanvas-body {
	background: #f3f3f3
}

article.tracking-article {
	margin: 20px 0;
	background: #fff;
	border-radius: 15px
}

article.tracking-article .tracking-head {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-right: 45px
}

article.tracking-article .tracking-head .btn[data-bs-toggle] {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}

article.tracking-article .tracking-head .btn[data-bs-toggle] .bx {
	transform: rotate(90deg);
	font-size: 30px
}

article.tracking-article .tracking-head .btn.collapsed .bx {
	transform: rotate(0deg);
	font-size: 30px
}

article.tracking-article table {
	width: 100%
}

article.tracking-article table tr th,
article.tracking-article table tr td {
	padding: 10px;
	border-bottom: solid 1px #ebebeb;
	font-size: 14px;
	text-align: center
}

.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 2.7rem !important
}

.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.65rem !important
}

.card .input-group.has-validation>.form-control:not(:first-child):not(:last-child) {
	border-radius: 20px
}

html:not([dir=rtl]) .card .input-group-merge .form-control:not(:last-child) {
	border-right: solid 1px
}

.indicator {
	width: 120px;
	height: 120px;
	background-color: #fff;
	text-align: center;
	position: relative;
	margin: 0 auto 20px;
	z-index: 2
}

.indicator span {
	position: absolute;
	line-height: 1;
	font-size: 16px;
	width: 120px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	z-index: 4;
	align-items: center;
	justify-content: center;
	bottom: 0;
	top: 0
}

.indicator span small {
	margin-top: 6px;
	font-size: 75%
}

.value-bar {
	background-color: #5a8dee;
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	clip: rect(0px 60px 220px 0px);
	transform: rotate(189deg);
	z-index: 3
}

.left-half {
	background-color: #e3e3e3;
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	clip: rect(0px 60px 220px 0px);
	z-index: 3
}

.right-half {
	background-color: #e3e3e3;
	position: absolute;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	clip: rect(0px 60px 220px 0px);
	z-index: 3
}

.centr {
	background-color: #e3e3e3;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	margin: 0px;
	position: absolute;
	z-index: 2
}

.centr.over50 .left-half {
	position: absolute;
	clip: rect(0px 120px 120px 60px);
	background-color: #5a8dee;
	border-radius: 50%;
	width: 120px;
	height: 120px
}

.centrV {
	background-color: #fff;
	width: 110px;
	position: absolute;
	height: 110px;
	border-radius: 50%;
	margin: 5px;
	z-index: 3
}

.tracking-group {
	margin-top: 20px
}

.tracking-group .tracking-article {
	display: flex;
	border: solid 1px #e1e1e1;
	margin: 0 0 -1px 0;
	border-radius: 0
}

.tracking-group .tracking-article:first-child {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px
}

.tracking-group .tracking-article:last-child {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px
}

.tracking-group .tracking-article__head h6,
.tracking-group .tracking-article__head p {
	margin: 0
}

.tracking-group .tracking-article .elem-left {
	width: 25%;
	border-right: solid 1px #e1e1e1;
	padding: 15px 10px;
	padding-left: 15px
}

.tracking-group .tracking-article .elem-left .tracking-article__body ul {
	margin: 0;
	padding: 0;
	margin-top: 5px
}

.tracking-group .tracking-article .elem-left .tracking-article__body ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px
}

.tracking-group .tracking-article .elem-right {
	width: 75%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap
}

.tracking-group .tracking-article .elem-right .tracking-article__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

.tracking-group .tracking-article .elem-right .tracking-article__head a.btn.btn-icon {
	margin: 0 !important
}

.tracking-group .tracking-article .elem-right .tracking-article__head>.tracking-time:first-child {
	padding: 15px 10px;
	padding-left: 15px
}

.tracking-group .tracking-article .elem-right .tracking-article__head>a.btn:first-child {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	padding: 15px 10px;
	padding-left: 15px;
	padding-right: 0;
	height: 100%;
	margin: 0 !important;
	border: none;
	transition: none;
	animation: none
}

.tracking-group .tracking-article .elem-right .tracking-article__head .btn[data-bs-toggle] i[class*=bx-chevron-] {
	transform: rotate(90deg);
	font-size: 30px
}

.tracking-group .tracking-article .elem-right .tracking-article__head .btn.collapsed i[class*=bx-chevron-] {
	transform: rotate(0deg);
	font-size: 30px
}

.tracking-group .tracking-article .elem-right .tracking-article__body {
	width: 100%
}

.tracking-group .tracking-article .elem-right .tracking-article__body>div>div {
	padding: 15px
}

.tracking-group .tracking-article .elem-right .tracking-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: solid 1px #e1e1e1;
	padding: 10px 0;
	margin-top: 15px
}

.tracking-group .tracking-article .elem-right .tracking-body h6 {
	font-weight: 400
}

.tracking-group .tracking-article .elem-right .tracking-body p {
	font-size: 13px
}

.tracking-group .tracking-article .elem-right .tracking-body h6,
.tracking-group .tracking-article .elem-right .tracking-body p {
	margin: 0
}

.bcoc-print-page table {
	width: 100%;
	border: none;
	border-collapse: collapse
}

.bcoc-print-page .table-border tr td {
	border: solid 1px #000;
	padding: 4px 5px
}

.bcoc-print-page .table-border tr td p {
	margin-bottom: 0;
	color: #000
}

.bcoc-print-page .table-border tr td button[data-bs-toggle=collapse] .bxs-minus-circle {
	display: block
}

.bcoc-print-page .table-border tr td button[data-bs-toggle=collapse] .bxs-plus-circle {
	display: none
}

.bcoc-print-page .table-border tr td button[data-bs-toggle=collapse].collapsed .bxs-minus-circle {
	display: none
}

.bcoc-print-page .table-border tr td button[data-bs-toggle=collapse].collapsed .bxs-plus-circle {
	display: block
}

.bcoc-print-page .yellow {
	background: #fcd5b4
}

.bcoc-print-page .blue {
	background: #4f81bd;
	color: #fff
}

.bcoc-print-page .blue p {
	color: #fff !important
}

.bcoc-print-page .gray {
	background: #a5a5a5;
	color: #fff
}

.bcoc-print-page .gray p {
	color: #fff !important
}

.authentication-onboard-wrapper {
	display: flex;
	flex-basis: 100%;
	min-height: 100vh;
	width: 100%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 1.875rem 0
}

.authentication-onboard-wrapper.onboard-process {
	align-items: flex-start
}

.authentication-onboard-wrapper .authentication-inner {
	width: 100%;
	max-width: 56.25rem;
	position: relative
}

.authentication-onboard-wrapper .onboard-nav-list {
	overflow: visible
}

.authentication-onboard-wrapper .onboard-nav-list .nav-align-right .nav.nav-tabs .nav-item .nav-link {
	border: solid 1px #d4d8dd;
	text-align: left;
	margin: 0 !important;
	margin-bottom: -1px !important;
	position: relative;
	border-radius: 0;
	display: flex;
	align-items: center;
	padding: 10px 15px
}

.authentication-onboard-wrapper .onboard-nav-list .nav-align-right .nav.nav-tabs .nav-item .nav-link.active {
	box-shadow: none;
	border-color: #5a8dee;
	background: #e5edfc;
	z-index: 4;
	font-weight: 600;
	color: #5a8dee
}

.authentication-onboard-wrapper .onboard-nav-list .nav-align-right .nav.nav-tabs .nav-item .nav-link.active .badge {
	font-size: 0
}

.authentication-onboard-wrapper .onboard-nav-list .nav-align-right .nav.nav-tabs .nav-item .nav-link.active .badge::before {
	content: "";
	background: #5a8dee url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZmlsbDogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTt0cmFuc2Zvcm06IDttc0ZpbHRlcjo7Ij48cGF0aCBkPSJtMTAgMTUuNTg2LTMuMjkzLTMuMjkzLTEuNDE0IDEuNDE0TDEwIDE4LjQxNGw5LjcwNy05LjcwNy0xLjQxNC0xLjQxNHoiPjwvcGF0aD48L3N2Zz4=");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center center;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.welcome-user {
	text-align: center;
	padding: 3.125rem
}

@media only screen and (max-width: 767px) {
	.welcome-user {
		padding: 10px 10px 25px
	}
}

.welcome-user figure {
	width: 250px;
	height: 160px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media only screen and (max-width: 767px) {
	.welcome-user figure {
		height: auto;
		margin-top: 30px
	}
}

.welcome-user figure img {
	max-width: 160px;
	height: auto
}

@media only screen and (max-width: 767px) {
	.welcome-user figure img {
		max-width: 110px
	}
}

.welcome-user h3 .bx {
	color: #fdac41
}

.welcome-user__content {
	width: 95%;
	margin: 0 auto
}

.welcome-user__onboarding-list {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	max-width: 95%
}

@media only screen and (max-width: 991px) {
	.welcome-user__onboarding-list {
		max-width: 50%
	}
}

@media only screen and (max-width: 767px) {
	.welcome-user__onboarding-list {
		max-width: 100%
	}
}

.welcome-user__onboarding-list li {
	display: block;
	width: 50%;
	text-align: left;
	padding: 0.625rem 0.625rem
}

@media only screen and (max-width: 991px) {
	.welcome-user__onboarding-list li {
		width: 100%
	}
}

.welcome-user__onboarding-list li a {
	color: #677788
}

.welcome-user__onboarding-list li a .badge {
	margin-right: 6px
}

.welcome-user__onboarding-list li a:hover {
	color: #5a8dee
}

.app-brand img {
	width: 100%
}

.current-img {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 100%;
	flex-shrink: 0
}

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

#wizard-onboarding-listing .bs-stepper-header .step.crossed .step-trigger {
	opacity: 1 !important
}

#wizard-onboarding-listing .bs-stepper-header .step.crossed .bs-stepper-circle {
	font-size: 0;
	overflow: hidden;
	border-color: #39da8a !important
}

#wizard-onboarding-listing .bs-stepper-header .step.crossed .bs-stepper-circle::before {
	content: "";
	background: #39da8a url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZmlsbDogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTt0cmFuc2Zvcm06IDttc0ZpbHRlcjo7Ij48cGF0aCBkPSJtMTAgMTUuNTg2LTMuMjkzLTMuMjkzLTEuNDE0IDEuNDE0TDEwIDE4LjQxNGw5LjcwNy05LjcwNy0xLjQxNC0xLjQxNHoiPjwvcGF0aD48L3N2Zz4=");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center center;
	display: block;
	width: 100%;
	height: 100%
}

#wizard-onboarding-listing .bs-stepper-header .step.crossed .bs-stepper-label {
	color: #39da8a !important
}

.review-btns {
	flex-wrap: wrap
}

.review-btns .btn {
	width: 34%;
	margin: 15px !important
}

#wizard-onboarding-listing.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
	line-height: 1.5
}

article.emergency-post {
	border: solid 1px #d4d8dd;
	border-radius: 6px;
	box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, .08);
	margin-bottom: 20px
}

article.emergency-post:not(:first-child) .d-flex.align-items-center {
	display: none !important
}

article.emergency-post:first-child .btn-close {
	display: none !important
}

button#add-emergency-post {
	width: 100%;
	border: dashed 1px #ccc;
	padding: 16px
}

.doc-flex {
	display: flex;
	align-items: flex-start;
	position: relative
}

.doc-flex::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 37.9%;
	width: 1px;
	background: #000
}

.doc-flex::after {
	content: "AND";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 35%;
	background: #fff;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-align: center;
	font-size: 14px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center
}

.doc-flex .identity-doc {
	width: 35%;
	padding-right: 4%
}

.doc-flex .auth-doc {
	width: 57%;
	padding-left: 7.5%
}

.doc-flex label span {
	display: none
}

.doc-flex .form-check {
	padding: 15px;
	padding-left: 35px;
	position: relative
}

.doc-flex .form-check-input:checked[type=radio]+label span {
	display: block;
	color: #39da8a
}

.doc-flex label::before {
	content: "";
	opacity: 0
}

.doc-flex .form-check-input:checked[type=radio]+label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: solid 1px #39da8a;
	border-radius: 4px;
	opacity: 1
}

.bs-stepper .input-group .input-group-text {
	border-radius: .25rem
}

.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
	line-height: 1.3 !important
}

.authentication-onboard-wrapper .input-group-text {
	height: 38px
}

.team-member-card {
	text-align: center;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 14px rgba(38, 60, 85, .16);
	padding: 35px 20px;
	padding-top: 15px;
	height: 100%
}

.team-member-card figure {
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto 15px;
	border-radius: 100%
}

.team-member-card figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.team-member-card p {
	margin-bottom: 0
}

.team-members__grid-view.active,
.team-members__list-view.active {
	display: block
}

.team-members__grid-view.hide,
.team-members__list-view.hide {
	display: none
}

.team-member-profile-header-banner img {
	width: 100%;
	object-fit: cover;
	height: 250px
}

.team-member-profile-header .user-profile-img {
	border: 5px solid #fff;
	width: 120px
}

.light-style #wizard-onboarding-listing .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px !important
}

.app-brand .app-brand-link img+img {
	display: none
}

html.layout-menu-collapsed .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon {
	width: 40px;
	margin: 0
}

html.layout-menu-collapsed .app-brand .app-brand-link img,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .app-brand .app-brand-link img {
	display: none
}

html.layout-menu-collapsed .app-brand .app-brand-link img+img,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .app-brand .app-brand-link img+img {
	display: block
}

html.layout-menu-collapsed .layout-menu .app-brand,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
	width: auto;
	padding: 0px 0 0 13px
}

html.layout-menu-collapsed .menu-inner .menu-header,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .menu-inner .menu-header {
	opacity: 0
}

html.layout-menu-collapsed.layout-menu-hover .app-brand .app-brand-link img,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .app-brand .app-brand-link img {
	display: block
}

html.layout-menu-collapsed.layout-menu-hover .app-brand .app-brand-link img+img,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .app-brand .app-brand-link img+img {
	display: none
}

html.layout-menu-collapsed.layout-menu-hover .menu-inner .menu-header,
html.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .menu-inner .menu-header {
	opacity: 1
}

.photos-block input.file-caption-name {
	margin-right: 30px;
	border-radius: 20px !important
}

.photos-block .fileinput-upload {
	margin-right: 15px
}

@media only screen and (max-width: 991px) {
	.offer-letter-head img {
		max-width: 83px
	}

	#offerAcceptanceForm article.page.page1 {
		width: 100%
	}

	#offerAcceptanceForm article.page.page1>table:first-child tr {
		display: flex;
		flex-direction: column-reverse
	}

	#offerAcceptanceForm article.page.page1>table:first-child tr td img {
		padding-top: 110px
	}

	/* .row.fv-plugins-icon-container table tr {
		display: flex;
		flex-direction: column
	} */

	.row.fv-plugins-icon-container table tr td:nth-child(2) .jSignature {
		height: 80px !important
	}

	div#mainHeatingValidation .table-row table tr {
		display: table-row;
		flex-direction: unset
	}

	div#mainHeatingValidation .table-row table tr th,
	div#mainHeatingValidation .table-row table tr td {
		min-width: 150px
	}

	div#mainHeatingValidation .table-row table tr td:nth-child(2) {
		width: auto !important
	}

	div#mainHeatingValidation .table-row table tr td:nth-child(2) .jSignature {
		height: 80px !important
	}

	div#mainHeatingValidation .table-row table tr td:nth-child(3) {
		padding-left: 8px !important
	}

	#wizard-onboarding-listing .sign_icon .jSignature {
		width: 305px !important
	}

	.doc-flex {
		flex-direction: column
	}

	.doc-flex::before {
		display: none
	}

	.doc-flex .identity-doc {
		width: 100%;
		padding-right: 0
	}

	.doc-flex .auth-doc {
		width: 100%;
		padding-left: 0
	}

	.review-btns .btn {
		width: 100%
	}

	table.table>:not(caption)>*>*,
	table .table td {
		padding: .625rem .5rem
	}
}

@media only screen and (max-width: 767px) {
	div#mainHeatingValidation table tr {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px
	}

	div#mainHeatingValidation table tr td {
		padding-bottom: 10px
	}

	div#mainHeatingValidation table tr td .form-control {
		padding-left: 10px;
		width: 100%;
	}

	div#mainHeatingValidation table.no-flex tr {
		display: table-row
	}

	div#mainHeatingValidation table.no-flex tr th,
	div#mainHeatingValidation table.no-flex tr td {
		width: 130px !important;
		max-width: 130px !important
	}
}

@media only screen and (max-width: 767px) {
	div#mainHeatingValidation table.no-flex tr {
		display: flex
	}

	div#mainHeatingValidation table.no-flex tr th,
	div#mainHeatingValidation table.no-flex tr td {
		width: 100% !important;
		max-width: 100% !important
	}

	div#mainHeatingValidation table.no-flex.no-flex--mobile tr {
		display: table-row
	}

	div#mainHeatingValidation .airTightHome-group {
		flex-wrap: wrap
	}

	div#mainHeatingValidation .airTightHome-group .sign_holder {
		width: 100%
	}

	div#mainHeatingValidation .airTightHome-group.form-group--style2 .sign_holder canvas {
		width: 100% !important
	}
}

select[readonly].select2-hidden-accessible+.select2-container {
	pointer-events: none;
	touch-action: none
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
	background: #eee;
	box-shadow: none
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
	display: none
}

.light-style .content-wrapper .select2-container--default.select2-container--open.select2-container--below .select2-selection {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px
}

.light-style .content-wrapper .select2-container--default.select2-container--open.select2-container--above .select2-selection {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px
}

.card.bs-stepper-content {
	overflow: visible !important
}

.light-style .content-wrapper .input-group-text+div.position-relative .select2-container--default.select2-container--open.select2-container--below .select2-selection {
	border-bottom-left-radius: 0
}

.card.pending-invoice-card {
	height: 100%;
	margin: 0 !important
}

.card.pending-invoice-card>.row {
	margin: 0;
	height: 100%
}

.card.pending-invoice-card .col-md-4 .row {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 10px 0
}

.card.pending-invoice-card .col-md-4 .row img {
	width: 100%
}

.card.pending-invoice-card .card-title {
	line-height: 1.4
}

.vendor-logo img {
	width: auto;
	max-width: 60%;
	height: auto
}

.invoice-vendor-logo {
	height: 100px
}

.invoice-vendor-logo img {
	width: auto;
	height: auto;
	max-height: 100%
}

.authentication-bg .input-group .input-group-text {
	border-radius: .25rem;
	border-color: #d4d8dd !important;
	border-left: 0 !important
}

.authentication-bg .input-group:focus-within .input-group-text {
	border-color: #5a8dee !important
}

.authentication-bg .input-group .form-control.is-invalid+.input-group-text {
	border-color: #ff5b5c !important
}

/* .card button[data-bs-target="#offcanvasAddUser"] {
	display: none
} */

.companies-table .dataTables_wrapper .row:first-child .col-sm-12:first-child {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.companies-table .dataTables_wrapper .row:first-child .col-sm-12:first-child button[data-bs-target="#offcanvasAddUser"] {
	display: block;
	margin-left: 15px
}

.proceed-order-table .dataTables_wrapper .row:first-child {
	justify-content: space-between
}

.proceed-order-table .dataTables_wrapper .row:first-child .col-12 {
	width: auto;
	flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
	.proceed-order-table .dataTables_wrapper .row:first-child .col-12 {
		width: 100%
	}
}

.priceListTable table tr td:last-child,
.dtr-bs-modal table tr td:last-child {
	white-space: nowrap
}

.priceListTable table tr td .d-inline-block+.dropdown-item,
.dtr-bs-modal table tr td .d-inline-block+.dropdown-item {
	display: inline-block
}

.priceListTable table tr td .avatar-sm .avatar-initial,
.dtr-bs-modal table tr td .avatar-sm .avatar-initial {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	display: block;
	line-height: 32px;
	text-align: center;
	padding: 0 5px;
	font-size: 10px
}

.priceListTable table.dataTable.dtr-column>tbody>tr>td.dtr-control,
.priceListTable table.dataTable.dtr-column>tbody>tr>th.dtr-control,
.priceListTable table.dataTable.dtr-column>tbody>tr>td.control,
.priceListTable table.dataTable.dtr-column>tbody>tr>th.control,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>td.dtr-control,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>th.dtr-control,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>td.control,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>th.control {
	padding: 0 7px
}

.priceListTable table.dataTable.dtr-column>tbody>tr>td.control:before,
.priceListTable table.dataTable.dtr-column>tbody>tr>th.control:before,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>td.control:before,
.dtr-bs-modal table.dataTable.dtr-column>tbody>tr>th.control:before {
	font-size: 19px;
	background-color: #495563
}

.dtr-bs-modal table tr td:last-child {
	white-space: normal
}

.dtr-bs-modal table tr:last-child td:last-child {
	white-space: nowrap
}









@media screen and (max-width: 1500px) {

	.card-body .user-avatar-section+.d-flex .d-flex {
		font-size:13px; gap:8px !important;
	}

	.card-body .user-avatar-section+.d-flex .d-flex .badge .bx-sm {
		font-size: 16px !important
	}

	.card-body .user-avatar-section+.d-flex .d-flex h5 {
		font-size: 14px
	}
}

@media screen and (max-width: 1200px) and (min-width: 1250px) {
	.card-body .user-avatar-section+.d-flex .d-flex {
		width: 100%
	}
}


.collapsedSpendingCard button.btn.btn-primary .bxs-plus-circle {
	display: none
}

.collapsedSpendingCard button.btn.btn-primary .bxs-minus-circle {
	display: block
}

.collapsedSpendingCard button.btn.btn-primary.collapsed .bxs-plus-circle {
	display: block
}

.collapsedSpendingCard button.btn.btn-primary.collapsed .bxs-minus-circle {
	display: none
}

.input-group>.input-group-text:first-child+.form-control {
	border-left: 0;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important
}

.authentication-wrapper.authentication-cover .error-message {
	white-space: nowrap;
	position: fixed;
	right: 20px;
	z-index: 99;
	top: 30px
}

.card-body--small {
	width: 75%;
	margin: 0 auto
}




@media only screen and (max-width: 1399px) {
	.card-body--small {
		width: 100%
	}
}

.card-body--md {
	width: 90%;
	margin: 0 auto
}

@media only screen and (max-width: 1399px) {
	.card-body--md {
		width: 100%
	}
}

@media only screen and (max-width: 767px) {
	.actions-to-save-border .form-group.d-flex.align-items-end {
		flex-wrap: wrap
	}

	.actions-to-save-border .flex-shrink-0.ps-2 {
		flex-shrink: unset !important;
		padding: 0 !important
	}
}

.actions-to-save-tableHeight {
	height: 120px
}

@media only screen and (max-width: 767px) {
	.actions-to-save-tableHeight {
		height: 160px
	}
}

.birthday_wish {
	height: auto;
	margin: 0
}

.birthday_wish .modal-dialog {
	max-width: none;
	width: 98%;
	margin: 20px auto;
	height: calc(100vh - 40px);
	overflow: hidden
}

.birthday_wish .modal-dialog .modal-content {
	height: 100%;
	text-align: center
}

.birthday_wish .modal-dialog .modal-content #bdayCanvas {
	position: absolute;
	inset: 0
}

.birthday_wish .modal-dialog .modal-content .name {
	font-weight: 900;
	text-transform: uppercase;
	padding: 36px;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 37%;
	color: #639;
	font-size: 70px;
	letter-spacing: .03em;
	line-height: 1.3;
	text-shadow: 2px 4px 11px rgba(0, 0, 0, .28);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	z-index: 11
}

.birthday_wish .modal-dialog .modal-content .name.style2 {
	top: 56%
}

.birthday_wish .modal-dialog .modal-content .balloonGrp {
	text-align: center
}

.birthday_wish .modal-dialog .modal-content .balloon {
	display: inline-block;
	width: 120px;
	height: 145px;
	background: rgba(242, 112, 45, .9);
	border-radius: 80%;
	position: relative;
	box-shadow: inset -10px -10px 0 rgba(0, 0, 0, .07);
	margin: 20px 30px;
	transition: transform .5s ease;
	z-index: 10;
	animation: balloons 4s ease-in-out infinite;
	transform-origin: bottom center
}

@keyframes balloons {

	0%,
	100% {
		transform: translateY(0) rotate(-4deg)
	}

	50% {
		transform: translateY(-25px) rotate(4deg)
	}
}

.birthday_wish .modal-dialog .modal-content .balloon:before {
	content: "▲";
	font-size: 20px;
	color: rgba(214, 99, 42, .9);
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: -12px;
	z-index: -100
}

.birthday_wish .modal-dialog .modal-content .balloon:after {
	display: inline-block;
	top: 153px;
	position: absolute;
	height: 250px;
	width: 1px;
	margin: 0 auto;
	content: "";
	background: rgba(0, 0, 0, .2)
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(2) {
	background: rgba(45, 181, 167, .9);
	animation-duration: 3.5s
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(2):before {
	color: rgba(35, 141, 130, .9)
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(3) {
	background: rgba(190, 61, 244, .9);
	animation-duration: 3s
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(3):before {
	color: rgba(147, 45, 190, .9)
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(4) {
	background: rgba(180, 224, 67, .9);
	animation-duration: 4.5s
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(4):before {
	color: rgba(148, 185, 55, .9)
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(5) {
	background: rgba(242, 194, 58, .9);
	animation-duration: 5s
}

.birthday_wish .modal-dialog .modal-content .balloon:nth-child(5):before {
	color: rgba(209, 167, 51, .9)
}

@media only screen and (max-width: 1199px) {
	#mainHeatingValidation .table-lg-flex tbody {
		border-color: transparent
	}
}

@media only screen and (max-width: 1199px) {
	#mainHeatingValidation .table-lg-flex tr {
		display: flex;
		flex-wrap: wrap
	}
}

@media only screen and (max-width: 1199px) {
	#mainHeatingValidation .table-lg-flex tr td {
		width: 100%;
		border-width: 0 !important;
		padding-left: 0;
		padding-right: 0
	}

	#mainHeatingValidation .table-lg-flex tr td.w-auto {
		width: auto;
		padding-right: 0 !important
	}

	#mainHeatingValidation .table-lg-flex tr td .form-group--style2 {
		display: block;
		text-align: left
	}
}

@media only screen and (max-width: 991px) {
	.refrigeratorMeasuring-card .d-flex.w-50 {
		display: block !important;
		width: 100% !important
	}
}

@media only screen and (max-width: 991px) {
	#mainHeatingValidation .hs-finding-card>.d-flex {
		flex-wrap: wrap
	}

	#mainHeatingValidation .hs-finding-card .check__box__ordered__list {
		padding-left: 0 !important
	}

	#mainHeatingValidation .hs-finding-card .check__box__ordered__list .flex-check-box {
		display: flex
	}

	#mainHeatingValidation .hs-finding-card .form-group.additionalResources-group {
		flex-wrap: wrap;
		margin-top: 15px
	}

	#mainHeatingValidation .hs-finding-card .form-group.additionalResources-group .flex-shrink-0 {
		flex-shrink: unset !important
	}
}

@media only screen and (max-width: 991px) {
	#mainHeatingValidation .actionsSave-table td {
		width: 100% !important;
		height: auto !important
	}

}

.card .card-header1 {
	text-align: center;
	color: #fff;
	padding: 5px;
	border-radius: 0 5px 5px 0;
	background-color: #6c6cc3
}

.card-door .card-info {
	display: flex
}

.flip-card-container {
	perspective: 1000px;
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 100%;
	min-height: 345px
}

.flip-card-container .flip-card {
	transition: transform .6s;
	transform-style: preserve-3d;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 22px;
	background-color: #fff;
	box-shadow: 0 2px 14px rgba(38, 60, 85, .16);
	border-radius: 5px
}

.flip-card-container .flip-card.front {
	backface-visibility: hidden
}

.flip-card-container .flip-card.back {
	transform: rotateY(180deg);
	backface-visibility: hidden
}

.flip-card-container .flip-card .card-body>.row {
	align-items: center !important;
	justify-content: space-between
}

.flip-card-container .flip-card .rounded-start {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 241px
}

.flip-card-container:hover .flip-card.front {
	transform: rotateY(180deg)
}

.flip-card-container:hover .flip-card.back {
	transform: rotateY(360deg)
}

.email-compose-form.fv-plugins-bootstrap5 .invalid-feedback,
.email-compose-form.fv-plugins-bootstrap5 .invalid-tooltip {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto
}

.email-compose-form.fv-plugins-bootstrap5 .email-compose-message .invalid-feedback,
.email-compose-form.fv-plugins-bootstrap5 .email-compose-message .invalid-tooltip {
	right: 25px
}

div#emailComposeSidebar .modal-dialog {
	top: calc(100% - 485px);
	left: 0
}

div#emailComposeSidebar .modal-dialog .email-compose-form.fv-plugins-bootstrap5 .email-compose-to .invalid-feedback {
	bottom: 50%;
	right: 10px;
	transform: translateY(50%)
}

.card table.dataTable>tbody>tr.selected>* {
	box-shadow: inset 0 0 0 9999px #fbfbfb;
	color: inherit
}


.p0 .value-bar {
	display: none
}

.p1 .value-bar {
	transform: rotate(4deg)
}

.p2 .value-bar {
	transform: rotate(7deg)
}

.p3 .value-bar {
	transform: rotate(11deg)
}

.p4 .value-bar {
	transform: rotate(14deg)
}

.p5 .value-bar {
	transform: rotate(18deg)
}

.p6 .value-bar {
	transform: rotate(22deg)
}

.p7 .value-bar {
	transform: rotate(25deg)
}

.p8 .value-bar {
	transform: rotate(29deg)
}

.p9 .value-bar {
	transform: rotate(32deg)
}

.p10 .value-bar {
	transform: rotate(36deg)
}

.p11 .value-bar {
	transform: rotate(40deg)
}

.p12 .value-bar {
	transform: rotate(43deg)
}

.p13 .value-bar {
	transform: rotate(47deg)
}

.p14 .value-bar {
	transform: rotate(50deg)
}

.p15 .value-bar {
	transform: rotate(54deg)
}

.p16 .value-bar {
	transform: rotate(58deg)
}

.p17 .value-bar {
	transform: rotate(61deg)
}

.p18 .value-bar {
	transform: rotate(65deg)
}

.p19 .value-bar {
	transform: rotate(68deg)
}

.p20 .value-bar {
	transform: rotate(72deg)
}

.p21 .value-bar {
	transform: rotate(76deg)
}

.p22 .value-bar {
	transform: rotate(79deg)
}

.p23 .value-bar {
	transform: rotate(83deg)
}

.p24 .value-bar {
	transform: rotate(86deg)
}

.p25 .value-bar {
	transform: rotate(90deg)
}

.p26 .value-bar {
	transform: rotate(94deg)
}

.p27 .value-bar {
	transform: rotate(97deg)
}

.p28 .value-bar {
	transform: rotate(101deg)
}

.p29 .value-bar {
	transform: rotate(104deg)
}

.p30 .value-bar {
	transform: rotate(108deg)
}

.p31 .value-bar {
	transform: rotate(112deg)
}

.p32 .value-bar {
	transform: rotate(115deg)
}

.p33 .value-bar {
	transform: rotate(119deg)
}

.p34 .value-bar {
	transform: rotate(122deg)
}

.p35 .value-bar {
	transform: rotate(126deg)
}

.p36 .value-bar {
	transform: rotate(130deg)
}

.p37 .value-bar {
	transform: rotate(133deg)
}

.p38 .value-bar {
	transform: rotate(137deg)
}

.p39 .value-bar {
	transform: rotate(140deg)
}

.p40 .value-bar {
	transform: rotate(144deg)
}

.p41 .value-bar {
	transform: rotate(148deg)
}

.p42 .value-bar {
	transform: rotate(151deg)
}

.p43 .value-bar {
	transform: rotate(155deg)
}

.p44 .value-bar {
	transform: rotate(158deg)
}

.p45 .value-bar {
	transform: rotate(162deg)
}

.p46 .value-bar {
	transform: rotate(166deg)
}

.p47 .value-bar {
	transform: rotate(169deg)
}

.p48 .value-bar {
	transform: rotate(173deg)
}

.p49 .value-bar {
	transform: rotate(176deg)
}

.p50 .value-bar {
	transform: rotate(180deg)
}

.p51 .value-bar {
	transform: rotate(184deg)
}

.p52 .value-bar {
	transform: rotate(187deg)
}

.p53 .value-bar {
	transform: rotate(191deg)
}

.p54 .value-bar {
	transform: rotate(194deg)
}

.p55 .value-bar {
	transform: rotate(198deg)
}

.p56 .value-bar {
	transform: rotate(202deg)
}

.p57 .value-bar {
	transform: rotate(205deg)
}

.p58 .value-bar {
	transform: rotate(209deg)
}

.p59 .value-bar {
	transform: rotate(212deg)
}

.p60 .value-bar {
	transform: rotate(216deg)
}

.p61 .value-bar {
	transform: rotate(220deg)
}

.p62 .value-bar {
	transform: rotate(223deg)
}

.p63 .value-bar {
	transform: rotate(227deg)
}

.p64 .value-bar {
	transform: rotate(230deg)
}

.p65 .value-bar {
	transform: rotate(234deg)
}

.p66 .value-bar {
	transform: rotate(238deg)
}

.p67 .value-bar {
	transform: rotate(241deg)
}

.p68 .value-bar {
	transform: rotate(245deg)
}

.p69 .value-bar {
	transform: rotate(248deg)
}

.p70 .value-bar {
	transform: rotate(252deg)
}

.p71 .value-bar {
	transform: rotate(256deg)
}

.p72 .value-bar {
	transform: rotate(259deg)
}

.p73 .value-bar {
	transform: rotate(263deg)
}

.p74 .value-bar {
	transform: rotate(266deg)
}

.p75 .value-bar {
	transform: rotate(270deg)
}

.p76 .value-bar {
	transform: rotate(274deg)
}

.p77 .value-bar {
	transform: rotate(277deg)
}

.p78 .value-bar {
	transform: rotate(281deg)
}

.p79 .value-bar {
	transform: rotate(284deg)
}

.p80 .value-bar {
	transform: rotate(288deg)
}

.p81 .value-bar {
	transform: rotate(292deg)
}

.p82 .value-bar {
	transform: rotate(295deg)
}

.p83 .value-bar {
	transform: rotate(299deg)
}

.p84 .value-bar {
	transform: rotate(302deg)
}

.p85 .value-bar {
	transform: rotate(306deg)
}

.p86 .value-bar {
	transform: rotate(310deg)
}

.p87 .value-bar {
	transform: rotate(313deg)
}

.p88 .value-bar {
	transform: rotate(317deg)
}

.p89 .value-bar {
	transform: rotate(320deg)
}

.p90 .value-bar {
	transform: rotate(324deg)
}

.p91 .value-bar {
	transform: rotate(328deg)
}

.p92 .value-bar {
	transform: rotate(331deg)
}

.p93 .value-bar {
	transform: rotate(335deg)
}

.p94 .value-bar {
	transform: rotate(338deg)
}

.p95 .value-bar {
	transform: rotate(342deg)
}

.p96 .value-bar {
	transform: rotate(346deg)
}

.p97 .value-bar {
	transform: rotate(349deg)
}

.p98 .value-bar {
	transform: rotate(353deg)
}

.p99 .value-bar {
	transform: rotate(356deg)
}

.p100 .value-bar {
	transform: rotate(360deg)
}








/*Rakesh Web Designer custom css start */

    .signature-body1 input{
        height:34px!important;
    }
    .signature-body1 .form-check-input{
        height:1.2em!important;
        margin-left:5px!important;
        margin-right:5px!important;

    }
    .signature-body1 .form-check{
    padding-left: 0;
    }

    .custom_form{
        display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .custom_list{
       margin: 0;
       padding: 0; 
    }
    .custom_list li{
        list-style-type: none;
        display:inline-block;
    }
     .custom_list input{
       height: 34px;
       border-radius: 20px;
       width: 80px;
       border:1px solid #677788;
     }
     canvas.jSignature{
        height: 150px!important;
     }
     .form-group .sign_holder.w-100 canvas{
        height: 200px!important;
     }
     .signature-body1 .form-check-input{
        width: 18px;
     
     }

     .pre_post_table td{

        border-bottom: none!important;
        border-right: 2px solid #000;
     }

     .Post_sec{
        margin-top:12px;

        padding: 10px;

     }
     .Post_sec li{
        list-style-type: none;
        display: inline-block;
        border: 2px solid #000;

     }

     .table_sec th {
        border: 1px solid #000;
        letter-spacing: auto!important;
        color: #000;
        font-size: 14px;

     }
     .instruction_sec ul {
      margin: 0;
      padding: 0;
     }
     .instruction_sec ul li {
      list-style-type: number;
      margin-left: 18px;
      
     }
     .bocc_sec input{
margin-bottom: 4px;
     }
     .bocc_sec input::placeholder{
      font-weight: bold;
     }

     .buck_text{
      text-align: center;
    margin-top: 15px!important;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
      }
     

.heading  h4{
   font-size: 20px;
   margin-bottom: 7px;
}
.notes_sec label{
color: #000;
}

.change_header{
   background-color: #d4d8dd;
   padding: 10px;
}


.custom_table .form-check{
display: flex;
align-items: center;
}
.custom_table .form-check select{
	width: 20px!important;
	margin-right: 10px;

}

.custom_table .form-check .select2-selection__rendered{
	width: 20px!important;
	margin-right: 10px;
}

.card.footer-nav-button.bs-stepper-content.pt-4.pb-4{
padding: 10px!important;
}

@media (max-width:767px){
	#navs-pills-insulation-floor .card .form-check.form-check-inline.col-lg-2{
		padding-left: 0!important;
		margin-left: 0!important;
	}

	#navs-pills-insulation-floor .form-check.form-check-inline.col-lg-2{
		padding-left: 0!important;
		margin-left: 0!important;

	}

	.Customer_sec .form-group{
     display: block!important;
	}

	#mainHeatingValidation .table.table-bordered td:first-child{
		white-space: normal!important;
	}
	#page-stepper .card {
		padding:10px!important;
	}
	.customer-detail-row li {
	font-size:13px!important;

	}
	ul.customer-detail-row{
		padding: 0!important;
	}
	#multiStepsValidation .swiperWrapper {
				padding: 0!important;
	}
	#multiStepsValidation .swiperWrapper .swiper .swiper-slide .step-trigger{
						padding: 0!important;

	}
	.bs-stepper-title{
						font-size:13px!important;

	}


	#multiStepsForm .footer-nav-button button{
			padding: 5px 15px!important;
	}

	label.form-label{
		font-size:13px!important;
	}
	.footer {
		text-align: center;
		display: block;
		font-size: 12px;
	}
	.content-header h4{
    font-size: 14px;
    line-height: 18px;
	}
	.col-sm-6.mb-3{
		margin-bottom:5px!important;
	}
.content-header h5{
	    font-size: 13px;
    line-height: 20px;
}
.content-header h6{
	    font-size: 13px;
    line-height: 20px;
}
.table-dark th{
	width: 100%!important;
}
.customer_td td{
	width: 100%!important;
}
.top_heading_area h3{
	font-size: 14px;
	line-height: 20px;
}
.top_heading_area h4 u{
	font-size: 14px;
	line-height: 20px;
}



div#mainHeatingValidation table.no-flex tr th, div#mainHeatingValidation table.no-flex tr td{
	width: auto!important;
	max-width: auto!important;
}


#mainHeatingValidation .application_layout .sign_holder{
	justify-content: flex-start;
}



.form-group--style2{
	display: block!important;
}
input.form-control.col-md-3.wr_day.mt-1{
	width: 90%!important;
}
.form-group .sign_holder canvas, .form-group .sign_icon canvas{
	width: 100%!important;
}
.form-group .sign_holder canvas, .form-group .sign_icon canvas{
		width: 100%!important;

}

div#mainHeatingValidation table.no-flex tr td{
	max-width: auto!important;
}
.content-wrapper .form-control{
	min-width: auto!important;
}

.choose_file .col-3{
	width: 100%!important;
}
.choose_file .col-3 input[type="file"]{
	height: 30px!important;
}
.custom_row .form-check {
	padding-left: 0!important;
}
}

.choose_file .col-3{
	width: 50%!important;
}
.choose_file .col-3 input[type="file"]{
	height: 30px!important;
}
label.form-label{
	font-size: 13px!important;
}

@media (min-width:768px) and (max-width:1030px){

	#navs-pills-insulation-floor .card .form-check.form-check-inline.col-lg-2{
		padding-left: 0!important;
		margin-left: 0!important;
	}

	#navs-pills-insulation-floor .form-check.form-check-inline.col-lg-2{
		padding-left: 0!important;
		margin-left: 0!important;

	}
	#mainHeatingValidation .card-body--md .content-header h4{
		font-size: 18px!important;
	}
	.customer_td td{
			width: auto!important;

	}
	.top_heading_area h3{
		line-height: 28px;
		font-size: 20px;
	}
	.top_heading_area h4 u{
			line-height: 28px;
		font-size: 18px;
	}
}

.content-wrapper .form-control, .light-style .content-wrapper .select2-container--default .select2-selection, .content-wrapper .form-select{
	height: 38px!important;
	 /* line-height: 12px!important;  */
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 29px!important;
}

.layout-wrapper{
	overflow-x: hidden;
}

.card-body--small{
	width: 100%!important;
}
#mainHeatingValidation .application_layout{
	max-width: 100%!important;
}
.btn-width{
	width: 130px!important;
}
.custom_table{
	margin-top: 3px;
}
.custom_table table td{
padding: 10px!important;

}


.custom-select option {
	border: 1px solid red!important;
}

	.replace_sec{
		display: flex!important;
	}

		label{
 		font-size: 14px!important;
 	}
 	.card-header{
 		padding: 10px 20px!important;
 	}
	.form_filds label{
		font-size: 16px!important;
	margin: 10px 0;
	}

	
	.Contractor_sec{
		padding: 0!important;
	}

	@media(min-height:820px) and (max-height:1180px) {
		.card.profile-connection-card .card-body .profile-btn-group{
			padding: 10px 5px!important;
		  }
	 }


 @media (max-width:1190px){ 
	.state_box{
		width: 105%!important;
	}
	
	#singledate{
		margin-top: 5px;
	}
	  
	.btn-lg{
		padding: 10px!important;
	}
	/* .card_heading, .card-body{
		padding: 10px !important;
		min-height:180px!important;
	} */

	.renter_text label{
		font-size: 13px!important;
	}
	.date_pic{
		width: 60%!important;
	}
	.form_filds label{
		font-size: 16px!important;
	}
	.form_filds h4{
		margin-top: 20px;
	}
	.describe_text{
		margin-top: 20px!important;
	}
 	
	.basement_section select {
		width:100px;
	}

.yes_no_btn td{
	display:flex;
}
 	/* .custom_datatables_data{
      display: block!important;
 	} */
 	.custom_datatables_data td {
 		width: 50%;
 	}

 	/* .custom_datatables tr{
 		display: block!important;
 	} */
 	.custom_input{
 		display: block!important;
 	}
	.content-header h4{
		font-size: 18px!important;
		line-height: 28px!important;
	}
	.custom_input_repeat{
		display: block!important;
	}

	.program_sec label{
   font-size: 12px!important;
}
.type-sec .btn-outline-primary
{
	padding: 5px 9px!important;
}
label.btn.rounded-pill.btn-outline-primary{
	padding: 5px 9px!important;

}

}

.content-header h4{
	font-size: 18px;
	margin-bottom: 0;
	line-height: 28px;
}

.comm{
	background-color: #fff;
	padding: 15px;
}



#multiStepsValidation .SwiperNavButton{
	top: -20px;
}

.footer-nav-button{
	bottom: 0px;
}


.cross_icon{
	display: flex;
	justify-content: end;
}


.date input {
	width: 50%!important;
}


.table_nowrap{
	white-space: nowrap!important;
  }

  .light-style .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 36px!important;
  }
  .comments{
	min-height:80px!important;
	line-height: 24px!important;
  }
  
  .btn-outline-primary{
	padding:5px 15px!important;
}

	@media (max-width:1190px){
		.date input {
			width: 100%!important;
		}
			
.table_nowrap{
  white-space: normal!important;
}

	.table_input{
		width: 400px!important;
	}
/* .customer_td{
	display: block!important;
} */
.customer_td td{
	width: 14%!important;
}
.Garage_text{
	display: block!important;
}
.Garage_text td{
	width: 14%!important;
}
		.area_table{
			display: flex;
		}
		.area_table tr td input{
			width: 100%!important;
		}
		.datatables_customization{
			display: flex;
			justify-content: center;
		}
		.datatables_customization tr td input{
			width: 100%!important;

		}
		h5{
			font-size: 16px!important;
		}
	
	.custom_content .row{
		display: inline-block;
		width: 49%;
		margin-right: 1%;
	}

			.custom_navlist{
 		padding: 0px!important;
 	}


		.desktop_heading{
			display: none!important;
		}
		.nav_list{
			display:block!important;
		}
	}
	.nav_list{
		display:none;
	background-color: #495563;
		padding: 10px;
		color: #fff;
	}
	.nav_list li{
		display: inline-block;
		list-style: none;
		width: 20%;
		text-transform: uppercase;
	
	}
	.child_table{
		width: 200px!important;
		float: right;
		text-align: center;
		border-bottom:#fff!important;
	
	}
	.child_table th {
		padding: 0 10px!important;
		border: none!important;
	}
	.child_table td{
		padding: 0!important;
	}
	
	.custom_h6 h6{
		font-size: 13.5px!important;
		font-weight: 500;
	}

	.card-header h6{
		line-height: 22px;
	}

	.basement_section .form-check-inline{
/* margin-right: 0!important; */
margin-bottom: 10px;
padding-left: 0px !important;
	}


	/* .quality_sec{
		position: relative;
		top: 8px;
		left: -30px;
	} */

	.content-header h5{
font-size: 16px;
	}

.Comment{
	height: 80px!important;
	line-height: 20px!important;
}

/* textarea {
	height: 80px!important;
	line-height: 20px!important;
} */


.form_filds h4{
	font-style: italic;
	color: #5a8dee;
	font-size: 20px;

}
.form_filds input, textarea{
	margin-bottom: 10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border: none;
	background-color: #fff;

	
}
.form_filds input:focus{
	outline: none;
	
}
.right_form_sec{
	border-right: 1px solid #ddd;
}
.pr-0{
	padding-right: 0!important;
}

.heading_text h3, h4{
	font-size: 18px!important;
}

textarea{
	box-shadow: none!important;
	padding: 10px!important;
}

.a4-page {
	width: 210mm!important; 
	/* height: 297mm;  */
	/* A4 height */
	margin: auto; 

  }
  .add_docs label{
padding-left: 0;
padding-top: 10px;
  }
  
  .submit_btn{
	margin-top: 12px;
	margin-left: -8px;

  }
  .add_body{
	padding: 30px !important;
    padding-top: 0 !important;
  }
  .offcanvas-header{
	padding: 15px!important;
  }
  .term_page h5{
	padding-left: 15px;
  }

  .action_page, .light-style .select2-container--default.select2-container--disabled .select2-selection--single{
	margin: 10px auto!important;
  }

   /* .card-datatable{
    background-color: red!important;
  } */


  .learning_card_sec{
	padding: 1.5rem;
	-ms-flex: 1 1 auto;
	margin-bottom: 20px;
	/* height: 396px; */
	flex: 1 1 auto;
	border-radius: 5px;
	background-color: #fff;
	
  
  }
  .learning_card_sec img{

    width: 150px;
    height: 150px;
    position: relative;
    left: 35px;
  }
 
  .learning_card_sec a{
	/* justify-content: center; */
	width: 100%;
	background-color: #e6f0ff;
    border-color: #e6f0ff;
    text-transform: capitalize;
	border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: inherit;
	transition: all .5s ease-in-out;
    padding: 8px 16px;
	font-size: 16px;
    /* font-size: 1.1rem; */
	color: #4d7cff ;


  }

  .learning_card_sec, .fa-file-text{
margin-right: 10px;
  }

  .learning_card_sec, .fa-refresh{
	margin-right: 10px;
	  }

	  .learning_card_sec, .fa-comment{
		margin-right: 10px;
		  }
		


  .learning_card_sec a:hover{
	background-color: #5a8dee;
	color: #fff;
    border-color: #5a8dee;
  }
 
  .job{
	display: flex;
  }
  .job h4{
	color: #516377;
	font-size: 17px!important;
	display: flex;
    align-items: center;
	font-weight: bold;
  }





 /* h3 , h5, h4{
	color: #5a8dee!important;
} */
.menu-inner, .menu-header{
padding:10px 7px!important;
margin: 0!important;
}

.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link div{
	padding-left: 10px!important;
}
.menu-vertical .menu-item .menu-link{
	font-size: 14px!important;
}


/* .layout-menu.menu-vertical .menu-inner>.menu-item{
	margin-bottom: 10px!important;
} */
.menu-inner, .menu-header, .menu-header-text{
	padding-left: 10px;
}
/* .menu-inner li i{
	background: #5a8dee!important;
    color: #fff!important;
} */
/* .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon{
	width: 30px;
    font-size: 15px;
    height: 30px;
}
.card-header h3{
font-size: 23px;
}
.layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link div{
	font-size: 15px;
}
.light-style .menu .app-brand.demo, .dark-style .menu .app-brand.demo{
	height: 70px;
} */


/* table th, td{
	padding: 10px!important;
} */
.container-xxl.flex-grow-1.container-p-y{
	padding: 15px;
}
nav#layout-navbar{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	background-color: #fff!important;
}
.container-xxl.flex-grow-1.container-p-y{
	background:#eaedf7!important;

}


  /*Rakesh Web Designer custom css end */


  /* custom scroll */

.notice_board {
    height: 620px;
    overflow: auto;
    padding-right: 0px!important;
    font-size: 16px;
    line-height: 23px;
}

.notice_board::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.notice_board::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
.notice_board::-webkit-scrollbar-thumb{
    background-color: #5a8dee;
}
.notice_board::-webkit-scrollbar{
    width: 6px;
    background-color: #f5f5f5;
}




.job_scroll {
    height: 620px;
    overflow: auto;
    padding-right: 0px!important;
    font-size: 16px;
    line-height: 23px;
}
.job_scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.job_scroll::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
.job_scroll::-webkit-scrollbar-thumb{
    background-color: #5a8dee;
}
.job_scroll::-webkit-scrollbar{
    width: 6px;
    background-color: #f5f5f5;
}



  .outer-wrapper {
	max-width: 100vw;
	overflow-x: scroll;
	position: relative;
	scrollbar-color: #d5ac68 #f1db9d;
	scrollbar-width: thin;
	-ms-overflow-style: none;
  }
  
  .outer-wrapper::-webkit-scrollbar {
	height: 5px;
  }
  
  .outer-wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }
  
  .outer-wrapper::-webkit-scrollbar-thumb {
	height: 5px;
	background-color: #d5ac68;
  }
  
  .outer-wrapper::-webkit-scrollbar-thumb:hover {
	background-color: #f1db9d;
  }
  
  .outer-wrapper::-webkit-scrollbar:vertical {
	display: none;
  }
  

p {
	font-size: 14px;
}
.card_heading h5{
	font-size: 15px;
}
.card_heading2 h5{
	font-size: 15px;
}
.card_heading .card-body{
	padding: 15px 5px!important;
}
.card_heading2 .card-body{
	padding: 15px 5px!important;
}

@media (min-width: 576px){ 
	/* .details_table div.dt-buttons{
  position: fixed;
  top: 17%;
	} */
	.card_heading .card-body{
		   padding: 15px !important;
		   min-height:170px!important;
	   } 
	   .card_heading2 .card-body{
		padding: 15px !important;
		/* min-height:180px!important; */
	} 

	   button.dt-button.add-new.btn.btn-primary{
		   font-size: 12.5px!important;
		 }
		 }

		 .offcanvas-header{
			border-bottom: 1px solid #ccc;
		 }


		 .profile_sec > .card-body:last-child{
			min-height: 425px;
			display: grid;
		 }

		 .offcanvas-body.mx-0.flex-grow-0{
			padding-top: 10px!important;
			min-height: 100%;
		 }
.setpjob.active .step-trigger {
	cursor: inherit !important;
}
    /* custom scroll */

	/*chitra---css----*/
	.custm-checkk{
		padding-left: 0 !important;
	}
	.form-check-inline span, .flex-check-box.d-flex span{
  color: #414a54 !important;
	}
	
	.table-success {
		--bs-table-bg: #eaf1fb !important;
		
	}
	.dataTables_wrapper .dataTable td {
		text-align: left;
	}
	.dataTables_wrapper .dataTable td .d-flex.align-items-center{
		width: max-content;
	}
	.card-time-track::-webkit-scrollbar, .tracking-time-table::-webkit-scrollbar, .list-log::-webkit-scrollbar, .modal-occurrence .offcanvas-body::-webkit-scrollbar {
		width: 5px;
	  }
	  .card .table::-webkit-scrollbar, .tracking-time-table::-webkit-scrollbar, .list-log::-webkit-scrollbar{
		height: 5px;
	  }
	  /* Track */
	  .card-time-track::-webkit-scrollbar-track, .card .table::-webkit-scrollbar-track, .tracking-time-table::-webkit-scrollbar-track, .list-log::-webkit-scrollbar-track, .modal-occurrence .offcanvas-body::-webkit-scrollbar-track {
		background: #f1f1f1; 
	  }
	   
	  /* Handle */
	  .card-time-track::-webkit-scrollbar-thumb, .card .table::-webkit-scrollbar-thumb, .tracking-time-table::-webkit-scrollbar-thumb, .list-log::-webkit-scrollbar-thumb, .modal-occurrence .offcanvas-body::-webkit-scrollbar-thumb {
		background: #888; 
	  }
	  
	  /* Handle on hover */
	  .card-time-track::-webkit-scrollbar-thumb:hover, .card .table::-webkit-scrollbar-thumb:hover, .tracking-time-table::-webkit-scrollbar-thumb:hover, .list-log::-webkit-scrollbar-thumb:hover, .modal-occurrence .offcanvas-body::-webkit-scrollbar-thumb:hover  {
		background: #555; 
	  }
	  .card-body{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	  .card-time-track {
		height:calc(100vh - 40px);
		overflow-y: auto;
		padding-left: 22px !important;
	  }
	  .card-notic-board{
		overflow-y: hidden;
	  }
	  .noticeboard-table.table thead tr th{
		min-width: 100px !important;
	}
	  .card-notic-board .timeline{
		height: 100%;
	  }
	  /* .card-header {
		align-items: baseline !important;
	  } */

	#SvgjsG1390.apexcharts-text tspan {
		font-size: 6px !important;
	}

	/* .table>:not(caption)>*>*{
		padding: .625rem 0.2rem !important;
	} */
	 .upcoming-crew-jobs th, .upcoming-crew-jobs td, .upcoming-auditor-jobs th, .upcoming-auditor-jobs td{
		padding: .625rem 0.2rem !important;
	 }
	.pto_holiday {
		width: 100% !important;
	}
	.card-header{
		padding: 15px 12px !important;
	}
.card .table{
	width: 100% !important;
}
.tab-content{
	padding-top: 0 !important;
}
.fonts-inner{
	font-size: 14px;
	line-height: 17px;
}
.card-header-pills{
	margin-right: 0 !important;
}
.barchart-xaxis-label tspan{
	font-size: 12px !important;
}
.tab-table{
	min-height: 550px;

}
.card-notic-board{
	max-height: 860px;
}
.avatar img{
	object-fit: cover;
}
.navbar-nav-right .alert-warning{
position: absolute;
left: 34%;
top: 12%;
}
.tracking-time-table {
	max-height: 150px;
	overflow-y: auto;
}
.clockDiv img{
	object-fit: cover;
	flex-shrink: 0;
	width:50px;
	height:50px
}
.info-dv{
	flex-wrap: wrap;
}
.invoice-list-table tbody tr {
    cursor: pointer;
}

.invoice-list-table tbody tr:hover {
    background-color: #f5f5f5;
}
.invoice-list-table td{
    padding-left: 1.375rem !important;
    padding-right: 1.375rem !important;
}
.card-time-track2{
	padding-left:22px !important;
	
}
.total_hours .d-flex.align-items-top{
	align-items: baseline;
}
.form-check-inline{
	margin-top: 3px;
}
.custom-btn-group .btn .bx{
	margin-right: 5px;
}
.pg11 .d-flex{
align-items: center;
}
.refused-table td{
	vertical-align: bottom;
}
.refused-table .datepicker{
	width: 100% !important;
}
.txt-area-feild textarea.form-control{
	height: auto;
	max-height: 100px !important;
	height: 100px !important;
	line-height: 21px !important;
}
.refused-table .date input{
width: 50% !important;
}
.txt-area-feild .feild_textarea .form-label{
	min-height: 45px;
}
.refused-table .date2{
justify-content: right;
}
.content-wrapper textarea.form-control{
	line-height: 21px !important;
}
.custom-btn-group {
	justify-content: flex-end;
}
.form-signature .form-control{
	margin-bottom: 10px;
}
.signature-body label{
	margin-right: 6px;
}
.file-input .file-preview .fileinput-remove{
    display: none;
}
.file-input .file-preview .file-footer-buttons .kv-file-rotate{
    display: none;
}
.timeline-event .d-flex{
    flex-wrap: nowrap !important;
}
.avatar{
    flex-shrink: 0;
}
.timeline .timeline-item{
    padding-left: 2rem !important;
}
.custom-btn-group .btn{
	flex-wrap: nowrap;
}
.estimate-p{
	font-size: 16px;
	font-weight: 700;
	color: #414040;
	display: flex;
	align-items: center;
}
.estimate-p span{
display: inline-flex;
height: 45px;
width: 45px;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #333;
background-color: #e7ebef;
margin-right: 5px;
}
.estimate-p span .bx{
	font-size: 1.5rem;
}
.po_child_table_tr td:first-child, .po_child_table thead th:first-child{
	width: 70% !important;
}
.po_child_table thead th:last-child{
	padding-left: 0 !important;
	padding-right: 0px !important;
}
.po_child_table_th span{
	width: 20%;
	text-align: center;
	display: inline-block;
}
.po_child_table{
	margin-right: -20px;
}
.save-btn{
	color: #5a8dee !important;
}
.timer-cell span {
	margin-right: 6px;
}
.timer-cell span .bx{
	font-size: 1.6rem;
}
.stop-btn.disabled-icon {
	color: #ccc;
}
.stop-btn.enabled-icon{
color: #ef5353;
}
.timer-cell .timer-display{
	font-weight: 700;
}
.start-btn.disabled-icon{
color: #ccc;
}
.custom-btn-group .btn{
	padding: 10px;
	margin-right: 10px !important;
}
.custom-btn-group .btn.me-3{
	margin-right: 10px !important;
}
.colm-history .btn{
	background-color: #5a8dee !important;
}
.colm-history .nav-item{
	margin-right: 10px !important;
}
.dark-style .estimate-p, .dark-style .estimate-p{
color: #a1b0cb;
}
.dark-style .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon{
	background-color: transparent;
}
.cust-lbl{
	border: 2px solid #055bff;
	color: #055bff;
}
.cust-check .btn-check{
position: inherit;
}
.cust-check .form-check-input:checked{
    background-color: #5a8dee;
    border-color: #5a8dee;
}
.user-profile-header-banner img{	
	height:200px !important;
}
.bs-stepper .input-group .input-group-text{
	border-radius: 20px;
}
/* .table:not(.table-dark) thead:not(.table-dark) th{
	background-color: #516377;
	color:#fff !important;
} */
 .datatables-salary .table-success .fw-bold{
	background-color: #283144 !important;
	color: #fff !important;
 }
.list-log{
	max-height: 385px;
	overflow: auto;
}
#wizard-checkout .bs-stepper-header{
	max-width: max-content !important;
}
.tbl-ordr .dt-buttons .btn-success {
    background-color: #5a8dee !important;
    border-color: #5a8dee !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
.ReceivePayments .col-md-6.pe-3 {
padding-right: 0px !important;
gap:0px !important;
}
.ReceivePayments .row.ms-2.me-3{
	padding: 0 !important;
	margin: 0px !important;
}
.flip-card-container .flip-card .col-6 .rounded-start{
	display: block;
    max-height: 190px !important;
    margin-left: auto;
}
.card.pending-invoice-card>.row{
	align-items: center;
}
.dark-style .flip-card-container .flip-card{
	background-color: #283144 !important;
}

.notfy-tbl tr th{
	background-color: #283144 !important;
	color: #fff !important;
}
.notfy-tbl tr td:nth-child(3), .notfy-tbl thead tr th:nth-child(3){
display: none !important;
}
.top-row-jobs .card-header.header-elements{
	background-color: #fff !important;
}

.top-row-jobs .card-header.header-elements span.me-2{
	color: #373737 !important;
}
/* .top-row-jobs .card-header-elements .rounded-pill{
	color: #fff !important;
} */
.dark-style .top-row-jobs .card-header.header-elements, .dark-style .card.pending-invoice-card{
	background-color: #36445d !important;
}
.dark-style .top-row-jobs .card-header.header-elements span.me-2{
color: #fff !important;
}
.dark-style .container-xxl.flex-grow-1.container-p-y{
	background-color: #1c222f !important;
}
.dark-style .card.pending-invoice-card .bg-label-primary {
    background-color: #9E9E9E !important;
    color: #f7f8f9 !important;
}
.dark-style nav#layout-navbar{
	background-color: #1c222f !important;

}
.dark-style .card.pending-invoice-card span.text-black{
	color:#9E9E9E !important;
}
.dark-style .signature-body p, .dark-style .signature-body ul li{
	color: #8e9bb4 !important;
}
.dark-style .dstepper-block p{
	color: #d8deea !important;
}
.emails-list-header .input-group-text{
	padding: 0.4rem .735rem !important;
}
.dark-style .table>:not(caption)>*>*{
	background-color: #283144 !important; 
}
.dark-style select[readonly].select2-hidden-accessible+.select2-container .select2-selection, .dark-style .input-group .input-group-text.disabled{
	background-color: #36445d !important;
}
.dark-style .table-dark{
	color: #bbbbbb;
}
.dark-style .team-member-card{
	background: #283144;
}
.dark-style .btn-label-primary {
    background: #30405f !important;
    border-color: transparent !important;
    color: #5a8dee !important;
}
.time-boradd{
	justify-content: space-between;
}
.list-log .rounded-circle.me-3.w-px-50{
	width: 30px !important;
	flex-shrink: 0;
	height: 30px;
}
.nav-item--nav-dateTime .btn, .nav-item--nav-dateTime .btn{
	cursor: inherit !important;
}
.dark-style .select2-container--default .select2-selection{
	border-radius: 20px !important;
}
.timeline-event .d-flex.justify-content-between div:nth-child(2){
	flex-shrink: 0;
}
.rounded-circle.me-3.w-px-30.h-px-30{
	flex-shrink: 0;
}
.dt-calendar-payment{
	align-items: center;
}
.dt-calendar-payment div.dataTables_length{
	margin-right: 15px;
}
.dt-calendar-payment div.dataTables_length, .dt-calendar-payment div.dataTables_filter{
display: inline-block !important;
}
.dt-calendar-payment div.dataTables_filter .form-control{
height: 38px !important;
font-size: .9375rem !important;
}
.dt-calendar-payment .col-md-7{
	text-align: right;
}
.bcoc-print-page2 table{
margin-bottom: 20px !important;
}
.bcoc-print-page .table-border tr td{
	padding: 15px 10px !important;
}
.nav-link.tab-validation2.is-invalid, .nav-link.is-invalid{
	background: #ff5b5c !important;
    color: #fff;
    /* margin-left: 10px; */
}
.nav-pills li.nav-item{
	margin: 0px 5px !important;
}
.form-control.is-valid, .was-validated .form-control:valid ,.content-wrapper .form-check-input.is-valid~.form-check-label, .dark-style .form-control.is-valid, .dark-style .was-validated .form-control:valid{
	border-color: #677788 !important;
}
.content-wrapper .form-check-input.is-valid~.form-check-label ,.content-wrapper .form-check-input.is-valid~.form-check-label{
	color: #414a54 !important;
}
/* .dt-calendar-payment div.dataTables_filter, .dt-calendar-payment div.dataTables_length{
	margin: 0px !important;
	}
	.dt-calendar-payment{
		padding-bottom: 20px;
	}
	.dt-calendar-payment .col-md-12{
		margin-bottom: 15px;
	} */
.signlbb label{
	padding-bottom: 60px !important;
}
.lbsign label{
	margin-top: -40px;
}
.form-check-inline span, .flex-check-box.d-flex span{
	font-weight: 700;
}
.locs .fv-plugins-message-container{
display: none;
}
.signature-body p, .signature-body ul li{
	font-size: 16px;
}
.signature-body label{
	width: fit-content !important;
}
.bottomMenu{
	position: fixed;
	bottom: 4px;
	width: 100%;
	z-index: 99;
	transition: all 0.3s;
	left: 0;
	padding: 30px;
	padding-left: 110px;
	opacity: 1;
	padding-top: 0px;
	
  }
  .widthNew{
	padding-left: 18.25rem !important;
  }
  /* .hideF {
	opacity:0;
   
} */
.showF {
	opacity:1;
  
}
.pd-comn{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.tatal-fixed{
	
align-items: center;
justify-content: space-between;

}
.tatal-fixed p strong{
	padding-left: 15px;
}
.tatal-fixed p{
	margin: 0;
	font-size: .75rem;
    font-weight: 700;
	letter-spacing: 1px;
}
/* .pending-invoice-card .bg-label-primary{
    background-color: #5a8dee !important;
    color: #e5edfc !important;

  }
  .pending-invoice-card .card-img{
    padding: 10px;
  }
  .pending-invoice-card .card-body{
    background: #dff9ec;
    min-height: 210px;
  }
  .pending-invoice-card{
    border: 5px solid #fff !important;
    overflow: hidden;
  } */
   .note-jobb {
	width: 50% !important;
   }
   .note-jobb textarea.form-control{
	height: 200px !important;
   }
@media(max-width:1600px){
	.barchart-xaxis-label tspan{
		font-size: 8px !important;
	}
	.mail-spn span{
		font-size: 13px;
		}
		.bg-label-warning{
			font-size: 8px;
		}
    .timeline-header{
        flex-wrap: wrap;
    }
    /* .timeline-header .text-muted{
        width: 100%;
        text-align: right;
    } */
	.pending-text{
		font-size: 10px;
	}
	.inputts{
		width: 100%;
	}
	.navbar-nav-right .alert-warning{
		
		left: 20%;
		
		}
		.custom-btn-group .btn{
			flex-shrink: 0;
			font-size: 12px;
			padding: 5px 5px;
		}
		.form-check-inline{
			margin-right: .5rem !important;
		}
		.types2 label.form-label{
      display: block;
		}
		.po_child_table_tr td:first-child, .po_child_table thead th:first-child{
			width: 65% !important;
		}
}
@media(max-width:1400px){
	.card.profile-connection-card .card-body .profile-btn-group{
		padding: 12px 12px;
	}
}
@media(max-width:1370px){
.card-header .card-title {
font-size: 16px;
}
.content-wrapper .form-control, .light-style .content-wrapper .select2-container--default .select2-selection, .content-wrapper .form-select{
	min-width: 80px;
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-label{
	font-size: 13px !important;
}
.card.profile-connection-card .card-body .profile-btn-group{
	padding: 10px 10px;
}
.profile-connection-card .btn-label-primary{
	padding: 10px 6px;
	font-size: 12px;
}
.profile-connection-card .btn-label-primary.me-3{
margin-right: 0.5rem !important;
}
.po_child_table_tr td:first-child, .po_child_table thead th:first-child{
	width: 60% !important;
}
.flip-card .card-header .card-title, .top-crt .card-header .card-title{
	font-size: calc(1.2875rem + .45vw) !important;
}
.barchart-xaxis-label tspan{
	font-size: 7px !important;
}
.nav-link .bx-sm{
	font-size: 1rem !important;
}
.nav-item--nav-dateTime span.btn{
	font-size: 12px !important;
}
.nav-item--nav-dateTime span .bx-sm{
	font-size: 1rem !important;
}
.custom-btn-group .btn{
	font-size: 10px;
}
.checkupdated .flex-check-box{
display: flex;
align-items: flex-start;
justify-content: left;
}
.checkupdated .flex-check-box span.num.me-2{
	margin-top: 8px;
}
.tbl-invoice .col-md-6.justify-content-md-start {
	width: 70% !important;
}
.tbl-invoice .col-md-6.justify-content-end {
	width: 30% !important;
}
.benifit-card h6{
	font-size: 13px !important;
}
.benifit-card p{
	font-size: 12px !important;
}
.tbl-my .col-md-6.gap-2{
	width: 70% !important;
} 
.tbl-my .col-md-6.gap-md-2{
	width: 30% !important;
} 

}

@media(max-width:1199px){
	.card-header .card-title {
	font-size: 14px !important;
	}
	.user-profile-header-banner img {
		height: 160px !important;
	}
	.breadcrumb-wrapper{
		margin-bottom: 0px !important;
	}
	.table th{
		font-size: 0.70rem;
	}
	.last-lii{
		width: 100% !important;
	}
	.text-truncate{
		font-size: 12px;
	}
	.small, small{
		font-size: 80%;
	}
	.nav-link{
		font-size: 12px !important;
	}
	.barchart-xaxis-label tspan{
		font-size: 10px !important;
	}
	.responsiv-tlb{
		overflow-x: auto;
	}
	.custom_content .row{
		display: flex;
		width: 100%;
	}
	.navbar-nav.flex-row{
		flex-shrink: 0;
	}
	.card-notic-board2{
		height: 100% !important;
	}
	.custom-btn-group .btn{
		padding: 5px 8px !important;
		font-size: 10px;
	}
	.footer-nav-button .btn{
		font-size: 14px;
padding: 0px 20px;
height: 35px;
	}
	label.btn.rounded-pill.btn-outline-primary {
        padding: 8px 15px !important;
    }
	.bottomMenu{
		
	padding-left: 2.25rem !important;
 
	  }
	  .custom-btn-group .btn{
		margin-right: 0px !important;
	  }
	}
	@media(max-width:991px){
		.bottomMenu{
		
	padding-left: 1rem !important;
	padding-right: 1rem !important;
 
	  }
	  /* .custom-btn-group .btn.ms-2{
		margin-left: 0px !important;
	  } */
		.input-group .input-group-text{
			padding: 0.4rem .735rem;
			font-size: 12px;
		}
		.navbar-nav-right .alert-warning{
		
			left: 22%;
			font-size: 10px;
			top: 26%;
        padding: 8px 10px;
			
			}
			.po_child_table_tr td:first-child, .po_child_table thead th:first-child{
				width: 48% !important;
			}
			.right_form_sec{
				margin-bottom: 20px;
			}
			.nav-item--nav-dateTime span.btn{
				font-size: 10px !important;
			}
			.custom-btn-group .btn{
				padding: 6px 10px !important;
				
			}
			label.form-label, label.btn.rounded-pill.btn-outline-primary{
				font-size: 12px !important;
				
			}
			label.btn.rounded-pill.btn-outline-primary{
				padding: 5px 10px !important;
			}
			.content-wrapper .form-control{
				font-size: 12px !important;
				height: 30px !important;
				padding: 5px;
			}
			.input-group>.input-group-text:first-child{
				padding: 5px;
    height: 30px;
    font-size: 12px;
			}
			.otherr .inputts{
   width: 50%;
			}
			.otherr{
				display: flex;
			}
			.textuprr{
				height: 65px !important;
			}
			.heightb{
				min-height: 35px;
			}
			.tbl-commn td{
				min-height: 68px !important;
				display: block;
			}
			.tbl-flex-frm .form-group--style2{
				display: block !important;
				text-align: left;
			}
			.custom-btn-group .btn{
				margin-bottom: 10px;
			}
			.custom-btn-group {
				flex-wrap: wrap;
			}
			.tbl-invoice .col-md-6.justify-content-md-start {
				width: 100% !important;
			}
			.tbl-invoice .col-md-6.justify-content-end {
				width: 100% !important;
			}
			.card-boxs .card-widget-3.border-end {
border-right: 0px !important;
padding-right: 0px !important;
			}
			.card-boxs .card-widget-3 .avatar {
			margin-right: 0px !important;
							}
			.bs-stepper.vertical .bs-stepper-header .line:before{
				position: unset !important;
				width: 2rem !important;
				height:2px !important;
				display: block !important;
			}
			.light-style .bs-stepper .bs-stepper-header .line{
				padding-top: 5% !important;
			}
			.light-style .bs-stepper .bs-stepper-header {
				width: 100%;
				overflow-x: auto;
			}
	}
	#offcanvasAddLeaveType #addUploadDocumentForm .form-group.row{
    margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 10px;
	}
	#offcanvasAddLeaveType #addUploadDocumentForm .form-group.row.fv-plugins-icon-container{
    margin-left: -10px !important;
	margin-right: -10px !important;
	}
@media(max-width:991px){
	.bs-stepper .bs-stepper-header .step .step-trigger{
		padding: .5rem 0.8rem !important;

		flex-direction: column !important;
	}
	.bs-stepper .bs-stepper-header{
		flex-direction: row !important;
	}
}	

	@media(max-width:767px){
		.comn-spacee{
margin-bottom: 20px;
		}
		.nav-pills .nav-link{
			padding: 6px 6px !important;
			font-size: 10px !important;
		}
		.alert-dismissible{
			padding-right: 20px !important;
		}
		.light-style .bs-stepper .bs-stepper-header .line{
			padding-top: 10% !important;
		}
		.navbar-nav-right .alert-warning {
			left: 16%;
			font-size: 8px;
			top: 33%;
			padding: 7px 8px;
		}
		.card.ReceivePayments{
			padding: 20px 10px !important;
		}
		.dataTables_wrapper .btn-label-secondary{
			margin: 0px !important;
			padding-left: 5px !important;
			margin-right: 5px !important;
			padding-right: 5px !important;
		
	}
	.card.ReceivePayments .col-12.col-md-6 {
		padding: 0px !important;
		justify-content: space-between !important;
	}
	.card.ReceivePayments .dataTables_filter{
		width: 100% !important;
	}
	.card.ReceivePayments .dataTables_filter{
		width: 100% !important;
	}
	html:not([dir=rtl]) .border-end{
		border-right: 0px !important;
		border-bottom: 1px solid #d4d8dd !important;
	}
	.custom-btn-group .btn.me-3{
		margin-right: 0px !important;
		margin-bottom: 0px !important;
	}
	.bs-stepper .bs-stepper-header{
		justify-content: space-between !important;
	}
	.colm-history .btn{
		margin-bottom: 10px;
	}
	.bs-stepper .bs-stepper-header{
		padding: 0.375rem !important; 
	}
	.breadcrumb-wrapper{
		margin-bottom: 10px !important;
	}
	.bs-stepper:not(.vertical) .bs-stepper-header .line:before{
		left: -.25rem !important;
		top: 2.25rem !important;
	}
	.content-wrapper .form-control, .content-wrapper .select2-container--default .select2-selection, .content-wrapper .form-select, .content-wrapper .form-control, .light-style .content-wrapper .select2-container--default .select2-selection, .content-wrapper .form-select{
		height: 30px !important;
	}
	 .select2-container--default .select2-selection--single .select2-selection__rendered, .light-style .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 30px !important;
font-size: 12px !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow, .light-style .select2-container--default .select2-selection--single .select2-selection__arrow{
		height: 100% !important;
	}
	.card-widget-separator-wrapper .border-end{
		border-right: none !important;
		border-bottom: 1px solid #d4d8dd;
	}
	.card.ReceivePayments .dataTables_filter label, .card.ReceivePayments .dataTables_filter label input, .dataTables_filter label, .dataTables_filter label input, .dataTables_filter {
		width: 98% !important;
	}
	.footer-nav-button .btn{
		padding: 8px 20px ;
	}
	.card.ReceivePayments .card-header .d-flex h4{
		margin-bottom: 12px !important;
	}
	.card.ReceivePayments .card-header .d-flex{
		flex-wrap: wrap;
	}
	.container-fluid.flex-grow-1.container-p-y .col-md-7{
		margin-top: 0px !important;
	}
	.proceed-order-spending .col-lg-3 {
margin-bottom: 0px !important;
	}
	.card-process-hdr.d-flex{
		display: block !important;
	}
	.toggl-box.d-flex{
		display: block !important;

	}
	.card.h-100{
		height: auto !important;
	}
	#timeclocks-table_wrapper .row.ms-2.me-3{
		display: block !important;
	}
	.tbl-my .col-md-6.gap-md-2{
		width: 100% !important;
	}
	.profile-secc{
		display: block !important;
	}
	.profile-secc .nav-pills {
		margin-bottom: 20px !important;
	}
	#multiStepsValidation .bs-stepper-header-wrapper .bs-stepper-header .step{
height: 100% !important;
	}
	.custom-btn-group .btn{
		margin-bottom: 0px !important;
		margin-right: 0px !important;
	}
	.d-flex.d-md-update{
		display: block !important;
	}
	.bottomMenu {
		padding: 30px 15px !important;
	}
	#multiStepsValidation .swiperWrapper .swiper .swiper-slide .step-trigger{
		padding: 10px 10px !important;
		height: 100% !important;
	}
	.card-header h3{
		font-size: calc(0.9rem + .45vw);
	}
	.invoice_status #auditorId{
		margin-top: 10px;
	}
	.card.pending-invoice-card .col-md-4 .row img{
		max-height: 100px;
		width: auto !important;
	}
	.card-datatable.table-responsive #generate_report a, .card-datatable.table-responsive #pay_all a, .invoice_status #auditorId{
     font-size: 12px !important;
	}
	div.dataTables_wrapper div.dataTables_length select{
		padding: 5px 10px !important;
	}
	.toggl-box .list-group {
		width: 100%;
		overflow-x: auto;
		margin-top: 10px;
		display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
	}
	.flex-10{
		flex-wrap: wrap;

	}
	.pd-comnn .form-check{
		display: flex !important;
	}
	.pd-comnn .form-check label, .pd-comnn .form-control {
		width: 90%;
	}
	.pd-comnn .form-check .form-control, .comntdd{
		width: 90% !important;
	}
	.comn-leftt{
		padding-left: 10px !important;
	}
	div#mainHeatingValidation table tr td{
		padding-left: 0px !important;
	}
	
	.pd-comn{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.formfull{
		margin-top: 10px;
	}
	.bcoc-print-page2 table{
		margin-bottom: 0px !important;
	}
	.comntdd{
		white-space: inherit !important;
	}
	.bcoc-print-page ul{
		padding-left: 20px !important;
	}
	.weatherIn{
		width: 100% !important;
	}
	div#mainHeatingValidation .tbl-pdd table tr td{
    padding-left: 10px !important;
	}
	.liSec{
		width: 80% !important;
		margin-bottom: 10px !important;
	}
	.d-flex.sign-sec{
		display: block !important;
	}
	.sign-sec > div{
     width: 100% !important;
	}
	.mb-sign{
		margin-bottom: 35px;
	}
	.tbl-newup table tr td{
		width: 100% !important;
	}
	.pd-00{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.row-size .col-md-5 label, .row-size .col-md-5 .form-check-inline {
		width: 100%;
	}
	.po-row .form-group .col-9, .po-row .form-group .col-3{
		margin-top: 0px !important;
	}
	.d-flex.update-dd{
		display: block !important;
	}
	.cardBodyUpdate{
		width: 100% !important;
	}
	.cardBodyUpdate .form-group.d-flex{
		display: block !important;
		margin-bottom: 10px;
	}
	.psupdt.ps-4{
		padding-left: 0px !important;
	}
	.w-update{
		width: 100% !important;
	}
	.po-row .form-group {
		margin-bottom: 15px !important;
	}
	.row-size .col-md-5{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.table-mobiles{
		display: contents !important;
	}
	.table-mobiles td{
		width: 100% !important;
	}
	.table-mobiles .form-group.d-flex{
		display: block !important;
		margin-bottom: 10px !important;
	}
	.tbl-mb-p p {
  padding-left: 20px !important;
	}
	.note-jobb {
		width: 95% !important;
	   }
	   .tb-tdd td{
		min-width: max-content !important;
	   }
	   .tb-tdd td .form-control{
		min-width: 160px !important;
	   }
	   .tb-tdd td .form-group.d-flex{
		display: block !important;
	   }
	   .note-jobb textarea.form-control{
		height: 120px !important;
	   }
	   .h-update{
		height: auto !important;
	   }
	 
	div#mainHeatingValidation table tr {
		display: inherit;
	}
}

.menu-inner.overflow-auto::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.menu-inner.overflow-auto::-webkit-scrollbar-track, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.menu-inner.overflow-auto::-webkit-scrollbar-thumb, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background: #677788; 
}

/* Handle on hover */
.menu-inner.overflow-auto::-webkit-scrollbar-thumb:hover, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #677788; 
}
.birthday_wish .modal-content{
	background-image: url('../img/bg-img1.jpg');
	    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%;
}
 .btn-Box{
    justify-content:left;
    align-items:center;
  }
  .btn-Box button{
    border: 2px solid #5a8dee;
    color: #fff;
    padding: 2px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    z-index: 99;
    background: #5a8dee;
    border-radius:3px;
    justify-content: center;
    margin-right:6px;
    opacity: 0.9;
  }
  .btn-Box button:hover, .btn-Box button.active{

  opacity: 1;
  }
  .birthday_name{
    color:#5a8dee !important;
    text-transform: capitalize !important;
  }
  .birthday_name span{
    color:#516377 !important;
    font-size:50px;
    text-transform: uppercase !important;
  }
  .birthday_wish .modal-dialog .modal-content .balloon{
    margin:20px 0px;
  }
  .fallingLeaves{
    position: absolute;
    left: 0;
    right: 0;
	top:0;
  }
	.updateJobStatus{	
		margin-left: 10px;
	}
	td:has(a.updateJobStatus) i {
		font-size: 24px !important;
		/* margin-left: 10px !important; */
	}

	.jobStatusModal{	
		margin-left: 10px;
	}
	td:has(a.jobStatusModal) i {
		font-size: 24px !important;
		/* margin-left: 10px !important; */
	}
	#swal2-html-container{
 padding-left: 15px !important;
	}
	#swal2-html-container p.mb-2, #swal2-html-container h6.mb-0{
		text-align: left !important;
	}
	#swal2-html-container .d-flex.flex-wrap span{
	font-size:0.9375rem !important;
	}
	.swal2-popup.swal2-modal.custom-swal-popup.swal2-show .swal2-title{
		text-align: left !important;
		font-size: 1.2rem !important;
	}
	.profile-secc .tab-content {
		width: 100% !important;
		overflow: hidden;
	}
	.profile-secc .nav-pills {
		flex-shrink: 0;
	}
	.dataTables_wrapper .dataTable td .d-flex.align-items-center{
		min-height: 25px;
		height: auto;
    padding: 0px 5px;
	}
	.table-responsive{
		width: 100% !important;
	}
	/* div.dataTables_wrapper {
    position: relative;
    min-width: 100%;
    width: fit-content;
} */
	.companies-table .table-responsive{
		padding: 0px 5px !important;
	}
	.pull-up i.bx.bx-error-alt.me-1{
		margin: 0px 2px !important;
	}
	.companies-table .row.px-2.pt-4{
		margin: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	@media(max-width:767px){
		#swal2-html-container p.mb-2, #swal2-html-container .d-flex.flex-wrap span{
			font-size: 13px !important;
			
		}
		 #swal2-html-container .d-flex.flex-wrap span{
			font-size: 13px !important;
			text-align: left !important;
			display: block !important;
		}
		.swal2-popup.swal2-modal.custom-swal-popup.swal2-show .swal2-title{
			margin-top: 5px !important;
			font-size: 1rem !important;
		}
		#swal2-html-container{
			margin-left: 5px !important;
			margin-right: 5px !important;
			padding-left: 12px !important;
		}
		
		#swal2-html-container .timeline-event{
			padding-right: 5px !important;
		}
		.step-3 .input-group .input-group-text{
			padding: 0.3rem .735rem;
		}
	}