/* @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
@font-face {
	font-family: 'Gotham';
	src: url('./Gotham-Font/Gotham-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
  }

  @font-face {
	font-family: 'Gotham';
	src: url('./Gotham-Font/Gotham-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
  }
  @font-face {
	font-family: 'Gotham';
	src: url('./Gotham-Font/GothamBook.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
  }
  

* {
	/* font-family: 'Gotham', sans-serif !important; */
    font-family: "Wix Madefor Display", sans-serif;
	font-optical-sizing: auto;
}

.auth-section {
	padding: 1.9vh;
	border-radius: 15px;
	overflow: hidden;
}

.auth-side-section {
	height: 94vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.auth-form {
	width: 50%;
}

.input-group {
	background-color: #fafafa;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
}

.input-group input {
	border: none;
	padding: 15px 20px;
	background: transparent;
}

.input-group .input-group-icon {
	padding: 10px 15px;
}

.input-group .input-group-icon img {
	height: 20px;
	width: auto;
}

.submit-button {
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
	padding: 10px 20px;
	border-radius: 7px;
	background-color: #4d758c;
}

.submit-button .button-group-icon {
	position: absolute;
	left: 10px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	top: 7px;
}

.submit-button .button-group-icon img {
	height: 20px;
	width: auto;
}

.forgot-password {
	color: #f7931e;
	text-decoration: none;
}

.forgot-password:hover {
	text-decoration: underline;
}

.nav-link {
	color: #f7931e;
	text-decoration: none;
}

/* .nav-link:hover {
    text-decoration: underline;
} */

.auth-logo img {
	height: auto;
	width: 100%;
	padding: 5px;
}

.bottom-logo {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.bottom-logo img {
	height: 150px;
	width: auto;
}

@media (max-width: 1024px) {
	.auth-form {
		width: 50%;
	}
}

@media (max-width: 840px) {
	.auth-form {
		width: 70%;
	}
}

@media (max-width: 767px) {
	.auth-form {
		width: 80%;
	}
}
.reset-password-title {
	color: #4d758c;
}

.header {
	background-color: #fafafa;
	/* padding: 10px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #999999;
}
/* .new-header > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-header .logo-div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.new-header .toggler-menu {
    font-size: 2rem;
} */
.header .search-box {
	background-color: #fff;
	padding: 0px 10px;
	border-radius: 5px;
}
.header .search-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	border-radius: 10px;
	/* border: 1px solid #eee; */
}
.header .search-box img {
	height: 20px;
	width: auto;
}
.header .search-box input {
	padding: 10px;
	outline: none;
	border: none;
	width: 100%;
}
.header .search-box .search-input-div {
	width: 100%;
}
.header .toggler-menu-div {
	padding-left: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.toggler-menu-div .toggler-icon {
	font-size: 1.2rem;
}
.notification-menu {
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
	border-radius: 7px;
	overflow: hidden;
}
.notification-menu .notification-title {
	background-color: #fff !important;
	padding: 10px 20px !important;
	border-bottom: 1px solid #dddddd !important;
}
.notification-menu .notification-title h5 {
	color: #3a3a3a !important;
	text-transform: capitalize !important;
	font-size: 1rem;
	font-weight: 700 !important;
	margin: 0px !important;
	margin-top: 3px !important;
}
.notification-menu .view-all-notifications {
	background-color: #fff !important;
	padding: 10px 20px !important;
	border-top: 1px solid #dddddd !important;
}
.notification-menu .view-all-notifications a {
	color: #2e5165 !important;
	text-transform: none !important;
	font-size: 0.8rem !important;
	font-weight: 600 !important;
	margin: 0px !important;
	padding: 0px;
}
.profile-picture {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px !important;
	overflow: hidden;
	height: 38px;
	width: 38px;
}
.profile-picture img {
	position: absolute;
	z-index: -3;
	border-radius: 6px !important;
}
.profile-picture > div {
	position: absolute;
	z-index: 5;
	background-color: #4d758c !important;
	height: 38px;
	width: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px !important;
}
.profile-picture > div span {
	font-size: 1rem;
	font-weight: 500 !important;
	color: #fff;
}
.profile-picture > div span:first-child {
	margin-right: 0.5px !important;
}
.profile-picture > div span:last-child {
	margin-left: 0.5px !important;
}

/* nav-bar */
.right-wrapper {
	background: rgb(57 93 116) !important;
	color: white !important;
}
.fa-chevron-left:before {
	color: white !important;
}
.fa-home {
	color: white !important;
}
.breadcrumbs span {
	color: white !important;
}
/*-------- login-ticket----------- */

#ticket-page 
.input-group {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: #fff;
}

#ticket-page .input-group .input-icon {
	z-index: 1;
	position: absolute;
	left: 10px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	margin-top: 4%;
}
#ticket-page 
.input-group .input-icon img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

#ticket-page .input-group .input-icon i {
	font-size: 1.2rem;
	color: #6c757d;
}

#ticket-page .input-group input,
.input-group select {
	padding-left: 40px;
	border-radius: 8px;
	border: none;
	height: 40px;
}

#ticket-page .form-label {
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}

#ticket-page .phone_alert {
	color: red;
	font-size: 0.9rem;
}

#ticket-page .text-bottom {
	margin-bottom: 20px;
}

#ticket-page .offset-md-2 {
	margin-left: 8.666667%;
}

#ticket-page .custom-radio {
	width: 10px;
	height: 10px;
	width: 10px;
	height: 10px;
	transform: scale(1.5);
}

#ticket-page .custom-label {
	margin-top: 5px;
}

#ticket-page .input-group textarea {
	width: 100%;
	height: 90px;
	padding: 10px 15px;
	border-radius: 8px;
	border: none;
	resize: none;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out;
}

#ticket-page .input-group textarea::placeholder {
	color: #6c757d;
	opacity: 1;
}

#ticket-page .label-text {
	font-size: 0.9rem !important;
	color: grey;
}

#ticket-page .valid-red {
	color: red;
	margin-left: 7px;
}

#ticket-page textarea:focus {
	outline: none;
	background-color: #fff !important;
	box-shadow: 2px 2px 8px #33bbff;
	transition: all 0.3s ease-in-out;
}

#ticket-page .input-group .input-icon {
	position: absolute;
	left: 12px;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 10;
	margin-top: 1%;
	height: 4px;
	width: 4px;
}

#ticket-page #country_code {
	max-width: 150px !important;
}

#ticket-page .button-back-login {
	border-radius: 5px;
	margin-right: 14px;
	margin-left: -7px;
	left: 10px;
	background-color: #fff;
	display: flex;
	padding: 5px;
}

#ticket-page .input-group input {
	border: none !important;
	background: transparent !important;
}

#ticket-page .input-group input {
	background-color: #fff !important;
}

#ticket-page .input-group input,
.input-group select,
.input-group textarea {
	transition: all 0.3s ease-in-out;
}

#ticket-page h2.card-title {
	font-weight: 500 !important;
	font-size: 1.3rem !important;
	color: black !important;
}

#ticket-page .card-header {
	background: #fafafa !important;
}

#ticket-page .card-body {
	background: #fafafa !important;
	-webkit-box-shadow: none !important;
}

#ticket-page .card {
	background: #fafafa;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#ticket-page .card-header {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}
/*------------------------- dealer list------------------ */
#dealer-activated .right-wrapper,
#dealer-deactivated .right-wrapper,
#dealer-inquiry-view .right-wrapper,
#dealer-pending-view .right-wrapper,
#dealer-view .right-wrapper
#dealer-workingprospect .right-wrapper {
	background: #fff !important;
	color: black !important;
}

#dealer-activated .fa-chevron-left:before,
#dealer-deactivated  .fa-chevron-left:before,
#dealer-inquiry-view .fa-chevron-left:before,
#dealer-pending-view .fa-chevron-left:before,
#dealer-view .fa-chevron-left:before,
#dealer-workingprospect .fa-chevron-left:before {
	color: black !important;
}

#dealer-activated .fa-home,
#dealer-deactivated .fa-home,
#dealer-inquiry-view .fa-home,
#dealer-pending-view .fa-home,
#dealer-view .fa-home,
#dealer-workingprospect .fa-home {
	color: black !important;
}

#dealer-activated .page-header h2,
#dealer-deactivated .page-header h2,
#dealer-inquiry-view .page-header h2,
#dealer-pending-view .page-header h2,
#dealer-view .page-header h2,
#dealer-workingprospect .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}

#dealer-activated .breadcrumbs span ,
#dealer-deactivated .breadcrumbs span ,
#dealer-inquiry-view .breadcrumbs span ,
#dealer-pending-view .breadcrumbs span ,
#dealer-view .breadcrumbs span ,
#dealer-workingprospect .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}

#dealer-activated .page-header .breadcrumbs li,
#dealer-deactivated  .page-header .breadcrumbs li,
#dealer-inquiry-view .page-header .breadcrumbs li,
#dealer-pending-view .page-header .breadcrumbs li,
#dealer-view .page-header .breadcrumbs li,
#dealer-workingprospect .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#dealer-activated .right-wrapper,
#dealer-deactivated  .right-wrapper,
#dealer-inquiry-view .right-wrapper,
#dealer-pending-view .right-wrapper,
#dealer-view .right-wrapper,
#dealer-workingprospect .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#dealer-activated .breadcrumbs span,
#dealer-deactivated  .breadcrumbs span,
#dealer-inquiry-view .breadcrumbs span,
#dealer-pending-view .breadcrumbs span,
#dealer-view .breadcrumbs span,
#dealer-workingprospect .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#dealer-activated .fa-chevron-left:before,
#dealer-deactivated .fa-chevron-left:before,
#dealer-inquiry-view .fa-chevron-left:before,
#dealer-pending-view .fa-chevron-left:before,
#dealer-view .fa-chevron-left:before,
#dealer-workingprospect .fa-chevron-left:before {
	color: black !important;
}

#dealer-activated .fa-chevron-left:before,
#dealer-deactivated .fa-chevron-left:before,
#dealer-inquiry-view .fa-chevron-left:before,
#dealer-pending-view .fa-chevron-left:before,
#dealer-view .fa-chevron-left:before,
#dealer-workingprospect .fa-chevron-left:before {
	color: black !important;
}

#dealer-activated .page-header ,
#dealer-deactivated .page-header ,
#dealer-inquiry-view .page-header ,
#dealer-pending-view .page-header ,
#dealer-view .page-header ,
#dealer-workingprospect .page-header {
	box-shadow: none !important;
}
#dealer-view .page-header h2,
#dealer-pending-view .page-header h2 ,
#dealer-workingprospect .page-header h2 {
	margin-left: 12px !important;
}
#dealer-deactivated .page-header h2 ,
#dealer-inquiry-view .page-header h2 ,
#dealer-activated .page-header h2{
	margin-left: 27px !important;
}
.custom-icon {
	width: 30px;
	height: 30px;
	color: red;
	border: 1px solid red;
	padding: 6px;
	border-radius: 5px;
	background-color: #ffecec;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.icon-red {
	color: #e43210;
	border-color: #e43210;
	background-color: #ffecec;
}
.icon-blue {
	color: #5bc0de;
	border-color: #5bc0de;
	background-color: #e6f0ff;
}
.icon-green {
	color: #47a447;
	border-color: #47a447;
	background-color: #e6ffe6;
}
.icon-yellow {
	color: #ffa500;
	border: 1px solid #ffa500;
	background-color: #fff8e1;
}
.icon-bule-user {
	color: #5bc0de;
	border: 1px solid #5bc0de;
	background-color: #e5f6fd;
}
.icon-yellow-users {
	color: #ffa500;
	border: 1px solid #ffa500;
	background-color: #fff4e5;
	margin-left: -1px !important;
}
#dealerSettingsPanel {
	display: none;
}
table.dataTable tbody td {
	font-weight: 380 !important;
	font-size: 15px !important;
}
table.table-bordered.dataTable th {
	font-weight: 400 !important;
	font-size: 17px !important;
}

table.table-bordered.dataTable td {
	font-weight: 380 !important;
	font-size: 15px !important;
}
#dealer-activated .card-title,
#dealer-deactivated .card-title,
#dealer-inquiry-view .card-title,
#dealer-pending-view .card-title,
#dealer-view .card-title,
#dealer-workingprospect .card-title {
	padding-top: 6px;
	font-size: 25px;
	font-weight: 500;
	color: #1f1f1f !important;
}
#dealer-activated .card,
#dealer-deactivated .card,
#dealer-inquiry-view .card,
#dealer-pending-view .card,
#dealer-view .card,
#dealer-workingprospect .card {
	background: #fafafa !important;
}

div.dataTables_wrapper div.dataTables_filter input {
	height: 39px;
}

div.dataTables_wrapper div.dataTables_length select {
	width: auto;
	padding: 9px 12px;
	padding-right: 24px;
}
.dealer-view {
	background: #fafafa !important;
}

#dealer-activated .card-title,
#dealer-deactivated .card-title,
#dealer-inquiry-view .card-title,
#dealer-pending-view .card-title,
#dealer-view .card-title,
#dealer-workingprospect .card-title {
	padding: 9px 0 9px 9px;
	font-size: 21px;
	font-weight: 500;
}
#dealer-activated .card,
#dealer-deactivated .card,
#dealer-inquiry-view .card,
#dealer-pending-view .card,
#dealer-view .card,
#dealer-workingprospect .card {
	background: #fafafa !important;
	/* border: 1px #999999 !important; */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
}
#dealer-activated .card-header,
#dealer-deactivated .card-header,
#dealer-inquiry-view .card-header,
#dealer-pending-view .card-header,
#dealer-view .card-header,
#dealer-workingprospect .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}
#dealer-activated .card-body,
#dealer-deactivated .card-body,
#dealer-inquiry-view .card-body,
#dealer-pending-view .card-body,
#dealer-view .card-body,
#dealer-workingprospect .card-body {
	background-color: #fafafa !important;
}

table.table-bordered.dataTable th {
	font-weight: 700 !important;
	font-size: 13px !important;
	background-color: #fafafa !important;
}

.table-scrollable-responsive thead tr {
	background-color: #fafafa !important;
}

table.table-bordered.dataTable td {
	font-weight: 500 !important;
	font-size: 13px !important;
	/* background-color: #fff !important; */
}
#dealer-activated .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-deactivated .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-inquiry-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-pending-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-workingprospect .table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-bg-type: #ffffff !important;
}
#dealer-activated .table-striped tbody tr:nth-of-type(odd),
#dealer-deactivated .table-striped tbody tr:nth-of-type(odd),
#dealer-inquiry-view .table-striped tbody tr:nth-of-type(odd),
#dealer-pending-view .table-striped tbody tr:nth-of-type(odd),
#dealer-view .table-striped tbody tr:nth-of-type(odd),
#dealer-workingprospect .table-striped tbody tr:nth-of-type(odd) {
	background-color: #ffffff !important;
	background: #ffffff !important;
}
#dealer-activated .odd,
#dealer-deactivated .odd,
#dealer-inquiry-view .odd,
#dealer-pending-view .odd,
#dealer-view .odd,
#dealer-workingprospect .odd {
	background: #ffffff !important;
}

/*----------------- dealer ctivated & deactivated---------------- */
#dealer-deactivated .table-scrollable-responsive thead tr,
#dealer-ctivated .table-scrollable-responsive thead tr,
#dealer-inquiry-view .table-scrollable-responsive thead tr {
	position: sticky;
	top: 46px;
	background-color: white;
}

/* Task : scrollable issues with datatables */
#dealer-deactivated .table-scrollable-responsive #dataTable_row,
#dealer-ctivated .table-scrollable-responsive thead tr,
#dealer-inquiry-view .table-scrollable-responsive #dataTable_row,
#dealer-pending-view .table-scrollable-responsive #dataTable_row {
	position: sticky;
	top: 0;
	width: 100%;
	background-color: #fafafa;
	z-index: 1001;
	border-top: 1px solid #fff;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
}

#dealer-deactivated .table-scrollable-responsive #datatable-dealer_filter,
#dealer-activated .table-scrollable-responsive #datatable-dealer_filter,
#dealer-inquiry-view .table-scrollable-responsive #datatable-dealer_filter,
#dealer-pending-view .table-scrollable-responsive #datatable-dealer_filter {
	position: sticky;
	top: 14px;
	background-color: white;
	z-index: 1001;
	z-index: 1001;
	border-top: 1px solid #ddd;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
}

#dealer-deactivated .dataTables_wrapper div.dataTables_length select,
#dealer-activated .dataTables_wrapper div.dataTables_length select,
#dealer-inquiry-view .dataTables_wrapper div.dataTables_length select,
#dealer-workingprospect .dataTables_wrapper div.dataTables_length select,
#dealer-pending-view .dataTables_wrapper div.dataTables_length select {
	width: auto;
	padding: 12px;
	padding-right: 24px;
}
.dataTables_length {
	margin-left: 1px !important;
}
.table-scrollable-responsive table {
	border-collapse: separate;
	border-spacing: 0;
	position: relative;
	z-index: 1;
}
.page-header {
	background: none !important;
}
#dealer-workingprospect .table-bordered thead th:last-child,
#dealer-view .table-bordered thead th:last-child,
#dealer-activated .table-bordered thead th:last-child{
	border-bottom: none !important;
}
#dealer-view .dataTables_wrapper table.dataTable {
    border-collapse: collapse !important;
    margin: 0 !important;
    width: 116% !important;
}
#dealer-workingprospect .table thead th{
	border-bottom: none !important;
}
#dealer-view .actions_td,
#dealer-view .actions_td a,
#dealer-activated .actions_td,
#dealer-activated .actions_td a {
	box-sizing: border-box !important;
}
@media (min-width: 1440px) {
	#dealer-view #select_city {
		width: 160% !important;
	}

	#dealer-view #datatable-dealer_filter input {
		width: 80% !important;
		margin-left: 20%;
	}

	#dealer-view .btn-group {
		margin-right: 200px !important;
	}

	#dealer-view .table-scrollable-responsive #dataTable_row {
		width: 116% !important;
	}
}
@media (min-width: 1536px) {
	#dealer-view #select_city {
		width: 160% !important;
	}

	#dealer-view #datatable-dealer_filter input {
		width: 80% !important;
		margin-left: 20%;
	}

	#dealer-view .btn-group {
		margin-right: 222px !important;
	}

	#dealer-view .table-scrollable-responsive #dataTable_row {
		width: 116% !important;
	}
}
@media only screen and (min-width: 768px) {
	#dealer-activated .card,
	#dealer-deactivated .card,
	#dealer-inquiry-view .card,
	#dealer-pending-view .card,
	#dealer-view .card,
	#dealer-workingprospect .card {
		margin-top: -28px !important;
	}
	#dealer-activated .page-header ,
	#dealer-deactivated  .page-header
	#dealer-inquiry-view .page-header,
	#dealer-pending-view .page-header,
	#dealer-view .page-header,
	#dealer-workingprospect .page-header{
		padding-left: 20px !important;
		background: none !important;
	}
}
@media (width: 768px) {
	#dealer-activated .content-body,
	#dealer-deactivated .content-body,
	#dealer-inquiry-view .content-body,
	#dealer-pending-view .content-body,
	#dealer-view .content-body,
	#dealer-workingprospect .content-body {
		margin-left: 9px !important;
		margin-right: -9px !important;
	}
	#dealer-activated .card,
	#dealer-deactivated .card,
	#dealer-inquiry-view .card,
	#dealer-pending-view .card,
	#dealer-view .card,
	#dealer-workingprospect .card {
		margin-top: -28px !important;
	}
	#datatable-inquiry-dealer_filter input,
	#datatable-dealer_filter input {
		margin-left: 23px;
		width: 97%;
		margin-bottom: 15px;
	}

	#datatable-dealer_filter #select_city {
		margin-left: 23px !important;
		width: 97%;
	}
	#dealer-activated .page-header ,
	#dealer-deactivated  .page-header
	#dealer-inquiry-view .page-header,
	#dealer-pending-view .page-header,
	#dealer-view .page-header,
	#dealer-workingprospect .page-header {
		padding-left: 20px !important;
	}
}

.column-size {
	font-weight: 500 !important;
	font-size: 19px !important;
	color: #1f1f1f !important;
}
.screen-option {
	font-weight: 500 !important;
	font-size: 21px !important;
	color: #1f1f1f !important;
}
#dealerSettingsPanel {
	margin-top: -25px !important;
}
#marketingBtn {
	font-size: 15px !important;
	font-weight: 500 !important;
}
#zipcode-search {
	font-size: 15px;
	font-weight: 500;
}
.custom-select {
	font-size: 15px !important;
	font-weight: 500 !important;
}
#dealerSettingsPanel {
	padding: 1rem;
	background-color: #f9f9f9;
	/* border: 1px solid #ddd; */
	border-radius: 5px;
}
.screen-option,
.column-size {
	margin-bottom: 1rem;
	font-weight: 500;
}

#dealerSettingsPanel .d-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem !important;
}

#dealerSettingsPanel .form-check {
	display: flex;
	align-items: center;
	gap: 1rem !important;
	min-width: auto !important;
}
#dealerSettingsPanel .form-check.ml-3 {
	margin-left: -3px !important;
}
#dealerSettingsPanel {
	margin-left: -7px !important;
}
.apply-btn {
	font-size: 15px !important;
	font-weight: 500 !important;
}
#dealerSettingsPanel .form-check label {
	font-size: 0.9rem !important;
	font-weight: 500 !important;
}

#dealerSettingsPanel .form-check-input {
	width: 0.9rem !important;
	height: 0.9rem !important;
	margin-top: 0.2rem !important;
}
/*---------------- pagination--------- */
/* Only apply pagination styles inside specific page containers */
#dealer-deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-activated .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}

#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}

#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}

#dealer-deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-activated .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}

#dealer-deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-activated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-pending-view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-workingprospect .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-inquiry-view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-activated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
/*------------------- Patio Step Bar---------------- */
.patio-wizard-tabs-scrollable {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}
.patio-wizard-tabs-scrollable::-webkit-scrollbar {
	height: 6px; 
	background: transparent;
	transition: background 0.3s;
}
.patio-wizard-tabs-scrollable::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 4px;
	transition: background 0.3s;
}
.patio-wizard-tabs-scrollable:hover {
	scrollbar-color: #ccc transparent;
}
.patio-wizard-tabs-scrollable:hover::-webkit-scrollbar-thumb {
	background: #ccc;
}
.patio-wizard-tabs-scrollable:hover::-webkit-scrollbar {
	background: #f0f0f0;
}

#step-form-patio #w4 .badge-name {
	white-space: normal !important;
	word-break: break-word;
	text-align: center;
	display: inline-block;
	max-width: 100px;
}
#step-form-patio #w4 .wizard-steps li {
	max-width: 140px !important;
	min-width: 140px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#step-form-patio #w4 .wizard-steps li a {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 101px !important;
	margin-right: 0px !important;
}
}

@media screen and (max-width: 1400px) {
#step-form-patio #w4 .wizard-tabs ul {
	flex-wrap: nowrap !important;
}
}
/* --------------------------- dealers staff ---------------------------- */
#staff-edit .right-wrapper,
#staff-add .right-wrapper,
#staff-deactivated .right-wrapper,
#staff-view .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#staff-edit .fa-home,
#staff-edit .fa-chevron-left:before,
#staff-add .fa-home,
#staff-add .fa-chevron-left:before,
#staff-deactivated .fa-home,
#staff-deactivated .fa-chevron-left:before,
#staff-view .fa-home,
#staff-view .fa-chevron-left:before {
	color: black !important;
}
#staff-edit .page-header h2,
#staff-add .page-header h2,
#staff-deactivated .page-header h2,
#staff-view .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#staff-edit .breadcrumbs span,
#staff-add .breadcrumbs span ,
#staff-deactivated .breadcrumbs span ,
#staff-view .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#staff-edit .page-header .breadcrumbs li,
#staff-add .page-header .breadcrumbs li,
#staff-deactivated .page-header .breadcrumbs li,
#staff-view .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#staff-edit .page-header,
#staff-add .page-header,
#staff-deactivated .page-header,
#staff-view .page-header {
	box-shadow: none !important;
}
#staff-edit .page-header h2,
#staff-add .page-header h2 ,
#staff-deactivated .page-header h2 ,
#staff-view .page-header h2 {
	margin-left: 27px !important;
}
#staff-edit .card,
#staff-add .card,
#staff-deactivated .card,
#staff-view .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#staff-edit .card-header,
#staff-add .card-header,
#staff-deactivated .card-header,
#staff-view .card-header {
	border: 1px #babdbbbd !important;
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#staff-edit .card-title,
#staff-add .card-title,
#staff-deactivated .card-title,
#staff-view .card-title {
    /* padding: 9px 0 9px 9px; */
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#staff-edit .card-body,
#staff-add .card-body,
#staff-deactivated .card-body,
#staff-view .card-body{
	background-color: #fafafa !important;
}
#staff-edit .card-header,
#staff-add .card-header,
#staff-deactivated .card-header,
#staff-view .card-header{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	/* border-left: 1px solid #dee2e6 !important; */
	/* border-right: 1px solid #dee2e6 !important; */
	border-bottom: 1px solid #dee2e6 !important;
}
#staff-edit .floating-label-group label,
#staff-add .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#staff-edit .select2-container,
#staff-add .select2-container{
	z-index: auto !important;
}
#staff-edit .floating-label-group input,
#staff-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#staff-edit .floating-label-group select,
#staff-add .floating-label-group select{
	border-radius: 0.5rem;
	padding: 1rem 1rem 0.75rem 2rem;
	font-size: 0.9rem;
	color: #000000;
	height: 50px;
	margin-right: 2px;
}
#staff-edit .select2-container--bootstrap.select2-container--focus,
#staff-edit .select2-selection,
#staff-add .select2-container--bootstrap.select2-container--focus,
#staff-add .select2-selection,
#staff-edit .was-validated .form-control:invalid:focus,
#staff-edit .form-control.is-invalid:focus,
#staff-add .was-validated .form-control:invalid:focus,
#staff-add .form-control.is-invalid:focus {
    border-color: none !important;
    box-shadow:none !important;
}
#staff-edit .select2-selection,
#staff-add .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
 	/* border: none !important; */
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#staff-edit .text-danger,
#staff-edit .phone_alert,
#staff-edit .invalid-feedback,
#staff-add .text-danger,
#staff-add .phone_alert,
#staff-add .invalid-feedback{
	font-size: 0.85rem;
}
.alert-danger p {
	margin: 0 !important;
}
#staff-add #phone-error {
    position: absolute;
    bottom: 16px;	
}
#staff-add #alternate_number_ext-error,
#staff-add #phone_ext-error,
#staff-edit #alternate_number_ext-error,
#staff-edit #phone_ext-error,
#staff-edit #phone-error{
	position: absolute;
	bottom: -6px;
}
#staff-edit #alternate_number_type,
#staff-edit #phone_number_type,
#staff-edit #alt_country_code,
#staff-edit #country_code,
#staff-add #phone_number_type ,
#staff-add #country_code,
#staff-add #alt_country_code,
#staff-add #alternate_number_type{
	width: 30%;
	margin-right: 2px;
}
#staff-edit #alternate_number_ext,
#staff-edit #phone_ext,
#staff-add #alternate_number_ext,
#staff-add #phone_ext{
	width: 20%;
	padding-left: 14px;
}
#staff-edit #alternate_number_ext,
#staff-edit #phone_ext{
	width: 25%;
}
#staff-edit .custome-input,
#staff-add .custome-input{
	width: 18px;
	height: 18px;
}
#staff-edit .camera-icon {
    position: absolute;
	bottom: -37px;
	left: 222px !important;
    width: 30px;
    height: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	border: 1px solid #28a745;
	border-radius: 4px;
}
#staff-edit .user-info{
	width: 20px;
	height: 20px;
}
#staff-edit .change-image{
	margin-left: 32px;
}
#staff-deactivated .dataTables_wrapper,
#staff-view .dataTables_wrapper{
	padding-top: 1px;
}
#staff-deactivated .btn-warning ,
#staff-view .btn-warning {
    color: #212529;
    background-color: transparent !important;
    border-color: transparent !important;
	box-shadow: none !important;
}
#staff-deactivated table.table-bordered.dataTable td ,
#staff-view table.table-bordered.dataTable td {
	background:#ffffff ;
}
#staff-edit label,
#staff-add label{
	font-size: 0.9rem !important;
    font-weight: 500 !important;
}
#staff-add .border-bottom,
#staff-edit .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
    margin-left: -1.3rem;
    margin-right: -1.3rem;
	padding-top: 0.5rem;
	padding-left: 0.4rem;
}
#staff-edit .btn-icon-wrapper,
#staff-add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#staff-edit .submit-icon,
#staff-add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#staff-edit #submit,
#staff-add #submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#staff-edit .card-footer,
#staff-add .card-footer {
 background: #fafafa;
}
#staff-view table thead th:last-child {
  width: 150px;
}
#staff-deactivated .buttons-excel,
#staff-view .buttons-excel{
	height: 39px;
    border-radius: 4px !important;
}
#staff-deactivated #deactivatedScreenOptionsBtn,
#staff-view  #deactivatedScreenOptionsBtn{
	border-radius: 4px;
    margin-right: 11px !important;
}
/*---------------------- dealer's staff pagination ------------ */
#staff-deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#staff-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#staff-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button,
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#staff-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#staff-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#staff-deactivated .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#staff-deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#staff-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#staff-deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#staff-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#staff-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#staff-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#staff-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#staff-edit .card,
	#staff-add .card,
	#staff-deactivated .card,
	#staff-view .card {
        margin-top: -28px !important;
    }
	#staff-view table thead th:last-child {
		width: 150px;
	}
}
@media  (width: 768px) {
	#staff-edit .edit-dealers-staff{
		margin-top: 4rem !important 	;
	}
	#staff-edit .image-border{
		width: 250px;
	}
	#staff-edit .camera-icon{
		left: 200px !important;
	}
}
@media (max-width: 820px) and (min-width: 768px) {
  #staff-add .custom-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	#staff-add #alternate_number_type,
	#staff-add #phone_number_type,
	#staff-add #alt_country_code,
	#staff-add #country_code {
		padding: 1rem 1rem 0.75rem 2rem !important;
	}
	#staff-add #phone-error{
		bottom: -8px;
	}
	#staff-edit #alternate_number_type,
	#staff-edit #phone_number_type,
	#staff-edit #alt_country_code,
	#staff-edit #country_code {
		padding: 1rem 1rem 0.75rem 2rem !important;
	}
	#staff-edit .edit-dealers-staff{
		margin-top: 4rem !important 	;
	}
	#staff-edit .image-border{
		width: 250px;
	}
	#staff-edit .camera-icon{
		left: 200px !important;
	}
	#staff-edit #alternate_number, #staff-edit #phone {
        padding: 1.45rem 1rem 0.75rem 1.8rem;
    }
	#staff-add .page-header h2{
		margin-left: 24px !important;
	}
	#staff-deactivated .page-header h2{
		margin-left: 22px !important;
		font-size: 17px !important;
	}
	#staff-deactivated #datatable-deactivated-staff_filter input,
	#staff-view #datatable-dealer-staff_filter input {
		width: 200px !important;
	}
	#staff-view .table-scrollable-responsive thead tr,
	#staff-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
	/* #staff-deactivated .dataTables_wrapper .select2-container {
        width: 10% !important;
    } */
}
@media (width:912px){
	#staff-edit .edit-dealers-staff{
		margin-top: 4rem !important 	;
	}
	#staff-edit .image-border{
		width: 250px;
	}
	#staff-edit .camera-icon{
		left: 200px !important;
	}
	#staff-edit #alternate_number, #staff-edit #phone {
        padding: 1.45rem 1rem 0.75rem 1.7rem;
    }
	#staff-edit #alternate_number_type,
	#staff-edit #phone_number_type,
	#staff-edit #alt_country_code,
	#staff-edit #country_code {
		padding: 1rem 1rem 0.75rem 2rem !important;
	}
	#staff-deactivated #datatable-deactivated-staff_filter input,
	#staff-view #datatable-dealer-staff_filter input {
		width: 200px !important;
	}
	#staff-view .table-scrollable-responsive thead tr,
	#staff-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
}
@media  (width: 1440px) {
	#staff-edit .camera-icon {
		left: 209px !important;
	}
	#staff-edit .change-image{
		margin-left: 32px;
	}
}
@media  (width: 1024px) {
	#staff-edit .image-border{
		margin-right: 20px !important;
		margin-left: 2px !important;
	}
	#staff-edit .camera-icon {
		left: 177px !important;
		bottom: -40px;
	}
	#staff-edit .change-image{
		margin-left: 32px;
	}
	#staff-add #alternate_number,
	#staff-add #phone {
		padding: 1.45rem 1rem 0.75rem 1.4rem;
	}
	#staff-add #phone_number_type,
	#staff-add #alternate_number_type{
		    padding: 1rem 1rem 0.75rem 0.6rem;
	}
	#staff-edit #alternate_number,
	#staff-edit #phone{
		padding: 1.45rem 1rem 0.75rem 1.7rem;
	}
	#staff-view .table-scrollable-responsive thead tr,
	#staff-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
}

/*------------- employee deactivated------------ */
#employee-edit .right-wrapper,
#employee-add .right-wrapper,
#employee-view .right-wrapper,
#employee-deactivated .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#employee-edit .fa-chevron-left:before,
#employee-add .fa-chevron-left:before,
#employee-view .fa-chevron-left:before,
#employee-deactivated .fa-chevron-left:before {
	color: black !important;
}
#employee-edit .fa-home,
#employee-add .fa-home,
#employee-view .fa-home,
#employee-deactivated .fa-home {
	color: black !important;
}
#employee-edit .page-header h2,
#employee-add .page-header h2,
#employee-view .page-header h2,
#employee-deactivated .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#employee-edit .page-header .breadcrumbs li,
#employee-add .page-header .breadcrumbs li,
#employee-view .page-header .breadcrumbs li,
#employee-deactivated .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#employee-edit .right-wrapper,
#employee-add .right-wrapper,
#employee-view .right-wrapper,
#employee-deactivated .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#employee-edit .breadcrumbs span,
#employee-add .breadcrumbs span ,
#employee-view .breadcrumbs span ,
#employee-deactivated .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#employee-edit .fa-chevron-left:before,
#employee-add .fa-chevron-left:before, 
#employee-view .fa-chevron-left:before, 
#employee-deactivated .fa-chevron-left:before {
	color: black !important;
}
#employee-edit .page-header,
#employee-add .page-header,
#employee-view .page-header,
#employee-deactivated .page-header {
	box-shadow: none !important;
}
#employee-edit .page-header h2,
#employee-add .page-header h2,
#employee-view .page-header h2,
#employee-deactivated .page-header h2 {
	margin-left: 27px !important;
}
#employee-edit .card-title,
#employee-add .card-title,
#employee-view .card-title,
#employee-deactivated .card-title {
	font-size: 21px;
	font-weight: 500;
	color: #1f1f1f !important;
}
/* #employee-edit .card, */
/* #employee-add .card-body, */
#employee-view .card,
#employee-deactivated .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#employee-edit .card-header,
#employee-add .card-header{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-top: 1px solid #dee2e6 !important;
}
#employee-edit .card-body,
#employee-add .card-body {
	background: #fafafa !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-top: none !important;
  }
#employee-edit .card-header,
#employee-add .card-header,
#employee-view .card-header,
#employee-deactivated .card-header {
	background-color: #fafafa !important;
	/* border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important; */
	height: 60px;
}
#employee-edit .card-body,
/* #employee-add .card-body, */
#employee-view .card-body,
#employee-deactivated .card-body {
	background-color: #fafafa !important;
	/* padding-top: 5px !important; */
}
#employee-edit .card-2{
	display: block !important;
}
#employee-edit .modal-body .card{
	border-top: 1px solid #dee2e6 !important;
}
#employee-edit .card-1 .card-body{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#employee-edit .floating-label-group label,
#employee-add .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#employee-add .select2-container--bootstrap.select2-container--open{
	z-index: 9;
}
#employee-edit .floating-label-group input,
#employee-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#employee-edit #primary_position,
#employee-edit #secondary_position{
	width: 104%;
    margin-left: -14px;
}
#employee-edit .floating-label-group select{
	border-radius: 0.5rem;
	padding: 1rem 1rem 0.75rem 2rem;
	font-size: 0.9rem;
	color: #000000;
	height: 50px;
}
#employee-edit .floating-label-group,
#employee-add .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}
#employee-edit .floating-label-icon,
#employee-add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}
#employee-add .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}
#employee-add .controle-label {
	font-size: 0.9rem !important;
}
#employee-add .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

/* #employee-add input.form-control {
	transition: box-shadow 0.3s ease-in-out;
} */
/* #employee-edit .was-validated .form-control:invalid:focus,
#employee-edit .form-control.is-invalid:focus,
#employee-add .was-validated .form-control:invalid:focus,
#employee-add .form-control.is-invalid:focus {
    border-color: none !important;
    box-shadow:none !important;
} */
#employee-add .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
 	/* border: none !important; */
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
	}

#employee-add .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	font-weight: 500;
	/* width: 100% !important; */
}
#employee-edit #alternate_number_type,
#employee-edit #phone_number_type,
#employee-edit #alt_country_code,
#employee-edit #country_code,
#employee-add #phone_number_type ,
#employee-add #country_code,
#employee-add #alternate_number_type{
	padding: 0rem 0rem 0.1rem 1rem !important;
	width: 30%;
	margin-right: 3px;
	font-weight: 500;
}
#employee-edit #phone, 
#employee-edit #alternate_number, 
#employee-add #phone, 
#employee-add #phone1 {
	padding: 0rem 0rem 0.1rem 1rem !important;
}
#employee-edit #alternate_number_ext,
#employee-edit #phone_ext,
#employee-add #alternate_number_ext,
#employee-add #phone_ext{
	width: 20%;
	padding-left: 14px;
}
#employee-edit .button-switch-role,
#employee-edit #submit,
#employee-add #submit{
	background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#employee-edit .btn-icon-wrapper,
#employee-add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#employee-edit .submit-icon,
#employee-add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#employee-edit span.error,
#employee-edit label.error,
#employee-add span.error,
#employee-add label.error {
	font-size: 0.85rem;
	background: transparent !important;
	/* padding-left: 1rem; */
}
#employee-add .invalid-feedback,
#employee-add .phone_alert,
#employee-add .text-danger,
#employee-edit .text-danger {
	font-size: 0.85rem;
	background: transparent !important;
}
#employee-add-notification label,
#employee-edit-notification label {
	font-size: 0.9rem;
    font-weight: 500;
}
#employee-add-notification input,
#employee-edit-notification input{
	width: 17px;
    height: 17px;
}
#employee-add .card-footer {
    padding: 0.75rem 0.4rem;
}
#employee-view th:last-child {
  width: 153px !important;
}
#employee-view #deactivatedScreenOptionsBtn{
		margin-right: 8px;
		border-radius: 5px;
	}
#employee-view .buttons-excel{
	height: 38px;
	border-radius: 4px;
}
#employee-view #dealerSettingsPanel,
#employee-deactivated #dealerSettingsPanel {
    margin-top: -7px !important;
}
#employee-deactivated table.table-bordered.dataTable td,
#employee-view table.table-bordered.dataTable td {
    font-weight: 500 !important;
    font-size: 13px !important;
    background: #fff !important;
}
#employee-view .dataTables_wrapper .select2-container {
	width: 66.4px !important;
}
@media only screen and (min-width: 768px) {
	#employee-edit .card-1, 
	#employee-add .card,
	#employee-view .card ,
	#employee-deactivated .card {
        margin-top: -28px !important;
    }
	#employee-edit .breadcrumbs,
	#employee-add .breadcrumbs{
		margin-left: -13px;
	}
	#employee-edit .custom-height-profile {
		height: 15rem;
		padding-right: 24px;
		width: 274px;
    }
}
@media (width:768px) {
	#employee-view #datatable-employee_filter input{
		width: 200px;
	}
	#datatable-deactivated-employee_wrapper{
		padding-top: 10px;
	}
	#employee-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
	#employee-deactivated table.table-bordered.dataTable th:last-child{
		width: 61px !important;
	}
}
@media (width:820px) {
	#datatable-employee_filter label{
		margin-right: 0px !important;
		width: 30% !important;
	}
	#employee-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
}

@media (min-width: 1440px) {
	#employee-add .select2-container {
		/* padding: 0.7rem 1rem 0.75rem 3rem !important; */
		width: 100% !important;
	}
}
@media (width: 912px) {
		#employee-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	}
	#datatable-employee_filter label{
		margin-right: 0px !important;
		width: 30% !important;
	}
}
@media (width: 1024px) {
	#employee-add .select2-container {
		width: 100% !important;
	}
	#employee-deactivated .table-scrollable-responsive thead tr{
		top: 0px !important;
	} 
	#employee-edit #alternate_number_type, 
	#employee-edit #phone_number_type, 
	#employee-edit #alt_country_code, 
	#employee-edit #country_code, 
	#employee-add #phone_number_type, 
	#employee-add #country_code, 
	#employee-add #alternate_number_type{
    	padding: 0rem 0rem 0.1rem 0.3rem!important;
	}
	#employee-edit #phone,
	#employee-edit #alternate_number,
	#employee-add #phone,
	#employee-add #phone1{
		padding: 0rem 0rem 0.1rem 1.5rem!important;
	}
	#employee-view .table-scrollable-responsive thead tr {
		top: 0px;
	}
	/* #employee-deactivated table.table-bordered.dataTable th:last-child{
		width: 61px !important;
	} */
}
@media (max-width: 820px) and (min-width: 768px) {
  #employee-edit .custom-col,
  #employee-add .custom-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
    #employee-edit #alternate_number_type, 
	#employee-edit #phone_number_type, 
	#employee-edit #alt_country_code, 
	#employee-edit #country_code, 
	#employee-add #phone_number_type, 
	#employee-add #country_code, 
	#employee-add #alternate_number_type{
    	padding: 0rem 0rem 0.1rem 1rem!important;
	}
	#employee-edit #phone,
	#employee-edit #alternate_number,
	#employee-add #phone,
	#employee-add #phone1{
		padding: 0rem 0rem 0.1rem 1rem!important;
	}
	#employee-view .table-scrollable-responsive thead tr {
		top: 0px;
	}
	#employee-deactivated .page-header h2{
		margin-left: 20px !important;
		font-size: 18px !important;
	}
}
/* --------------------pagination--------------- */
#employee-deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#employee-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button ,
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#employee-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#employee-deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#employee-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
#employee-edit .camera-icon {
    position: absolute;
    bottom: -55px;
    right: -74px;
    width: 30px;
    height: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-radius: 5px;
}
#employee-edit .custom-height-profile{
	height: 15rem;
	background: #ffffff;
}
#employee-edit .change-image{
	margin-left: 41px;
}
#employee-edit .camera-icon img {
    width: 20px;
    height: 20px;
    margin-left: 0px !important;
}
@media only screen and (max-width: 1440px)  {
	#employee-edit .custom-height-profile{
	height: 15rem;
	padding-right: 24px;
}
}
/*--------------------------- dealer view address--------------------- */
#dealer-view-address .content-body,
#dealer-view-address .content-body {
	background: #ffffff !important;
}
#deactivated_dealer_profile_view .card{
	background: #fafafa !important;
	border: 1px solid #ccc;
}
#dealer-add-employee .card,
#dealer-view-address .card {
	background: #fafafa !important;
}
#deactivated_dealer_profile_view .card-header,
#dealer-add-employee .card-header,
#dealer-view-address .card-header {
	background: #fafafa !important;
}
#deactivated_dealer_profile_view .card-body,
#dealer-add-employee .card-body,
#dealer-view-address .card-body {
	background: #fafafa !important;
}
#deactivated_dealer_profile_view .step-container,
#dealer-view-address .step-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
	position: fixed;
	top: 110px;
	/* left: 4%; */
	width: 90%;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 0 !important;
	z-index: 999;
	background: #fff;
}
@media only screen and (width: 768px) {
	#deactivated_dealer_profile_view .step-container,
	#dealer-view-address .step-container {
		width: 80% !important;
	}
}
@media only screen and (width: 1024px) {
	#deactivated_dealer_profile_view .step-container,
	#dealer-view-address .step-container {
		width: 85% !important;
	}
}
/* Custom height for screens 768px and below */
@media (max-width: 768px) {
	.custom-height-profile {
		width: auto !important;
		height: 200px !important;
	}
	.custome-width-profile {
		width: 59% !important;
		padding-left: 0px !important;
	}
}
#deactivated_dealer_profile_view .step-container::-webkit-scrollbar,
#dealer-view-address .step-container::-webkit-scrollbar {
	height: 0px;
}
#deactivated_dealer_profile_view .step-container,
#dealer-view-address .step-container {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#deactivated_dealer_profile_view .step-container::-webkit-scrollbar,
#dealer-view-address .step-container::-webkit-scrollbar {
	height: 2px;
}
#deactivated_dealer_profile_view .step-container:hover,
#dealer-view-address .step-container:hover {
	scrollbar-width: thin;
}
#deactivated_dealer_profile_view .step,
#dealer-view-address .step {
	flex: 0 0 260px;
	height: 52px;
	/* margin-left: -12px !important; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: sticky;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}
#deactivated_dealer_profile_view .step,
#dealer-view-address .step {
	font-weight: 500 !important;
	font-size: 16px !important;
	margin-left: -15px;
}
#deactivated_dealer_profile_view .inactive,
#dealer-view-address .inactive {
	background: #eef8ff;
	/* background: rgb(237 248 255); */
}
#deactivated_dealer_profile_view .profile-detail,
#dealer-view-address .profile-detail {
	height: 50px;
	flex: 0 0 180px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
}
#deactivated_dealer_profile_view .company-details,
#dealer-view-address .company-details {
	flex: 0 0 215px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 6% 50%);
	margin-left: -10px;
}
#deactivated_dealer_profile_view .dealer-requested-item-list,
#dealer-view-address .dealer-requested-item-list {
	clip-path: polygon(2% 0, 75% 0, 90% 50%, 75% 90%, 2% 90%, 15% 50%);
}
#deactivated_dealer_profile_view .additional-info,
#dealer-view-address .additional-info {
	flex: 0 0 255px;
	margin-left: -12px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 6% 50%);
}
#deactivated_dealer_profile_view .shipping-info,
#dealer-view-address .shipping-info {
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	flex: 0 0 250px;
	margin-left: -15px;
	padding-left: 10px;
}
#deactivated_dealer_profile_view .marketing-info,
#dealer-view-address .marketing-info {
	flex: 0 0 260px;
	margin-left: -15px;
	padding-left: 5px;
}
#deactivated_dealer_profile_view .accounting-info,
#dealer-view-address .accounting-info {
	flex: 0 0 264px;
	margin-left: -16px;
}
#deactivated_dealer_profile_view .dealer-dates-notes,
#dealer-view-address .dealer-dates-notes {
	flex: 0 0 275px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	margin-left: -16px;
}
#deactivated_dealer_profile_view .dealer-status-history,
#dealer-view-address .dealer-status-history {
	clip-path: polygon(2% 0, 93% 0, 100% 50%, 93% 100%, 2% 100%, 9.45% 50%);
	margin-left: -22px;
}

#deactivated_dealer_profile_view .dealer-addresses,
.dealer-addresses {
	clip-path: polygon(1% 0, 93% 0, 100% 50%, 93% 100%, 1% 100%, 9.1% 50%);
	flex: 0 0 235px;
	margin-left: -18px;
}
#deactivated_dealer_profile_view .dealer-zipcodes,
#dealer-view-address .dealer-zipcodes {
	flex: 0 0 215px;
	margin-left: -12px;
}
#deactivated_dealer_profile_view .dealer-policies,
#dealer-view-address .dealer-policies {
	flex: 0 0 200px;
	margin-left: -11px;
}
#deactivated_dealer_profile_view .dealer-requested-item-list,
#dealer-view-address .dealer-requested-item-list {
	flex: 0 0 295px;
	clip-path: polygon(2% 0, 93% 0, 100% 50%, 93% 100%, 2% 100%, 7% 50%);
	margin-left: -17px;
}
#deactivated_dealer_profile_view .oe-outside-sales,
#dealer-view-address .oe-outside-sales {
	flex: 0 0 325px;
	clip-path: polygon(2% 0, 93% 0, 100% 50%, 93% 100%, 2% 100%, 8% 50%);
	margin-left: -23px;
}
#deactivated_dealer_profile_view .step:last-child,
#dealer-view-address .step:last-child {
	flex: 0 0 430px;
	clip-path: polygon(5% 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 10% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 42px;
	margin-left: -40px;
}

@media (max-width: 1024px) {
	.profile-card-body {
		padding-left: 0 !important;
	}
}

#dealer-view-address .camera-icon img {
	width: 20px;
	height: 20px;
	margin-left: 14px !important;
}

#dealer-view-address .camera-icon {
	position: absolute;
	bottom: 35px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	border-radius: 5px;
}
#deactivated_dealer_profile_view .separator,
#dealer-view-address .separator {
	width: 104%;
	height: 2px;
	background: rgb(231, 224, 224);
	margin: 13px 0px 10px -25px;
}

#dealer-view-address .delete-image-button {
	position: absolute;
	bottom: 2px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-color: white;
	display: flex;
	color: rgb(47, 106, 143);
	justify-content: center;
	align-items: center;
	/* border: 1px solid #28a745; */
	border: 1px solid rgb(47, 106, 143);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	border-radius: 5px;
}
#deactivated_dealer_profile_view .user-info,
#dealer-view-address .user-info {
	width: 20px;
	height: 20px;
	margin-right: 15px;
}
#deactivated_dealer_profile_view .colon-separator,
#dealer-view-address .colon-separator {
	width: 4px !important;
	margin-right: 37px !important;
}
#deactivated_dealer_profile_view .custom-font,
#dealer-view-address .custom-font {
	font-size: 15px;
}
table thead th {
	font-size: 13px !important;
	font-weight: 700 !important;
}
table tbody td {
	font-size: 13px !important;
	font-weight: 500 !important;
}
#deactivated_dealer_profile_view table thead tr th,
#dealer-zipcode-table table thead tr th,
#dealer-view-address table thead tr th {
	background: #fafafa !important;
}
.card-title {
	margin-bottom: 0px !important;
}
#deactivated_dealer_profile_view #dealer-employees table tbody tr td,
#deactivated_dealer_profile_view #oe-outside-sales table tbody tr td,
#deactivated_dealer_profile_view #dealer-requested-item-list table tbody tr td,
#deactivated_dealer_profile_view #dealer-addresses table tbody tr td,
#deactivated_dealer_profile_view #dealer-status-history table tbody tr td,
#dealer-zipcode-table table tbody tr td {
	background: #fff !important;
}
#deactivated_dealer_profile_view .table-striped > tbody > tr:nth-of-type(odd) > * ,
#dealer-view-address .table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-color-type: var(--bs-table-striped-color);
	--bs-table-bg-type: #fff !important;
}
#deactivated_dealer_profile_view .right-wrapper,
#dealer-zipcode .right-wrapper,
#dealer-add-employee .right-wrapper,
#dealer-view-address .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#deactivated_dealer_profile_view .fa-chevron-left:before,
#dealer-zipcode .fa-chevron-left:before,
#dealer-add-employee .fa-chevron-left:before,
#dealer-view-address .fa-chevron-left:before {
	color: black !important;
}
#deactivated_dealer_profile_view .fa-home,
#dealer-zipcode .fa-home,
#dealer-add-employee .fa-home,
#dealer-view-address .fa-home {
	color: black !important;
}
#deactivated_dealer_profile_view .page-header h2,
#dealer-zipcode .page-header h2,
#dealer-add-employee .page-header h2,
#dealer-view-address .page-header h2 {
	color: #1f1f1f !important;
	font-weight: 500 !important;
	font-size: 21px !important;
	margin-left: 26px !important;
}
#deactivated_dealer_profile_view .breadcrumbs span,
#dealetr-zipcode .breadcrumbs span,
#dealer-add-employee .breadcrumbs span,
#dealer-view-address .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#deactivated_dealer_profile_view .page-header .breadcrumbs li,
#dealer-add-employee .page-header .breadcrumbs li,
#breadcrumbs span .page-header .breadcrumbs li,
#dealer-view-address .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#deactivated_dealer_profile_view .step-container a,
#dealer-view-address .step-container a {
	text-decoration: none;
}
#deactivated_dealer_profile_view h2.card-title,
#dealer-add-notes h2.card-title,
#dealer-edit-notes h2.card-title,
#dealer-add-address h2.card-title,
#dealer-edit-address h2.card-title,
#dealer-edit-employee h2.card-title,
#dealer-add-employee .card-title,
#dealer-view-address .card-title {
	font-weight: 500 !important;
	font-size: 21px !important;
	color: #1f1f1f !important;
	padding-top: 4px !important;
	padding-bottom: 9px !important;
}
#deactivated_dealer_profile_view html.fixed.sidebar-left-collapsed .content-body,
#dealer-zipcode html.fixed.sidebar-left-collapsed .content-body,
#dealer-add-employee html.fixed.sidebar-left-collapsed .content-body,
#dealer-view-address html.fixed.sidebar-left-collapsed .content-body {
	margin-left: 55px !important;
}
#deactivated_dealer_profile_view .custom-font tr,
#dealer-view-address .custom-font tr {
	padding: 10px 0;
}
#deactivated_dealer_profile_view .custom-font td,
#dealer-view-address .custom-font td {
	padding: 7px 7px;
	vertical-align: middle;
}
#deactivated_dealer_profile_view .custom-font .row,
#dealer-view-address .custom-font .row {
	margin-bottom: 10px;
}
#deactivated_dealer_profile_view .custom-font .row > div,
#dealer-view-address .custom-font .row > div {
	padding-bottom: 2px;
	font-size: 0.9rem;
	font-weight: 500;
}
#deactivated_dealer_profile_view .page-header,
#dealer-zipcode .page-header,
#dealer-view-address .page-header {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

#dealer-view-address .custome-card-action-toggle {
	display: none !important;
}

#dealer-view-address .select2-container {
	width: auto !important;
	min-width: 58px;
}

#dealer-view-address .select2-selection {
	width: 100% !important;
}
#dealer-view-address ul.custom-bullet-color li::marker {
	color: #797070;
}
#dealer-view-address ul.custom-bullet-color li {
	padding-bottom: 5px !important;
}
#dealer-edit-address .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}
#dealer-edit-address .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}
#dealer-edit-address .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#dealer-edit-address .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}
#dealer-edit-address .card-body {
	background-color: #FAFAFA !important;
}
#dealer-edit-address .right-wrapper {
	background: #fff !important;
}
#dealer-edit-address .fa-chevron-left:before {
	color: black !important;
}

#dealer-edit-address .fa-home {
	color: black !important;
}
#dealer-edit-address.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-edit-address .page-header .breadcrumbs a,
#dealer-edit-address .page-header .breadcrumbs span {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#dealer-edit-address .page-header .breadcrumbs li {
	color: #100F0F !important;
}
#dealer-edit-address .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-edit-address .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
	color:#000000;
	font-weight: 500;
}
#dealer-edit-address .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-edit-address .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}
#dealer-edit-address .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}

#dealer-edit-address .controle-label {
	font-size: 0.9rem !important;
}

#dealer-edit-address .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

#dealer-edit-address input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-address .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}
#dealer-edit-address .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-edit-address .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
#dealer-edit-address span.error,
#dealer-edit-address label.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	/* padding-left: 3rem;  */
	position: relative;
	background: transparent !important;
}

#dealer-edit-address .floating-label-group:has(span.error) .floating-label-icon,
#dealer-edit-address .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-edit-address .has-error span.error,
#dealer-edit-address .has-error label.error {
	display: block !important;
}


#dealer-edit-address .custom-checkbox {
	width: 22px;
	height: 22px;
}

#dealer-edit-address .checkbox-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-edit-address #cudtome-input {
	background: #E9ECEF !important;
}
#dealer-edit-address .custume-btm {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-edit-address .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-edit-address .select2-container {
	flex-grow: 1;
}

#dealer-edit-address .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-edit-address input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-address .card-footer {
	background: #FAFAFA !important;
	border-top: none !important;
}
/*--------------- dealer edit address----- */
#dealer-edit-employee span.error,
#dealer-edit-employee label.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 0.45rem;
	/* padding-left: 3rem;  */
	position: relative;
}

#dealer-edit-employee .floating-label-group:has(span.error) .floating-label-icon,
#dealer-edit-employee .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-edit-employee .has-error span.error,
#dealer-edit-employee .has-error label.error {
	display: block !important;
}


#dealer-edit-employee .custom-checkbox {
	width: 22px;
	height: 22px;
}

#dealer-edit-employee .checkbox-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-edit-employee #cudtome-input {
	background: #E9ECEF !important;
}
#dealer-edit-employee .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-edit-employee .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}


#dealer-edit-employee .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-edit-employee .card-body {
	background-color: #FAFAFA !important;
}

#dealer-edit-employee .right-wrapper {
	background: #fff !important;
}


#dealer-edit-employee .fa-chevron-left:before {
	color: black !important;
}

#dealer-edit-employee .fa-home {
	color: black !important;
}

#dealer-edit-employee.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-edit-employee .page-header .breadcrumbs a,
#dealer-edit-employee .page-header .breadcrumbs span {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-edit-employee .page-header .breadcrumbs li {
	color: #100F0F !important;
}

#dealer-edit-employee .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
}

#dealer-edit-employee .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-edit-employee .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-edit-employee .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}

#dealer-edit-employee .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}

#dealer-edit-employee .controle-label {
	font-size: 0.9rem !important;
}

#dealer-edit-employee .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

#dealer-edit-employee .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000000 !important;
	/* background-color: white; */
}


#dealer-edit-employee input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-employee .form-control,
#dealer-edit-employee .selection {
	border: none !important;
}

#dealer-edit-employee .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-edit-employee .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-edit-employee .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-edit-employee .custume-btm {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-edit-employee .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-edit-employee .select2-container {
	flex-grow: 1;
}

#dealer-edit-employee .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}
#dealer-edit-employee input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-employee .card-footer {
	background: #FAFAFA !important;
	border-top: none !important;
}
#dealer-edit-employee .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}
/*--------------- dealer policy mapper---------- */
#dealer-policy-mapper .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#dealer-policy-mapper {
	background: #fff !important;
}

#dealer-policy-mapper .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-policy-mapper .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-policy-mapper .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-policy-mapper .card-body {
	background-color: #FAFAFA !important;
}

#dealer-policy-mapper .right-wrapper {
	background: #fff !important;
}

#dealer-policy-mapper .fa-chevron-left:before {
	color: black !important;
}

#dealer-policy-mapper .fa-home {
	color: black !important;
}

#dealer-policy-mapper.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-policy-mapper .page-header .breadcrumbs a,
#dealer-policy-mapper .page-header .breadcrumbs span {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-policy-mapper .page-header .breadcrumbs li {
	color: #100F0F !important;
}

#dealer-policy-mapper h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#dealer-policy-mapper .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
}

#dealer-policy-mapper .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-policy-mapper .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-policy-mapper .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}

#dealer-policy-mapper1 .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}

#dealer-policy-mapper1 .controle-label {
	font-size: 0.9rem !important;
}

#dealer-policy-mapper1 .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

#dealer-policy-mapper1 .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
}

#dealer-policy-mapper1 input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-policy-mapper1 .form-control,
#dealer-policy-mapper1 .selection {
	border: none !important;
}
#datatable-default_filter input.form-control {
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	height: 35px !important;
}

.dataTables_wrapper table thead th {
	background: #FAFAFA !important;
}
.dataTables_wrapper table tbody tr td{
	background: #ffffff !important;
}
#dealer-policy-mapper .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-policy-mapper .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-policy-mapper .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-policy-mapper .custume-btm {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#dealer-policy-mapper .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-policy-mapper .select2-container {
	flex-grow: 1;
}

#dealer-policy-mapper .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}
#dealer-policy-mapper input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-policy-mapper .card-footer {
	background: #FAFAFA !important;
	border-top: none !important;
}

#dealer-policy-mapper #datatable-default_length .select2-container {
	display: block !important;
	width: 55px !important;
}

#dealer-policy-mapper #datatable-default_length {
	display: flex;
	align-items: center;
	justify-content: start;
}

#dealer-policy-mapper #datatable-default_length label {
	display: flex;
	align-items: center;
	justify-content: start;
	margin: 0;
}
/*---------------- pagination--------- */
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) ,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) ,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .page-link ,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#deactivated_dealer_profile_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-policy-mapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-view-address .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

/*---------------- dealer add employee------------ */
#welcome-latter .card-footer .btn,
#non-disclosure-agreement .card-footer .btn,
#agreement-template .card-footer .btn,
#brand-guide .card-footer .btn,
#add-dealer-zipcode .card-footer .btn  {
	font-size: 0.9rem;
    font-weight: 500;
    border-radius: 5px;
}
#welcome-latter .card-footer,
#non-disclosure-agreement .card-footer,
#agreement-template .card-footer,
#brand-guide .card-footer,
#add-dealer-zipcode .card-footer {
	background: #fafafa;
}
#welcome-latter .page-header h2,
#non-disclosure-agreement .page-header h2,
#agreement-template .page-header h2,
#brand-guide .page-header h2,
#add-dealer-zipcode .page-header h2,
#dealer-policy-mapper .page-header h2,
#dealer-add-internal-employee .page-header h2,
#dealer-edit-internal-employee .page-header h2,
#dealer-add-employee .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#dealer-add-employee {
	background: #fff !important;
}
#welcome-latter .page-header,
#non-disclosure-agreement .page-header,
#agreement-template .page-header,
#brand-guide .page-header,
#add-dealer-zipcode .page-header,
#dealer-policy-mapper .page-header,
#dealer-add-internal-employee .page-header,
#dealer-edit-internal-employee .page-header,
#dealer-add-employee .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}
#welcome-latter .card,
#non-disclosure-agreement .card,
#agreement-template .card,
#brand-guide .card,
#add-dealer-zipcode .card,
#dealer-policy-mapper .card,
#dealer-add-internal-employee .card,
#dealer-edit-internal-employee .card,
#dealer-add-employee .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#dealer-zipcode-table {
	margin-top: -25px;
}
/* #dealer-zipcode-table .card-header, */
/* #add-dealer-zipcode .card-header, */
#welcome-latter .card-header,
#non-disclosure-agreement .card-header,
#agreement-template .card-header,
#brand-guide .card-header,
#dealer-policy-mapper .card-header,
#dealer-add-internal-employee .card-header,
#dealer-edit-internal-employee .card-header,
#dealer-add-employee .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}
#dealer-zipcode-table h2.card-title,
#dealer-zipcode-table h2.card-title {
	padding-bottom: 6px !important;
}
#welcome-latter .card-body,
#non-disclosure-agreement .card-body,
#agreement-template .card-body,
#brand-guide .card-body,
#add-dealer-zipcode .card-body,
#dealer-policy-mapper .card-body,
#dealer-add-internal-employee .card-body,
#dealer-edit-internal-employee .card-body,
#dealer-add-employee .card-body {
	background-color: #fafafa !important;
}
#welcome-latter .right-wrapper,
#non-disclosure-agreement .right-wrapper,
#agreement-template .right-wrapper,
#brand-guide .right-wrapper,
#add-dealer-zipcode .right-wrapper,
#dealer-policy-mapper .right-wrapper,
#dealer-add-internal-employee .right-wrapper,
#dealer-edit-internal-employee .right-wrapper,
#dealer-add-employee .right-wrapper {
	background: #fff !important;
}
#welcome-latter .fa-chevron-left:before,
#non-disclosure-agreement .fa-chevron-left:before,
#agreement-template .fa-chevron-left:before,
#brand-guide .fa-chevron-left:before,
#dealer-zipcode .fa-chevron-left:before,
#add-dealer-zipcode .fa-chevron-left:before,
#dealer-policy-mapper .fa-chevron-left:before,
#dealer-add-internal-employee .fa-chevron-left:before,
#dealer-edit-internal-employee .fa-chevron-left:before,
#dealer-add-employee .fa-chevron-left:before {
	color: black !important;
}
#welcome-latter .fa-home,
#non-disclosure-agreement .fa-home,
#agreement-template .fa-home,
#brand-guide .fa-home,
#dealer-zipcode .fa-home,
#add-dealer-zipcode .fa-home,
#dealer-policy-mapper .fa-home,
#dealer-add-internal-employee .fa-home,
#dealer-edit-internal-employee .fa-home,
#dealer-add-employee .fa-home {
	color: black !important;
}
#deactivated_dealer_profile_view #dealer_employee_list_lead,
#dealer-view-address #dealer_employee_list_lead{
	height: 72vh !important;
}
#welcome-latter .breadcrumbs span,
#non-disclosure-agreement .breadcrumbs span,
#agreement-template .breadcrumbs span,
#brand-guide .breadcrumbs span,
#dealer-zipcode .breadcrumbs span,
#add-dealer-zipcode .breadcrumbs span,
#dealer-policy-mapper .breadcrumbs span,
#dealer-add-internal-employee .breadcrumbs span,
#dealer-edit-internal-employee .breadcrumbs span,
#dealer-add-employee .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#welcome-latter .breadcrumbs a,
#non-disclosure-agreement .breadcrumbs a,
#agreement-template .breadcrumbs a,
#brand-guide .page-header .breadcrumbs a,
#brand-guide .page-header .breadcrumbs span,
#dealer-zipcode .page-header .breadcrumbs a,
#dealer-zipcode .page-header .breadcrumbs span,
#add-dealer-zipcode .page-header .breadcrumbs a,
#add-dealer-zipcode .page-header .breadcrumbs span,
#dealer-policy-mapper .page-header .breadcrumbs a,
#dealer-policy-mapper .page-header .breadcrumbs span,
#dealer-add-internal-employee .page-header .breadcrumbs a,
#dealer-add-internal-employee .page-header .breadcrumbs span,
#dealer-edit-internal-employee .page-header .breadcrumbs a,
#dealer-edit-internal-employee .page-header .breadcrumbs span,
#dealer-add-employee .page-header .breadcrumbs a,
#dealer-add-employee .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#welcome-latter .page-header .breadcrumbs li,
#non-disclosure-agreement .page-header .breadcrumbs li,
#agreement-template .page-header .breadcrumbs li,
#brand-guide .page-header .breadcrumbs li,
#dealer-zipcode .page-header .breadcrumbs li,
#add-dealer-zipcode .page-header .breadcrumbs li,
#dealer-policy-mapper .page-header .breadcrumbs li,
#dealer-add-internal-employee .page-header .breadcrumbs li,
#dealer-edit-internal-employee .page-header .breadcrumbs li,
#dealer-add-employee .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#welcome-latter h2.card-title,
#non-disclosure-agreement h2.card-title,
#agreement-template h2.card-title,
#brand-guide h2.card-title,
#dealer-zipcode-table h2.card-title,
#add-dealer-zipcode h2.card-title,
#dealer-policy-mapper h2.card-title,
#dealer-add-internal-employee h2.card-title,
#dealer-edit-internal-employee h2.card-title,
#dealer-add-employee h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#dealer-edit-employee .floating-label-group label ,
#add-dealer-zipcode .floating-label-group label,
#dealer-policy-mapper .floating-label-group label,
#dealer-add-internal-employee .floating-label-group label,
#dealer-edit-internal-employee .floating-label-group label,
#dealer-add-employee .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #777777;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
	z-index: 1 !important;
}
#add-dealer-zipcode .floating-label-group input,
#dealer-policy-mapper .floating-label-group input,
#dealer-add-internal-employee .floating-label-group input,
#dealer-edit-internal-employee .floating-label-group input,
#dealer-add-employee .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}
#add-dealer-zipcode .floating-label-group,
#dealer-policy-mapper .floating-label-group,
#dealer-add-internal-employee .floating-label-group,
#dealer-edit-internal-employee .floating-label-group,
#dealer-add-employee .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}
#add-dealer-zipcode .floating-label-icon,
#dealer-policy-mapper .floating-label-icon,
#dealer-add-internal-employee .floating-label-icon,
#dealer-edit-internal-employee .floating-label-icon,
#dealer-add-employee .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}
#dealer-edit-internal-employee .floating-label-icon2{
	top: 35%;
}
#add-dealer-zipcode .form-check-input,
#dealer-policy-mapper .form-check-input,
#dealer-add-internal-employee .form-check-input,
#dealer-edit-internal-employee .form-check-input,
#dealer-add-employee .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}
#dealer-policy-mapper .custome-label{
	font-weight: 500;
}
#add-dealer-zipcode .controle-label,
#dealer-policy-mapper .controle-label,
#dealer-add-internal-employee .controle-label,
#dealer-edit-internal-employee .controle-label,
#dealer-add-employee .controle-label {
	font-size: 0.9rem !important;
}
#add-dealer-zipcode .form-control,
#dealer-policy-mapper .form-control,
#dealer-add-internal-employee .form-control,
#dealer-edit-internal-employee .form-control,
#dealer-add-employee .form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}
#add-dealer-zipcode .floating-label-group input,
#dealer-policy-mapper .floating-label-group input,
#dealer-add-internal-employee .floating-label-group input,
#dealer-edit-internal-employee .floating-label-group input,
#dealer-add-employee .floating-label-group input {
	width: 100% !important;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
	background-color: white;
}
#add-dealer-zipcode input.form-control,
#dealer-policy-mapper input.form-control,
#dealer-add-internal-employee input.form-control,
#dealer-edit-internal-employee input.form-control,
#dealer-add-employee input.form-control {
	border: 1px solid #ced4da !important;
	transition: box-shadow 0.3s ease-in-out;
	background: #ffffff;
}
#add-dealer-zipcode .form-control,
#add-dealer-zipcode  .selection,
#dealer-policy-mapper .form-control,
#dealer-policy-mapper .selection,
#dealer-add-internal-employee .form-control,
#dealer-add-internal-employee .selection,
#dealer-edit-internal-employee .form-control,
#dealer-edit-internal-employee .selection,
#dealer-add-employee .form-control,
#dealer-add-employee .selection {
	border: none !important;
}
#add-dealer-zipcode .floating-label-group select,
#dealer-policy-mapper .floating-label-group select,
#dealer-add-internal-employee .floating-label-group select,
#dealer-edit-internal-employee .floating-label-group select,
#dealer-add-employee .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}
#add-dealer-zipcode .btn-icon-wrapper,
#dealer-policy-mapper .btn-icon-wrapper,
#dealer-add-internal-employee .btn-icon-wrapper,
#dealer-edit-internal-employee .btn-icon-wrapper,
#dealer-add-employee .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}
#add-dealer-zipcode .submit-icon,
#dealer-policy-mapper .submit-icon,
#dealer-add-internal-employee .submit-icon,
#dealer-edit-internal-employee .submit-icon,
#dealer-add-employee .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
#add-dealer-zipcode .custume-btm,
#dealer-policy-mapper .custume-btm,
#dealer-add-internal-employee .custume-btm,
#dealer-edit-internal-employee .custume-btm,
#dealer-add-employee .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
#add-dealer-zipcode .card,
#dealer-policy-mapper .card,
#dealer-add-internal-employee .card,
#dealer-edit-internal-employee .card,
#dealer-add-employee .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#add-dealer-zipcode .select2-container,
#dealer-policy-mapper .select2-container,
#dealer-add-internal-employee .select2-container,
#dealer-edit-internal-employee .select2-container,
#dealer-add-employee .select2-container {
	flex-grow: 1;
}
#add-dealer-zipcode .select2-container--default .select2-selection--single,
#dealer-policy-mapper .select2-container--default .select2-selection--single,
#dealer-add-internal-employee .select2-container--default .select2-selection--single,
#dealer-edit-internal-employee .select2-container--default .select2-selection--single,
#dealer-add-employee .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}
#dealer-side-labor-sheet-optional-work-item-add .select2-container .select2-selection--single,
#dealer-edit-address .select2-container .select2-selection--single,
#dealer-add-address .select2-container .select2-selection--single,
#dealer-policy-mapper1 .select2-container .select2-selection--single, 
#dealer-edit-employee .select2-container .select2-selection--single,
#add-dealer-zipcode .select2-container .select2-selection--single,
#dealer-policy-mappe1r .select2-container .select2-selection--single,
#dealer-add-internal-employee .select2-container .select2-selection--single,
#dealer-edit-internal-employee .select2-container .select2-selection--single,
#dealer-add-employee .select2-container .select2-selection--single{
    /* border: none !important; */
    height: 50px !important;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
	color: #000000;
	font-weight: 500;
    -webkit-box-shadow: none !important;
}
#dealer-side-labor-sheet-optional-work-item-add .select2-container,
#dealer-edit-address .select2-container,
#dealer-add-address .select2-container ,
#dealer-policy-mapper .select2-container ,
#dealer-edit-employee .select2-container,
#add-dealer-zipcode .select2-container,
#dealer-policy-mapper .select2-container,
#dealer-add-internal-employee .select2-container,
#dealer-edit-internal-employee .select2-container,
#dealer-add-employee .select2-container {
	/* display: none !important; */
	z-index: 0 !important;
}

#dealer-add-employee input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}
#add-dealer-zipcode .card-footer,
#dealer-add-internal-employee .card-footer,
#dealer-edit-internal-employee .card-footer,
#dealer-add-employee .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}

/* Show error message below input box */
#add-dealer-zipcode .error-text,
#add-dealer-zipcode label.error,
#dealer-policy-mapper .error-text,
#dealer-policy-mapper label.error,
#dealer-add-internal-employee .error-text,
#dealer-add-internal-employee label.error,
#dealer-edit-internal-employee .error-text,
#dealer-edit-internal-employee label.error,
#dealer-add-employee .error-text,
#dealer-add-employee label.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem !important;
	position: relative;
	background: transparent !important;
}
#add-dealer-zipcode
	.floating-label-group:has(label.error)
	.floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#add-dealer-zipcode .has-error label.error,
#dealer-policy-mapper .has-error label.error,
#dealer-add-internal-employee .has-error label.error,
#dealer-edit-internal-employee .has-error label.error,
#dealer-add-employee .has-error label.error {
	display: block !important;
}
#dealer-activated tbody .actions1,
#dealer-view tbody .actions1,
#dealer-deactivated tbody .actions1,
#dealer-pending-view tbody .actions1,
#dealer-inquiry-view tbody .actions1{
	white-space: nowrap;
	vertical-align: top !important;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}

@media (width: 768px) {
	#add-dealer-zipcode .page-header {
		overflow: hidden !important;
	}
}

@media (max-width: 768px) {
	.page-header .right-wrapper ,
	#dealer-policy-mapper .right-wrapper,
	#dealer-add-internal-employee .right-wrapper,
	#dealer-edit-internal-employee .right-wrapper,
	#dealer-add-employee .right-wrapper{
		align-items: center;
		gap: 10px;
	}
	.page-header .page-header .breadcrumbs ,
	#dealer-policy-mapper .page-header .breadcrumbs,
	#dealer-add-internal-employee .page-header .breadcrumbs,
	#dealer-edit-internal-employee .page-header .breadcrumbs,
	#dealer-add-employee .page-header .breadcrumbs {
		margin-bottom: 0 !important;
	}
	.page-header .page-header .sidebar-right-toggle ,
	#dealer-policy-mapper .page-header .sidebar-right-toggle,
	#dealer-add-internal-employee .page-header .sidebar-right-toggle,
	#dealer-edit-internal-employee .page-header .sidebar-right-toggle,
	#dealer-add-employee .page-header .sidebar-right-toggle {
		display: inline-block;
		margin-left: 10px;
	}

	#dealer-zipcode .page-header h2,
	#dealer-add-employee .page-header h2,
	#dealer-view-address .page-header h2 {
		margin-left: 0 !important;
	}
	body #dealer-zipcode,
	body #dealer-add-employee {
		font-family: inherit !important;
		overflow: hidden !important;
	}
	/* * {
		font-family: 'Gotham', sans-serif !important;  
		font-family: "Wix Madefor Display", sans-serif;  
		font-optical-sizing: auto;
	} */

	#dealer-view-address .page-header h2 {
		width: 60%;
		font-size: 17px !important;
	}
	.page-header .sidebar-right-toggle{
		width: 20px !important;
		margin: 0 0 0 1px;
	}
	#deactivated_dealer_profile_view .page-header h2,
	#dealer-view-address .page-header h2 {
        /* width: 72%; */
        font-size: 14px !important;
        padding-right: 0px;
        margin-right: 1px;
    }
	#dealer-view-address .company-name,
	#deactivated_dealer_profile_view .company-name{
		display: none !important;
	}
}
@media (width: 820px) {
	#dealer-view-address .step-container {
        width: 81% !important;
    }
}

/*--------------------------- dealer profile-------------------------------- */
#dealer-profile .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-profile html.no-overflowscrolling .nano > .nano-content {
	left: -12px !important;
}

#dealer-profile .form-control:not(.form-control-sm):not(.form-control-lg) {
	font-size: 0.9rem !important;
	font-weight: 500 !important;
}

.required {
	color: #d2322d !important;
}

#dealer-profile .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
}

#dealer-profile .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-profile .card-body {
	background-color: #fafafa !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
 	border-radius: none !important;
}
#dealer-profile .card-footer{
	border-top: none !important;
}

#dealer-profile .right-wrapper {
	background: #fff !important;
}

#dealer-profile.fa-chevron-left:before {
	color: black !important;
}

#dealer-profile .fa-home {
	color: black !important;
}

#dealer-profile.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-profile .page-header .breadcrumbs a,
#dealer-profile .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-profile .page-header .breadcrumbs li {
	color: #100f0f !important;
}

#dealer-profile .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-profile h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-profile .body {
	background: #fff !important;
}

#dealer-profile {
	background: #fff !important;
}

#dealer-profile select.form-control.width-20 {
	width: 35%;
}

#dealer-profile .phone_ext {
	width: 35%;
	margin-left: 5px;
}

#dealer-profile .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	/* margin-bottom: 30px !important; */
	/* margin-top: -30px !important; */
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0% !important;
}
#dealer-profile {
	padding-top: 5px !important;
}

#dealer-profile .step-container::-webkit-scrollbar {
	height: 0px;
}

#dealer-profile .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-profile .step-container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}

#dealer-profile .step-container > * {
	scroll-snap-align: start;
}

#dealer-profile .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 1;
	padding: 0;
}

#dealer-profile .step-container::-webkit-scrollbar {
	width: 0;
	height: 0;
}

#dealer-profile .step-container:hover {
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

#dealer-profile .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-profile .step-container:hover::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 1px;
}

#dealer-profile .step {
	flex: 0 0 260px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}

#dealer-profile .step-first {
	height: 50px;
	flex: 0 0 220px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	padding-left: 6px;
}

#dealer-profile .step-two {
	flex: 0 0 200px;
	padding-left: 10px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -11px !important;
}

#dealer-profile .step-three {
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 6% 50%);
	margin-left: -10px !important;
	padding-left: 10px !important;
}

#dealer-profile .step-four {
	padding-left: 10px !important;
	flex: 0 0 230px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -13px !important;
}

#dealer-profile .step-fiv {
	padding-left: 10px !important;
	flex: 0 0 220px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	margin-left: -11px !important;
}

#dealer-profile .step-six {
	padding-left: 10px !important;
	flex: 0 0 200px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -11px !important;
}

#dealer-profile .step:last-child {
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 12% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 32px !important;
	margin-left: -6px !important;
}

#dealer-profile .step a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 10px;
	flex-direction: row;
	gap: 10px;
	text-align: center;
}

#dealer-profile .step-icon {
	width: 32px;
	height: 32px;
	margin-left: 15px;
}

#dealer-profile .step-text {
	font-size: 16px;
	color: #333;
	text-align: center;
	display: block;
	word-wrap: break-word;
}

#dealer-profile .step-text.auto-wrap {
	display: block;
	text-align: center;
	line-height: 1.2;
}

#dealer-profile .step-container .next {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

#dealer-profile .next {
	all: unset !important;
	display: block !important;
}

#dealer-profile .step-container .previous {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

#dealer-profile .previous {
	all: unset !important;
	display: block !important;
}

#dealer-profile .step {
	background-color: #eff9fc;
	transition: background-color 0.3s ease-in-out;
}

#dealer-profile .step.active {
	background-color: #2f6a8f !important;
	color: white !important;
}

#dealer-profile .step.active .step-text {
	color: white !important;
	cursor: none !important;
}

#dealer-profile .nav {
	padding-left: 10px !important;
}

@media only screen and (min-width: 768px) {
	html.sidebar-left-collapsed .sidebar-left .nano {
		box-shadow: 0px 15px 25px #e1e1e1;
	}
}

#dealer-profile input.form-control {
	/* border: none; */
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-profile input.form-controll {
	/* border: none; */
	color: #fff;
	/* background: #fff !important; */
	transition: box-shadow 0.3s ease-in-out;
}

/* #dealer-profile .form-control,
#dealer-profile .selection {
	border: none !important;
} */

/* #dealer-profile .select2-selection {
	border: none !important;
} */

#dealer-profile .content-body {
	padding: 25px !important;
	padding-top: 40px !important;
}

#dealer-profile .card-footer .pager li.next a i,
.card-footer .pager li.finish a {
	background-color: #2f6a8f !important;
	color: #fff !important;
}

#dealer-profile #next {
	color: #fff !important;
}

#dealer-profile .tab-content {
	border-radius: none;
	-webkit-box-shadow: none !important;
	border: none !important;
	border-top: 0;
}

#dealer-profile .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-profile .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
	font-weight: 500;
	color: #000000;
}

#dealer-profile .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-profile .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-profile .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-profile .custome-label {
	margin-left: 20px;
	font-weight: 400;
	font-size: 0.9rem !important;
}

#dealer-profile .controle-label {
	font-size: 0.9rem !important;
}

#dealer-profile .form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}

#dealer-profile .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 500px;
	color: #000000;
}

/* Show error message below input box */
#dealer-profile .error-text,
#dealer-profile label.error {
	display: block;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	/* padding-left: 3rem;  */
	position: relative;
	background: transparent !important;
}
#dealer-profile .mark-up-scale{
	white-space: nowrap;
}
#dealer-profile .floating-label-group:has(label.error) .floating-label-icon,
#dealer-profile .floating-label-group:has(span.error) .floating-label-icon {
	top: 43% !important;
	transform: translateY(-35%) !important;
}

#dealer-profile .has-error label.error,
#dealer-profile .has-error span.error {
	display: block !important;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}

#dealer-profile input.form-control {
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-profile .floating-label-group select {
	padding: 1rem 1rem 0.75rem 3rem !important;
	width: 100%;
	font-weight: 500;
	font-size: 0.9rem;
	color: #000000;
	border: 1px solid #ccc !important;
}

#dealer-profile #office_ext {
	width: 203px !important;
	max-width: 203px !important;
}

#dealer-profile #office_contact {
	width: 210px !important;
	max-width: 210px !important;
	margin-left: 3px !important;
}


#dealer-profile #office_fax_number {
	color: #000 !important;
}

#dealer-profile #phone_ext {
	width: 203px !important;
	max-width: 203px !important;
	margin-left: 3px !important;
}

#dealer-profile #phone {
	width: 210px !important;
	max-width: 210px !important;
}

#dealer-profile #additional_phone_number {
	width: 209px !important;
	max-width: 209px !important;
	margin-left: 3px !important;
}

#dealer-profile #addition_ext {
	width: 204px !important;
	max-width: 204px !important;
}
@media (max-width: 1024px) {
	#dealer-profile #phone,
	#dealer-profile #additional_phone_number,
	#dealer-profile #office_contact {
		width: 170px !important;
		max-width: 170px !important;
		margin-left: 3px;
	}
	#dealer-profile #phone_ext,
	#dealer-profile #addition_ext,
	#dealer-profile #office_ext {
		width: 148px !important;
		max-width: 148px !important;
	}
}
@media (max-width: 768px) {
	#dealer-profile #phone,
	#dealer-profile #additional_phone_number,
	#dealer-profile #office_contact {
		width: 110px !important;
		max-width: 110px !important;
		margin-left: 3px;
	}
	#dealer-profile #phone_ext,
	#dealer-profile #addition_ext,
	#dealer-profile #office_ext {
		width: 80px !important;
		max-width: 80px !important;
		margin-left: 3px;
	}
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1;
}

#w4-costsheet .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0rem !important;
}

#dealer-profile .select2-container {
	flex-grow: 1;
}

#dealer-profile .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-profile .select2-container .select2-selection--single {
    /* border: none !important; */
    height: 50px !important;
    width: 100%;
    border: 1px solid #ccc !important;
    border-radius: 0.5rem;
    padding: 0.6rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    color: #000000;
    font-weight: 500;
    -webkit-box-shadow: none !important;
}

#dealer-profile .custome-label1 {
	margin-left: 20px !important;
	font-weight: 500;
	font-size: 0.9rem;
}
#dealer-profile .card-footer {
    padding: 0.75rem 0.2rem !important;
}
#dealer-new-steps-shipping .button-previous,
#dealer-new-steps-shipping .next-button,
#dealer-profile .button-previous,
#dealer-profile .next-button{
	cursor: pointer !important;
}

/* -----------------dealer-side-labor-sheet-exclusions-item-add-------------------- */
#dealer-side-labor-sheet-exclusions-item-add .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-side-labor-sheet-exclusions-item-add {
	background: #fff !important;
}

#dealer-side-labor-sheet-exclusions-item-add .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-side-labor-sheet-exclusions-item-add .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-side-labor-sheet-exclusions-item-add .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-side-labor-sheet-exclusions-item-add .card-body {
	background-color: #fafafa !important;
}

#dealer-side-labor-sheet-exclusions-item-add .right-wrapper {
	background: #fff !important;
}

#dealer-side-labor-sheet-exclusions-item-add .fa-chevron-left:before {
	color: black !important;
}

#dealer-side-labor-sheet-exclusions-item-add .fa-home {
	color: black !important;
}

#dealer-side-labor-sheet-exclusions-item-add.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-side-labor-sheet-exclusions-item-add .page-header .breadcrumbs a,
#dealer-side-labor-sheet-exclusions-item-add .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-side-labor-sheet-exclusions-item-add .page-header .breadcrumbs li {
	color: #100f0f !important;
}

#dealer-side-labor-sheet-exclusions-item-add h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-group label{
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
	font-weight: 500;
	color: #000000;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-side-labor-sheet-exclusions-item-add .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-side-labor-sheet-exclusions-item-add .controle-label {
	font-size: 0.9rem !important;
}

#dealer-side-labor-sheet-exclusions-item-add .form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 500;
	color: #000000;
}

#dealer-side-labor-sheet-exclusions-item-add input.form-control {
	transition: box-shadow 0.3s ease-in-out;
}


#dealer-side-labor-sheet-exclusions-item-add .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
	font-weight: 500;
	font-size: 0.9rem;
}

#dealer-side-labor-sheet-exclusions-item-add .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-side-labor-sheet-exclusions-item-add .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-side-labor-sheet-exclusions-item-add .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-side-labor-sheet-exclusions-item-add .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-side-labor-sheet-exclusions-item-add .select2-container {
	flex-grow: 1;
}

#dealer-side-labor-sheet-exclusions-item-add .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-side-labor-sheet-exclusions-item-add .select2-container {
	display: none !important;
}

#dealer-side-labor-sheet-exclusions-item-add input.form-control {
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-side-labor-sheet-exclusions-item-add .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}

/* Show error message below input box */
#dealer-side-labor-sheet-exclusions-item-add .error-text,
#dealer-side-labor-sheet-exclusions-item-add label.error {
	display: block;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 0.45rem;
	/* padding-left: 3rem;  */
	position: relative;
	background-color: transparent;
}

#dealer-side-labor-sheet-exclusions-item-add .floating-label-group:has(label.error) .floating-label-icon,
#dealer-side-labor-sheet-exclusions-item-add .floating-label-group:has(span.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-side-labor-sheet-exclusions-item-add .has-error label.error,
#dealer-side-labor-sheet-exclusions-item-add .has-error span.error {
	display: block !important;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}

/*---------------------- deler new steps shipping----------------- */

#dealer-new-steps-shipping .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	margin-bottom: 25px !important;
	/* margin-top: -30px !important; */
	padding-bottom: 25px !important;
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0% !important;
}
#dealer-new-steps-shipping{
	padding-top: 0 !important;
}

#dealer-new-steps-shipping .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 1;
	padding: 0;
}

#dealer-new-steps-shipping .step {
	flex: 0 0 260px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}

#dealer-new-steps-shipping .step-first {
	height: 50px;
	flex: 0 0 190px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	padding-left: 6px;
}

#dealer-new-steps-shipping .step-two {
	flex: 0 0 210px;
	padding-left: 8px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -10px !important;
}

#dealer-new-steps-shipping .step:last-child {
	flex: 0 0 220px;
	clip-path: polygon(5% 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, 12% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 20px !important;
	margin-left: -22px !important;
}

#dealer-new-steps-shipping .nav-tabs .nav-link.active,
#dealer-new-steps-shipping .nav-tabs .nav-item.show .nav-link {
	color: inherit !important;
	background-color: inherit !important;
	border-color: inherit !important;
}

#dealer-new-steps-shipping .nav-tabs .nav-link {
	border: none !important;
	border-top-left-radius: none !important;
	border-top-right-radius: none !important;
}

#dealer-new-steps-shipping .nav-tabs {
	border-bottom: none !important;
}

#dealer-new-steps-shipping .footer-button {
	padding-left: 22px !important;
	padding-right: 17px !important;
	padding-bottom: 8px !important;
	border-radius: 6px !important;
	padding-top: 6px !important;
}

#dealer-new-steps-shipping .tab-content {
	border: none !important;
}

@media (max-width: 768px) {
	#dealer-new-steps-shipping .step-first {
		flex: 0 0 200px;
	}

	#dealer-new-steps-shipping .step-two {
		flex: 0 0 180px;
	}
}

#dealer-new-steps-shipping .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-new-steps-shipping {
	background: #fff !important;
}

#dealer-new-steps-shipping .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-new-steps-shipping .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-new-steps-shipping .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-new-steps-shipping .card-body {
	background-color: #fafafa !important;
}

#dealer-new-steps-shipping .right-wrapper {
	background: #fff !important;
}

#dealer-new-steps-shipping .fa-chevron-left:before {
	color: black !important;
}

#dealer-new-steps-shipping .fa-home {
	color: black !important;
}

#dealer-new-steps-shipping.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-new-steps-shipping .page-header .breadcrumbs a,
#dealer-new-steps-shipping .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-new-steps-shipping .page-header .breadcrumbs li {
	color: #100f0f !important;
}

#dealer-new-steps-shipping h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-new-steps-shipping .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-new-steps-shipping .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-new-steps-shipping .floating-label-group {
	position: relative;
	/* margin-bottom: 1.5rem; */
	margin-top: 0.9rem;
}

#dealer-new-steps-shipping .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-new-steps-shipping .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-new-steps-shipping .controle-label {
	font-size: 0.9rem !important;
}

#dealer-new-steps-shipping input.form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}
#dealer-new-steps-shipping #datatable-default_filter .form-control{
	border: 1px solid #ced4da !important;
	min-height: 2.4rem !important;
	height: 40px !important;
	border-radius: 10px !important;
}

#dealer-new-steps-shipping textarea.form-control {
	padding-left: 55px !important;
	border: 1px solid #ccc !important;
	font-weight: 500;
	color: #000000;
	font-size: 0.9rem !important;
	/* height: 50px !important; */
	min-height: 50px !important;
	max-height: 200px !important;
	/* line-height: 0 !important; */
}
#dealer-new-steps-shipping .custome-label{
	font-weight: 500;
}

#dealer-new-steps-shipping .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 500;
	color: #000000;
}

#dealer-new-steps-shipping input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-steps-shipping .form-control,
#dealer-new-steps-shipping .selection ,
#dealer-edit-address .form-control,
#dealer-edit-address .selection{
	border: none !important;
}

#dealer-new-steps-shipping .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-new-steps-shipping .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-new-steps-shipping .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-new-steps-shipping .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-new-steps-shipping .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-new-steps-shipping .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}
#dealer-new-steps-shipping .select2-container {
	/* display: none !important; */
	z-index: 0 !important;
}
#dealer-new-steps-shipping #w4-account .select2-container .select2-selection--single,
#dealer-new-steps-shipping #w4-profile .select2-container .select2-selection--single{
	/* border: none !important; */
	height: 50px !important;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	-webkit-box-shadow: none !important;
	font-weight: 500;
	color: #000000;
}

#dealer-new-steps-shipping #datatable-default_length .select2-container {
	display: block !important;
	width: 55px !important;
}

#dealer-new-steps-shipping #datatable-default_length {
	display: flex;
	align-items: center;
	justify-content: start;
}

#dealer-new-steps-shipping #datatable-default_length label {
	display: flex;
	align-items: center;
	justify-content: start;
	margin: 0;
}

#dealer-new-steps-shipping input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-steps-shipping .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}
#dealer-new-steps-shipping label.error,
#dealer-new-steps-shipping span.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	left: 0 !important;
	margin-top: 3.9rem !important;
	/* padding-left: 3rem;  */
	position: relative;
	background: transparent;
}

#dealer-new-steps-shipping .floating-label-group:has(span.error) .floating-label-icon,
#dealer-new-steps-shipping .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-new-steps-shipping .has-error span.error,
#dealer-new-steps-shipping .has-error label.error {
	display: block !important;
}

#dealer-new-steps-shipping .custom-checkbox {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	margin-right: 8px;
}

#dealer-new-steps-shipping .checkbox-text,
#dealer-new-steps-shipping .custome-label {
	font-weight: 500;
	font-size: 0.9rem;
	/* line-height: 100%; */
	color: #555555;
}

#dealer-new-steps-shipping #cudtome-input {
	background: #e9ecef !important;
}

#dealer-new-steps-shipping #marketing_country_code {
	height: 50px !important;
	font-size: 0.9rem ;
	font-weight: 500;
	border: 1px solid #ccc !important;
}

#dealer-new-steps-shipping table thead tr th {
	background: #fafafa !important;
}

#dealer-new-steps-shipping table tbody td {
	background: #ffffff !important;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}

#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-new-steps-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-new-steps-shipping .step a {
	display: flex;
	align-items: center;
	gap: 10px;
}

#dealer-new-steps-shipping .step-icon {
	width: 32px;
	height: 32px;
	margin-left: 0;
	display: block;
}

#dealer-new-steps-shipping .step-text {
	font-size: 16px;
	color: #333;
	text-align: left;
	display: block;
	word-wrap: break-word;
}

#dealer-new-steps-shipping .step.active {
	background-color: #2f6a8f !important;
}

#dealer-new-steps-shipping .step.active a,
#dealer-new-steps-shipping .step.active .step-text {
	color: white !important;
}

#dealer-new-steps-shipping #state,
#dealer-new-steps-shipping #accounting_country_code,
#dealer-new-steps-shipping #tax_rate,
#dealer-new-steps-shipping #standard_payment_type,
#dealer-new-steps-shipping #discount_level_id,
#dealer-new-steps-shipping #credit_terms,
#dealer-new-steps-shipping #oe_internal_employee_id,
#dealer-new-steps-shipping #shipping_country_code,
#dealer-new-steps-shipping #default_carrier,
#dealer-new-steps-shipping #second_carrier,
#dealer-new-steps-shipping #third_carrier {
	height: 50px !important;
	border: 1px solid #ccc !important;
	font-weight: 500;
	font-size: 0.9rem !important;
	color: #000000;
}

#dealer-new-steps-shipping .card-footer {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0;
	padding-right: 0;
}

/*---------------------------- dealer edit shipping------------------ */

#dealer-edit-shipping .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	margin-bottom: 25px !important;
	margin-top: -30px !important;
	padding-bottom: 25px !important;
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0% !important;
}

#dealer-edit-shipping .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 1;
	padding: 0;
}

#dealer-edit-shipping .step {
	flex: 0 0 260px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}

#dealer-edit-shipping .step-first {
	height: 50px;
	flex: 0 0 175px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	/* padding-left: 6px; */
}

#dealer-edit-shipping .step-two {
	flex: 0 0 200px;
	/* padding-left: 10px; */
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	margin-left: -10px !important;
}

#dealer-edit-shipping .step:last-child {
	flex: 0 0 300px;
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 11% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 26px !important;
	margin-left: -28px !important;
}

#dealer-edit-shipping .nav-tabs .nav-link.active,
#dealer-edit-shipping .nav-tabs .nav-item.show .nav-link {
	color: inherit !important;
	background-color: inherit !important;
	border-color: inherit !important;
}

#dealer-edit-shipping .nav-tabs .nav-link {
	border: none !important;
	border-top-left-radius: none !important;
	border-top-right-radius: none !important;
}

#dealer-edit-shipping .nav-tabs {
	border-bottom: none !important;
}

#dealer-edit-shipping .footer-button {
	padding-left: 22px !important;
	padding-right: 17px !important;
	padding-bottom: 8px !important;
	border-radius: 6px !important;
	padding-top: 6px !important;
}

#dealer-edit-shipping .tab-content {
	border: none !important;
}

@media (max-width: 768px) {
	#dealer-edit-shipping .step-first {
		flex: 0 0 150px;
		padding-left: 2px;
	}

	#dealer-edit-shipping .step-two {
		flex: 0 0 150px;
	}
}

#dealer-edit-shipping .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-edit-shipping {
	background: #fff !important;
}

#dealer-edit-shipping .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-edit-shipping .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-edit-shipping .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-edit-shipping .card-body {
	background-color: #fafafa !important;
}

#dealer-edit-shipping .right-wrapper {
	background: #fff !important;
}

#dealer-edit-shipping .fa-chevron-left:before {
	color: black !important;
}

#dealer-edit-shipping .fa-home {
	color: black !important;
}

#dealer-edit-shipping.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-edit-shipping .page-header .breadcrumbs a,
#dealer-edit-shipping .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-edit-shipping .page-header .breadcrumbs li {
	color: #100f0f !important;
}

#dealer-edit-shipping h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-edit-shipping .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background: white;
}

#dealer-edit-shipping .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-edit-shipping .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-edit-shipping .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-edit-shipping .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}
#dealer-edit-shipping .custome-label{
	font-size: 0.9rem;
    font-weight: 500;
}

#dealer-edit-shipping .controle-label {
	font-size: 0.9rem !important;
}

#dealer-edit-shipping input.form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}

#dealer-edit-shipping textarea.form-control {
	padding-left: 55px !important;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
	line-height: 1.4;
}

#dealer-edit-shipping .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}

#dealer-edit-shipping input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-shipping .form-control,
#dealer-edit-shipping .selection {
	/* border: 1px solid #ccc !important; */
	background: white;
	/* line-height: 1.4; */
}
#dealer-edit-shipping .select2-selection{
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-weight: 500;
	font-size: 0.9rem;
}
#dealer-edit-shipping .select2-selection span{
	margin-left: -35px !important;
}

#dealer-edit-shipping .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-edit-shipping .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-edit-shipping .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-edit-shipping .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-edit-shipping .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-edit-shipping .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-edit-shipping .select2-container {
	/* height: 50px !important; */
}

#dealer-edit-shipping #datatable-default_length .select2-container {
	display: block !important;
	/* width: 55px !important; */
}

#dealer-edit-shipping #datatable-default_length {
	display: flex;
	align-items: center;
	justify-content: start;
}
#dealer-edit-shipping #datatable-default_length label {
	display: flex;
	align-items: center;
	justify-content: start;
	margin: 0;
}

#dealer-edit-shipping input.form-control {
	border: 1px solid #ccc !important;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-shipping .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}

#dealer-edit-shipping label.error,
#dealer-edit-shipping span.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 4rem;
	/* padding-left: 3rem;  */
	position: relative;
}

#dealer-edit-shipping .floating-label-group:has(span.error) .floating-label-icon,
#dealer-edit-shipping .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-edit-shipping .has-error span.error,
#dealer-edit-shipping .has-error label.error {
	display: block !important;
}

#dealer-edit-shipping .custom-checkbox {
	width: 19px;
	height: 19px;
}
#dealer-edit-shipping .custome-span{
	font-size: 0.9rem;
    font-weight: 500;
}

#dealer-edit-shipping .custom-checkbox {
	width: 19px;
	height: 19px;
	flex-shrink: 0;
	margin-right: 8px;
}

#dealer-edit-shipping .checkbox-text,
#dealer-edit-shipping .custome-label {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-edit-shipping #cudtome-input {
	background: #e9ecef !important;
}

#dealer-edit-shipping #marketing_country_code {
	height: 50px !important;
	font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}

#dealer-edit-shipping table thead tr th {
	background: #fafafa !important;
}

#dealer-edit-shipping table tbody td {
	background: #ffffff !important;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}

#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-edit-shipping .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-edit-shipping .step a {
	display: flex;
	align-items: center;
	gap: 10px;
}

#dealer-edit-shipping .step-icon {
	width: 32px;
	height: 32px;
	margin-left: 0;
	display: block;
}

#dealer-edit-shipping .step-text {
	font-size: 16px;
	color: #333;
	text-align: left;
	display: block;
	word-wrap: break-word;
}

#dealer-edit-shipping .step.active {
	background-color: #2f6a8f !important;
}

#dealer-edit-shipping .step.active a,
#dealer-edit-shipping .step.active .step-text {
	color: white !important;
}

#dealer-edit-shipping #state,
#dealer-edit-shipping #accounting_country_code,
#dealer-edit-shipping #tax_rate,
#dealer-edit-shipping #standard_payment_type,
#dealer-edit-shipping #discount_level_id,
#dealer-edit-shipping #credit_terms,
#dealer-edit-shipping #oe_internal_employee_id,
#dealer-edit-shipping #shipping_country_code,
#dealer-edit-shipping #default_carrier,
#dealer-edit-shipping #second_carrier,
#dealer-edit-shipping #third_carrier {
	height: 50px !important;
	font-weight: 500;
	font-size: 0.9rem;
	color: #000000;
}
#dealer-edit-shipping .next-button{
	cursor: pointer !important;
	font-weight: 500 !important;
}
#dealer-edit-shipping .previous a,
#dealer-new-steps-shipping .previous a {
	color: #605c5c;
	font-weight: 550;
	border: 1px solid #ccc;
}
#dealer-new-step .previous a:hover,
#dealer-edit-shipping .previous a:hover,
#dealer-new-steps-shipping .previous a:hover {
	color: #000000;
	background: #eee;
}
#dealer-edit-shipping .card-footer {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0;
	padding-right: 0;
}

/* ---------------dealer add notes--------------- */

#dealer-add-notes .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-add-notes {
	background: #fff !important;
}

#dealer-add-notes .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-add-notes .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-add-notes .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-add-notes .card-body {
	background-color: #fafafa !important;
}

#dealer-add-notes .right-wrapper {
	background: #fff !important;
}

#dealer-add-notes .fa-chevron-left:before {
	color: black !important;
}

#dealer-add-notes .fa-home {
	color: black !important;
}

#dealer-add-notes.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-add-notes .page-header .breadcrumbs a,
#dealer-add-notes .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-add-notes .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#dealer-add-notes span.error,
#dealer-add-notes .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color:white;
}

#dealer-add-notes .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-add-notes .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-add-notes .floating-label-icon {
	position: absolute !important;
	top: 50% !important;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 5;
}
#dealer-add-notes .floating-label-group:has(span.error) .floating-label-icon,
#dealer-add-notes .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-10%) !important;
}

#dealer-add-notes .form-check-input {
	width: 19px;
	height: 19px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-add-notes .controle-label {
	font-size: 0.9rem !important;
}

#dealer-add-notes input.form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}

#dealer-add-notes .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 500;
	color: #000000;
}

#dealer-add-notes input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}


#dealer-add-notes .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-add-notes .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-add-notes .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-add-notes .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-add-notes .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-add-notes .select2-container {
	flex-grow: 1;
}

#dealer-add-notes .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-add-notes .select2-container {
	display: none !important;
}

#dealer-add-notes input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-add-notes .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}

#dealer-add-notes label.error,
#dealer-add-notes span.error {
	display: block !important;
	left: 49px;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	position: relative;
	width: fit-content;
	background: transparent;
}

#dealer-add-notes .has-error span.error,
#dealer-add-notes .has-error label.error {
	display: block !important;
}

#dealer-add-notes .custom-checkbox {
	width: 22px;
	height: 22px;
}

#dealer-add-notes .checkbox-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-add-notes #cudtome-input {
	background: #e9ecef !important;
}

/* ---------------dealer edit notes--------------- */

#dealer-edit-notes .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}

#dealer-edit-notes {
	background: #fff !important;
}

#dealer-edit-notes .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-edit-notes .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-edit-notes .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 15px 20px !important;
}

#dealer-edit-notes .card-body {
	background-color: #fafafa !important;
	padding:20px !important;
}

#dealer-edit-notes .right-wrapper {
	background: #fff !important;
}

#dealer-edit-notes .fa-chevron-left:before {
	color: black !important;
}

#dealer-edit-notes .fa-home {
	color: black !important;
}

#dealer-edit-notes .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-edit-notes .page-header .breadcrumbs a,
#dealer-edit-note .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-edit-notes .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#dealer-edit-internal-employee span.error,
#dealer-edit-notes span.error,
#dealer-edit-notes .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-edit-notes .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-edit-notes .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-edit-notes .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-edit-notes .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-edit-notes .controle-label {
	font-size: 0.9rem !important;
}

#dealer-edit-notes input.form-control {
	color: #1f1f1f !important;
	height: 50px !important;
}

#dealer-edit-notes .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	color: #000000;
	font-weight: 500;
}

#dealer-edit-notes input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}
#dealer-add-notes .form-control, 
#dealer-add-notes .selection,
#dealer-edit-notes .form-control,
#dealer-edit-notes .selection {
	border: 1px solid #ccc !important;
    line-height: 1;
    background: #ffffff;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
	padding: 1rem 1rem 0.75rem 3rem;
}

#dealer-edit-notes .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}

#dealer-edit-notes .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-edit-notes .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-edit-notes .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-edit-notes .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-edit-notes .select2-container {
	flex-grow: 1;
}

#dealer-edit-notes .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-edit-notes .select2-container {
	display: none !important;
}

#dealer-edit-notes input.form-control {
	border: none;
	color: #fff;
	/* background: #fff !important; */
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-edit-notes .card-footer {
	background: #fafafa !important;
	border-top: none !important;
}
#dealer-edit-internal-employee span.error,
#dealer-edit-notes label.error,
#dealer-edit-notes span.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	/* padding-left: 3rem;  */
	position: relative;
	width: fit-content;
	background: transparent !important;
}

/* #dealer-edit-notes .floating-label-group:has(span.error) .floating-label-icon,
#dealer-edit-notes .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
} */
#dealer-edit-notes .floating-label-group .floating-label-icon {
	top: 50%; /* or your desired default */
	transform: translateY(-50%);
	transition: all 0.2s ease;
}

/* When error is present */
#dealer-edit-notes .floating-label-group:has(span.error) .floating-label-icon,
#dealer-edit-notes .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-10%) !important;
}

#dealer-edit-notes .has-error span.error,
#dealer-edit-notes .has-error label.error {
	display: block !important;
}

#dealer-edit-notes .custom-checkbox {
	width: 22px;
	height: 22px;
}

#dealer-edit-notes .checkbox-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-edit-notes #cudtome-input {
	background:#eff1f3 !important;
}
/* -----------------dealer add address---------------- */
#dealer-add-address .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}
#dealer-add-address {
	background: #fff !important;
}

#dealer-add-address .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}
#dealer-add-address .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#dealer-add-address .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 15px 20px !important;
}

#dealer-add-address .card-body {
	background-color: #FAFAFA !important;
	padding: 20px !important;
}

#dealer-add-address .right-wrapper {
	background: #fff !important;
}

#dealer-add-address .fa-chevron-left:before {
	color: black !important;
}

#dealer-add-address .fa-home {
	color: black !important;
}

#dealer-add-address .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-add-address .page-header .breadcrumbs a,
#dealer-add-address .page-header .breadcrumbs span {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-add-address .page-header .breadcrumbs li {
	color: #100F0F !important;
}
#dealer-add-address .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: white;
}

#dealer-add-address .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-add-address .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-add-address .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}

#dealer-add-address .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}

#dealer-add-address .controle-label {
	font-size: 0.9rem !important;
}

#dealer-add-address .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

#dealer-add-address .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
}
#dealer-add-address input.form-control {
	border: none;
	transition: box-shadow 0.3s ease-in-out;
}
#dealer-add-address .form-control,
#dealer-add-address .selection {
	border: none !important;
}
#dealer-add-address .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}
#dealer-add-address .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-add-address .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-add-address .custume-btm {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#dealer-add-address .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-add-address .select2-container {
	flex-grow: 1;
}

#dealer-add-address .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-add-address .select2-container .select2-selection--single {
	/* border: none !important; */
	height: 50px !important;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 0.6rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	-webkit-box-shadow: none !important;
}

#dealer-add-address input.form-control {
	/* border: none; */
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-add-address .card-footer {
	background: #FAFAFA !important;
	border-top: none !important;
}

#dealer-add-address span.error,
#dealer-add-address label.error {
	display: block !important;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	/* padding-left: 3rem;  */
	position: relative;
	background: transparent !important;
}

#dealer-add-address .floating-label-group:has(span.error) .floating-label-icon,
#dealer-add-address .floating-label-group:has(label.error) .floating-label-icon {
	top: 28% !important;
	transform: translateY(-35%) !important;
}

#dealer-add-address .has-error span.error,
#dealer-add-address .has-error label.error {
	display: block !important;
}


#dealer-add-address .custom-checkbox {
	width: 19px;
	height: 19px;
}

#dealer-add-address .checkbox-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #555555;
}

#dealer-add-address #cudtome-input {
	background: #E9ECEF !important;
}

/*-------------------- dealer side labor sheet optional work item add -------------------*/
#dealer-side-labor-sheet-optional-work-item-add .page-header h2 {
	color: #000 !important;
	margin-left: 30px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#dealer-side-labor-sheet-optional-work-item-add {
	background: #fff !important;
}

#dealer-side-labor-sheet-optional-work-item-add .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-side-labor-sheet-optional-work-item-add .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#dealer-side-labor-sheet-optional-work-item-add .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 15px 20px !important;
}

#dealer-side-labor-sheet-optional-work-item-add .card-body {
	background-color: #FAFAFA !important;
	padding: 20px !important;
}

#dealer-side-labor-sheet-optional-work-item-add .right-wrapper {
	background: #fff !important;
}

#dealer-side-labor-sheet-optional-work-item-add .fa-chevron-left:before {
	color: black !important;
}

#dealer-side-labor-sheet-optional-work-item-add .fa-home {
	color: black !important;
}

#dealer-side-labor-sheet-optional-work-item-add.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#dealer-side-labor-sheet-optional-work-item-add .page-header .breadcrumbs a,
#dealer-side-labor-sheet-optional-work-item-add .page-header .breadcrumbs span {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-side-labor-sheet-optional-work-item-add .page-header .breadcrumbs li {
	color: #100F0F !important;
}

#dealer-side-labor-sheet-optional-work-item-add h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#dealer-side-labor-sheet-optional-work-item-add .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background: white;
}

#dealer-side-labor-sheet-optional-work-item-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
}

#dealer-side-labor-sheet-optional-work-item-add .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-side-labor-sheet-optional-work-item-add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}

#dealer-side-labor-sheet-optional-work-item-add .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #CED4DA;
}

#dealer-side-labor-sheet-optional-work-item-add .controle-label {
	font-size: 0.9rem !important;
}

#dealer-side-labor-sheet-optional-work-item-add .form-control {
	color: #1F1F1F !important;
	height: 50px !important;
}

#dealer-side-labor-sheet-optional-work-item-add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 500;
	color: #000000;
}

#dealer-side-labor-sheet-optional-work-item-add input.form-control {
	transition: box-shadow 0.3s ease-in-out;
}


#dealer-side-labor-sheet-optional-work-item-add .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
	font-weight: 500;
	color: #000000;
	font-size: 0.9rem;
}

#dealer-side-labor-sheet-optional-work-item-add .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}

#dealer-side-labor-sheet-optional-work-item-add .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#dealer-side-labor-sheet-optional-work-item-add .custume-btm {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#dealer-side-labor-sheet-optional-work-item-add .card {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#dealer-side-labor-sheet-optional-work-item-add .select2-container {
	flex-grow: 1;
}

#dealer-side-labor-sheet-optional-work-item-add .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

#dealer-side-labor-sheet-optional-work-item-add input.form-control {
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-side-labor-sheet-optional-work-item-add .card-footer {
	background: #FAFAFA !important;
	border-top: none !important;
}
 /* Show error message below input box */
 #dealer-side-labor-sheet-optional-work-item-add .error-text,
 #dealer-side-labor-sheet-optional-work-item-add label.error {
	 display: block;
	 color: #d93025;
	 font-size: 0.85rem;
	 margin-top: 0.45rem;
	 /* padding-left: 3rem;  */
	 position: relative;
	 background: transparent;
 }

 #dealer-side-labor-sheet-optional-work-item-add .floating-label-group:has(label.error) .floating-label-icon,
 #dealer-side-labor-sheet-optional-work-item-add .floating-label-group:has(span.error) .floating-label-icon {
	 top: 28% !important;
	 transform: translateY(-35%) !important;
 }

 #dealer-side-labor-sheet-optional-work-item-add .has-error label.error,
 #dealer-side-labor-sheet-optional-work-item-add .has-error span.error {
	 display: block !important;
 }

 .was-validated .form-control:invalid:focus,
 .form-control.is-invalid:focus {
	 border: none !important;
	 background-color: #fff;
	 box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	 transition: box-shadow 0.3s ease-in-out !important;
 }
 .alert-danger p{
	margin: 0 !important;
 }
 .card-header{
	padding: 15px 20px !important;
 }
 .card-body{
	padding:20px !important;
 }
.custome-botton4{
	font-size: 0.9rem !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
}
.has-error {
    padding-bottom: 1rem !important;
}
.version-font-size{
	font-size: 13px !important;
}
@media (width: 768px){
	#deactivated_dealer_profile_view .custom-height-profile,
	#dealer-view-address .custom-height-profile{
		margin-bottom: 2rem;
	}
	#deactivated_dealer_profile_view .position-relative .circle,
	#dealer-view-address .position-relative .circle{
		width: 228px !important;
	}
	#dealer-view-address .change-image{
		margin-left: 49px !important;
	}
	#dealer-add-employee .page-header h2,
	#dealer-policy-mapper .page-header h2,
	#dealer-edit-notes .page-header h2,
	#dealer-add-notes .page-header h2{
		font-size: 17px !important;
	}
	#dealer-edit-internal-employee .page-header h2,
	#dealer-add-internal-employee .page-header h2{
	font-size: 14px !important;
}
}
@media (width: 820px){
#deactivated_dealer_profile_view .page-header h2,
#dealer-view-address .page-header h2 {
    font-size: 14px !important;
    padding-right: 1px;
	margin-left: 0px !important;
}
#deactivated_dealer_profile_view .custom-height-profile,
#dealer-view-address .custom-height-profile{
	height: 204px !important;
	width: 240px;
}
#deactivated_dealer_profile_view .profile-card-body,
#dealer-view-address .profile-card-body{
	justify-content: normal !important;
}
#dealer-add-employee .page-header h2,
#dealer-policy-mapper .page-header h2,
#dealer-edit-notes .page-header h2,
#dealer-add-notes .page-header h2{
	font-size: 18px !important;
}
#dealer-edit-internal-employee .page-header h2,
#dealer-add-internal-employee .page-header h2{
	font-size: 14px !important;
}
}
@media (width:912px){
	#dealer-edit-internal-employee .page-header h2,
  	#dealer-add-internal-employee .page-header h2{
		font-size: 18px !important;
	}
}
@media (max-width: 921px) {
	#deactivated_dealer_profile_view .custom-height-profile,
	#dealer-view-address .custom-height-profile{
		height: 204px !important;
		width: 240px;
	}
	#dealer-new-steps-shipping .custom-responsive-col {
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 2rem;
	}
	#dealer-new-steps-shipping .custome-button-height{
		height: 50px;
		padding: 0.37rem 0.75rem;
	}
	#dealer-view-address .custom-responsive-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (width: 1024px){
	#deactivated_dealer_profile_view .custom-height-profile,
	#dealer-view-address .custom-height-profile{
		height: 204px !important;
		width: 240px;
	}
	#deactivated_dealer_profile_view .page-header h2,
	#dealer-view-address .page-header h2 {
		font-size: 17px !important;
	}
	#dealer-new-steps-shipping #marketing_ext-error,
	#dealer-new-steps-shipping #accounting_ext-error,
	#dealer-new-steps-shipping #shipping_ext-error{
		left: -28px !important;
	}
	/* #dealer-add-address .select2-container .select2-selection--single{
		width: 100%;
	} */
	/* .body {
		min-height: 120vh;
	} */
	}
@media screen and (width: 1024px) and (height: 1366px) {
	#deactivated_dealer_profile_view .page-header h2,
	#dealer-view-address .page-header h2 {
        font-size: 17px !important;
    }
}

/*--------------------------- dealer new steps edit-------------------------------- */
#dealer-new-step-edit .page-header,
#dealer-new-step .page-header {
	box-shadow: none !important;
	/* border-left:none !important; */
}

#dealer-new-step-edit html.no-overflowscrolling .nano > .nano-content {
	left: -12px !important;
}

#dealer-new-step-edit .form-control:not(.form-control-sm):not(.form-control-lg) {
	font-size: 0.9rem !important;
	font-weight: 500 !important;
}

.required {
	color: #d2322d !important;
}
#dealer-new-step-edit .card,
#dealer-new-step .card {
	background: #fafafa !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
}

#dealer-new-step-edit .card-header,
#dealer-new-step .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
}

#dealer-new-step-edit .card-body,
#dealer-new-step .card-body {
	background-color: #fafafa !important;
	box-shadow: none !important;
}

#dealer-new-step-edit .right-wrapper,
#dealer-new-step .right-wrapper {
	background: #fff !important;
}

#dealer-new-step-edit.fa-chevron-left:before,
#dealer-new-step .fa-chevron-left:before {
	color: black !important;
}

#dealer-new-step-edit .fa-home,
#dealer-new-step .fa-home {
	color: black !important;
}

#dealer-new-step-edit.breadcrumbs span,
#dealer-new-step.breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#dealer-new-step-edit .page-header .breadcrumbs a,
#dealer-new-step-edit .page-header .breadcrumbs span,
#dealer-new-step .page-header .breadcrumbs a,
#dealer-new-step .page-header .breadcrumbs span {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#dealer-new-step-edit .page-header .breadcrumbs li,
#dealer-new-step .page-header .breadcrumbs li {
	color: #100f0f !important;
}

#dealer-new-step-edit .page-header h2,
#dealer-new-step .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#dealer-new-step .mark-up-scale{
	white-space:nowrap !important;
}

#dealer-new-step-edit h2.card-title,
#dealer-new-step h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#dealer-new-step-edit .body {
	background: #fff !important;
}
#dealer-new-step-edit {
	background: #fff !important;
}
#dealer-new-step-edit select.form-control.width-20 {
	width: 35%;
}

#dealer-new-step-edit .phone_ext {
	width: 35%;
	margin-left: 5px;
}

#dealer-new-step-edit .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	/* margin-bottom: 30px !important;
	margin-top: -30px !important; */
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0%;
}

#dealer-new-step-edit .step-container::-webkit-scrollbar {
	height: 0px;
}

#dealer-new-step-edit .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-new-step-edit .step-container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}

#dealer-new-step-edit .step-container > * {
	scroll-snap-align: start;
}

#dealer-new-step-edit .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 1;
	padding: 0;
}

#dealer-new-step-edit .step-container::-webkit-scrollbar {
	width: 0;
	height: 0;
}
#dealer-new-step-edit .step-container:hover {
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

#dealer-new-step-edit .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-new-step-edit .step-container:hover::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 1px;
}

#dealer-new-step-edit .step,
#dealer-new-step .step {
	flex: 0 0 260px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}

#dealer-new-step-edit .step-first,
#dealer-new-step .step-first {
	height: 50px;
	flex: 0 0 220px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	padding-left: 6px;
	background: #EDF6ED !important;
}

#dealer-new-step-edit .step-two,
#dealer-new-step .step-two {
	flex: 0 0 200px;
	padding-left: 10px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -11px !important;
	background:#EFF9FC !important;
}

#dealer-new-step-edit .step-three {
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 6% 50%);
	margin-left: -10px !important;
	padding-left: 10px !important;
	background: #FFF4EE !important;
}

#dealer-new-step-edit .step-four {
	padding-left: 10px !important;
	flex: 0 0 230px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -13px !important;
	background:#FFF6E6 !important;
}

#dealer-new-step-edit .step-fiv {
	padding-left: 10px !important;
	flex: 0 0 220px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	margin-left: -11px !important;
	background: #e1daeb !important;
}

#dealer-new-step-edit .step-six {
	padding-left: 10px !important;
	flex: 0 0 200px;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 8% 50%);
	margin-left: -11px !important;
	margin-right: -20px !important;
	background:#FEF1F7 !important;
}

#dealer-new-step-edit .step:last-child {
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 12% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 32px !important;
	margin-left: -6px !important;
	background:#d4ead5 !important;
}

#dealer-new-step-edit .step a,
#dealer-new-step .step a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 10px;
	flex-direction: row;
	gap: 10px;
	text-align: center;
}

#dealer-new-step-edit .step-icon,
#dealer-new-step .step-icon {
	width: 32px;
	height: 32px;
	margin-left: 15px;
}

#dealer-new-step-edit .step-text,
#dealer-new-step .step-text {
	font-size: 16px;
	color: #333;
	text-align: center;
	display: block;
	word-wrap: break-word;
}

#dealer-new-step-edit .step-text.auto-wrap,
#dealer-new-step .step-text.auto-wrap {
	display: block;
	text-align: center;
	line-height: 1.2;
}

#dealer-new-step-edit .step-container .next {
	/* display: block !important; */
	visibility: visible !important;
	opacity: 1 !important;
}

#dealer-new-step-edit .next {
	all: unset !important;
	/* display: block !important; */
}

#dealer-new-step-edit .step-container .previous {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

#dealer-new-step-edit .previous {
	all: unset !important;
	display: block !important;
}

#dealer-new-step-edit .step {
	background-color: #eff9fc;
	transition: background-color 0.3s ease-in-out;
}

#dealer-new-step .step.active,
#dealer-new-step-edit .step.active {
	background-color: #2f6a8f !important;
	color: white !important;
}
#dealer-new-step .next-button,
#dealer-new-step-edit .next-button {
 cursor: pointer !important;
 user-select: none !important;
}
#dealer-new-step .step.active .step-text,
#dealer-new-step-edit .step.active .step-text {
	color: white !important;
}

#dealer-new-step-edit .nav {
	padding-left: 10px !important;
}

@media only screen and (min-width: 768px) {
	html.sidebar-left-collapsed .sidebar-left .nano {
		box-shadow: 0px 15px 25px #e1e1e1;
	}
}
@media (max-width: 768px) {
	#dealer-new-step .step {
		flex: 0 0 260px;
	}

	#dealer-new-step .step-first {
		flex: 0 0 200px;
	}

	#dealer-new-step .step-two {
		flex: 0 0 180px;
	}
}

#dealer-new-step-edit input.form-control {
	/* border: none; */
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-step-edit1 input.form-control,
#dealer-new-step-edit1 input.form-control,
#dealer-new-step input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}
#dealer-new-step-edit1 select.form-control,
#dealer-new-step-edit1 select.form-control,
#dealer-new-step select.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-step-edit .form-control,
#dealer-new-step-edit .selection,
#dealer-new-step .form-control,
#dealer-new-step .selection {
	border: none !important;
}

/* #dealer-new-step-edit .select2-selection,
#dealer-new-step .select2-selection {
	border: none !important;
} */
#dealer-new-step-edit .select2-container,
#dealer-new-step .select2-container {
	z-index: 0 !important;
}
.select2-hidden-accessible {
	z-index: 0 !important;
}
#dealer-new-step-edit .select2-container .select2-selection--single,
#dealer-new-step .select2-container .select2-selection--single {
	border: 1px solid #ced4da !important;
	height: 50px !important;
	width: 100%;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	-webkit-box-shadow: none !important;
}
#dealer-new-step ,
#dealer-new-step-edit  {
	padding: 25px !important;
	padding-top: 10px !important;
}

#dealer-new-step-edit .card-footer .pager li.next a i,
.card-footer .pager li.finish a {
	background-color: #2f6a8f !important;
	color: #fff !important;
}
#dealer-new-step-edit .alert p{
	margin: 0px !important;
}

#dealer-new-step-edit #next {
	color: #fff !important;
}

#dealer-new-step-edit .tab-content {
	border-radius: none;
	-webkit-box-shadow: none !important;
	border: none !important;
	border-top: 0;
}

#dealer-new-step-edit .floating-label-group,
#dealer-new-step .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}

#dealer-new-step-edit .floating-label-group input,
#dealer-new-step .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.25rem 1rem 0.75rem 3rem;
	font-size: 1.1rem;
	height: 50px !important;
	background-color: white;
	padding-bottom: 22px !important;
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}
#dealer-new-step-edit input:not(input[type=checkbox],[type=radio]),
#dealer-new-step input:not(input[type=checkbox],[type=radio]),
#dealer-new-step-edit textarea,
#w4-costsheet .form-control,
#w4-optional-work .form-control,
#dealer-new-step-edit .floating-label-group input:not(input[type=checkbox],[type=radio]),
#dealer-new-step .floating-label-group input:not(input[type=checkbox],[type=radio]),
#dealer-new-step-edit .floating-label-group select,
#dealer-new-step .floating-label-group select {
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
	height: 50px !important;
}
#dealer-new-step .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
#dealer-new-step-edit .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
	font-size: 0.9rem !important;
	font-weight: 500 !important;
	color: #000000 !important;
}
#dealer-new-step #labor_markup_gross_profit,
#dealer-new-step #material_markup_gross_profit,
#dealer-new-step .floating-label-group textarea,
#dealer-new-step-edit #material_markup_gross_profit,
#dealer-new-step-edit #labor_markup_gross_profit,
#dealer-new-step-edit .percentage-discount #percentage_labor_discount,
#dealer-new-step-edit .dollar-discount #dollar_labor_discount
{
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}
.mark-up-skill{
	white-space: nowrap;
}
#dealer-new-step-edit .floating-label-group label,
#dealer-new-step .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 1 !important;
	font-weight: 500 !important;
	background-color: #fff;
}

#dealer-new-step-edit .floating-label-icon,
#dealer-new-step .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}

#dealer-new-step-edit .form-check-input,
#dealer-new-step .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}

#dealer-new-step-edit .custome-label,
#dealer-new-step .custome-label {
	margin-left: 10px;
	font-weight: 500;
	font-size: 0.9rem !important;
	margin-top: 4px;
}

#dealer-new-step-edit .controle-label,
#dealer-new-step .controle-label {
	font-size: 0.9rem !important;
}

#dealer-new-step-edit .form-control,
#dealer-new-step .form-control {
	color: #1f1f1f !important;
	/* height: 50px !important; */
}

#dealer-new-step-edit .floating-label-group input,
#dealer-new-step .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem !important;
	color: #000000 !important;
	background-color: white;
}

/* Show error message below input box */
#dealer-new-step-edit .error-text,
#dealer-new-step .error-text {
	display: block;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 0.45rem;
	/* padding-left: 3rem;  */
	position: relative;
}
#dealer-new-step .text-danger{
	font-size: 0.85rem;
}
#dealer-new-step .login-label-group{
    position: relative;
    height: 45px;
}
#dealer-new-step-edit label.error,
#dealer-new-step label.error {
	display: block;
	color: #d93025;
	font-size: 0.85rem;
	margin-top: 3.9rem;
	background: transparent !important;
	/* padding-left: 3rem;  */
	/* position: relative; */
}
#dealer-new-step .phone_alert,
#dealer-new-step-edit .phone_alert {
	font-size: 0.85rem;
	color: #d93025;
}
#dealer-new-step #phone_ext-error,
#dealer-new-step #addition_ext-error,
#dealer-new-step #office_ext-error,
#dealer-new-step-edit #phone_ext-error,
#dealer-new-step-edit #addition_ext-error,
#dealer-new-step-edit #office_ext-error {
	margin-top: 4.9rem;
}

#dealer-new-step-edit .has-error label.error,
#dealer-new-step .has-error label.error {
	display: block !important;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}
#dealer-new-step-edit .floating-label-group:has(span.error) .floating-label-icon,
#dealer-new-step-edit .floating-label-group:has(label.error) .floating-label-icon,
#dealer-new-step .floating-label-group:has(label.error) .floating-label-icon {
	top: 43% !important;
	transform: translateY(-35%) !important;
}
#dealer-new-step-edit .floating-label-group select {
	padding: 1rem 1rem 0.75rem 3rem !important;
	width: 100%;
	color: #000000 !important;
}
#dealer-new-step .phone-label-group,
#dealer-new-step-edit .phone-label-group{
	position: relative;
    height: 45px;
}

#dealer-new-step-edit #office_ext {
	width: 203px !important;
	max-width: 203px !important;
}

#dealer-new-step-edit #office_contact {
	width: 210px !important;
	max-width: 210px !important;
	margin-left: 3px !important;
}

#dealer-new-step-edit #office_fax_number {
	color: #000 !important;
}

#dealer-new-step-edit #phone_ext {
	width: 203px !important;
	max-width: 203px !important;
	margin-left: 3px !important;
}

#dealer-new-step-edit #phone {
	width: 210px !important;
	max-width: 210px !important;
	margin-left: 2px;
}

#dealer-new-step-edit #additional_phone_number {
	width: 209px !important;
	max-width: 209px !important;
	margin-left: 3px !important;
}

#dealer-new-step-edit #addition_ext {
	width: 204px !important;
	max-width: 204px !important;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef !important;
	opacity: 1;
}

#w4-costsheet .card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0rem !important;
}

#dealer-new-step-edit .select2-container,
#dealer-new-step .select2-container {
	flex-grow: 1;
}

#dealer-new-step-edit .select2-container--default .select2-selection--single,
#dealer-new-step .select2-container--default .select2-selection--single {
	height: 38px;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
}

/* #dealer-new-step-edit .select2-container,
#dealer-new-step .select2-container {
	display: none !important;
} */
#dealer-new-step-edit .page-header ,
#dealer-new-step .page-header{
	background: #ffff !important;
}
#dealer-new-step-edit .custome-label1 {
	margin-left: 10px;
    font-weight: 500;
    font-size: 0.9rem !important;
    margin-top: 4px;
}
@media (max-width: 1440px) {
	#dealer-new-step-edit #office_ext {
		width: 181px !important;
		max-width: 181px !important;
	}

	#dealer-new-step-edit #office_contact {
		width: 181px !important;
		max-width: 181px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #phone_ext {
		width: 181px !important;
		max-width: 181px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #phone {
		width: 181px !important;
		max-width: 181px !important;
	}

	#dealer-new-step-edit #additional_phone_number {
		width: 181px !important;
		max-width: 181px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #addition_ext {
		width: 181px !important;
		max-width: 181px !important;
	}
}

@media (max-width: 1024px) {
	#dealer-new-step #office_ext,
	#dealer-new-step-edit #office_ext {
		width: 80px !important;
		max-width: 80px !important;
	}

	#dealer-new-step-edit #office_contact {
		width: 160px !important;
		max-width: 160px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #office_fax_number {
		color: #000 !important;
	}

	#dealer-new-step-edit #phone_ext {
		width: 80px !important;
		max-width: 80px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #phone {
		width: 160px !important;
		max-width: 160px !important;
	}

	#dealer-new-step-edit #additional_phone_number {
		width: 160px !important;
		max-width: 160px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #addition_ext {
		width: 80px !important;
		max-width: 80px !important;
	}
}

@media (max-width: 768px) {
	#dealer-new-step-edit #office_ext {
		width: 70px !important;
		max-width: 70px !important;
	}

	#dealer-new-step-edit #office_contact {
		width: 90px !important;
		max-width: 90px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #office_fax_number {
		color: #000 !important;
	}

	#dealer-new-step-edit #phone_ext {
		width: 70px !important;
		max-width: 70px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #phone {
		width: 90px !important;
		max-width: 90px !important;
	}

	#dealer-new-step-edit #additional_phone_number {
		width: 90px !important;
		max-width: 90px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step-edit #addition_ext {
		width: 70px !important;
		max-width: 70px !important;
	}
}

/* ---------- */
#dealer-new-step .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	/* margin-bottom: 30px !important; */
	/* margin-top: -30px !important; */
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0%;
}

#dealer-new-step .step-container::-webkit-scrollbar {
	height: 0px;
}

#dealer-new-step .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-new-step .step-container > * {
	scroll-snap-align: start;
}

#dealer-new-step .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 1;
	padding: 0;
}

#dealer-new-step .step-container::-webkit-scrollbar {
	width: 0;
	height: 0;
}

#dealer-new-step .step-container:hover {
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

#dealer-new-step .step-container:hover::-webkit-scrollbar {
	height: 2px;
}

#dealer-new-step .step-container:hover::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 1px;
}

#dealer-new-step .step:last-child {
	flex: 0 0 275px;
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 12% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 32px !important;
	margin-left: -26px !important;
}

#dealer-new-step input.form-control {
	/* border: none; */
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-step input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}

#dealer-new-step .form-control,
#dealer-new-step .selection {
	border: none !important;
}
#dealer-new-step-edit .content-body,
#dealer-new-step .content-body {
	padding: 25px !important;
	padding-top: 10px !important;
}


#dealer-new-step .floating-label-group select {
	padding: 1rem 1rem 0.75rem 3rem !important;
	width: 32%;
	margin-right: 3px;
}

#dealer-new-step #office_ext {
	width: 222px !important;
	max-width: 222px !important;
}

#dealer-new-step #office_contact {
	width: 214px !important;
	max-width: 214px !important;
	margin-left: 3px !important;
}

#dealer-new-step #office_fax_number {
	color: #000 !important;
}

#dealer-new-step #phone_ext {
	width: 232px !important;
	max-width: 232px !important;
	margin-left: 3px !important;
}

#dealer-new-step #phone {
	width: 210px !important;
	max-width: 210px !important;
}

#dealer-new-step #additional_phone_number {
	width: 210px !important;
	max-width: 210px !important;
	margin-left: 3px !important;
}

#dealer-new-step #addition_ext {
	width: 225px !important;
	max-width: 225px !important;
}

#dealer-new-step .custome-label {
	margin-left: 20px !important;
}

#dealer-new-step .custome-label {
	margin-left: 20px;
	font-weight: 400;
	font-size: 0.9rem !important;
}

#dealer-new-step .form-check-label {
	margin-left: 10px;
    font-weight: 500;
    font-size: 0.9rem !important;
    margin-top: 4px;
}
#dealer-new-step .card-footer .pager li.next a i,
.card-footer .pager li.finish a {
	background-color: #2f6a8f !important;
	color: #fff !important;
}
#dealer-new-step {
	background: #fff !important;
}
@media (max-width: 1440px) {
	#dealer-new-step #addition_ext {
    width: 201px !important;
    max-width: 201px !important;
}
#dealer-new-step #office_ext{
    width: 197px !important;
    max-width: 197px !important;
}
#dealer-new-step #phone_ext {
    width: 201px !important;
    max-width: 201px !important;
    margin-left: 3px !important;
}
}
/* Medium screens - 1024px */
@media (max-width: 1024px) {
	#dealer-new-step #office_ext {
		width: 78px !important;
		max-width: 78px !important;
	}

	#dealer-new-step #office_contact {
		width: 170px !important;
		max-width: 170px !important;
		margin-left: 3px !important;
	}
	#dealer-new-step #additional_phone_number {
		width: 180px !important;
		max-width: 180px !important;
		margin-left: 3px !important;
	}
	#dealer-new-step #addition_ext {
		width: 78px !important;
		max-width: 78px !important;
	}
	#dealer-new-step #phone {
		width: 180px !important;
		max-width: 180px !important;
	}
	#dealer-new-step #phone_ext {
		width: 78px !important;
		max-width: 78px !important;
		margin-left: 3px !important;
	}
}
@media (max-width: 768px) {
	#dealer-new-step #office_ext {
		width: 70px !important;
		max-width: 70px !important;
	}

	#dealer-new-step #office_contact {
		width: 90px !important;
		max-width: 90px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step #office_fax_number {
		color: #000 !important;
	}

	#dealer-new-step #phone_ext {
		width: 70px !important;
		max-width: 70px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step #phone {
		width: 90px !important;
		max-width: 90px !important;
	}

	#dealer-new-step #additional_phone_number {
		width: 90px !important;
		max-width: 90px !important;
		margin-left: 3px !important;
	}

	#dealer-new-step #addition_ext {
		width: 70px !important;
		max-width: 70px !important;
	}
}


#dealer-new-step .nav-tabs .nav-link.active,
#dealer-new-step .nav-tabs .nav-item.show .nav-link {
	color: inherit !important;
	background-color: transparent !important;
	border-color: transparent !important;
}
#dealer-new-step .nav-tabs .nav-link,
#dealer-new-step .nav-tabs {
	border-bottom: none !important;
	border: none !important;
}

#dealer-new-step .floating-label-group textarea.form-control {
	padding-left: 55px !important;
}
#dealer-new-step .custome-price-color {
	background-color: #e9ecef !important;
}
#dealer-new-step .footer-btn,
#dealer-new-step-edit .footer-btn{
	padding-left: 22px;
	padding-right: 17px;
	padding-bottom: 8px;
	border-radius: 6px;
	padding-top: 6px;
}
#dealer-new-step .card-footer,
#dealer-new-step-edit .card-footer{
    padding: 1rem 0 !important;
 }
 #dealer-new-step .form-check,
 #dealer-new-step-edit .form-check{
	display: flex;
	width: fit-content;
	justify-content: start;
	align-items: center;
	margin-left: -1rem !important;

 }
 #dealer-new-step .form-check input,
 #dealer-new-step-edit .form-check input{
    width: 19px;
    height: 19px;
	position: relative !important;
	margin-left: 0rem !important;
 }
 #dealer-new-step .form-group,
 #dealer-new-step-edit .form-group {
    margin-bottom: 0.5rem;
}
#dealer-new-step .finish,
#dealer-new-step-edit .finish {
	padding-left: 1rem !important;
}
.select2-container--bootstrap .select2-dropdown {
	border: none !important;
}
#dealer-new-step-edit .previous a:hover {
    color: #000000;
    background: #eee;
}

/*---------------------leads-------------------- */
#assign_leads_view .right-wrapper,
#leads-add-notes .right-wrapper,
#leads-view-address .right-wrapper,
#leads-view .right-wrapper,
#leads-non-qualified .right-wrapper,
#he-leads-view .right-wrapper,
#privew-he-leads-view .right-wrapper,
#edit-he-leads-view .right-wrapper,
#leads-edit-notes .right-wrapper,
#leads-edit .right-wrapper,
#leads-add .right-wrapper{
	background: #fff !important;
	color: black !important;
}
#assign_leads_view .fa-chevron-left:before,
#assign_leads_view .fa-home,
#leads-add-notes .fa-chevron-left:before,
#leads-add-notes .fa-home,
#leads-view-address .fa-chevron-left:before,
#leads-view-address .fa-home,
#leads-view .fa-chevron-left:before,
#leads-view .fa-home,
#leads-non-qualified .fa-chevron-left:before,
#leads-non-qualified .fa-home,
#he-leads-view .fa-chevron-left:before,
#he-leads-view .fa-home,
#privew-he-leads-view .fa-chevron-left:before,
#privew-he-leads-view .fa-home,
#edit-he-leads-view .fa-chevron-left:before,
#edit-he-leads-view .fa-home,
#leads-edit-notes .fa-chevron-left:before,
#leads-edit-notes .fa-home,
#leads-edit .fa-chevron-left:before,
#leads-edit .fa-home,
#leads-add .fa-chevron-left:before,
#leads-add .fa-home{
	color: black !important;
}
#assign_leads_view .page-header span,
#leads-add-notes .page-header span,
#leads-view-address .page-header span,
#leads-view .breadcrumbs span,
#leads-non-qualified .breadcrumbs span,
#he-leads-view .breadcrumbs span,
#privew-he-leads-view .breadcrumbs span,
#edit-he-leads-view .breadcrumbs span,
#leads-edit-notes .breadcrumbs span,
#leads-edit .breadcrumbs span,
#leads-add .breadcrumbs span{
	color: black !important;
	font-weight: 400;
}
#assign_leads_view .page-header .breadcrumbs li,
#leads-add-notes .page-header .breadcrumbs li,
#leads-view-address .page-header .breadcrumbs li,
#leads-view .page-header .breadcrumbs li,
#leads-non-qualified .page-header .breadcrumbs li,
#he-leads-view .page-header .breadcrumbs li,
#privew-he-leads-view .page-header .breadcrumbs li,
#edit-he-leads-view .page-header .breadcrumbs li,
#leads-edit-notes .page-header .breadcrumbs li,
#leads-edit .page-header .breadcrumbs li,
#leads-add .page-header .breadcrumbs li{
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#assign_leads_view .page-header h2,
#leads-add-notes .page-header h2,
#leads-view-address .page-header h2,
#leads-view .page-header h2,
#leads-non-qualified .page-header h2,
#he-leads-view .page-header h2,
#privew-he-leads-view .page-header h2,
#edit-he-leads-view .page-header h2,
#leads-edit-notes .page-header h2,
#leads-edit .page-header h2,
#leads-add .page-header h2{
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	margin-left: 27px !important;
} 
#assign_leads_view .page-header,
#leads-add-notes .page-header,
#leads-view-address .page-header,
#leads-view .page-header,
#leads-non-qualified .page-header,
#he-leads-view .page-header,
#privew-he-leads-view .page-header,
#edit-he-leads-view .page-header,
#leads-edit-notes .page-header,
#leads-edit .page-header,
#leads-add .page-header{
	box-shadow: none !important;
}
#assign_leads_view .card,
#leads-add-notes .card,
#leads-view-address .card,
#leads-view .card,
#leads-non-qualified .card,
#he-leads-view .card,
#privew-he-leads-view .card,
#edit-he-leads-view .card,
#leads-edit-notes .card,
#leads-edit .card,
#leads-add .card{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#he-leads-view #datatable-lead_processing,
#leads-non-qualified #datatable-lead_processing,
#leads-view #datatable-lead_processing{
    border-radius: 30px !important;
	background: #006ea6 !important;
	color: white !important;
	font-weight: 500;
}
#assign_leads_view .card-header,
#leads-add-notes .card-header,
#leads-view-address .card-header,
#leads-view .card-header,
#leads-non-qualified .card-header,
#he-leads-view .card-header,
#privew-he-leads-view .card-header,
#edit-he-leads-view .card-header,
#leads-edit-notes .card-header,
#leads-edit .card-header,
#leads-add .card-header{
	/* border: 1px #dee2e6 !important; */
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#assign_leads_view .card-title,
#leads-add-notes .card-title,
#leads-view-address .card-title,
#leads-view .card-title,
#leads-non-qualified .card-title,
#he-leads-view .card-title,
#privew-he-leads-view .card-title,
#edit-he-leads-view .card-title,
#leads-edit-notes .card-title,
#leads-edit .card-title,
#leads-add .card-title{
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#assign_leads_view .card-body,
#leads-add-notes .card-body,
#leads-view-address .card-body,
#leads-view .card-body,
#leads-non-qualified .card-body,
#he-leads-view .card-body,
#privew-he-leads-view .card-body,
#edit-he-leads-view .card-body,
#leads-edit-notes .card-body,
#leads-edit .card-body,
#leads-add .card-body{
	background: #fafafa !important;
}
#leads-edit .step-container,
#leads-add .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	/* margin-bottom: 30px !important;
	margin-top: -30px !important; */
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0%;
}
#leads-edit .step-container::-webkit-scrollbar,
#leads-add .step-container::-webkit-scrollbar {
	height: 0px;
}
#leads-edit .step-container:hover::-webkit-scrollbar,
#leads-add .step-container:hover::-webkit-scrollbar {
	height: 2px;
}
#leads-edit .step-container::-webkit-scrollbar-thumb,
#leads-add .step-container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}
#leads-edit .step-container > *,
#leads-add .step-container > * {
	scroll-snap-align: start;
}
#leads-edit .tab-content,
#leads-add .tab-content {
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-top: 1;
	padding: 25px;
}
#leads-edit .step-container::-webkit-scrollbar,
#leads-add .step-container::-webkit-scrollbar {
	width: 0;
	height: 0;
}
#leads-edit .step-container:hover,
#leads-add .step-container:hover {
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}
#leads-edit .step-container:hover::-webkit-scrollbar,
#leads-add .step-container:hover::-webkit-scrollbar {
	height: 2px;
}
#leads-edit .step-container:hover::-webkit-scrollbar-thumb,
#leads-add .step-container:hover::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 1px;
}
#leads-edit .wizard-progress.wizard-progress-lg,
#leads-add .wizard-progress.wizard-progress-lg {
	margin: 0 auto 25px;
}
#leads-edit .step,
#leads-add .step {
	flex: 0 0 160px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}
#leads-edit .step-first,
#leads-add .step-first{
	height: 50px;
	flex: 0 0 160px;
	clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	padding-left: 30px;
	background: #EDF6ED !important;
}
#leads-edit .step:last-child,
#leads-add .step:last-child {
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 12% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 40px !important;
	margin-left: -15px !important;
	background:#d4ead5 !important;
}
#leads-edit .step,
#leads-add .step {
	background-color: #eff9fc;
	transition: background-color 0.1s ease-in-out;
}
#leads-edit .step.active,
#leads-add .step.active {
	background-color: #2f6a8f !important;
	color: white !important;
}
#leads-edit .step a,
#leads-add .step a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 10px;
	flex-direction: row;
	gap: 10px;
	text-align: center;
}
#leads-edit .step span,
#leads-add .step span{
	font-size: 1rem;
}
#leads-edit .nav-tabs .nav-link.active, 
#leads-edit .nav-tabs .nav-item.show .nav-link,
#leads-add .nav-tabs .nav-link.active, 
#leads-add .nav-tabs .nav-item.show .nav-link {
    color: white !important;
    background-color:#2f6a8f !important;
    border-color: #2f6a8f !important;
	    border-bottom-right-radius: 0.25rem;
}
#leads-edit .nav-tabs .nav-link:hover,
#leads-edit .nav-tabs .nav-link:focus,
#leads-add .nav-tabs .nav-link:hover,
#leads-add .nav-tabs .nav-link:focus {
    border-color:transparent !important;
}
#leads-edit .nav-tabs,
#leads-add .nav-tabs{
	border-bottom: none !important;
}
#edit-he-leads-view .floating-label-group .select2-selection--single,
#leads-edit .floating-label-group .select2-selection--single,
#leads-add .floating-label-group .select2-selection--single {
	/* border: 1px solid #ced4da !important;
    border-radius: 10px !important; */
	/* height: 50px !important;
	z-index: 0 !important;
	padding: 0.8rem 1rem 0.75rem 3rem; */
	border: 1px solid #ced4da !important;
	height: 50px !important;
	width: 100%;
	color: #000 !important;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	/* -webkit-box-shadow: none !important; */
}
#leads-edit .footer-btn,
#leads-add .footer-btn {
    padding-left: 22px;
    padding-right: 17px;
    padding-bottom: 8px;
    padding-top: 6px;
    border-radius: 6px;
	cursor: pointer !important;
    user-select: none !important;
}
#leads-edit .card-footer, 
#leads-add .card-footer {
    padding: 1rem 0px !important;
}
#leads-edit .card-footer{
	margin-top: -20px;
	border-top: none !important;
}
#leads-add .custom-label,
#leads-edit .custom-label {
    margin-left: 10px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    font-size: 0.9rem !important;
}
#leads-edit #same_as_mailing_address{
	margin-right: 10px !important;
}
#leads-add input[type="checkbox"],
#leads-edit input[type="checkbox"] {
  width: 18px;
  height: 18px;
}
#leads-add select,
#leads-edit select{
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000 !important;
	font-weight: 500;
}
#leads-add .select2-container,
#leads-edit .select2-container{
	width: 100% !important;
}
/* #leads-edit .select-person-prequalified-div{
	width: 100% !important;
} */
#leads-add-notes .floating-label-group input,
#edit-he-leads-view .floating-label-group input,
#leads-edit-notes .floating-label-group input,
#leads-edit .floating-label-group input,
#leads-add .floating-label-group input {
	/* width: 100%; */
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	height: 50px !important;
	color: #000;
	font-weight: 500;
	/* background-color: white; */
	padding-bottom: 22px !important;
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
	/* -webkit-box-shadow: none !important; */
}
#leads-edit .floating-label-group textarea,
#leads-add-notes .floating-label-group textarea,
#leads-add .floating-label-group textarea,
#edit-he-leads-view .floating-label-group textarea,
#leads-edit-notes .floating-label-group textarea{
	padding: 0.5rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000;
	font-weight: 500;
	border: 1px solid #ced4da !important;
	background: #ffffff;
}
#leads-view-address .custom-font .row > div {
    padding-bottom: 3px;
    font-size: 0.9rem;
    font-weight: 500;
}
#leads-view-address .custome-reson p{
	font-size: 0.8rem;
    font-weight: 500;
	color: #000;
}
#leads-add-notes .floating-label-group label.control-label,
#edit-he-leads-view .floating-label-group label.control-label,
#leads-edit-notes .floating-label-group label.control-label,
#leads-edit .floating-label-group label.control-label,
#leads-add .floating-label-group label.control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: #fff;
}
#edit-he-leads-view .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
	color: #000;
}
#leads-edit .select2-container--bootstrap.select2-container--open,
#leads-add .select2-container--bootstrap.select2-container--open {
	z-index: 10 !important;
}
#leads-add .floating-label-icon,
#leads-edit .floating-label-icon,
#leads-add-notes .floating-label-icon,
#edit-he-leads-view .floating-label-icon,
#leads-edit-notes .floating-label-icon,
#leads-edit .floating-label-icon,
#leads-add .floating-label-icon {
	position: absolute;
	top: 40%;
	left: 1.5rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}
#leads-edit #country_code,
#leads-edit #additional_country_code,
#leads-edit #secondary_additional_country_code,
#leads-edit #secondary_country_code,
#leads-add #country_code,
#leads-add #additional_country_code,
#leads-add #secondary_additional_country_code,
#leads-add #secondary_country_code{
	width: 30%;
	height: 50px;
	margin-right: 5px;
	font-size: 0.9rem;
	color: #000;
	padding: 0.8rem 1rem 0.75rem 1rem;
}
#leads-add .text-danger,
#leads-edit .text-danger,
#leads-edit .change-status,
#leads-add .change-status,
#leads-add-notes .error,
#edit-he-leads-view .error,
#leads-edit-notes .error,
#leads-add .error,
#leads-add .phone_alert,
#leads-edit .error,
#leads-edit .phone_alert{
	font-size: 0.8rem;
}
.alert-danger p{
	margin: 0px;
}
#leads-view .actions {
	width: 65px !important;
}
#leads-edit #phone_ext-error, 
#leads-edit #alternate_number_ext-error, 
#leads-edit #additional_phone_number_ext-error, 
#leads-edit #secondary_additional_phone_ext-error, 
#leads-edit #secondary_phone_ext-error, 

#leads-add #phone_ext-error, 
#leads-add #alternate_number_ext-error, 
#leads-add #additional_phone_number_ext-error, 
#leads-add #secondary_additional_phone_ext-error, 
#leads-add #secondary_phone_ext-error, 
#leads-add #office_ext-error, 
#leads-add #addition_ext-error, 
#leads-add #shipping_ext-error, 
#leads-add #accounting_ext-error, 
#leads-add #marketing_ext-error, 
#leads-add #carrier_number_ext-error {
    position: absolute;
    bottom: -10px;
	font-size: 0.8rem;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}
#he-leads-view table.table-bordered.dataTable td,
#leads-non-qualified table.table-bordered.dataTable td,
#leads-view table.table-bordered.dataTable td{
	background: #ffffff !important;
}
#leads-add .input-group-text,
#leads-edit .input-group-text,
#leads-add-notes .input-group-text,
#edit-he-leads-view .input-group-text,
#leads-edit-notes .input-group-text{
	padding: 0.375rem 0.5rem !important;
}
#leads-add-notes .date-label-group,
#edit-he-leads-view .date-label-group,
#leads-edit-notes .date-label-group{
    height: 50px;
}
#leads-view-address #noPrint{
	font-weight: 500 !important;
	font-size: 0.9rem !important;
	border-radius: 4px;
	white-space: nowrap;
}
#leads-add-notes .card-footer,
#edit-he-leads-view .card-footer,
#leads-edit-notes .card-footer{
	background: #fafafa;
}
#leads-add-notes .btn-icon-wrapper,
#edit-he-leads-view .btn-icon-wrapper,
#leads-edit-notes .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}
#leads-add-notes .submit-icon,
#edit-he-leads-view .submit-icon,
#leads-edit-notes .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
#leads-add-notes .custume-btm,
#edit-he-leads-view .custume-btm,
#leads-edit-notes .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
#leads-non-qualified .btn-default{
	margin-right: 10px;
	border-radius: 4px !important;
}
 #leads-non-qualified .buttons-excel{
	height: 39px;
    color: #ffffff;
    background: #e36159;
    border-radius: 4px !important;
 }
 #leads-non-qualified .buttons-excel:hover{
    background-color: #e9807a;
    border-color: #ea8b85 #ea8b85 #e36159;
    color: #ffffff;
}
#he-leads-view #deactivatedScreenOptionsBtn{
	margin-left: 0.6rem;
}
#he-leads-view #dealerSettingsPanel{
	background: #fafafa !important;
}
#leads-view #deactivatedScreenOptionsBtn{
	margin-right: 0.4rem;
	border-radius: 4px !important;
}
#leads-view .buttons-excel{
	height: 39px;
    border-radius: 4px !important;
}
#leads-view .from-to-mobile-view label{
	white-space: nowrap;
}
#leads-non-qualified input{
	border:1px solid #ccc !important;
}
#leads-non-qualified .md-div-space a,
#leads-non-qualified .md-div-space button{
	height: 40px;
	margin-top: 8px;
}
#leads-view-address table.table-bordered.dataTable td {
    font-weight: 500 !important;
    font-size: 13px !important;
    background: #fff !important;
}
#leads-edit .tab-content,
#leads-add .tab-content{
	padding: 0px !important;
	border: none !important;
}
#leads-add .previous a:hover,
#leads-edit .previous a:hover {
    color: #000000;
    background: #eee;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .pagination,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .pagination,
#leads-view .dataTables_wrapper .dataTables_paginate .pagination,
#he-leads-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button,
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button,
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .page-link,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .page-link,
#leads-view .dataTables_wrapper .dataTables_paginate .page-link,
#he-leads-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#assign_leads_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#assign_leads_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#leads-non-qualified .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#leads-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#he-leads-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#he-leads-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#assign_leads_view .card,
	#leads-edit #w4, 
	#leads-add #w4,
	#leads-add-notes .card,
	#leads-view .card,
	#leads-non-qualified .card,
	#he-leads-view .card,
	#privew-he-leads-view .card,
	#edit-he-leads-view .card,
	#leads-edit-notes .card{
        margin-top: -28px !important;
    }
}
@media (min-width: 768px) and (max-width: 820px) {
    #leads-edit-notes .page-header h2 {
        font-size: 18px !important;
        margin-left: 17px !important;
    }
	#leads-add-notes .page-header h2{
		font-size: 17px !important;
        margin-left: 17px !important;
	}
	#leads-add .sm-to-full,
	#leads-edit .sm-to-full,
	#leads-view-address .col-size-lead-info {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	#leads-view-address .md-div-space {
		margin-top: 2.5rem;
	}
	#leads-view #search_by_tag{
		display: grid !important;
		white-space: nowrap;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 10px;
	}
	#leads-view .date-serch-option{
		margin-left: -2rem !important;
	}
	#leads-view .table-scrollable-responsive #dataTable_row {
        width: 187% !important;
		margin-bottom: 10px !important;
    }
	#leads-view .btn-group {
        margin-right:32rem !important;
    }
	#leads-view .dataTables_wrapper .dataTables_filter label {
		width: 29% !important;
	}
	#leads-non-qualified .dataTables_wrapper .dataTables_filter label {
        width: 41% !important;
        margin-right: 13px !important;
    }
	#leads-non-qualified .ml-auto, .mx-auto {
		margin-left: 50px !important;
		width: 500px !important;
	}
	#leads-non-qualified .input-group{
		border:1px solid #ccc !important;
	}
	#leads-non-qualified .md-div-space a,
	#leads-non-qualified .md-div-space button{
		height: 40px;
	}
	#leads-edit .page-header h2{
		font-size: 19px !important;
		margin-left: 0px !important;
	}
	#leads-add .responsive-full-width,
	#leads-edit .responsive-full-width {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	#leads-add .md-div-space,
	#leads-edit .md-space-div{
		margin-top: 2.5rem !important;
	}
	#assign_leads_view #datatable_assigned_lead_filter {
		width: 100% !important;
		margin-left: auto !important;
	}
}
@media (width: 912px) {
	#leads-view #search_by_tag{
		display: grid !important;
		white-space: nowrap;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 10px;
	}
	#leads-view .date-serch-option{
		margin-right: 1.5rem !important;
	}
	#leads-view .table-scrollable-responsive #dataTable_row {
        width: 158% !important;
		margin-bottom: 10px !important;
    }
	#leads-view .btn-group {
        margin-right: 26rem !important;
    }
	#leads-view .dataTables_wrapper .dataTables_filter label {
		width: 34% !important;
	}
}
@media (width: 1024px) {
	#leads-view #search_by_tag{
		display: grid !important;
		white-space: nowrap;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 10px;
	}
	#leads-view .date-serch-option{
		margin-right: 1.5rem !important;
	}
	#leads-view .table-scrollable-responsive #dataTable_row {
        width: 134% !important;
		margin-bottom: 10px !important;
    }
	#leads-view .btn-group {
        margin-right: 18rem !important;
    }
	#leads-view .dataTables_wrapper .dataTables_filter label {
		width: 34%;
	}
	#leads-non-qualified #datatable-default-1_filter label{
		margin-right: 1rem;
	}
	#leads-non-qualified .ml-auto,
	#leads-non-qualified .mx-auto {
		margin-left: 80px !important;
		width: 500px !important;
	}
	#leads-add #phone,
	#leads-add #phone_ext,
	#leads-add #additional_phone_number,
	#leads-add #additional_phone_number_ext,
	#leads-add #secondary_phone,
	#leads-add #secondary_phone_ext,
	#leads-add #additional_phone_number_ext,
	#leads-add #secondary_additional_phone_ext,
	#leads-add #secondary_additional_phone_number,
	#leads-edit #phone,
	#leads-edit #phone_ext,
	#leads-edit #additional_phone_number_ext,
	#leads-edit #additional_phone_number,
	#leads-edit #secondary_additional_phone_ext,
	#leads-edit #secondary_additional_phone_number,
	#leads-edit #secondary_phone_number,
	#leads-edit #secondary_phone_ext {
		padding: 1rem 1rem 0.75rem 1rem !important;
	}
	#leads-add .custom-label,
	#leads-edit .custom-label {
		white-space: nowrap;
	}
}

/* ------------policy--------------- */
#policy_edit .right-wrapper,
#policy_view .right-wrapper,
#policy_add .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#policy_edit .fa-chevron-left:before,
#policy_view .fa-chevron-left:before,
#policy_add .fa-chevron-left:before {
	color: black !important;
}
#policy_edit .fa-home,
#policy_view .fa-home,
#policy_add .fa-home {
	color: black !important;
}
#policy_edit .page-header h2,
#policy_view .page-header h2,
#policy_add .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#policy_edit .page-header .breadcrumbs li,
#policy_view .page-header .breadcrumbs li,
#policy_add .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#policy_edit .breadcrumbs span,
#policy_view .breadcrumbs span ,
#policy_add .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#policy_edit .page-header,
#policy_view .page-header,
#policy_add .page-header {
	box-shadow: none !important;
}
#policy_edit .page-header h2,
#policy_view .page-header h2,
#policy_add .page-header h2 {
	margin-left: 27px !important;
}
#policy_edit .card-title,
#policy_view .card-title,
#policy_add .card-title {
	font-size: 21px;
	font-weight: 500;
	color: #1f1f1f !important;
}
#policy_edit .card,
#policy_view .card,
#policy_add .card {
	background: #fafafa !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}
#policy_edit .card-footer,
#policy_add .card-footer{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
#policy_edit .card-header,
#policy_view .card-header,
#policy_add .card-header{
	background-color: #fafafa !important;
	height: 60px;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-top: 1px solid #dee2e6 !important;
}
#policy_edit .card-body,
#policy_view .card-body,
#policy_add .card-body {
	background: #fafafa !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-top: none !important;
}
#policy_edit .floating-label-group .control-label,
#policy_add .floating-label-group .control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#policy_edit .floating-label-group input,
#policy_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#policy_add .floating-label-group .file-input,
#policy_edit .floating-label-group .file-input{
	height: 50px;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#policy_view table.table-bordered.dataTable td {
    font-weight: 500 !important;
    font-size: 13px !important;
    background: #fff !important;
}
#policy_add #form-submit,
#policy_edit .back-btn,
#policy_edit .submit{
	background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#policy_add .btn-icon-wrapper,
#policy_edit .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#policy_add .submit-icon,
#policy_edit .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#policy_add input[type="checkbox"],
#policy_edit input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
#policy_edit .custome-label,
#policy_add .custome-label{
	font-size: 0.9rem;
	font-weight: 500;
}
#policy_edit .error, .was-validated .form-control:invalid:focus, 
#policy_edit .form-control.is-invalid:focus,
#policy_add .error, .was-validated .form-control:invalid:focus, 
#policy_add .form-control.is-invalid:focus{
	border:none !important;
	box-shadow: none !important;
}
#policy_edit .error,
#policy_add .error{
	font-size: 0.8rem;
}
/*------------------------policy pagination------------------------- */
#policy_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#policy_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#policy_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#policy_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#policy_edit .card,
	#policy_view .card ,
	#policy_add .card {
        margin-top: -28px !important;
    }
}
#dealer-view-address .position-relative .circle{
	height: 128px !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
	#dealer-view-address .position-relative .circle{
		height: 105px !important;
	}
}

/* ----------------new-ticket------------------ */
#use_view .right-wrapper,
#single_ticket_view .right-wrapper,
#edit_ticket_file .right-wrapper,
#ticket_edit .right-wrapper,
#ticket_view .right-wrapper,
#ticket_add .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#use_view .fa-home,
#use_view .fa-chevron-left:before,
#single_ticket_view .fa-home,
#single_ticket_view .fa-chevron-left:before,
#edit_ticket_file .fa-home,
#edit_ticket_file .fa-chevron-left:before,
#ticket_edit .fa-home,
#ticket_edit .fa-chevron-left:before,
#ticket_view .fa-home,
#ticket_view .fa-chevron-left:before,
#ticket_add .fa-home,
#ticket_add .fa-chevron-left:before {
	color: black !important;
}
#use_view .page-header h2,
#single_ticket_view .page-header h2,
#edit_ticket_file .page-header h2,
#ticket_edit .page-header h2,
#ticket_view .page-header h2,
#ticket_add .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#use_view .breadcrumbs span,
#single_ticket_view .breadcrumbs span,
#edit_ticket_file .breadcrumbs span,
#ticket_edit .breadcrumbs span,
#ticket_view .breadcrumbs span,
#ticket_add .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#use_view .page-header .breadcrumbs li,
#single_ticket_view .page-header .breadcrumbs li,
#edit_ticket_file .page-header .breadcrumbs li,
#ticket_edit .page-header .breadcrumbs li,
#ticket_view .page-header .breadcrumbs li,
#ticket_add .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#use_view .page-header,
#single_ticket_view .page-header,
#edit_ticket_file .page-header,
#ticket_edit .page-header,
#ticket_view .page-header,
#ticket_add .page-header {
	box-shadow: none !important;
}
#use_view .page-header h2,
#single_ticket_view .page-header h2,
#edit_ticket_file .page-header h2,
#ticket_edit .page-header h2,
#ticket_view .page-header h2 ,
#ticket_add .page-header h2 {
	margin-left: 27px !important;
}
#use_view .card,
#single_ticket_view  #card-3,
#single_ticket_view .card,
#edit_ticket_file .card,
#ticket_edit .card,
#ticket_view .card,
#ticket_add .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#use_view .card-header,
#single_ticket_view .card-header,
#edit_ticket_file .card-header,
#ticket_edit .card-header,
#ticket_view .card-header,
#ticket_add .card-header {
	/* border: 1px #babdbbbd !important; */
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#use_view .card-title,
#single_ticket_view .card-title,
#edit_ticket_file .card-title,
#ticket_edit .card-title,
#ticket_view .card-title,
#ticket_add .card-title {
    /* padding: 9px 0 9px 9px; */
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}

#use_view .card-body,
#single_ticket_view .card-body,
#edit_ticket_file .card-body,
#ticket_edit .card-body,
#ticket_edit .card-footer,
#ticket_view .card-body,
#ticket_add .card-body{
	background-color: #fafafa !important;
}
#use_view table.table-bordered.dataTable td,
#single_ticket_view table.table-bordered.dataTable td,
#ticket_view table.table-bordered.dataTable td {
	background:#ffffff ;
}
#edit_ticket_file .floating-label-group label,
#ticket_edit .floating-label-group label,
#ticket_add .floating-label-group label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#ticket_add .select2-container--bootstrap.select2-container--open{
	z-index: 9;
}
#edit_ticket_file .floating-label-group input{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 12px;
	padding-left: 8px;
	font-size: 11px;
	background: white;
	color: #000000;
	font-weight: 500;
}
#ticket_edit .floating-label-group input,
#ticket_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#edit_ticket_file .floating-label-group,
#ticket_edit .floating-label-group,
#ticket_add .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
}
#edit_ticket_file .floating-label-icon,
#ticket_edit .floating-label-icon,
#ticket_add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}
#ticket_edit .floating-label-group select,
#ticket_edit .select2-selection--single,
#ticket_add .select2-selection--single{
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 2rem;
    font-size: 0.9rem;
    color: #000000;
	font-weight: 500;
}
#ticket_add textarea,
#ticket_edit textarea{
	padding: 1rem 1rem 0.75rem 2rem;
    font-size: 0.9rem;
    color: #000000;
	font-weight: 500;
}
#ticket_edit .select2-selection__rendered{
	color: #000000;
}
#single_ticket_view .btn-icon-wrapper,
#edit_ticket_file .btn-icon-wrapper,
#ticket_edit .btn-icon-wrapper,
#ticket_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#single_ticket_view .submit-icon,
#edit_ticket_file .submit-icon,
#ticket_edit .submit-icon,
#ticket_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#single_ticket_view .card-body .row{
	font-size: 0.9rem;
    font-weight: 500;
	margin-top: 2px;
}
#single_ticket_view .custume-btm,
#edit_ticket_file #submit,
#edit_ticket_file .custume-btm,
#ticket_edit #submit,
#ticket_edit .custume-btm,
#ticket_add .custume-btm,
#ticket_add #submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#edit_ticket_file .card-footer,
#tickrt_edit .card-footer,
#ticket_add .card-footer{
	background: #fafafa;
}
#ticket_view .actions_td {
	border-bottom: none !important;
}
#ticket_add .form-control.is-invalid{
	border-color: 1px #ccc !important;
	background-image: none !important;
}
#ticket_add .error{
	font-size: 0.8rem !important;
}
#ticket_view .new-view-button{
	border: none !important;
	background: none !important;
	-webkit-box-shadow:none !important; 
	box-shadow: none !important;
}
#ticket_edit .select2-container--bootstrap.select2-container--open{
	z-index: 9 !important;
}
.icon-print {
    color: #4D758C;
    border-color: #4D758C;
    background-color: #E8EFF3;
}
#ticket_view .table-striped tbody tr:nth-of-type(odd) {
	background-color: #ffffff !important;
}

/*---------------------- ticket permission pagination ------------ */
#use_view .dataTables_wrapper .dataTables_paginate .pagination,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .pagination,
#ticket_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#use_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#use_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#single_ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#use_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#use_view .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#single_ticket_view .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#use_view .dataTables_wrapper .dataTables_paginate .page-link,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .page-link,
#ticket_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#use_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#use_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#use_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#single_ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#ticket_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#ticket_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#use_view .card,
	#edit_ticket_file .card,
	#ticket_edit .card,
	#ticket_view .card,
	#ticket_add .card {
        margin-top: -28px !important;
    }
}
@media (max-width: 820px) and (min-width: 768px) {
  #single_ticket_view .md-div-space {
    margin-top: 1.5rem !important;
  }
  #single_ticket_view div.dataTables_filter input {
    height: 39px;
    width: 30% !important;
	margin-right: 15px;
  }
 #ticket_view .from-mobile-view{
	margin-right: 2rem !important;
  }
 #ticket_view .form-wizard{
	margin-left: -28rem;
 }
 #ticket_view #datatable-default-1_wrapper > .row:first-child {
   width: 130%;
 }
 #ticket_view #datatable-default-1_filter{
	margin-right: 10rem !important;
 }
 #ticket_view .dataTables_wrapper .select2-container {
    width: 17% !important;
  }
}
@media (width: 1024px){
	#ticket_view .from-mobile-view{
	margin-right: 5rem !important;
  }
 #ticket_view .form-wizard{
	margin-left: -28rem;
 }
}
#ticket_view .ticket-view:visited,
#ticket_view .delete-ticket-btn:visited,
#ticket_view .ticket-view:focus:active,
#ticket_view .delete-ticket-btn:focus:active,
#ticket_view .delete-ticket-btn, 
#ticket_view .ticket-view{
	color: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* -----------Tools of trade---------------- */
#tot_edit .right-wrapper,
#tot_cayegory .right-wrapper,
#tot_view .right-wrapper,
#tot_add .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#tot_edit .fa-chevron-left:before,
#tot_cayegory .fa-chevron-left:before,
#tot_view .fa-chevron-left:before,
#tot_add .fa-chevron-left:before {
	color: black !important;
}
#tot_edit .fa-home,
#tot_cayegory .fa-home,
#tot_view .fa-home,
#tot_add .fa-home {
	color: black !important;
}
#tot_edit .page-header h2,
#tot_cayegory .page-header h2,
#tot_view .page-header h2,
#tot_add .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#tot_edit .page-header .breadcrumbs li,
#tot_cayegory .page-header .breadcrumbs li,
#tot_view .page-header .breadcrumbs li,
#tot_add .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#tot_edit .breadcrumbs span,
#tot_cayegory .breadcrumbs span,
#tot_view .breadcrumbs span ,
#tot_add .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#tot_edit .page-header,
#tot_cayegory .page-header,
#tot_view .page-header,
#tot_add .page-header {
	box-shadow: none !important;
}
#tot_edit .page-header h2,
#tot_cayegory .page-header h2,
#tot_view .page-header h2,
#tot_add .page-header h2 {
	margin-left: 27px !important;
} 
#tot_edit .card-title,
#tot_cayegory .card-title,
#tot_view .card-title,
#tot_add .card-title {
	font-size: 21px;
	font-weight: 500;
	padding: 5px 0 9px 9px;
	color: #1f1f1f !important;
}
#tot_edit .card,
#tot_cayegory .card,
#tot_view .card,
#tot_add .card {
	background: #fafafa !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}
#tot_edit .card-footer,
#tot_cayegory .card-footer,
#tot_add .card-footer{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
#tot_edit .card-header,
#tot_cayegory .card-header,
#tot_view .card-header,
#tot_add .card-header{
	background-color: #fafafa !important;
	height: 60px;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-top: 1px solid #dee2e6 !important;
}
#tot_edit .card-body,
#tot_cayegory .card-body,
#tot_view .card-body,
#tot_add .card-body {
	background: #fafafa !important;
	border-left: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-top: none !important;
}
#tot_edit .floating-label-group .control-label,
#tot_cayegory .floating-label-group .control-label,
#tot_add .floating-label-group .control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#tot_edit .floating-label-group input,
#tot_cayegory .floating-label-group input,
#tot_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#tot_edit .select2-container--bootstrap .select2-selection--single,
#tot_add .select2-container--bootstrap .select2-selection--single {
    height: 50px;
    line-height: 1.7;
	font-size: 0.9rem;
	color: #000000;
	font-weight: 500;
    padding: 0.8rem 1rem 0.75rem 3rem;
}
#tot_edit .select2-container--bootstrap.select2-container--open,
#tot_add .select2-container--bootstrap.select2-container--open{
	z-index: 9;
}
#tot_add .label-dealer{
	margin-left: 5.3rem;
}
#tot_edit .error,
#tot_cayegory .error,
#tot_add .error{
	font-size: 0.8rem;
}
#tot_edit .btn-icon-wrapper,
#tot_cayegory .btn-icon-wrapper,
#tot_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#tot_edit .submit-icon,
#tot_cayegory .submit-icon,
#tot_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#tot_edit #form-submit,
#tot_cayegory .add-category-submit,
#tot_cayegory .edit-category-submit,
#tot_add #form-submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#tot_edit .label-dealer,
#tot_add .label-dealer{
	margin-left: 5.4rem;
	display: flex;
}
#tot_add .access_checkbox_div .form-check label:first-of-type,
#tot_edit .access_checkbox_div .form-check label:first-of-type{
	display: flex;
	white-space: nowrap;
}
#tot_edit .access_checkboxs,
#tot_add .access_checkboxs{
	margin-right: 7px;
    margin-top: 0.2rem !important;
}
#tot_edit input[type="checkbox"],
#tot_add input[type="checkbox"] {
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	position: relative !important;
	margin-left: 0rem !important;
}
#tot_edit .form-check-label,
#tot_edit .label-project-file,
#tot_add .form-check-label,
#tot_add .label-project-file {
	margin-left: 5px;
	font-weight: 500;
	font-size: 0.9rem !important;
	white-space: nowrap;
}
#tot_edit .label-project-file,
#tot_add .label-project-file{
	margin-left: -2px;
}
#tot_edit .custom-col .form-check,
#tot_add .custom-col .form-check{
	padding-left: 7rem;
}
#tot_edit .form-check-label,
#tot_add .form-check-label {
	margin-bottom: 11px;
}
#tot_edit .access_checkbox_div .form-check label
#tot_add .access_checkbox_div .form-check label {
	display: flex;
	align-items: center;
	gap: 8px;
}
#tot_edit .custome-label,
#tot_edit #access_position_employee span,
#tot_edit #access_position_dealer span,
#tot_edit .access_checkbox_div label,
#tot_add .custome-label,
#tot_add #access_position_employee span,
#tot_add #access_position_dealer span,
#tot_add .access_checkbox_div label{
	font-weight: 500;
	font-size: 0.9rem !important;
}
#tot_view .icon-blue,
#tot_view .icon-green,
#tot_view .icon-red{
	margin: 0.2rem !important;
}
@media only screen and (min-width: 768px) {
	#tot_edit .card,
	#tot_cayegory .page-start,
	#tot_view .card ,
	#tot_add .card {
        margin-top: -28px !important;
    }
}
@media  (width: 768px) {
	#tot_edit .label-dealer,
	#tot_add .label-dealer{
		margin-left: 1.7rem !important;
	}
	#datatable-tabletools1_wrapper .row:first-child{
		width: 111% !important;
	}
	#datatable-tabletools1_wrapper #datatable-tabletools1_filter{
		margin-right: 49px !important;
	}
	#tot_edit .custom-col .form-check,
	#tot_add .custom-col .form-check {
		padding-left: 7.7rem;
	}
}
@media  (width: 820px) {
	#tot_edit .label-dealer,
	#tot_add .label-dealer{
		margin-left: 1.9rem !important;
	}
	#datatable-tabletools1_wrapper .row:first-child{
		width: 108% !important;
	}
	#datatable-tabletools1_wrapper #datatable-tabletools1_filter{
		margin-right: 25px !important;
	}
	#tot_edit .custom-col .form-check,
	#tot_add .custom-col .form-check {
		padding-left: 8.1rem;
	}
}
@media only screen and (width: 1024px) {
	#tot_edit .label-dealer,
	#tot_add .label-dealer{
		margin-left: 3.1rem !important;
	}
	#tot_edit .label-project-file,
	#tot_add .label-project-file{
		flex: 0 0 33.333333%;
		max-width: 45%;
	}
	#tot_edit .label-project-file,
	#tot_add .label-project-file{
		margin-left: 0px;
	}
	#tot_edit .custom-col .form-check,
	#tot_add .custom-col .form-check{
		padding-left: 1.3rem;
	}
}
@media only screen and (width: 1440px) {
	#tot_edit .label-dealer,
	#tot_add .label-dealer{
		margin-left: 5rem !important;
	}
	#tot_edit .custom-col .form-check{
		padding-left: 6.5rem;
	}
}
@media (max-width: 820px) and (min-width: 768px) {
	#tot_cayegory .custom-col,
	#tot_cayegory .custom-col2,
	#tot_edit .custom-col,
	#tot_add .custom-col {
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
  #tot_cayegory .custom-col2{
	margin-top: 2.5rem;
  }
  #tot_cayegory .page-header h2{
	font-size: 18px !important;
  }
}
/*------ tools and trade pagination------ */
#tot_view .dataTables_wrapper .dataTables_paginate .pagination,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#tot_view .dataTables_wrapper .dataTables_paginate .page-link,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#tot_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#tot_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#tot_cayegory .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
/* ----------------------FAQs------------------------ */
#faq_only_view .right-wrapper,
#faq_category .right-wrapper,
#faq_view .right-wrapper{
	background: #fff !important;
	color: black !important;
}
#faq_only_view .fa-home,
#faq_category .fa-home,
#faq_view .fa-home{
	color: black !important;
}
#faq_only_view  .breadcrumbs span,
#faq_category .breadcrumbs span,
#faq_view .breadcrumbs span{
	color: black !important;
	font-weight: 400;
}
#faq_only_view .fa-chevron-left:before,
#faq_category .fa-chevron-left:before,
#faq_view .fa-chevron-left:before{
	color: black !important;
}
#faq_only_view  .page-header .breadcrumbs li,
#faq_category .page-header .breadcrumbs li,
#faq_view .page-header .breadcrumbs li{
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#faq_only_view  .page-header h2, 
#faq_category .page-header h2,
#faq_view .page-header h2{
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	margin-left: 27px !important;
}
#faq_only_view  .page-header,
#faq_category .page-header,
#faq_view .page-header{
	box-shadow: none !important;
}
#faq_category .md-div-space,
#faq_category .card{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#faq_category .card-header{
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#faq_category .md-div-space .card-header{
	margin-left: -15px;
	margin-right: -15px;
}
#faq_category .card-title{
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#faq_category .card-body{
	background: #fafafa !important;
}
#faq_view .floating-label-group input,
#faq_category .floating-label-group input {
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	height: 50px !important;
	color: #000;
	font-weight: 500 !important;
	padding-bottom: 22px !important;
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}
#faq_view .floating-label-group label.control-label,
#faq_category .floating-label-group label.control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 94 !important;
	font-weight: 500 !important;
	background-color: #fff;
}
#faq_view .floating-label-group textarea {
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000 !important;
	font-weight: 500 !important;
}
#faq_view .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 50px !important;
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}
#faq_view .select2-container--bootstrap.select2-container--open{
	z-index: 90 !important;
}
#faq_view .select2-container--bootstrap.select2-container--focus .select2-selection{
    border: 1px solid #ccc !important;
}
#faq_category .floating-label-icon {
	position: absolute;
	top: 40%;
	left: 1.5rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 98;
}
#faq_only_view .card-body,
#faq_only_view .card-header,
#faq_view .card-body,
#faq_view .card-header {
	background: #fafafa !important;
}
#faq_only_view .card-body p,
#faq_view .card-body p {
    color: #777777;
	font-size: 0.9rem;
}
#faq_only_view .accordion .card,
#faq_view .accordion .card{
	border: 1px solid #e2e2e2 !important;
	border-radius: 8px !important;
	margin-bottom: 30px !important;
}
#faq_only_view .card-header,
#faq_view .card-header{
	border-bottom: 1px solid #e2e2e2 !important;
}
#faq_only_view .accordion .card-header a,
#faq_view .accordion .card-header a {
	padding: 5px 20px;
	color: #0a0a0a;
}
/* #faq_only_view .accordion-toggle::after
#faq_view .accordion-toggle::after
 {
	content: '▼';
	color:#B4B4B4;
	float: right;
	font-size: 12px;
	transition: transform 0.3s ease;
} */
/* #faq_only_view .accordion-toggle:not(.collapsed)::after,
#faq_view .accordion-toggle:not(.collapsed)::after
 {
	content: '▲';
} */
#faq_view .btn-icon-wrapper,
#faq_category .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#faq_view .submit-icon,
#faq_category .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#faq_view .custume-btm,
#faq_category .custume-btm {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#faq_view .card-header-edit-f,
#faq_view .card-header-add-f{
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
	padding: 19px 20px !important;
}
#faq_category .card-footer{
	background: #fafafa !important;
}
#faq_view .card-footer{
	background: #fafafa !important;
	border-bottom: 1px solid #e2e2e2;
}
#faq_only_view h2.card-title,
#faq_view h2.card-title {
	color: #0b0c0c;
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
	font-weight: 600;
}
#faq_only_view h3,
#faq_view h3{
    font-weight: 500;
}
#faq_only_view .page-start{
	border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 25px 20px 20px 20px;
}
#faq_view .page-start{
	border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 0px 20px 20px 20px;
}
/* --------------------FAQs-pagination------------- */
#faq_category .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#faq_category .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#faq_category .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#faq_category .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#faq_only_view .page-start,
	#faq_view .page-start,
	#faq_category .md-div-space,
	#faq_category .card {
		margin-top: -28px !important;
	}
		
}
@media (min-width: 768px) and (max-width: 820px) {
   #faq_category .md-div-space {
		margin: 15px;
    }
	#faq_category .card {
		margin-bottom: 60px !important;
	}
	#faq_only_view .page-start,
	#faq_view .page-start{
		margin-left: 0px !important;
	}
}
/* ---------------------------Vendor------------------------- */
#vendor_staff_edit .right-wrapper,
#vendor_edit .right-wrapper,
#vendor_staff_add .right-wrapper,
#vendor_staff_deactivated .right-wrapper,
#vendor_staff_view .right-wrapper,
#vendor_deactivated .right-wrapper,
#vendor-view .right-wrapper,
#vendor_add .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#vendor_staff_edit .fa-home,
#vendor_edit .fa-home,
#vendor_staff_add .fa-home,
#vendor_staff_deactivated .fa-home,
#vendor_staff_view .fa-home,
#vendor_deactivated .fa-home,
#vendor-view .fa-home,
#vendor_add .fa-home {
	color: black !important;
}
#vendor_staff_edit .page-header h2,
#vendor_edit .page-header h2,
#vendor_staff_add .page-header h2,
#vendor_staff_deactivated .page-header h2,
#vendor_staff_view .page-header h2,
#vendor_deactivated .page-header h2,
#vendor-view .page-header h2,
#vendor_add .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#vendor_staff_edit .page-header .breadcrumbs li,
#vendor_edit .page-header .breadcrumbs li,
#vendor_staff_add .page-header .breadcrumbs li,
#vendor_staff_deactivated .page-header .breadcrumbs li,
#vendor_staff_view .page-header .breadcrumbs li,
#vendor_deactivated .page-header .breadcrumbs li,
#vendor-view .page-header .breadcrumbs li,
#vendor_add .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#vendor_staff_edit .breadcrumbs span,
#vendor_edit .breadcrumbs span,
#vendor_staff_add .breadcrumbs span,
#vendor_staff_deactivated .breadcrumbs span,
#vendor_staff_view .breadcrumbs span,
#vendor_deactivated .breadcrumbs span,
#vendor-view .breadcrumbs span,
#vendor_add .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#vendor_staff_edit .fa-chevron-left:before,
#vendor_edit .fa-chevron-left:before,
#vendor_staff_add .fa-chevron-left:before,
#vendor_staff_deactivated .fa-chevron-left:before,
#vendor_staff_view .fa-chevron-left:before,
#vendor_deactivated .fa-chevron-left:before,
#vendor-view .fa-chevron-left:before,
#vendor_add .fa-chevron-left:before {
	color: black !important;
}
#vendor_staff_edit .page-header,
#vendor_edit .page-header,
#vendor_staff_add .page-header,
#vendor_staff_deactivated .page-header,
#vendor_staff_view .page-header,
#vendor_deactivated .page-header,
#vendor-view .page-header,
#vendor_add .page-header {
	box-shadow: none !important;
}
#vendor_staff_edit .page-header h2,
#vendor_edit .page-header h2,
#vendor_staff_add .page-header h2,
#vendor_staff_deactivated .page-header h2,
#vendor_staff_view .page-header h2,
#vendor_deactivated .page-header h2,
#vendor-view .page-header h2,
#vendor_add .page-header h2 {
	margin-left: 27px !important;
}
#vendor_staff_edit .card-title,
#vendor_edit .card-title,
#vendor_staff_add .card-title,
#vendor_staff_deactivated .card-title,
#vendor_staff_view .card-title,
#vendor_deactivated .card-title,
#vendor-view .card-title,
#vendor_add .card-title {
	font-size: 21px;
	font-weight: 500;
	color: #1f1f1f !important;
}
#vendor_staff_edit .card,
#vendor_edit .card,
#vendor_staff_add .card,
#vendor_staff_deactivated .card,
#vendor_staff_view .card,
#vendor_deactivated .card,
#vendor-view .card,
#vendor_add .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#vendor_staff_edit .card-header,
#vendor_edit .card-header,
#vendor_staff_add .card-header,
#vendor_staff_deactivated .card-header,
#vendor_staff_view .card-header,
#vendor_deactivated .card-header,
#vendor-view .card-header,
#vendor_add .card-header {
	background-color: #fafafa !important;
	height: 60px;
}
#vendor_staff_edit .card-footer,
#vendor_edit .card-footer,
#vendor_edit .card-body,
#vendor_staff_add .card-footer,
#vendor_staff_add .card-body,
#vendor_staff_deactivated .card-body,
#vendor_staff_view .card-body,
#vendor_deactivated .card-body,
#vendor-view .card-body,
#vendor_add .card-footer,
#vendor_add .card-body {
	background-color: #fafafa !important;
}
#vendor_staff_edit .floating-label-group .control-label,
#vendor_vendor_edit .floating-label-group .control-label,
#vendor_staff_add .floating-label-group .control-label,
#vendor_add .floating-label-group .control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#vendor_staff_edit .floating-label-group input,
#vendor_edit .floating-label-group input,
#vendor_staff_add .floating-label-group input,
#vendor_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#vendor_staff_add .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#vendor_staff_edit .select2-container--bootstrap .select2-selection--single{
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#vendor_staff_edit .select2-selection__rendered{
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000 !important;
}
#vendor_staff_add .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	font-weight: 500;
}
#vendor_staff_edit .select2-container--bootstrap.select2-container--open,
#vendor_staff_add .select2-container--bootstrap.select2-container--open{
	z-index: 9;
}
#vendor_staff_edit #phone_number_type,
#vendor_staff_edit #country_code,
#vendor_staff_edit #alternate_number_type,
#vendor_staff_edit #alt_country_code,
#vendor_edit #alt_country_code,
#vendor_edit #alternate_number_type,
#vendor_edit #phone_number_type,
#vendor_edit #country_code,
#vendor_add #alt_country_code,
#vendor_add #phone_number_type,
#vendor_add #country_code,
#vendor_add #alternate_number_type,
#vendor_staff_add #alt_country_code,
#vendor_staff_add #phone_number_type,
#vendor_staff_add #country_code,
#vendor_staff_add #alternate_number_type{
	padding: 0rem 0rem 0.1rem 1rem !important;
	width: 30%;
	margin-right: 3px;
	font-weight: 500;
	height: 50px;
}
#vendor_staff_edit #phone_ext,
#vendor_staff_edit #alternate_number_ext,
#vendor_edit #alternate_number_ext,
#vendor_edit #phone_ext,
#vendor_add #alternate_number_ext,
#vendor_add #phone_ext,
#vendor_staff_add #alternate_number_ext,
#vendor_staff_add #phone_ext{
	width: 20%;
	padding-left: 14px;
}
#vendor_staff_edit #submit,
#vendor_edit #submit,
#vendor_staff_add #submit,
#vendor_add #submit{
	background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#vendor_staff_edit .btn-icon-wrapper,
#vendor_edit .btn-icon-wrapper,
#vendor_staff_add .btn-icon-wrapper,
#vendor_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#vendor_staff_edit .submit-icon,
#vendor_edit .submit-icon,
#vendor_staff_add .submit-icon,
#vendor_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#vendor_staff_deactivated table.table-bordered.dataTable td,
#vendor_staff_view table.table-bordered.dataTable td,
#vendor_deactivated table.table-bordered.dataTable td,
#vendor-view table.table-bordered.dataTable td {
    font-weight: 500 !important;
    font-size: 13px !important;
    background: #fff !important;
}
#vendor_staff_edit .staff-profile-image,
#vendor_edit .vendor-profile1{
	padding: 75px !important;
}
#vendor_edit .staff-profile-image,
#vendor_staff_edit .staff-profile-image{
	/* min-height: 200px; */
	height: auto;
}
#vendor_edit .change-image,
#vendor_staff_edit .change-image{
	margin-left: 35px;
}
#vendor_edit .camera-icon,
#vendor_staff_edit .camera-icon {
    position: absolute;
	/* bottom: -7rem; */
	bottom: -67px;
	left: 73px !important;
    width: 30px;
    height: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	border: 1px solid #28a745;
	border-radius: 4px;
}
#vendor_edit .user-info,
#vendor_staff_edit .user-info{
	width: 20px;
	height: 20px;
}
#vendor_edit .circle,
#vendor_staff_edit .circle {
    border-radius: 2px !important;	
	overflow: hidden;
	width: 128px;
	/* height: 128px; */
	border: 2px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 50px;
	overflow: visible;
	color: #28a745	;
}
#vendor_edit .profile-initials,
#vendor_staff_edit .profile-initials{
	max-width: 100%;
    height: auto;
    display: inline-block;
}
#vendor_staff_edit .card,
#vendor_edit .card{
	margin-top: -28px !important;
}
#vendor_edit #phone_alert,
#vendor_edit #phone_alert1,
#vendor_edit .text-danger,
#vendor_edit .error,
#vendor_add #phone_alert,
#vendor_add #phone_alert1,
#vendor_add .text-danger,
#vendor_add .error{
	font-size: 0.8rem !important;
}
#vendor_edit #phone_ext-error, 
#vendor_edit #alternate_number_ext-error,
#vendor_add #alternate_number_ext-error,
#vendor_add #phone_ext-error{
	bottom: -14px !important;
}
#vendor_add #phone-error{
	bottom: -17px !important;
}
#vendor_staff_edit .text-danger,
#vendor_staff_edit .phone_alert,
#vendor_staff_edit .error,
#vendor_staff_add .phone_alert,
#vendor_staff_add .error{
	font-size: 0.8rem;
	white-space: nowrap;
}
#vendor_staff_edit #alternate_number_ext-error,
#vendor_staff_edit #phone_ext-error,
#vendor_staff_add #alternate_number_ext-error,
#vendor_staff_add #phone_ext-error{
	bottom: -6px !important;
}
#vendor_staff_edit #phone-error{
	bottom: -7px !important;
}
#vendor_staff_add #phone-error{
	bottom: -7px !important;
}
#vendor_staff_edit .form-control.is-invalid:focus,
#vendor_staff_add .form-control.is-invalid:focus {
	box-shadow: none !important;
	border: 1px solid #ccc !important;
}
#vendor_staff_edit .select2-container--bootstrap.select2-container--focus .select2-selection,
#vendor_staff_add .select2-container--bootstrap.select2-container--focus .select2-selection{
	border: 1px solid #ccc !important;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#vendor_staff_add .card,
	#vendor_staff_deactivated .card,
	#vendor_staff_view .card,
	#vendor_deactivated .card,
	#vendor-view .card,
	#vendor_add .card {
        margin-top: -28px !important;
    }
}
@media (max-width: 820px) and (min-width: 768px) {
  #vendor_deactivated .page-header h2,
  #vendor_staff_edit .page-header h2,	
  #vendor_staff_add .page-header h2{
	font-size: 20px !important;
  }
  #vendor_staff_edit .card,
  #vendor_edit .card{
	margin-top: 0px !important;
  }
  #vendor_staff_deactivated .page-header h2{
	font-size: 16px !important;
  }
  #vendor_staff_add .col-custom-responsive,
  #vendor_add .col-custom-responsive{
	flex: 0 0 100%;
    max-width: 100%;
  }
  #vendor_edit .col-custom-responsive,
  #vendor_staff_edit .col-custom-responsive {
    flex: 0 0 100%;
    max-width: 100%;
	margin-top: -1rem;
  }
  #vendor_edit .col-custom-responsive2,
  #vendor_staff_edit .col-custom-responsive2{
	margin-top: 2rem;
  }
  /* #staff_edit .staff-profile-image, #vendor_edit .vendor-profile1 {
    padding: 48px !important;
  } */
  #vendor_edit .vendor-profile1, 
  #vendor_staff_edit .staff-profile-image {
    margin: 70px !important;
  }
   #vendor_staff_edit .staff-profile-image,
   #vendor_edit .vendor-profile1{
	 margin: 70px !important;
   }
  #vendor_edit .camera-icon, 
  #vendor_staff_edit .camera-icon {
    bottom: -38px;
    left: 137px !important;
  }
  #vendor_add #phone-error {
    bottom: -16px !important;
 }
 #vendor-view .table-scrollable-responsive .row:first-child{
	width: 120%;
 }
 #vendor-view  #datatable-vendors_filter{
	width: 70%;
 }
  #vendor-view  #datatable-vendors_length {
	width: 35%;
 }

}
@media (width: 820px) {
	#vendor_staff_edit .staff-profile-image, #vendor_edit .vendor-profile1 {
		padding: 100px !important;
		margin: 100px !important;
	}
	#vendor_edit .profile-pic{
		width: 114px !important;
	}
	#vendor_edit .position-relative .circle,
	#vendor_staff_edit .position-relative .circle {
		width: 125px !important;
	}
	#vendor_edit .camera-icon, 
	#vendor_staff_edit .camera-icon {
		bottom: -65px;
        left: 154px !important;
	}
	#vendor_edit .change-image, 
	#vendor_staff_edit .change-image {
		margin-left: 10px;
	}
	#vendor_staff_edit .change-image,
	#vendor_edit .change-image{
		white-space: nowrap;
	}
	#vendor_add .floating-label-group input,
	#vendor_staff_add .floating-label-group input{
		padding: 1rem 1rem 0.75rem 1.2rem !important;
	}
	#vendor_edit .floating-label-group input,
	#vendor_staff_edit .floating-label-group input{
		padding: 1rem 1rem 0.75rem 1.9rem !important;
	}
}
@media (width: 912px) {
#vendor_staff_edit .staff-profile-image, 
#vendor_edit .vendor-profile1 {
		padding: 30px !important;
		margin: 20px !important;
	}
	#vendor_edit .profile-pic{
		width: 114px !important;
	}
	#vendor_edit .position-relative .circle,
	#vendor_staff_edit .circle {
		width: 125px !important;
	}
	#vendor_edit .camera-icon,
	#vendor_staff_edit .camera-icon {
		bottom: -25px;
        left: 27px !important;
        height: 25px;
        width: 25px;
	}
	#vendor_edit .change-image, 
	#vendor_staff_edit .change-image {
		margin-left: 10px;
	}
	#vendor_staff_edit .change-image,
	#vendor_edit .change-image{
		white-space: nowrap;
	}
}
@media (width: 1024px) {
	#vendor_staff_edit .staff-profile-image, 
	#vendor_edit .vendor-profile1 {
		padding: 30px !important;
		margin: 20px !important;
	}
	#vendor_edit .profile-pic{
		width: 114px !important;
	}
	#vendor_edit .position-relative .circle,
	#vendor_staff_edit .position-relative .circle {
		width: 125px !important;
	}
	#vendor_edit .camera-icon, 
	#vendor_staff_edit .camera-icon {
		bottom: -25px;
		left: 44px !important;
	}
	#vendor_edit .change-image, 
	#vendor_staff_edit .change-image {
		margin-left: 10px;
	}
	#vendor_staff_edit .change-image,
	#vendor_edit .change-image{
		white-space: nowrap;
	}
	#vendor_add .floating-label-group input,
	#vendor_staff_add .floating-label-group input{
		padding: 1rem 1rem 0.75rem 1.2rem !important;
	}
	#vendor_edit .floating-label-group input,
	#vendor_staff_edit .floating-label-group input{
		padding: 1rem 1rem 0.75rem 1.9rem !important;
	}
}
@media (width: 1440px) {
	#vendor_staff_edit .staff-profile-image, 
	#vendor_edit .vendor-profile1 {
		padding: 55px !important;
	}
	#vendor_edit .profile-pic{
		width: 180px !important;
	}
	#vendor_edit .camera-icon, 
	#vendor_staff_edit .camera-icon {
		bottom: -47px;
		left: 58px !important
	}
}
@media (min-width: 1540px) {
	#vendor_staff_edit .staff-profile-image, 
	#vendor_edit .vendor-profile1 {
		padding: 60px !important;
	}
	#vendor_edit .profile-pic{
		width: 180px !important;
	}
	#vendor_staff_edit .camera-icon,
	#vendor_edit .camera-icon {
		bottom: -40px;
        left: 100px !important;
	}
}
@media (min-width: 1740px) {
	#vendor_staff_edit .staff-profile-image,
	 #vendor_edit .vendor-profile1 {
		padding: 70px !important;
		margin: 100px !important;
	}
	#vendor_edit .profile-pic{
		width: 180px !important;
	}
	#vendor_edit .camera-icon,
	#vendor_staff_edit .camera-icon {
		bottom: -52px;
        left: 85px !important;
	}
}

/* --------------------pagination--------------- */
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .pagination,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#vendor-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button ,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button ,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button ,
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .page-link,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#vendor-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#vendor_staff_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#vendor_staff_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#vendor_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#vendor-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#vendor-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

/* ------------------------customer------------------------ */
#project_edit .right-wrapper,
#customer_edit_address .right-wrapper,
#project_add .right-wrapper,
#customer_view_address .right-wrapper,
#customer_add_address .right-wrapper,
#customer_edit_notes .right-wrapper,
#customer_add_notes .right-wrapper,
#customer_deactivated .right-wrapper,
#customer_view .right-wrapper,
#customer_edit .right-wrapper,
#customer_add .right-wrapper{
	background: #fff !important;
	color: black !important;
}
#project_edit .fa-home,
#customer_edit_address .fa-home,
#project_add .fa-home,
#customer_view_address .fa-home,
#customer_add_address .fa-home,
#customer_edit_notes .fa-home,
#customer_add_notes .fa-home,
#customer_deactivated .fa-home,
#customer_view .fa-home,
#customer_edit .fa-home,
#customer_add .fa-home{
	color: black !important;
}
#project_edit .breadcrumbs span,
#customer_edit_address .breadcrumbs span,
#project_add .breadcrumbs span,
#customer_view_address .breadcrumbs span,
#customer_add_address .breadcrumbs span,
#customer_edit_notes .breadcrumbs span,
#customer_add_notes .breadcrumbs span,
#customer_deactivated .breadcrumbs span,
#customer_view .breadcrumbs span,
#customer_edit .breadcrumbs span,
#customer_add .breadcrumbs span{
	color: black !important;
	font-weight: 400;
}
#project_edit .fa-chevron-left:before,
#customer_edit_address .fa-chevron-left:before,
#project_add .fa-chevron-left:before,
#customer_view_address .fa-chevron-left:before,
#customer_add_address .fa-chevron-left:before,
#customer_edit_notes .fa-chevron-left:before,
#customer_add_notes .fa-chevron-left:before,
#customer_deactivated .fa-chevron-left:before,
#customer_view .fa-chevron-left:before,
#customer_edit .fa-chevron-left:before,
#customer_add .fa-chevron-left:before{
	color: black !important;
}
#project_edit .breadcrumbs li,
#customer_edit_address .breadcrumbs li,
#project_add .page-header .breadcrumbs li,
#customer_view_address .page-header .breadcrumbs li,
#customer_add_address .page-header .breadcrumbs li,
#customer_edit_notes .page-header .breadcrumbs li,
#customer_add_notes .page-header .breadcrumbs li,
#customer_deactivated .page-header .breadcrumbs li,
#customer_view .page-header .breadcrumbs li,
#customer_edit .page-header .breadcrumbs li,
#customer_add .page-header .breadcrumbs li{
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
} 
#project_edit .page-header h2{
	color: black !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	margin-left: 27px !important;
}
#customer_edit_address .page-header h2,
#project_add .page-header h2,
#customer_view_address .page-header h2,
#customer_add_address .page-header h2,
#customer_edit_notes .page-header h2,
#customer_add_notes .page-header h2,
#customer_deactivated .page-header h2,
#customer_view .page-header h2,
#customer_edit .page-header h2,
#customer_add .page-header h2{
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	margin-left: 27px !important;
}
#project_edit .page-header,
#customer_edit_address .page-header,
#project_add .page-header,
#customer_view_address .page-header,
#customer_add_address .page-header,
#customer_edit_notes .page-header,
#customer_add_notes .page-header,
#customer_deactivated .page-header,
#customer_view .page-header,
#customer_edit .page-header,
#customer_add .page-header{
	box-shadow: none !important;
}
#project_edit .card,
#customer_edit_address .card,
#project_add .card,
#customer_view_address .card,
#customer_add_address .card,
#customer_edit_notes .card,
#customer_add_notes .card,
#customer_deactivated .card,
#customer_view .card,
#customer_edit .card,
#customer_add .card{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#project_edit .card-header,
#customer_edit_address .card-header,
#project_add .card-header,
#customer_view_address .card-header,
#customer_add_address .card-header,
#customer_edit_notes .card-header,
#customer_add_notes .card-header,
#customer_deactivated .card-header,
#customer_view .card-header,
#customer_edit .card-header,
#customer_add .card-header{
	/* border: 1px #dee2e6 !important; */
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#project_edit .card-title,
#customer_edit_address .card-title,
#project_add .card-title,
#customer_view_address .card-title,
#customer_add_address .card-title,
#customer_edit_notes .card-title,
#customer_add_notes .card-title,
#customer_deactivated .card-title,
#customer_view .card-title,
#customer_edit .card-title,
#customer_add .card-title{
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#project_edit .card-body,
#customer_edit_address .card-body,
#project_add .card-body,
#customer_view_address .card-body,
#customer_add_address .card-body,
#customer_edit_notes .card-body,
#customer_add_notes .card-body,
#customer_deactivated .card-body,
#customer_view .card-body,
#customer_edit .card-body,
#customer_add .card-body{
	background: #fafafa !important;
}
#customer_edit .step-container,
#customer_add .step-container {
	display: flex;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100% !important;
	/* margin-bottom: 30px !important;
	margin-top: -30px !important; */
	scrollbar-width: none;
	max-height: 100px;
	margin-left: 0%;
}
#customer_edit .step-container::-webkit-scrollbar,
#customer_add .step-container::-webkit-scrollbar {
	height: 0px;
}
#customer_edit .step-container:hover::-webkit-scrollbar,
#customer_add .step-container:hover::-webkit-scrollbar {
	height: 2px;
}
#customer_edit .step-container::-webkit-scrollbar-thumb,
#customer_add .step-container::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}
#customer_edit .step-container > *,
#customer_add .step-container > * {
	scroll-snap-align: start;
}
#customer_edit .tab-content,
#customer_add .tab-content {
	/* border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #fff; */
	border: none;
	/* border-top: 1; */
	padding: 0px;
}
#customer_edit .step-container::-webkit-scrollbar,
#customer_add .step-container::-webkit-scrollbar {
	width: 0;
	height: 0;
}
#customer_edit .step-container:hover,
#customer_add .step-container:hover {
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}
#customer_edit .step-container:hover::-webkit-scrollbar,
#customer_add .step-container:hover::-webkit-scrollbar {
	height: 2px;
}
#customer_edit .step-container:hover::-webkit-scrollbar-thumb,
#customer_add .step-container:hover::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 1px;
}
#customer_edit .wizard-progress.wizard-progress-lg,
#customer_add .wizard-progress.wizard-progress-lg {
	margin: 0 auto 25px;
}

#customer_edit .step,
#customer_add .step {
	flex: 0 0 160px;
	height: 52px;
	margin-left: -12px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #fff6e4;
	width: 200px !important;
	clip-path: polygon(0% 0, 93% 0, 100% 50%, 93% 100%, 0% 100%, 7% 50%);
	transition: background 0.3s ease-in-out;
	position: relative;
	margin-right: 0;
	font-weight: 400;
	font-size: 18px;
}
#customer_edit .step-first,
#customer_add .step-first{
	height: 50px;
	flex: 0 0 175px;
	clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	padding-left: 22px;
	background: #EDF6ED !important;
}
#customer_edit .step:last-child,
#customer_add .step:last-child {
	clip-path: polygon(6% 0, 100% 0, 100% 50%, 100% 100%, 6% 100%, 13% 50%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 40px !important;
	margin-left: -17px !important;
	background:#d4ead5 !important;
}
#customer_edit .step,
#customer_add .step {
	background-color: #eff9fc;
	transition: background-color 0.1s ease-in-out;
}
#customer_edit .step.active,
#customer_add .step.active {
	background-color: #2f6a8f !important;
	color: white !important;
}
#customer_edit .step a,
#customer_add .step a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 10px;
	flex-direction: row;
	gap: 10px;
	text-align: center;
}
#customer_edit .step span,
#customer_add .step span{
	font-size: 1rem;
}
#customer_edit .nav-tabs .nav-link.active, 
#customer_edit .nav-tabs .nav-item.show .nav-link,
#customer_add .nav-tabs .nav-link.active, 
#customer_add .nav-tabs .nav-item.show .nav-link {
    color: white !important;
    background-color:#2f6a8f !important;
    border-color: #2f6a8f !important;
	    border-bottom-right-radius: 0.25rem;
}
#customer_edit .nav-tabs .nav-link:hover,
#customer_edit .nav-tabs .nav-link:focus,
#customer_add .nav-tabs .nav-link:hover,
#customer_add .nav-tabs .nav-link:focus {
    border-color:transparent !important;
}
#customer_edit .nav-tabs,
#customer_add .nav-tabs{
	border-bottom: none !important;
}
#customer_edit .floating-label-group .select2-selection--single,
#customer_add .floating-label-group .select2-selection--single {
	border: 1px solid #ced4da !important;
	height: 50px !important;
	width: 100%;
	color: #000 !important;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
}
#customer_edit .footer-btn,
#customer_add .footer-btn {
    padding-left: 22px;
    padding-right: 17px;
    padding-bottom: 8px;
    padding-top: 6px;
    border-radius: 6px;
	cursor: pointer !important;
    user-select: none !important;
}
#customer_edit .card-footer, 
#customer_add .card-footer {
    padding: 1rem 0px !important;
}
#customer_add .custom-label,
#customer_edit .custom-label {
    margin-left: 10px !important;
    font-weight: 500 !important;
    margin-top: 4px !important;
    font-size: 0.9rem !important;
}
#project_add #dealerId-error{
	position: absolute;
	margin-top: 3.2rem;
	font-size: 0.85rem;
}
#customer_edit #same_as_mailing_address{
	margin-right: 0px !important;
}
#customer_add input[type="checkbox"],
#customer_edit input[type="checkbox"] {
  width: 18px;
  height: 18px;
}
#customer_add select,
#customer_edit select{
	height: 50px !important;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000 !important;
	font-weight: 500;
}
#customer_add .select2-container,
#customer_edit .select2-container{
	width: 100% !important;
}
#customer_edit_address .floating-label-group input,
#project_add .floating-label-group input,
#customer_add_address .floating-label-group input,
#customer_add-notes .floating-label-group input,
#customer_add_notes .floating-label-group input,
#customer_edit_notes .floating-label-group input,
#customer_edit .floating-label-group input,
#customer_add .floating-label-group input {
	/* width: 100%; */
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	height: 50px !important;
	color: #000;
	font-weight: 500;
	/* background-color: white; */
	padding-bottom: 22px !important;
	border: 1px solid #ced4da !important;
    border-radius: 10px !important;
	/* -webkit-box-shadow: none !important; */
}
#customer_add_notes .floating-label-group textarea,
#customer_edit .floating-label-group textarea,
#customer_add .floating-label-group textarea,
#customer_edit_notes .floating-label-group textarea{
	padding: 0.5rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000;
	font-weight: 500;
	border: 1px solid #ced4da !important;
	background: #ffffff;
}
#customer_edit_address .floating-label-group label.control-label,
#project_add .floating-label-group label.control-label,
#project_edit .floating-label-group label.control-label,
#customer_add_address .floating-label-group label.control-label,
#customer_add-notes .floating-label-group label.control-label,
#customer_add_notes .floating-label-group label.control-label,
#customer_edit_notes .floating-label-group label.control-label,
#customer_edit .floating-label-group label.control-label,
#customer_add .floating-label-group label.control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 94 !important;
	font-weight: 500 !important;
	background-color: #fff;
}
#customer_edit_address .select2-selection,
#customer_add_address .select2-selection{
	padding: 0.8rem 1rem 0.75rem 3rem !important;
	height: 50px !important;
	font-size: 0.9rem;
	color: #000;
	font-weight: 500;
}
#customer_add_notes .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
	color: #000;
}
#project_add .select2-container--bootstrap.select2-container--open,
#project_edit .select2-container--bootstrap.select2-container--open,
#customer_edit_address .select2-container--bootstrap.select2-container--open,
#customer_add_address .select2-container--bootstrap.select2-container--open,
#customer_edit .select2-container--bootstrap.select2-container--open,
#customer_add .select2-container--bootstrap.select2-container--open {
	z-index: 10 !important;
}
#project_edit .floating-label-icon,
#customer_add_notes .floating-label-icon,
#customer_edit_notes .floating-label-icon,
#customer_edit .floating-label-icon,
#customer_add .floating-label-icon {
	position: absolute;
	top: 40%;
	left: 1.5rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 98;
}
#customer_edit_notes .date-label-group
#customer_add-notes .date-label-group{
	position: relative;
    height: 45px;
}

#customer_edit #secondary_phone_ext,
#customer_edit #secondary_phone_number,
#customer_edit #secondary_additional_phone_ext,
#customer_edit #secondary_additional_phone_number{
	width: 35%;
	height: 50px;
	margin-right: 0px;
	font-size: 0.9rem;
	color: #000;
	padding: 1.4rem 1rem 0.75rem 3rem;
}
#customer_edit #country_code,
#customer_edit #additional_country_code,
#customer_edit #secondary_additional_country_code,
#customer_edit #secondary_country_code,
#customer_add #country_code,
#customer_add #additional_country_code,
#customer_add #secondary_additional_country_code,
#customer_add #secondary_country_code{
	width: 30%;
	height: 50px;
	margin-right: 5px;
	font-size: 0.9rem;
	color: #000;
	padding: 0.8rem 1rem 0.75rem 2rem;
}
#customer_edit .text-danger,
#customer_add .text-danger,
#project_add .error,
#customer_add_address .error,
#customer_edit .change-status,
#customer_add .change-status,
#customer_add-notes .error,
#customer_add_notes .error,
#customer_edit_notes .error,
#customer_add .error,
#customer_add .phone_alert,
#customer_edit .error,
#customer_edit .phone_alert{
	font-size: 0.8rem;
}
.alert-danger p{
	margin: 0px;
}
#customer_edit #phone_ext-error, 
#customer_edit #alternate_number_ext-error, 
#customer_edit #additional_phone_number_ext-error, 
#customer_edit #secondary_additional_phone_ext-error, 
#customer_edit #secondary_phone_ext-error, 

#customer_add #phone_ext-error, 
#customer_add #alternate_number_ext-error, 
#customer_add #additional_phone_number_ext-error, 
#customer_add #secondary_additional_phone_ext-error, 
#customer_add #secondary_phone_ext-error, 
#customer_add #office_ext-error, 
#customer_add #addition_ext-error, 
#customer_add #shipping_ext-error, 
#customer_add #accounting_ext-error, 
#customer_add #marketing_ext-error, 
#customer_add #carrier_number_ext-error {
    position: absolute;
    bottom: -10px;
	font-size: 0.8rem;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}
#project_edit .input-group-text,
#customer_add .input-group-text,
#customer_edit .input-group-text,
#customer_add-notes .input-group-text,
#customer_add_notes .input-group-text,
#customer_edit_notes .input-group-text{
	padding: 0.375rem 0.5rem !important;
}
#project_edit .date-label-group,
#customer_add-notes .date-label-group,
#customer_add_notes .date-label-group,
#customer_edit_notes .date-label-group{
    height: 50px;
}
#project_edit .card-footer,
#project_add .card-footer,
#customer_edit_address .card-footer,
#customer_add_address .card-footer,
#customer_add-notes .card-footer,
#customer_add_notes .card-footer,
#customer_edit_notes .card-footer{
	background: #fafafa;
}
#project_edit .btn-icon-wrapper,
#project_add .btn-icon-wrapper,
#customer_edit_address .btn-icon-wrapper,
#customer_add_address .btn-icon-wrapper,
#customer_add-notes .btn-icon-wrapper,
#customer_add_notes .btn-icon-wrapper,
#customer_edit_notes .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	margin-left: -5px;
}
#project_edit .submit-icon,
#project_add .submit-icon,
#customer_edit_address .submit-icon,
#customer_add_address .submit-icon,
#customer_add-notes .submit-icon,
#customer_add_notes .submit-icon,
#customer_edit_notes .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
#project_edit .custume-btm,
#project_add .custume-btm,
#customer_edit_address .custume-btm,
#customer_add_address .custume-btm,
#customer_add-notes .custume-btm,
#customer_add_notes .custume-btm,
#customer_edit_notes .custume-btm {
	background-color: #4d758c !important;
	border-color: #4d758c !important;
	color: #ffffff;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
#customer_view_address .button-padding{
	margin-top: -5px !important;
}
#customer_view_address .custome-font .row > div {
	padding-bottom: 2px;
    font-size: 0.9rem;
    font-weight: 500;
}
#customer_view_address table.table-bordered.dataTable td {
    font-weight: 500 !important;
    font-size: 13px !important;
    background: #fff !important;
}
#customer_deactivated #deactivatedScreenOptionsBtn,
#customer_view #deactivatedScreenOptionsBtn{
	margin-right: 10px !important;
	border-radius: 4px;
}
#customer_deactivated .buttons-excel,
#customer_view .buttons-excel{
	height: 38px !important;
    border-radius: 4px;
}
#customer_view .calender-input-icon{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 0.75rem;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-right: none;
	border-radius: 0.45rem 0 0 0.45rem;
	z-index: 3;
}
#customer_edit .previous a:hover,
#customer_add .previous a:hover {
    color: #000000;
    background: #eee;
}
#customer_edit .custom-label,
#customer_add .custom-label{
	font-size: 0.9rem !important;
	font-weight: 500 !important;
}
#customer_deactivated table.table-bordered.dataTable td,
#customer_view table.table-bordered.dataTable td {
    background: #fff !important;
}

/* --------------------customer-pagination------------- */
#customer_view_address .dataTables_wrapper .dataTables_paginate .pagination,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#customer_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button,
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .page-link,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#customer_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#customer_view_address .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#customer_view_address .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#customer_deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#customer_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#customer_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
	width: 35px !important;
	height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#customer_edit_address .card,
	#customer_edit #w4, 
	#customer_add #w4,
	#customer_add-notes .card,
	#customer_add_notes .card,
	#customer_add_address .card,
	#project_edit .card,
	#project_add .card,
	#customer_view .card,
	#customer_edit_notes .card{
        margin-top: -28px !important;
    }
}
@media (min-width: 768px) and (max-width: 820px) {
    #customer_edit_notes .page-header h2 {
        font-size: 12px !important;
        margin-left: 0px !important;
    }
	#customer_add_notes .page-header h2,
	#customer_add-notes .page-header h2{
		font-size: 12px !important;
        margin-left: 0px !important;
	}
	#customer_add .sm-to-full,
	#customer_edit .sm-to-full {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	#customer_edit .page-header h2{
		font-size: 15px !important;
		margin-left: 0px !important;
	}
	#customer_add_address .page-header h2{
		font-size: 12px !important;
    	margin-left: 0px !important;
	}
	#customer_add .responsive-full-width,
	#customer_edit .responsive-full-width {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	#customer_add .md-div-space,
	#customer_edit .md-space-div{
		margin-top: 2.5rem !important;
	}
	#customer_edit_address .page-header h2{
		font-size: 14px !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 279% !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 279% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 66rem;
        width: 18% !important;
	}
	#customer_view .custom-label{
		white-space: nowrap;
	}
	#customer_view .custom-label2{
		margin-right: 3rem;
	}
	#customer_deactivated .dataTables_wrapper .select2-container {
        width: 11% !important;
    }
	#customer_deactivated .table-scrollable-responsive .dataTables_filter{
		width: 122% !important;
	}
	#customer_deactivated .table-scrollable-responsive .dataTables_length{
		width: 122% !important;
	}
	#customer_deactivated div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 9rem;
	}
	#customer_view_address .custom-responsive-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* #customer_edit .sm-space-div, */
	#customer_add .sm-space-div,
	#customer_view_address .md-space-div {
        padding-top: 2.8rem !important;
    }
	#customer_view_address .page-header h2{
		font-size: 19px !important;
	}
	#customer_add #customer_name_parent,
	#project_edit .project-name,
	#project_edit .customer-name,
	#project_edit .dealer-name {
		display: none !important;
	}
}
@media (width: 768px) {
	#dealer-view .table-scrollable-responsive #dataTable_row{
		width: 116% !important;
	}
	#dealer-view #datatable-inquiry-dealer_filter input, #datatable-dealer_filter input {
        margin-left: 23px;
        width: 84%;
        margin-bottom: 15px;
    }
	#dealer-view #datatable-dealer_filter #select_city {
        margin-left: 23px !important;
        width: 84%;
		/* top:5px; */
    }
	#dealer-view #datatable-dealer_wrapper .dt-buttons.btn-group{
		margin-right: 6rem !important;
		bottom: 8px;
	}
}
@media (width: 820px) {
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 64rem;
		width: 18% !important;
	}
	#dealer-view .table-scrollable-responsive #dataTable_row{
		width: 115% !important;
	}
	#dealer-view #datatable-dealer_wrapper .dataTables_filter label{
		width: 25% !important;
	}
	#dealer-view #datatable-dealer_wrapper .dt-buttons.btn-group{
		margin-right: 9rem;
	}
	#dealer-view .table-scrollable-responsive thead tr{
		top: 0px;
	}
}
@media only screen and (max-width: 991px) {
   #customer_view .dataTables_wrapper .dataTables_length label {
        float: none;
        width: 23%;
    }
}
@media (width: 912px) {
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 221% !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 221% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 56rem;
		width: 18% !important;
	}
	#customer_view .custom-label{
		white-space: nowrap;
	}
	#customer_view .custom-label2{
		margin-right: 3rem;
	}
	#project_edit .project-name,
	#project_edit .customer-name,
	#project_edit .dealer-name {
		display: none !important;
	}
}
@media (width: 1024px) {
	#customer_add #phone,
	#customer_add #phone_ext,
	#customer_add #additional_phone_number,
	#customer_add #additional_phone_number_ext,
	#customer_add #secondary_phone,
	#customer_add #secondary_phone_ext,
	#customer_add #additional_phone_number_ext,
	#customer_add #secondary_additional_phone_ext,
	#customer_add #secondary_additional_phone_number,
	#customer_edit #phone,
	#customer_edit #phone_ext,
	#customer_edit #additional_phone_number_ext,
	#customer_edit #additional_phone_number,
	#customer_edit #secondary_additional_phone_ext,
	#customer_edit #secondary_additional_phone_number,
	#customer_edit #secondary_phone_number,
	#customer_edit #secondary_phone_ext {
		padding: 1rem 1rem 0.75rem 1rem !important;
	}
	#customer_add .custom-label,
	#customer_edit .custom-label {
		white-space: nowrap;
	}
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 207% !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 207% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 53.3rem;
	}
	#customer_view .custom-label{
		white-space: nowrap;
	}
	#project_edit .project-name,
	#project_edit .customer-name,
	#project_edit .dealer-name {
		display: none !important;
	}
	#customer_edit .custom-responsive-col2,
	#customer_add .custom-responsive-col2,
	#customer_edit .custom-responsive-col,
	#customer_add .custom-responsive-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#customer_view_address .md-space-div {
        padding-top: 0px !important;
    }
	#dealer-view .table-scrollable-responsive #dataTable_row{
		width: 115% !important;
	}
	#dealer-view #datatable-dealer_wrapper .dataTables_filter label{
		width: 25%;
	}
	#dealer-view #datatable-dealer_wrapper .dt-buttons.btn-group{
		margin-right: 9rem;
	}
	#dealer-view .table-scrollable-responsive thead tr{
		top: 0px;
	}	
}
@media (width: 1180px) {
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 176%  !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 176% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 47rem !important;
	}
	#customer_edit .custom-responsive-col2, 
	#customer_add .custom-responsive-col2, 
	#customer_edit .custom-responsive-col, 
	#customer_add .custom-responsive-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1365px) and (max-width: 1367px) {
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 147% !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 147% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 35rem !important;
	}
	#dealer-view .table-scrollable-responsive #dataTable_row {
        width: 127% !important;
    }
	#dealer-view #datatable-dealer_wrapper .dataTables_filter label{
		width: 25%;
	}
	#dealer-view #datatable-dealer_wrapper .dt-buttons.btn-group{
		margin-right: 20rem;
	}
}
@media (width: 1440px) {
	#customer_view .table-scrollable-responsive .dataTables_length{
		width: 139%  !important;
	}
	#customer_view .table-scrollable-responsive .dataTables_filter{
		width: 139% !important;
	}
	#customer_view div.dataTables_wrapper div.dataTables_filter input {
		margin-right: 30.5rem !important;
	}
}

/* ----------------------Shipping-------------------- */
#logistic_detail .right-wrapper,
#logistic_add .right-wrapper,
#logistic_edit .right-wrapper,
#logistic_view .right-wrapper,
#shipping_detail .right-wrapper,
#shipping_edit .right-wrapper,
#shipping_add .right-wrapper,
#shipping_view .right-wrapper,
#carrier_driver_contact_edit .right-wrapper,
#carrier_driver_contact_add .right-wrapper,
#carrier_contact_edit .right-wrapper,
#carrier_contact_add .right-wrapper,
#carrier_detail .right-wrapper,
#carrier_add .right-wrapper,
#carrier_edit .right-wrapper,
#carrier_view .right-wrapper{
	background: #fff !important;
	color: black !important;
}
#logistic_detail .fa-chevron-left:before,
#logistic_detail .fa-home,
#logistic_add .fa-chevron-left:before,
#logistic_add .fa-home,
#logistic_edit .fa-chevron-left:before,
#logistic_edit .fa-home,
#logistic_view .fa-chevron-left:before,
#logistic_view .fa-home,
#shipping_detail .fa-chevron-left:before,
#shipping_detail .fa-home,
#shipping_edit .fa-chevron-left:before,
#shipping_edit .fa-home,
#shipping_add .fa-chevron-left:before,
#shipping_add .fa-home,
#shipping_view .fa-chevron-left:before,
#shipping_view .fa-home,
#carrier_driver_contact_edit .fa-chevron-left:before,
#carrier_driver_contact_edit .fa-home,
#carrier_driver_contact_add .fa-chevron-left:before,
#carrier_driver_contact_add .fa-home,
#carrier_contact_edit .fa-chevron-left:before,
#carrier_contact_edit .fa-home,
#carrier_contact_add .fa-chevron-left:before,
#carrier_contact_add .fa-home,
#carrier_detail .fa-chevron-left:before,
#carrier_detail .fa-home,
#carrier_add .fa-chevron-left:before,
#carrier_add .fa-home,
#carrier_edit .fa-chevron-left:before,
#carrier_edit .fa-home,
#carrier_view .fa-chevron-left:before,
#carrier_view .fa-home{
	color: black !important;
}
#logistic_detail .breadcrumbs span,
#logistic_add .breadcrumbs span,
#logistic_edit .breadcrumbs span,
#logistic_view .breadcrumbs span,
#shipping_detail .breadcrumbs span,
#shipping_edit .breadcrumbs span,
#shipping_add .breadcrumbs span,
#shipping_view .breadcrumbs span,
#carrier_driver_contact_edit .breadcrumbs span,
#carrier_driver_contact_add .breadcrumbs span,
#carrier_contact_edit .breadcrumbs span,
#carrier_contact_add .breadcrumbs span,
#carrier_detail .breadcrumbs span,
#carrier_add .breadcrumbs span,
#carrier_edit .breadcrumbs span,
#carrier_view .breadcrumbs span{
	color: black !important;
	font-weight: 400;
}
#logistic_detail .page-header .breadcrumbs li,
#logistic_add .page-header .breadcrumbs li,
#logistic_edit .page-header .breadcrumbs li,
#logistic_view .page-header .breadcrumbs li,
#shipping_detail .page-header .breadcrumbs li,
#shipping_edit .page-header .breadcrumbs li,
#shipping_add .page-header .breadcrumbs li,
#shipping_view .page-header .breadcrumbs li,
#carrier_driver_contact_edit .page-header .breadcrumbs li,
#carrier_driver_contact_add .page-header .breadcrumbs li,
#carrier_contact_edit .page-header .breadcrumbs li,
#carrier_contact_add .page-header .breadcrumbs li,
#carrier_detail .page-header .breadcrumbs li,
#carrier_add .page-header .breadcrumbs li,
#carrier_edit .page-header .breadcrumbs li,
#carrier_view .page-header .breadcrumbs li{
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#logistic_detail .page-header h2,
#logistic_add .page-header h2,
#logistic_edit .page-header h2,
#logistic_view .page-header h2,
#shipping_detail .page-header h2,
#shipping_edit .page-header h2,
#shipping_add .page-header h2,
#shipping_view .page-header h2,
#carrier_driver_contact_edit .page-header h2,
#carrier_driver_contact_add .page-header h2,
#carrier_contact_edit .page-header h2,
#carrier_contact_add .page-header h2,
#carrier_detail .page-header h2,
#carrier_add .page-header h2,
#carrier_edit .page-header h2,
#carrier_view .page-header h2{
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	margin-left: 27px !important;
}
#logistic_detail .page-header,
#logistic_add .page-header,
#logistic_edit .page-header,
#logistic_view .page-header,
#shipping_detail .page-header, 
#shipping_edit .page-header,
#shipping_add .page-header,
#shipping_view .page-header,
#carrier_driver_contact_edit .page-header,
#carrier_driver_contact_add .page-header,
#carrier_contact_edit .page-header,
#carrier_contact_add .page-header,
#carrier_detail .page-header,
#carrier_add .page-header,
#carrier_edit .page-header,
#carrier_view .page-header{
	box-shadow: none !important;
}
#logistic_detail .card-header,
#logistic_add .card-header,
#logistic_edit .card-header,
#logistic_view .card-header,
#shipping_detail .card-header,
#shipping_edit .card-header,
#shipping_add .card-header,
#shipping_view .card-header,
#carrier_driver_contact_edit .card-header,
#carrier_driver_contact_add .card-header,
#carrier_contact_edit .card-header,
#carrier_contact_add .card-header,
#carrier_detail .card-header,
#carrier_edit .card-header,
#carrier_add .card-header {
    background-color: #fafafa !important;
    height: 60px;
}
#shipping_edit .card-body2,
#shipping_add .card-body2{
	border: 1px solid #dee2e6 !important;
}
/* #logistic_edit .card2 , .card3,.card4,.card5{
	margin-bottom: 20px;
} */
#logistic_detail .card,
#logistic_edit .card,
#logistic_add .card,
#logistic_view .card,
#shipping_detail .card1,
#shipping_edit .card1,
#shipping_add .card1,
#shipping_view .card,
#carrier_driver_contact_edit .card,
#carrier_driver_contact_add .card,
#carrier_contact_edit .card,
#carrier_contact_add .card,
#carrier_detail .card,
#carrier_add .card,
#carrier_edit .card,
#carrier_view .card{
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#logistic_edit .card-footer,
#shipping_edit .card-footer,
#shipping_add .card-footer{
	background-color: #fafafa !important;
	border-top: 1px solid #dee2e6;
}
#logistic_add .card-footer,
#shipping_view .card-footer,
#carrier_driver_contact_edit .card-footer,
#carrier_driver_contact_add .card-footer,
#carrier_contact_edit .card-footer,
#carrier_contact_add .card-footer,
#carrier_add .card-footer,
#carrier_edit .card-footer,
#carrier_view .card-header{
    background-color: #fafafa !important;
}
#logistic_detail .card-title,
#logistic_add .card-title,
#logistic_edit .card-title,
#logistic_view .card-title,
#shipping_detail .card-title,
#shipping_edit .card-title,
#shipping_add .card-title,
#shipping_view .card-title,
#carrier_driver_contact_edit .card-title,
#carrier_driver_contact_add .card-title,
#carrier_contact_edit .card-title,
#carrier_contact_add .card-title,
#carrier_detail .card-title,
#carrier_add .card-title,
#carrier_edit .card-title,
#carrier_view .card-title{
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#logistic_detail .card-body,
#logistic_edit .card-body, 
#logistic_add .card-body,
#logistic_view .card-body,
#shipping_detail .card-body1,
#shipping_edit .card-body1,
#shipping_add .card-body1,
#shipping_view .card-body,
#carrier_driver_contact_edit .card-body,
#carrier_driver_contact_add .card-body,
#carrier_contact_edit .card-body,
#carrier_contact_add .card-body,
#carrier_detail .card-body,
#carrier_add .card-body,
#carrier_edit .card-body,
#carrier_view .card-body{
	background: #fafafa !important;
}
#logistic_edit .custume-btm,
#logistic_detail .custume-btm,
#logistic_add #submit_button,
#shipping_edit #submit,
#shipping_add #submit,
#carrier_driver_contact_edit #submit,
#carrier_driver_contact_add #submit,
#carrier_contact_edit #submit,
#carrier_contact_add #submit,
#carrier_edit #submit,
#carrier_add #submit{
	background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#logistic_edit .cancel-btn,
#logistic_detail .cancel-btn{
	background-color: #DC3545 !important;
	border-color: #DC3545 !important;
}
#logistic_edit .update-btn{
	background-color: #47A447 !important;
	border-color: #47A447 !important;
}
#logistic_edit .btn-icon-wrapper,
#logistic_detail .btn-icon-wrapper,
#logistic_add .btn-icon-wrapper,
#shipping_edit .btn-icon-wrapper,
#shipping_add .btn-icon-wrapper,
#carrier_driver_contact_edit .btn-icon-wrapper,
#carrier_driver_contact_add .btn-icon-wrapper,
#carrier_contact_edit .btn-icon-wrapper,
#carrier_contact_add .btn-icon-wrapper,
#carrier_edit .btn-icon-wrapper,
#carrier_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#logistic_edit .submit-icon,
#logistic_detail .submit-icon,
#logistic_add .submit-icon,
#shipping_edit .submit-icon,
#shipping_add .submit-icon,
#carrier_driver_contact_edit .submit-icon,
#carrier_driver_contact_add .submit-icon,
#carrier_contact_edit .submit-icon,
#carrier_contact_add .submit-icon,
#carrier_edit .submit-icon,
#carrier_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#logistic_detail .floating-label-group .control-label,
#logistic_add .floating-label-group .control-label,
#logistic_edit .floating-label-group .control-label,
#shipping_detail .floating-label-group .control-label,
#shipping_edit .floating-label-group .control-label,
#shipping_add .floating-label-group .control-label,
#carrier_driver_contact_edit .floating-label-group .control-label,
#carrier_driver_contact_add .floating-label-group .control-label,
#carrier_contact_edit .floating-label-group .control-label,
#carrier_contact_add .floating-label-group .control-label,
#carrier_add .floating-label-group .control-label,
#carrier_edit .floating-label-group .control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#logistic_detail .floating-label-group input,
#logistic_add .floating-label-group input,
#logistic_edit .floating-label-group input,
#shipping_detail .floating-label-group input,
#shipping_edit .floating-label-group input,
#shipping_add .floating-label-group input,
#carrier_driver_contact_edit .floating-label-group input,
#carrier_driver_contact_add .floating-label-group input,
#carrier_contact_edit .floating-label-group input,
#carrier_contact_add .floating-label-group input,
#carrier_add .floating-label-group input,
#carrier_edit .floating-label-group input {
	width: 100%;
	/* border: 1px solid #ccc; */
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	/* background: white; */
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
}
#logistic_edit input[type="checkbox"],
#logistic_add input[type="checkbox"] {
	width: 18px;
	height: 18px;
}
#logistic_edit #delivery_date,
#logistic_edit #shipping_date,
#logistic_add #delivery_date,
#logistic_add #shipping_date,
#shipping_edit #shipping_date,
#shipping_add #shipping_date{
	padding: 1.4rem 1rem 0.75rem 4rem;
}
#logistic_edit #country_code{
	width: 50%;
	height: 50px;
	margin-right: 5px;
	font-size: 0.9rem;
    color: #000000;
    font-weight: 500;
}
#logistic_edit .custom_phone{
	width: 50% !important;
	height: 50px;
	margin-right: 5px;
	font-size: 0.9rem;
    color: #000000;
    font-weight: 500;
}
/* .custom_phone */
#logistic_detail .form-card .select2-selection,
#logistic_edit #form .select2-selection,
#logistic_add .select2-selection,
#shipping_edit .card-body1 .select2-selection,
#shipping_add .bol_details .select2-selection{
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #ccc;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#logistic_detail #edit_loose_box_card .floating-label-group select,
#logistic_detail #add_loose_box_card .floating-label-group select,
#logistic_detail #edit_pallet_box_card .floating-label-group select,
#logistic_detail #add_pallet_box_card .floating-label-group select,
#logistic_detail #add_cargo_decoration_card .floating-label-group select,
#logistic_detail #edit_cargo_box_card .floating-label-group select,
#logistic_edit #edit_loose_box_card .floating-label-group select,
#logistic_edit #add_loose_box_card .floating-label-group select,
#logistic_edit #edit_pallet_box_card .floating-label-group select,
#logistic_edit #add_pallet_box_card .floating-label-group select,
#logistic_edit #edit_cargo_form .floating-label-group select,
#logistic_edit #add_cargo .floating-label-group select{
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 50px !important;
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}
#logistic_detail .floating-label-group textarea,
#logistic_edit #edit_loose_box_card .floating-label-group textarea,
#logistic_edit #add_loose_box_card .floating-label-group textarea{
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}
#logistic_edit .floating-label-icon,
#logistic_add .floating-label-icon,
#shipping_detail .floating-label-icon,
#shipping_edit .floating-label-icon,
#shipping_add .floating-label-icon {
    position: absolute;
    top: 52%;
    left: 0.7rem;
    transform: translateY(-50%);
    color: #5a7c9e;
    z-index: 1;
}
#logistic_edit .carrier-cost-label,
#logistic_edit .shipping-date-label,
#logistic_add .shipping-date-label,
#shipping_detail .carrier-cost-label,
#shipping_edit .carrier-cost-label,
#shipping_edit .shipping-date-label,
#shipping_add .carrier-cost-label,
#shipping_add .shipping-date-label{
	position: relative;
    height: 45px;
}
#carrier_detail .custome-size p{
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#carrier_detail .custome-size{
	font-size: 0.9rem;
	font-weight: 500;
	padding-bottom: 5px;
	color: #000000;
}
#shipping_detail .custome-size{
	font-size: 0.9rem;
	white-space: nowrap;
	font-weight: 500;
	padding-bottom: 5px;
}
#shipping_detail .card1 .card-header{
	padding: 10px 20px !important;
}
#logistic_view .card-header,
#shipping_view .card-header{
	padding: 11px 20px !important;
}
#shipping_view  #add_manifest{
	white-space: nowrap;
}
#logistic_edit  #form .select2-selection,
#logistic_add .select2-selection,
#carrier_driver_contact_edit .select2-selection,
#carrier_driver_contact_add .select2-selection,
#carrier_contact_edit .select2-selection,
#carrier_contact_add .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 50px !important;
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}
#logistic_edit .select2-container--bootstrap.select2-container--open,
#logistic_add .select2-container--bootstrap.select2-container--open,
#shipping_edit .select2-container--bootstrap.select2-container--open,
#shipping_add .select2-container--bootstrap.select2-container--open,
#carrier_driver_contact_edit .select2-container--bootstrap.select2-container--open,
#carrier_driver_contact_add .select2-container--bootstrap.select2-container--open,
#carrier_contact_edit .select2-container--bootstrap.select2-container--open,
#carrier_contact_add .select2-container--bootstrap.select2-container--open{
	z-index: 90 !important;
}
#logistic_edit .select2-container--bootstrap.select2-container--focus .select2-selection,
#logistic_add .select2-container--bootstrap.select2-container--focus .select2-selection,
#shipping_edit .select2-container--bootstrap.select2-container--focus .select2-selection,
#shipping_add .select2-container--bootstrap.select2-container--focus .select2-selection,
#carrier_driver_contact_edit .select2-container--bootstrap.select2-container--focus .select2-selection,
#carrier_driver_contact_add .select2-container--bootstrap.select2-container--focus .select2-selection,
#carrier_contact_edit .select2-container--bootstrap.select2-container--focus .select2-selection,
#carrier_contact_add .select2-container--bootstrap.select2-container--focus .select2-selection,
 .select2-container--bootstrap.select2-container--open .select2-selection
{
    border: 1px solid #ccc !important;
}
#carrier_add .floating-label-group textarea,
#carrier_edit .floating-label-group textarea {
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	color: #000000;
	font-weight: 500;
}
#logistic_detail #edit_loose_box_card,
#logistic_detail #add_loose_box_card,
#logistic_detail #edit_pallet_box_card,
#logistic_detail #add_pallet_box_card,
#logistic_detail #edit_cargo_box_card,
#logistic_detail #add_cargo_decoration_card,
#logistic_edit #edit_cargo_box_card,
#logistic_edit #add_cargo_decoration_card,
#logistic_edit #edit_pallet_box_card,
#logistic_edit #add_pallet_box_card,
#logistic_edit #edit_loose_box_card,
#logistic_edit #add_loose_box_card{
    border:none !important;
    box-shadow: none;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	border-bottom: 1px solid #dee2e6 !important;
}
#carrier_driver_contact_edit #country_code,
#carrier_driver_contact_add #country_code,
#carrier_contact_edit #country_code,
#carrier_contact_add #country_code,
#carrier_add #country_code,
#carrier_edit #country_code{
	width: 35% !important;
	height: 50px;
	margin-right: 5px;
	font-size: 0.9rem;
    color: #000000;
    font-weight: 500;
}
#carrier_driver_contact_edit #carrier_driver_contact_number,
#carrier_driver_contact_edit #carrier_number_ext,
#carrier_driver_contact_add #carrier_driver_contact_number,
#carrier_driver_contact_add #carrier_number_ext,
#carrier_contact_edit #phone,
#carrier_contact_edit #phone_ext,
#carrier_contact_add #carrier_contact_number,
#carrier_contact_add #carrier_number_ext,
#carrier_add #phone_ext,
#carrier_add #phone,
#carrier_edit #phone_ext,
#carrier_edit #phone {
    width: 214px !important;
    max-width: 214px !important;
}
#carrier_driver_contact_add .error,
#logistic_add .error,
#shipping_edit .error,
#shipping_add .error,
#carrier_driver_contact_edit .error,
#carrier_contact_edit .phone_alert,
#carrier_contact_edit .error,
#carrier_contact_add .error,
#carrier_contact_add .phone_alert,
#carrier_add .phone_alert,
#carrier_add .error,
#carrier_edit .phone_alert,
#carrier_edit .error{
	font-size: 0.8rem;
	color: #C10000 !important;
}
#carrier_add #phone_ext-error,
#carrier_edit #phone_ext-error{
	bottom: -17px !important;
	font-size: 0.8rem;
}
#carrier_driver_contact_edit #carrier_number_ext-error,
#carrier_driver_contact_add #carrier_number_ext-error,
#carrier_contact_edit #phone_ext-error,
#carrier_contact_add #carrier_number_ext-error{
	bottom: -9px !important;
}
#logistic_edit #loose_box_card,
#logistic_edit #new_pallet_toggle_btn,
#logistic_edit #new_cargo_toggle_btn{
	white-space: nowrap;
}
#logistic_detail #pallet_info_delete,
#logistic_detail #pallet_info_delete:hover,
#logistic_detail #pallet_info_delete:focus,
#logistic_detail #pallet_info_delete:active,
#logistic_detail #pallet_info_delete:focus:active,
#logistic_detail .btn-disabled1,
#logistic_detail .btn-disabled1,
#logistic_detail .btn-disabled1:focus,
#logistic_detail .btn-disabled1:active,
#logistic_detail .btn-disabled1:focus:active,
#logistic_edit #pallet_info_delete,
#logistic_edit #pallet_info_delete:hover,
#logistic_edit #pallet_info_delete:focus,
#logistic_edit #pallet_info_delete:active,
#logistic_edit #pallet_info_delete:focus:active,
#logistic_edit .btn-disabled1,
#logistic_edit .btn-disabled1,
#logistic_edit .btn-disabled1:focus,
#logistic_edit .btn-disabled1:active,
#logistic_edit .btn-disabled1:focus:active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: inherit !important;
}
#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
	padding-left: 6rem;
}
#carrier_contact_add .was-validated .form-control:invalid, 
#carrier_contact_add .form-control.is-invalid,
#carrier_contact_edit .was-validated .form-control:invalid, 
#carrier_contact_edit .form-control.is-invalid {
	border: 1px solid #ccc;
	background-image:none;
}
#carrier_contact_add .was-validated .form-control:invalid:focus, 
#carrier_contact_add .form-control.is-invalid:focus,
#carrier_contact_edit .was-validated .form-control:invalid:focus, 
#carrier_contact_edit .form-control.is-invalid:focus {
	border: 1px solid #ccc !important;
}
@media only screen and (min-width: 768px) {
	#logistic_view .card,
	#carrier_detail .card1,
	#shipping_edit .card1,
	#shipping_add .card1,
	#shipping_view .card,
	#carrier_driver_contact_edit .card,
	#carrier_driver_contact_add .card,
	#carrier_contact_edit .card,
	#carrier_contact_add .card,
	#carrier_view .card,
	#carrier_edit .card,
	#carrier_add .card {
        margin-top: -28px !important;
    }
}
@media (max-width: 820px) and (min-width: 768px) {
	#carrier_driver_contact_edit .page-header h2,	
	#carrier_driver_contact_add .page-header h2,
	#carrier_contact_edit .page-header h2,
	#carrier_contact_add .page-header h2{
		font-size: 18px !important;
	}
	#carrier_detail .custom-col-md-12 {
		flex: 0 0 100%;
    	max-width: 100%
	}
	#logistic_edit .form-horizontal .card-footer{
		margin-right: 5px;
	}
	#logistic_detail .custom-responsive-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
	#logistic_detail .responsive-col2{
		margin-top: 2.6rem;
	}
	#logistic_view .table-scrollable-responsive .row:first-child{
		width: 135%;
	}
	#logistic_view .table-scrollable-responsive .row:first-child div{
		flex: 0 0 38%;
	}
	 #logistic_edit .custom-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (width: 768px) {
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		margin-right: 2rem !important;
	}
}
@media (width: 1024px) {
	#carrier_driver_contact_edit #carrier_driver_contact_number,
	#carrier_driver_contact_add #carrier_driver_contact_number,
	#carrier_contact_edit #phone,
	#carrier_contact_add #carrier_contact_number,
	#carrier_add #phone,
	#carrier_edit #phone {
		width: 170px !important;
		max-width: 170px !important;
		padding: 1rem 1rem 0.75rem 2rem !important;
	}
	#carrier_driver_contact_edit #carrier_number_ext,
	#carrier_driver_contact_add #carrier_number_ext,
	#carrier_contact_edit #phone_ext,
	#carrier_contact_add #carrier_number_ext,
	#carrier_add #phone_ext,
	#carrier_edit #phone_ext {
        width: 78px !important;
        max-width: 78px !important;
		padding: 1rem 1rem 0.75rem 1rem !important;
	}
	#logistic_edit .form-horizontal .card-footer{
		margin-right: 5px;
	}
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 1rem;
	}
}
@media (width: 820px) {
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 0rem !important;
		margin-right: 1rem;
	}
}
@media (width: 1180px) {
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 2rem;
	}
}
@media (min-width: 1365px) and (max-width: 1367px) {
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 4rem !important;
	}
}
@media (max-width: 920px) {
	#carrier_driver_contact_edit #carrier_driver_contact_number,
	#carrier_driver_contact_add #carrier_driver_contact_number,
	#carrier_contact_edit #phone,
	#carrier_contact_add #carrier_contact_number,
	#carrier_edit #phone,
	#carrier_add #phone {
		width: 90px !important;
		max-width: 90px !important;
		padding: 1rem 1rem 0.75rem 1rem !important;
	}
	#carrier_driver_contact_edit #carrier_number_ext,
	#carrier_driver_contact_add #carrier_number_ext,
	#carrier_contact_edit #phone_ext,
	#carrier_contact_add #carrier_number_ext,
	#carrier_edit #phone_ext,
	#carrier_add #phone_ext {
        width: 78px !important;
        max-width: 78px !important;
		padding: 1rem 1rem 0.75rem 1rem !important;
	}
	#logistic_edit .form-horizontal .card-footer{
		margin-right: 5px;
	}
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 0rem;
	}
	#logistic_detail .custom-responsive-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
	#logistic_detail .responsive-col2{
		margin-top: 2.6rem;
	}
}
@media (width: 1440px) {
	#logistic_edit .form-horizontal .card-footer .offset-sm-11 {
		padding-left: 5rem;
	}
}
/*------------------------Shipping pagination------------------------- */
#logistic_detail  .dataTables_wrapper .dataTables_paginate .pagination,
#logistic_edit .dataTables_wrapper .dataTables_paginate .pagination,
#logistic_view .dataTables_wrapper .dataTables_paginate .pagination,
#shipping_detail .dataTables_wrapper .dataTables_paginate .pagination,
#shipping_edit .dataTables_wrapper .dataTables_paginate .pagination,
#shipping_add .dataTables_wrapper .dataTables_paginate .pagination,
#shipping_view .dataTables_wrapper .dataTables_paginate .pagination,
#carrier_detail .dataTables_wrapper .dataTables_paginate .pagination,
#carrier_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button,
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button,
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button,
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button,
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button,
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button,
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .page-link,
#logistic_edit .dataTables_wrapper .dataTables_paginate .page-link,
#logistic_view .dataTables_wrapper .dataTables_paginate .page-link,
#shipping_detail .dataTables_wrapper .dataTables_paginate .page-link,
#shipping_edit .dataTables_wrapper .dataTables_paginate .page-link,
#shipping_add .dataTables_wrapper .dataTables_paginate .page-link,
#shipping_view .dataTables_wrapper .dataTables_paginate .page-link,
#carrier_detail .dataTables_wrapper .dataTables_paginate .page-link,
#carrier_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#logistic_detail .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#logistic_detail .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#logistic_edit .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#logistic_edit .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#logistic_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#logistic_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#shipping_detail .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#shipping_detail .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#shipping_edit .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#shipping_edit .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#shipping_add .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#shipping_add .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#shipping_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#shipping_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#carrier_detail .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#carrier_detail .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#carrier_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#carrier_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

/*------------------admin profile-------------- */ 
#tariffs-charged-edit-view .page-header h2,
#add-edit-vendor-purchase .page-header h2,
#list-item-vendor-purchase .page-header h2,
#patio-item-add-edit .page-header h2,
#patio-item-add .page-header h2,
#project-part-price-update .page-header h2,
#dealer-dashboad-edit-order .page-header h2,
#admin-edit .page-header h2,
#admin-add .page-header h2,
#check-user-status .page-header h2,
#labor-sheet-item-list-view .page-header h2,
#labor-sheet-ietm-update .page-header h2,
#dealer-discount-change-request .page-header h2,
#dealer_discount_history_report_view .page-header h2,
#labor-sheet-item-add .page-header h2,
#labor-sheet-price-view .page-header h2,
#dealer-discount-package-edit .page-header h2,
#dealer-discount-package-view .page-header h2,
#vendor-dashboard .page-header h2,
#staff-dashboard .page-header h2,
#dealer-dashboard-add-order .page-header h2,
#dealer-dashboard .page-header h2,
#admin-view .page-header h2,
#admin-deactivated .page-header h2,
#profile-page .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#add-edit-vendor-purchase .invalid-feedback,
#patio-item-add .invalid-feedback,
#project-part-price-update .invalid-feedback,
#dealer-dashboad-edit-order .invalid-feedback,
#check-user-status .invalid-feedback,
#labor-sheet-item-list-view .invalid-feedback,
#labor-sheet-ietm-update .invalid-feedback,
#dealer-discount-change-request .invalid-feedback,
#dealer_discount_history_report_view .invalid-feedback,
#labor-sheet-item-add .invalid-feedback,
#labor-sheet-price-view .invalid-feedback,
#dealer-discount-package-edit .invalid-feedback,
#dealer-discount-package-view .invalid-feedback,
#vendor-dashboard .invalid-feedback,
#staff-dashboard .invalid-feedback,
#dealer-dashboard-add-order .invalid-feedback,
#dealer-dashboard .invalid-feedback,
#admin-view .invalid-feedback,
#admin-deactivated .invalid-feedback,
#profile-page .invalid-feedback	{
	font-size: 0.8rem !important;
	position: absolute;
    /* left: 49px; */
    top: 3rem;
    background:transparent !important;
    width: fit-content;
}
#admin-edit .invalid-feedback,
#admin-add .invalid-feedback {
	font-size: 0.8rem !important;
	/* position: absolute; */
    /* left: 49px; */
    top: 3rem;
    background:transparent !important;
    width: fit-content;
}
#admin-edit .text-danger,
#admin-edit .phone_alert,
#admin-add .text-danger,
#admin-add .phone_alert{
	font-size: 0.8rem !important;
}
#profile-page {
	background: #fff !important;
}
#tariffs-charged-edit-view .page-header,
#add-edit-vendor-purchase .page-header,
#list-item-vendor-purchase .page-header,
#patio-item-add-edit .page-header,
#patio-item-add .page-header,
#project-part-price-update .page-header,
#dealer-dashboad-edit-order .page-header,
#admin-edit .page-header,
#admin-add .page-header,
#check-user-status .page-header,
#labor-sheet-item-list-view .page-header,
#labor-sheet-ietm-update .page-header,
#dealer-discount-change-request .page-header,
#dealer_discount_history_report_view .page-header,
#labor-sheet-item-add .page-header,
#labor-sheet-price-view .page-header,
#dealer-discount-package-edit .page-header,
#dealer-discount-package-view .page-header,
#vendor-dashboard .page-header,
#staff-dashboard .page-header,
#dealer-dashboard-add-order .page-header,
#dealer-dashboard .page-header,
#admin-view .page-header,
#admin-deactivated .page-header,
#profile-page .page-header {
	box-shadow: none !important;
	/* box-shadow: none !important; */
	/* border-left:none !important; */
}
#tariffs-charged-edit-view .card,
#add-edit-vendor-purchase .card,
#list-item-vendor-purchase .card,
#patio-item-add-edit .card,
#patio-item-add .card,
#project-part-price-update .card,
#dealer-dashboad-edit-order .card,
#admin-edit .card,
#admin-add .card,
#check-user-status .card,
#labor-sheet-item-list-view .card,
#labor-sheet-ietm-update .card,
#dealer-discount-change-request .card,
#dealer_discount_history_report_view .card,
#labor-sheet-item-add .card,
#labor-sheet-price-view .card,
#dealer-discount-package-edit .card,
#dealer-discount-package-view .card,
#vendor-dashboard .card,
#staff-dashboard .card,
#dealer-dashboard-add-order .card,
#dealer-dashboard .card,
#admin-view .card,
#admin-deactivated .card,
#profile-page .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#tariffs-charged-edit-view .card-header,
#add-edit-vendor-purchase .card-header,
#list-item-vendor-purchase .card-header,
#patio-item-add-edit .card-header,
#patio-item-add .card-header,
#project-part-price-update .card-header,
#dealer-dashboad-edit-order .card-header,
#admin-edit .card-header,
#admin-add .card-header,
#check-user-status .card-header,
#labor-sheet-item-list-view .card-header,
#labor-sheet-ietm-update .card-header,
#dealer-discount-change-request .card-header,
#dealer_discount_history_report_view .card-header,
#labor-sheet-item-add .card-header,
#labor-sheet-price-view .card-header,
#dealer-discount-package-edit .card-header,
#dealer-discount-package-view .card-header,
#vendor-dashboard .card-header,
#staff-dashboard .card-header,
#dealer-dashboard-add-order .card-header,
#dealer-dashboard .card-header,
#admin-view .card-header,
#admin-deactivated .card-header,
#profile-page .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#tariffs-charged-edit-view .card-body,
#add-edit-vendor-purchase .card-body,
#list-item-vendor-purchase .card-body,
#patio-item-add-edit .card-body,
#patio-item-add .card-body,
#project-part-price-update .card-body,
#dealer-dashboad-edit-order .card-body,
#admin-edit .card-body,
#admin-add .card-body,
#check-user-status .card-body,
#labor-sheet-item-list-view .card-body,
#labor-sheet-ietm-update .card-body,
#dealer-discount-change-request .card-body,
#dealer_discount_history_report_view .card-body,
#labor-sheet-item-add .card-body,
#labor-sheet-price-view .card-body,
#dealer-discount-package-edit .card-body,
#dealer-discount-package-view .card-body,
#vendor-dashboard .card-body,
#staff-dashboard .card-body,
#dealer-dashboard-add-order .card-body,
#dealer-dashboard .card-body,
#admin-view .card-body,
#admin-deactivated .card-body,
#profile-page .card-body {
	background-color: #fafafa !important;
}
#tariffs-charged-edit-view .card-footer,
#patio-item-add-edit .card-footer,
#patio-item-add .card-footer,
#dealer-dashboad-edit-order .card-footer,
#dealer-dashboard-add-order .card-footer,
#admin-edit .card-footer,
#labor-sheet-item-add .card-footer,
#labor-sheet-ietm-update .card-footer,
#dealer-discount-package-edit .card-footer,
#vendor-dashboard .card-footer,
#staff-dashboard .card-footer,
#dealer-dashboard .card-footer,
#admin-add .card-footer,
#profile-page .card-footer{
	border-top: none !important;
	background:#fafafa !important;
}
#tariffs-charged-edit-view .right-wrapper,
#add-edit-vendor-purchase .right-wrapper,
#list-item-vendor-purchase .right-wrapper,
#patio-item-add-edit .right-wrapper,
#patio-item-add .right-wrapper,
#project-part-price-update .right-wrapper,
#dealer-dashboad-edit-order .right-wrapper,
#admin-edit .right-wrapper,
#admin-add .right-wrapper,
#check-user-status .right-wrapper,
#labor-sheet-item-list-view .right-wrapper,
#labor-sheet-ietm-update .right-wrapper,
#dealer-discount-change-request .right-wrapper,
#dealer_discount_history_report_view .right-wrapper,
#labor-sheet-item-add .right-wrapper,
#labor-sheet-price-view .right-wrapper,
#dealer-discount-package-edit .right-wrapper,
#dealer-discount-package-view .right-wrapper,
#vendor-dashboard .right-wrapper,
#staff-dashboard .right-wrapper,
#dealer-dashboard-add-order .right-wrapper,
#dealer-dashboard .right-wrapper,
#admin-view .right-wrapper,
#admin-deactivated .right-wrapper,
#profile-page .right-wrapper {
	background: #fff !important;
}
#tariffs-charged-edit-view .fa-chevron-left:before,
#add-edit-vendor-purchase .fa-chevron-left:before,
#list-item-vendor-purchase .fa-chevron-left:before,
#patio-item-add-edit .fa-chevron-left:before,
#patio-item-add .fa-chevron-left:before,
#project-part-price-update .fa-chevron-left:before,
#dealer-dashboad-edit-order .fa-chevron-left:before,
#admin-edit .fa-chevron-left:before,
#admin-add .fa-chevron-left:before,
#check-user-status .fa-chevron-left:before,
#labor-sheet-item-list-view .fa-chevron-left:before,
#labor-sheet-ietm-update .fa-chevron-left:before,
#dealer-discount-change-request .fa-chevron-left:before,
#dealer_discount_history_report_view .fa-chevron-left:before,
#labor-sheet-item-add .fa-chevron-left:before,
#labor-sheet-price-view .fa-chevron-left:before,
#dealer-discount-package-edit .fa-chevron-left:before,
#dealer-discount-package-view .fa-chevron-left:before,
#vendor-dashboard .fa-chevron-left:before,
#staff-dashboard .fa-chevron-left:before,
#dealer-dashboard-add-order .fa-chevron-left:before,
#dealer-dashboard .fa-chevron-left:before,
#admin-view .fa-chevron-left:before,
#admin-deactivated .fa-chevron-left:before,
#profile-page .fa-chevron-left:before {
	color: black !important;
}
#tariffs-charged-edit-view .fa-home,
#tariffs-charged-edit-view .breadcrumbs li,
#add-edit-vendor-purchase .breadcrumbs li,
#add-edit-vendor-purchase .fa-home,
#list-item-vendor-purchase .breadcrumbs li,
#list-item-vendor-purchase .fa-home,
#patio-item-add  .breadcrumbs li,
#patio-item-add-edit .fa-home,
#patio-item-add .fa-home,
#project-part-price-update .fa-home,
#dealer-dashboad-edit-order .fa-home,
#admin-edit .fa-home,
#admin-add .fa-home,
#check-user-status .fa-home,
#labor-sheet-item-list-view .fa-home,
#labor-sheet-ietm-update .fa-home,
#dealer-discount-change-request .fa-home,
#dealer_discount_history_report_view .fa-home,
#labor-sheet-item-add .fa-home,
#labor-sheet-price-view .fa-home,
#dealer-discount-package-edit .fa-home,
#dealer-discount-package-view .fa-home,
#vendor-dashboard .fa-home,
#staff-dashboard .fa-home,
#dealer-dashboard-add-order .fa-home,
#dealer-dashboard .fa-home,
#admin-view .fa-home,
#admin-deactivated .fa-home,
#profile-page .fa-home {
	color: black !important;
}
#tariffs-charged-edit-view .breadcrumbs span,
#add-edit-vendor-purchase .breadcrumbs span,
#list-item-vendor-purchase .breadcrumbs span,
#dealer_discount_history_report_view .breadcrumbs span,
#patio-item-add-edit .breadcrumbs span,
#patio-item-add .breadcrumbs span,
#project-part-price-update .breadcrumbs span,
#dealer-dashboad-edit-order .breadcrumbs span,
#admin-edit .breadcrumbs span,
#admin-add .breadcrumbs span ,
#check-user-status .breadcrumbs span,
#labor-sheet-item-list-view .breadcrumbs span,
#labor-sheet-ietm-update .breadcrumbs span,
#dealer-discount-change-request .breadcrumbs span,
#labor-sheet-item-add .breadcrumbs span,
#labor-sheet-price-view .breadcrumbs span,
#dealer-discount-package-edit .breadcrumbs span,
#dealer-discount-package-view .breadcrumbs span,
#vendor-dashboard .breadcrumbs span,
#staff-dashboard .breadcrumbs span,
#dealer-dashboard-add-order .breadcrumbs span,
#dealer-dashboard .breadcrumbs span,
#admin-view .breadcrumbs span,
#admin-deactivated .breadcrumbs span,
#profile-page .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#tariffs-charged-edit-view .page-header .breadcrumbs a,
#add-edit-vendor-purchase .page-header .breadcrumbs a,
#list-item-vendor-purchase .page-header .breadcrumbs a,
#patio-item-add-edit .page-header .breadcrumbs a,
#patio-item-add .page-header .breadcrumbs a,
#project-part-price-update .page-header .breadcrumbs a,
#dealer-dashboad-edit-order .page-header .breadcrumbs a,
#admin-edit .page-header .breadcrumbs a,
#admin-add .page-header .breadcrumbs a,
#check-user-status .page-header .breadcrumbs a,
#labor-sheet-item-list-view .page-header .breadcrumbs a,
#labor-sheet-ietm-update .page-header .breadcrumbs a,
#dealer_discount_history_report_view .page-header .breadcrumbs a, 
#labor-sheet-item-add .page-header .breadcrumbs a,
#labor-sheet-price-view .page-header .breadcrumbs a,
#dealer-discount-package-edit .page-header .breadcrumbs a,
#dealer-discount-package-view .page-header .breadcrumbs a,
#vendor-dashboard .page-header .breadcrumbs a,
#staff-dashboard .page-header .breadcrumbs a,
#dealer-dashboard-add-order .page-header .breadcrumbs a,
#dealer-dashboard .page-header .breadcrumbs a,
#admin-view .page-header .breadcrumbs a,
#admin-deactivated .page-header .breadcrumbs a,
#profile-page .page-header .breadcrumbs a
/* .page-header .breadcrumbs span  */
{
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#tariffs-charged-edit-view .page-header .breadcrumbs li,
#add-edit-vendor-purchase .page-header .breadcrumbs li,
#list-item-vendor-purchase .page-header .breadcrumbs li,
#patio-item-add-edit .page-header .breadcrumbs li,
#project-part-price-update .page-header .breadcrumbs li,
#dealer_discount_history_report_view .page-header .breadcrumbs li,
#dealer-dashboad-edit-order .page-header .breadcrumbs li,
#admin-edit .page-header .breadcrumbs li,
#admin-add .page-header .breadcrumbs li ,
#check-user-status .breadcrumbs li,
#labor-sheet-item-list-view .breadcrumbs li,
#labor-sheet-ietm-update .breadcrumbs li,
#dealer_discount_history_report_view .breadcrumbs li,
#labor-sheet-item-add .page-header .breadcrumbs li,
#labor-sheet-price-view .page-header .breadcrumbs li,
#dealer-discount-package-edit .page-header .breadcrumbs li,
#dealer-discount-package-view .page-header .breadcrumbs li,
#vendor-dashboard .page-header .breadcrumbs li,
#staff-dashboard .page-header .breadcrumbs li,
#dealer-dashboard-add-order .page-header .breadcrumbs li,
#dealer-dashboard .page-header .breadcrumbs li,
#admin-view .page-header .breadcrumbs li,
#admin-deactivated .page-header .breadcrumbs li,
#profile-page .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#tariffs-charged-edit-view h2.card-title,
#add-edit-vendor-purchase h2.card-title,
#list-item-vendor-purchase h2.card-title,
#patio-item-add-edit h2.card-title,
#patio-item-add h2.card-title,
#project-part-price-update h2.card-title,
#dealer-dashboad-edit-order h2.card-title,
#admin-edit h2.card-title,
#admin-add h2.card-title ,
#check-user-status  h2.card-title,
#labor-sheet-item-list-view h2.card-title,
#labor-sheet-ietm-update h2.card-title,
#dealer-discount-change-request h2.card-title,
#dealer_discount_history_report_view h2.card-title,
#labor-sheet-item-add h2.card-title,
#labor-sheet-price-view h2.card-title,
#dealer-discount-package-edit h2.card-title,
#dealer-discount-package-view h2.card-title,
#vendor-dashboard h2.card-title,
#staff-dashboard h2.card-title,
#dealer-dashboard-add-order h2.card-title,
#dealer-dashboard h2.card-title,
#admin-view h2.card-title,
#admin-deactivated h2.card-title,
#profile-page h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
} 
#patio-item-add-edit .custom-file label{
	height: 50px;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    padding: 13px !important;
	padding-left: 2.5rem !important;
	font-weight: 500 !important;
	font-size: 0.9 !important;
	color: #000000 !important;
}
#patio-item-add-edit .custom-file-label::after{
	height: calc(2.3rem + 0.7rem) !important;
	padding: 0.875rem 0.75rem;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
}
#patio-item-add-edit textarea{
	font-size: 0.9rem;
    font-weight: 400;
    padding-left: 3rem;
}
#tariffs-charged-edit-view .floating-label-group label,
#add-edit-vendor-purchase .floating-label-group label,
#patio-item-add  .floating-label-group .control-label,
#patio-item-add-edit .floating-label-group .control-label, 
#project-part-price-update .floating-label-group label,
#dealer-dashboad-edit-order .floating-label-group label,
#admin-edit .floating-label-group label,
#admin-add .floating-label-group label,
#check-user-status .floating-label-group label,
#labor-sheet-ietm-update .floating-label-group label,
#labor-sheet-item-add .floating-label-group label,
#dealer-discount-package-edit .floating-label-group label,
#vendor-dashboard .floating-label-group label,
#staff-dashboard .floating-label-group label,
#dealer-dashboard-add-order .floating-label-group label,
#dealer-dashboard-settings .floating-label-group label,
#profile-page .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background: white;
}
#dealer-dashboad-edit-order .error-text,
#dealer-dashboad-edit-order label.error,
#admin-edit .error-text,
#admin-edit label.error,
#admin-add .error-text,
#admin-add label.error,
#check-user-status .error-text,
#check-user-status label.error,
#labor-sheet-ietm-update .error-text,
#labor-sheet-ietm-update label.error,
#labor-sheet-item-add .error-text,
#labor-sheet-item-add label.error,
#profile-page .error-text,
#profile-page label.error,
#project-part-price-update label.error
#dealer-dashboad-edit-order label.error,
#admin-edit .floating-lalabel.error,
#admin-add label.error,
#check-user-status label.error,
#labor-sheet-ietm-update label.error,
#labor-sheet-item-add label.error,
#dealer-discount-package-edit label.error,
#vendor-dashboard label.error,
#staff-dashboard label.error,
#dealer-dashboard-add-order label.error,
#dealer-dashboard-settings label.error,
#profile-page label.error-group label {
	position: absolute !important;
	top: 3rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #C10000 !important;
	z-index: 1 !important;
	background: transparent;
}
#tariffs-charged-edit-view .floating-label-group input,
#add-edit-vendor-purchase .floating-label-group input,
#patio-item-add .floating-label-group input,
#project-part-price-update .floating-label-group input,
#dealer-dashboad-edit-order .floating-label-group input,
#admin-edit .floating-label-group input,
#admin-add .floating-label-group input,
#check-user-status .floating-label-group input,
#labor-sheet-ietm-update .floating-label-group input,
#labor-sheet-item-add .floating-label-group input,
#dealer-discount-package-edit .floating-label-group input,
#vendor-dashboard .floating-label-group input,
#staff-dashboard .floating-label-group input,
#dealer-dashboard-add-order .floating-label-group input,
#dealer-dashboard-settings .floating-label-group input,
#profile-page .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	padding-bottom: 22px !important;
	font-weight: 400;
}
#tariffs-charged-edit-view .floating-label-group,
#add-edit-vendor-purchase .floating-label-group,
#patio-item-add-edit .floating-label-group,
#patio-item-add .floating-label-group,
#project-part-price-update .floating-label-group,
#dealer-dashboad-edit-order .floating-label-group,
#admin-edit .floating-label-group,
#check-user-status .floating-label-group,
#labor-sheet-ietm-update .floating-label-group,
#labor-sheet-item-add .floating-label-group ,
#dealer-discount-package-edit .floating-label-group ,
#vendor-dashboard .floating-label-group ,
#staff-dashboard .floating-label-group ,
#dealer-dashboard-add-order .floating-label-group ,
#dealer-dashboard-settings .floating-label-group ,
#profile-page .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
	/* height: 45px; */
}
#admin-add .floating-label-group {
	position: relative;
	margin-bottom: 1.5rem;
	height: 45px;
}
#patio-item-add-edit .floating-label-icon,
#patio-item-add .floating-label-icon,
#project-part-price-update .floating-label-icon,
#dealer-dashboad-edit-order .floating-label-icon,
#admin-edit .floating-label-icon,
#admin-add .floating-label-icon,
#check-user-status .floating-label-icon,
#labor-sheet-ietm-update .floating-label-icon,
#labor-sheet-item-add .floating-label-icon,
#dealer-discount-package-edit .floating-label-icon,
#vendor-dashboard .floating-label-icon,
#staff-dashboard .floating-label-icon,
#dealer-dashboard-add-order .floating-label-icon,
#dealer-dashboard-settings .floating-label-icon,
#profile-page .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}
#admin-add .phone-label-group .floating-label-icon{
	top: 59%;
}
#patio-item-add .phone-label-group{
    position: relative;
    height: 55px;
}
#patio-item-add .error{
	font-size: 0.8rem;
}
#project-part-price-update #profit_margin,
#dealer-dashboad-edit-order .form-check-input,
#admin-edit .form-check-input,
#admin-add .form-check-input,
#check-user-status .form-check-input,
#labor-sheet-ietm-update .form-check-input,
#labor-sheet-item-add .form-check-input,
#dealer-discount-package-edit .form-check-input,
#staff-dashboard .form-check-input,
#dealer-dashboard-add-order .form-check-input,
#dealer-dashboard-settings .form-check-input,
#profile-page .form-check-input {
	width: 22px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #ced4da;
}
#patio-item-add .controle-label,
#project-part-price-update .controle-label,
#dealer-dashboad-edit-order .controle-label,
#admin-edit .controle-label,
#admin-add .controle-label ,
#check-user-status .controle-label,
#labor-sheet-ietm-update .controle-label,
#labor-sheet-item-add .controle-label,
#dealer-discount-package-edit .controle-label,
#vendor-dashboard .controle-label,
#staff-dashboard .controle-label,
#dealer-dashboard-add-order .controle-label,
#dealer-dashboard-settings .controle-label,
#profile-page .controle-label {
	font-size: 0.9rem !important;
}
/* #project-part-price-update .form-control, */
/* #patio-item-add .form-control,  */
#dealer-dashboad-edit-order .form-control,
#admin-edit .form-control,
#admin-add .form-control ,
#check-user-status input.form-control,
#labor-sheet-ietm-update input.form-control,
#labor-sheet-item-add input.form-control,
#dealer-discount-package-edit input.form-control,
#staff-dashboard input.form-control,
#dealer-dashboard-add-order input.form-control,
#dealer-dashboard-settings input.form-control,
#profile-page .form-control {
	color: #1f1f1f !important;
	height: 50px !important;
	background-color: white !important;
}
#patio-item-add  .floating-label-group input,
#project-part-price-update #profit_margin,
#dealer-dashboad-edit-order .floating-label-group input,
#admin-edit .floating-label-group input,
#check-user-status .floating-label-group input,
#labor-sheet-ietm-update .floating-label-group input,
#labor-sheet-item-add .floating-label-group input,
#dealer-discount-package-edit .floating-label-group input,
#staff-dashboard .floating-label-group input,
#dealer-dashboard-add-order .floating-label-group input,
#dealer-dashboard-settings .floating-label-group input,
#profile-page .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 400;
	/* color: #000000; */
	height: 50px !important;
}
#patio-item-add-edit .floating-label-group input{
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	font-weight: 400;
	/* color: #000000; */
	height: 50px !important;
}
#add-edit-vendor-purchase #unit_of_major,
#patio-item-add-edit #item_unit_div select,
#patio-item-add-edit #item_position {
	height: 50px !important;
	font-size: 0.9rem;
	font-weight: 400;
	color: #000000;
	padding-left: 3rem !important;
}
#patio-item-add-edit #item_position{
	width: 102% !important;
}
#patio-item-add-edit #item_position_div{
	margin-left: -15px;
}
#project-part-price-update #profit_margin{
	height: 22px !important;
	color: #555 !important;
	font-weight: 400 !important;

}
#project-part-price-update .floating-label-group input{
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 1rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 400;
	/* color: #000000; */
}
#dealer-dashboad-edit-order input.form-control,
#admin-edit input.form-control,
#admin-add input.form-control,
#check-user-status input.form-control,
#labor-sheet-ietm-update input.form-control,
#labor-sheet-item-add input.form-control,
#dealer-discount-package-edit input.form-control,
#staff-dashboard input.form-control,
#dealer-dashboard-add-order input.form-control,
#dealer-dashboard-settings input.form-control,
#profile-page input.form-control {
	/* border: none; */
	transition: box-shadow 0.3s ease-in-out;
}
#vendor-dashboard .card-body textarea,
#staff-dashboard .card-body textarea,
#dealer-dashboard-settings .card-body textarea{
	padding-top:15px;
	line-height: 1.2;
	font-size: 0.9rem;
	font-weight: 400;
	/* color: #000000; */
	padding-left: 46px;
	min-height:104px;
	max-height:250px;

}
#vendor-dashboard .card-body textarea,
#staff-dashboard .card-body textarea{
	line-height: 1.2;
}
#add-edit-vendor-purchase .card-body textarea{
	padding: 1rem 1rem 0.75rem 3rem;
    font-size: 0.8rem;
    font-weight: 400;
	line-height: 1.2;
    /* color: #000000; */
}
#dealer-dashboad-edit-order .select2-selection,
#admin-edit select,
#labor-sheet-ietm-update select,
#labor-sheet-item-add select,
#staff-dashboard .select2-selection,
#dealer-dashboard-add-order .select2-selection{
	height: 50px !important;
	/* border: none !important; */
	-webkit-box-shadow:none !important;
	padding-left: 45px;
	padding-top: 11px;
	font-size: 0.9rem;
	font-weight: 400;
	/* color: #000000; */
} 
#admin-edit .select1{
	margin-right: 5px !important;
	width: 28% !important;
	padding-left: 1.5rem;
}
#admin-edit #phone1,
#admin-edit #phone{
	width: 100% !important;
	padding-left: 2rem;
}
#admin-edit #alternate_number_ext,
#admin-edit #phone_ext{
	width: 30% !important;
}
#dealer-dashboad-edit-order .select2-container,
#labor-sheet-item-add .select2-container,
#staff-dashboard .select2-container,
#dealer-dashboard-add-order .select2-container{
	z-index: 0 !important;
}
.alert p {
    margin: 0;
}
#profile-page .floating-label-group select {
	padding: 1.25rem 1rem 0.75rem 3rem !important;
	width: 100%;
	border: none !important;
}
#admin-add .floating-label-group select {
	padding: 0.7rem 1rem 0.75rem 3rem !important;
	width: 100%;
}
#admin-add #alt_country_code,
#admin-add #country_code{
	padding: 1rem !important;
}
#admin-add input.form-control {
	border: none;
	color: #fff;
	background: #fff !important;
	transition: box-shadow 0.3s ease-in-out;
}
#tariffs-charged-edit-view #submit,
#add-edit-vendor-purchase #submit,
#add-edit-vendor-purchase #back,
#admin-edit #switch-role-btn,
#admin-edit #submit,
#patio-item-add-edit #back-btn,
#patio-item-add-edit #submit,
#patio-item-add #submit,
#patio-item-add #back-btn,
#check-user-status .resert-btn,
#check-user-status #submit,
#dealer-dashboad-edit-order #submit,
#dealer-dashboard-add-order #submit,
#labor-sheet-item-add #submit,
#labor-sheet-ietm-update #submit,
#dealer-discount-package-edit #submit,
#vendor-dashboard #submit,
#staff-dashboard #submit,
#dealer-dashboard-settings #submit,
#admin-add #submit,
#profile-page #submit {
	background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#tariffs-charged-edit-view .btn-icon-wrapper,
#add-edit-vendor-purchase .btn-icon-wrapper,
#admin-edit .btn-icon-wrapper,
#patio-item-add-edit .btn-icon-wrapper,
#patio-item-add .btn-icon-wrapper,
#check-user-status .btn-icon-wrapper,
#dealer-dashboad-edit-order .btn-icon-wrapper,
#dealer-dashboard-add-order .btn-icon-wrapper,
#labor-sheet-item-add .btn-icon-wrapper,
#labor-sheet-ietm-update .btn-icon-wrapper,
#dealer-discount-package-edit .btn-icon-wrapper,
#vendor-dashboard .btn-icon-wrapper,
#staff-dashboard .btn-icon-wrapper,
#dealer-dashboard-settings .btn-icon-wrapper,
#admin-add .btn-icon-wrapper,
#profile-page .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-left: -5px;
}
#list-item-vendor-purchase #deactivatedScreenOptionsBtn{
	white-space: nowrap;
}
#list-item-vendor-purchase .buttons-pdf,
#list-item-vendor-purchase .buttons-excel {
	height: 38px;
}
#tariffs-charged-edit-view .submit-icon,
#add-edit-vendor-purchase .submit-icon,
#admin-edit .submit-icon,
#patio-item-add-edit .submit-icon,
#patio-item-add .submit-icon,
#check-user-status .submit-icon,
#dealer-dashboad-edit-order .submit-icon,
#dealer-dashboard-add-order .submit-icon,
#labor-sheet-item-add .submit-icon,
#labor-sheet-ietm-update .submit-icon,
#dealer-discount-package-edit .submit-icon,
#vendor-dashboard .submit-icon,
#staff-dashboard .submit-icon,
#dealer-dashboard-settings .submit-icon,
#admin-add .submit-icon ,
#profile-page .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
/* Show error message below input box */
#dealer-dashboad-edit-order label.error,
#dealer-dashboad-edit-order span.error,
#admin-edit .has-error label.error,
#admin-edit .has-error span.error ,
#admin-add .has-error label.error,
#admin-add .has-error span.error ,
#labor-sheet-ietm-update .has-error label.error,
#labor-sheet-item-add .has-error label.error,
#profile-page .has-error label.error {
	display: block !important;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
	border: none !important;
	background-color: #fff;
	box-shadow: 0 0 8px 1px rgba(128, 189, 255, 0.4) !important;
	transition: box-shadow 0.3s ease-in-out !important;
}
.custom-icon {
	width: 30px;
	height: 30px;
	color: red;
	border: 1px solid red;
	padding: 6px;
	border-radius: 5px;
	background-color: #ffecec;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.icon-red {
	color: #e43210;
	border-color: #e43210;
	background-color: #ffecec;
}
.icon-blue {
	color: #5bc0de;
	border-color: #5bc0de;
	background-color: #e6f0ff;
}
.icon-green {
	color: #47a447;
	border-color: #47a447;
	background-color: #e6ffe6;
}
.icon-yellow {
	color: #ffa500;
	border: 1px solid #ffa500;
	background-color: #fff8e1;
}
.icon-bule-user {
	color: #5bc0de;
	border: 1px solid #5bc0de;
	background-color: #e5f6fd;
}
.icon-yellow-users {
	color: #ffa500;
	border: 1px solid #ffa500;
	background-color: #fff4e5;
	margin-left: -1px !important;
}
#dealerSettingsPanel,
#dealerSettingsPanel2 {
    margin-left: -7px !important;
}
.screen-option {
    font-weight: 500 !important;
    font-size: 21px !important;
    color: #1f1f1f !important;
}
.column-size {
    font-weight: 500 !important;
    font-size: 19px !important;
    color: #1f1f1f !important;
}
#dealerSettingsPanel2 .form-check ,
#dealerSettingsPanel .form-check {
    display: flex
;
    align-items: center;
    gap: 1rem !important;
    min-width: auto !important;
}
#dealerSettingsPanel2 .d-flex,
#dealerSettingsPanel .d-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem !important;
}
#dealerSettingsPanel2 .form-check.ml-3,
#dealerSettingsPanel .form-check.ml-3 {
    margin-left: -3px !important;
}
#marketingBtn {
    font-size: 15px !important;
    font-weight: 500 !important;
}
#dealerSettingsPanel2 .form-check-input,
#dealerSettingsPanel .form-check-input {
    width: 0.9rem !important;
    height: 0.9rem !important;
    margin-top: 0.2rem !important;
}
#dealerSettingsPanel2 .form-check label,
#dealerSettingsPanel .form-check label {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}
#dealerSettingsPanel button,
#dealerSettingsPanel2 button{
	border-radius: 7px !important;
}
#list-item-vendor-purchase .table tbody tr td,
#dealer-discount-change-request .table tbody tr td,
#dealer_discount_history_report_view .table tbody tr td,
#labor-sheet-price-view table tbody tr td,
#dealer-discount-package-view table tbody tr td, 
#dealer-dashboard table tbody tr td, 
#admin-view .table tbody tr td,
#admin-deactivated .table tbody tr td{
	font-size: 0.9rem;
    font-weight: 500;
	background: #ffffff!important;
}
#list-item-vendor-purchase .table thead tr th,
#dealer-discount-change-request .table thead tr th,
#dealer_discount_history_report_view .table thead tr th,
#labor-sheet-price-view table thead tr th,
#dealer-discount-package-view table thead tr th,
#dealer-dashboard table thead tr th, 
#admin-view table thead th, 
#admin-deactivated table thead th{
	font-size: 0.9rem;
    font-weight: 700;
	background-color: #fafafa !important;
}
#list-item-vendor-purchase .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-discount-change-request .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer_discount_history_report_view .table-striped > tbody > tr:nth-of-type(odd) > *,
#labor-sheet-price-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-discount-package-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#dealer-dashboard .table-striped > tbody > tr:nth-of-type(odd) > *,
#admin-view .table-striped > tbody > tr:nth-of-type(odd) > *,
#admin-deactivated .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #FFFFFF !important;
}
#list-item-vendor-purchase .table-striped tbody tr:nth-of-type(odd),
#dealer-discount-change-request .table-striped tbody tr:nth-of-type(odd),
#dealer_discount_history_report_view .table-striped tbody tr:nth-of-type(odd),
#labor-sheet-price-view .table-striped tbody tr:nth-of-type(odd),
#dealer-discount-package-view .table-striped tbody tr:nth-of-type(odd),
#dealer-dashboard .table-striped tbody tr:nth-of-type(odd),
#admin-view .table-striped tbody tr:nth-of-type(odd),
#admin-deactivated .table-striped tbody tr:nth-of-type(odd) {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}
#list-item-vendor-purchase .odd,
#dealer-discount-change-request .odd,
#dealer_discount_history_report_view .odd,
#labor-sheet-price-view .odd,
#dealer-discount-package-view .odd,
#dealer-dashboard .odd,
#admin-view .odd,
#admin-deactivated .odd {
    background: #FFFFFF !important;
}
#list-item-vendor-purchase .add-button{
	font-size: 0.9rem;
    font-weight: 500;
    border-radius: 4px;
}
#check-user-status .custome-size b,
#check-user-status .custome-size{
	font-size: 0.9rem;
	font-weight: 500 !important;
	white-space: nowrap;
}
#check-user-status .history-entry {
    font-size: 0.9rem;
    font-weight: 500;
	white-space: nowrap;
}
#admin-edit .camera-icon {
    position: absolute;
	bottom: -37px;
    /* right: -101px !important; */
	left: 73px !important;
    width: 30px;
    height: 30px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
	border: 1px solid #28a745;
	border-radius: 4px;
}
#admin-edit .user-info{
	width: 20px;
	height: 20px;
}
#admin-edit .circle {
    border-radius: 2px !important;	
	/* overflow: hidden; */
	width: 128px;
	height: 128px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 50px;
	color: #28a745 !important;
}
#admin-edit .change-image{
	margin-left: 37px;
}
#admin-edit .border-success {
	background: #ffffff !important;
}
#admin-edit .card-footer .btn{
	color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#list-item-vendor-purchase .icon-green{
	margin-right: 4px;
}
#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--above,
#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--below {
	width: 324.05px !important;
}
#admin-add #phone_ext,
#admin-add #alternate_number_ext{
	padding: 1rem 1rem 0.75rem 1rem !important;
}
#add-edit-vendor-purchase .card-footer{
	background: #fafafa;
}
@media (min-width: 1440px){
	#list-item-vendor-purchase .right-side{
		display: flex;
	}
	#list-item-vendor-purchase .for_search {
        flex: 0 0 61.666667%;
        max-width: 61.666667%;
    }
	#list-item-vendor-purchase .for_btns {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	
}
@media (width: 1440px) {
	#admin-edit .camera-icon {
		left: 60px !important;
	}
	#list-item-vendor-purchase .right-side{
		display: flex;
	}
	#list-item-vendor-purchase .for_search {
        flex: 0 0 61.666667%;
        max-width: 61.666667%;
    }
	#list-item-vendor-purchase .for_btns {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--above, 
	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--below {
    	width: 303.85px !important;
	}
}
@media (width: 1024px) {
	#admin-edit .border-success {
		margin: 10px !important;
		padding: 40px !important;
	}
	#admin-edit .circle {
		width:130px !important;
	}
	#admin-edit .camera-icon {
		left: 54px !important;
	}
	#admin-deactivated .table-scrollable-responsive thead tr,
	#admin-view .table-scrollable-responsive thead tr {
		position: sticky;
		top: 0px;
	}
	#admin-edit .select1{
		padding: 0px;
	}
	#admin-edit #phone1,
	#admin-edit #phone{
		width: 100% !important;
		padding-left: 1.5rem;
	}
	#check-user-status .custom-col-1024 {
        flex: 0 0 100% !important;
        width: 100% !important; 
    }
	#list-item-vendor-purchase .right-side{
		display: flex;
	}
	#list-item-vendor-purchase .for_search {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	#list-item-vendor-purchase .for_btns {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	#admin-add #phone1,
	#admin-add #phone{
		padding: 1.45rem 1rem 0.75rem 0.7rem;
	}
	#admin-add #phone_ext,
	#admin-add #alternate_number_ext{
		padding: 1rem 1rem 0.75rem 0.4rem !important;
	}
	#admin-add #alt_country_code, 
	#admin-add #country_code {
    	padding: 0.3rem!important;
	}
	#admin-add #alternate_number_type,
	#admin-add #phone_number_type{
		padding: 0.7rem 1rem 0.75rem 2rem !important;
	}
	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--above,
 	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--below {
		width: 197.35px !important;
		min-width: auto !important;
	}
	#admin-edit #alternate_number_ext, #admin-edit #phone_ext {
		width: 30% !important;
		padding: 0.7rem 1rem 0.75rem 1rem!important;
    }
	#admin-edit .profile-pic{
		width: 135px;
    	max-height: 135px;
	}
	#admin-edit .change-image{
		margin-left: 12px;
	}
}
@media (width: 768px) {
	#admin-edit .camera-icon {
		left: 127px !important;
	}
	#admin-edit .admin-profile-image {
		margin: 81px !important;
		padding: 81px !important;
	}
	#admin-add #alt_country_code, 
	#admin-add #country_code {
    	padding: 0.4rem!important;
	}
	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--above,
 	#dealer_discount_history_report_view .select2-dropdown.select2-dropdown--below {
		width: 107.225px !important;
		min-width: auto !important;
	}
	#admin-edit #alternate_number_ext, #admin-edit #phone_ext {
		width: 30% !important;
		padding: 0.7rem 1rem 0.75rem 1rem!important;
    }
}
@media (width: 820px) {
	#admin-edit .camera-icon {
		left: 74px !important;
	}
	#admin-edit .admin-profile-image {
		width: 300px;
	}
	.select2-dropdown.select2-dropdown--above,
 	.select2-dropdown.select2-dropdown--below {
		width: 113.5px !important;
		min-width: auto !important;
	}
}
@media (min-width: 768px) and (max-width: 820px) {
   #admin-add .custom-col-responsive {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	#dealer-dashboad-edit-order .page-header h2,
	#dealer-dashboard-add-order .page-header h2{
		margin-left: 8px !important; 
    	font-size: 13px !important;
	}
	#labor-sheet-item-list-view .page-header h2,
	#dealer-discount-package-edit .page-header h2{
		margin-left: 26px !important; 
    	font-size: 18px !important;
	}
	#labor-sheet-item-list-view .page-header h2{
		font-size: 17px !important;
	}
	#dealer-discount-change-request .page-header h2{
		font-size: 16px !important;
	}
	#dealer-dashboard-settings .floating-label-group label,
	 #staff-dashboard .floating-label-group label{
		left: 11px;
	 }
	#dealer_discount_history_report_view .dataTables_wrapper .select2-container {
		width: 22% !important;
	}
	#dealer_discount_history_report_view #dealerScreenOptionsBtn{
		margin-bottom: auto;
	}
	 /* .select2-dropdown.select2-dropdown--above, .select2-dropdown.select2-dropdown--below {
		width: 107.225px !important;
	} */
	#list-item-vendor-purchase .dataTables_length {
		margin-top: 3rem;
	}
	#list-item-vendor-purchase .for_search {
        max-width: 100%;
    }
	#list-item-vendor-purchase .right-side{
		margin-left: 2rem;
	}
}
@media screen and (max-width: 992px) {
	#dealer-discount-package-view .dataTables_wrapper .select2-container,
	#admin-deactivated .dataTables_wrapper .select2-container,
    #admin-view .dataTables_wrapper .select2-container {
        width: 22% !important;
    }
	#admin-deactivated .table-scrollable-responsive thead tr,
	#admin-view .table-scrollable-responsive thead tr {
		position: sticky;
		top: 0px;
	}
	#check-user-status .custom-col-1024 {
        flex: 0 0 100%;
        max-width: 100%;
    }
	.select2-dropdown.select2-dropdown--above,
 	.select2-dropdown.select2-dropdown--below {
		width: 113.5px !important;
		min-width: auto !important;
	}
}
@media (min-width: 1540px) {
	#admin-edit .camera-icon {
		bottom: -40px;
        left: 100px !important;
	}
}
@media (min-width: 1740px) {
	 #admin-edit .admin-profile-image {
		padding: 70px !important;
		margin: 100px !important;
	}
	#admin-edit .camera-icon {
		bottom: -52px;
        left: 85px !important;
	}
}
/*---------------- pagination--------- */
/* Only apply pagination styles inside specific page containers */
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .pagination,
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .pagination,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .pagination,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .pagination,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .pagination,
#admin-view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button ,
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button ,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button ,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button ,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button ,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button ,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button ,
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7.4px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .page-link, 
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .page-link,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .page-link,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .page-link,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .page-link,
#admin-view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#list-item-vendor-purchase .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer_discount_history_report_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-discount-change-request .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#labor-sheet-price-view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-discount-package-view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#dealer-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#admin-deactivated .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#admin-view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#admin-view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7.4px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#project-part-price-update .btn-warning ,
#project-part-price-update .btn-danger ,
#project-part-price-update .btn-success,
#labor-sheet-price-view .btn-warning ,
#labor-sheet-price-view .btn-danger ,
#labor-sheet-price-view .btn-success,
#dealer-discount-package-view .btn-warning ,
#dealer-discount-package-view .btn-info,
#dealer-discount-package-view .btn-success,
#dealer-discount-package-view .btn-danger{
    --bs-btn-color:none !important;
    --bs-btn-bg: none !important;
    --bs-btn-border-color:none !important;
    --bs-btn-hover-color: none !important;
    --bs-btn-hover-bg: none !important;
    --bs-btn-hover-border-color: none !important;
    --bs-btn-focus-shadow-rgb:none !important;
    --bs-btn-active-color:none !important;
    --bs-btn-active-bg: none !important;
    --bs-btn-active-border-color: none !important;
    --bs-btn-active-shadow: none !important;
    --bs-btn-disabled-color: none !important;
    --bs-btn-disabled-bg:none !important;
    --bs-btn-disabled-border-color: none !important;
}
#labor-sheet-item-list-view .deactivate-item-btn,
#project-part-price-update .deactivate-item-btn,
#project-part-price-update .deactivate-item-btn,
#project-part-price-update .edit-item-btn ,
#labor-sheet-price-view .btn-warning:not(:disabled):not(.disabled):active,
#labor-sheet-price-view .btn-warning:not(:disabled):not(.disabled).active,
#labor-sheet-price-view .show > .btn-warning.dropdown-toggle ,
#labor-sheet-price-view .btn-danger:not(:disabled):not(.disabled):active,
#labor-sheet-price-view .btn-danger:not(:disabled):not(.disabled).active,
#labor-sheet-price-view .show > .btn-danger.dropdown-toggle,
#labor-sheet-price-view .btn-success:not(:disabled):not(.disabled):active,
#labor-sheet-price-view .btn-success:not(:disabled):not(.disabled).active,
#labor-sheet-price-view .show > .btn-success.dropdown-toggle,
#dealer-discount-package-view .btn-success:not(:disabled):not(.disabled):active,
#dealer-discount-package-view .btn-success:not(:disabled):not(.disabled).active,
#dealer-discount-package-view .show > .btn-success.dropdown-toggle,
#dealer-discount-package-view .btn-danger:not(:disabled):not(.disabled):active,
#dealer-discount-package-view .btn-danger:not(:disabled):not(.disabled).active,
#dealer-discount-package-view .show > .btn-danger.dropdown-toggle,
#dealer-discount-package-view .btn-info:not(:disabled):not(.disabled):active,
#dealer-discount-package-view .btn-info:not(:disabled):not(.disabled).active,
#dealer-discount-package-view .show > .btn-info.dropdown-toggle,
#dealer-discount-package-view .btn-warning:not(:disabled):not(.disabled):active,
#dealer-discount-package-view .btn-warning:not(:disabled):not(.disabled).active,
#dealer-discount-package-view .show > .btn-warning.dropdown-toggle {
    color: none !important;
    background-color: transparent !important;
    border-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
#dealer-discount-change-request .btn-danger:focus,
#dealer-discount-change-request .btn-success:focus,
#labor-sheet-item-list-view .btn-danger:focus,
#labor-sheet-item-list-view .btn-warning:focus,
#labor-sheet-item-list-view .btn-success:focus, 
#project-part-price-update .btn-success:focus, 
#project-part-price-update .btn-danger:focus, 
#project-part-price-update .btn-warning:focus,
#labor-sheet-price-view .btn-success:focus, 
#labor-sheet-price-view .btn-danger:focus, 
#labor-sheet-price-view .btn-warning:focus, 
#labor-sheet-price-view .btn-info:focus, 
#dealer-discount-package-view .btn-info:focus, 
#dealer-discount-package-view .btn-warning:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: none !important;
}

#dealer-discount-package-view td.actions a {
    margin: 3px !important;
    padding: 0 !important;
}
#labor-sheet-price-view #project-status-body .d-flex > a ,.d-flex > .item-delete-btn {
	/* margin: 0 !important; */
	padding: 2px !important;
  }
#project-part-price-update .deactivate-item-btn,
#project-part-price-update .deactivate-item-btn,
#project-part-price-update .edit-item-btn {
	margin: 0px !important;
	padding: 3px !important;
}
#dealer-discount-change-request #dealer-discount-request-body .btn-danger,
#dealer-discount-change-request #dealer-discount-request-body .btn-success,

#labor-sheet-item-list-view .btn-danger,
#labor-sheet-item-list-view .btn-success  {
    background-color:transparent !important;
    border-color:transparent !important;
    color: none!important;
}
#patio-item-add .custom-file-label{
	height: 50px !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
    padding: 15px !important;
	z-index: 0 !important;
}
#patio-item-add #file-label{
	z-index: 999 !important;
}
#patio-item-add .custom-file-label::after {
    height: Auto !important;
    padding: 0.9rem 0.75rem;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
}
#patio-item-add #item_position {
	width: 102%;
    margin-left: -16px;
}
#patio-item-add #item_position ,
#patio-item-add #item_unit_div select {
	height: 50px !important;
	padding-left: 3rem !important;
	font-size: 0.9rem;
	font-weight: 500;
	color: #000000;
}
#patio-item-add textarea{
	padding-left: 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
    padding-top: 0.8rem;
}
#patio-item-add #matrix-light-type-select-div label,
#patio-item-add #glass-door-select-div label,
#patio-item-add-edit #glass-door-select-div label,
#project-part-price-update #glass-door-select-div label,
#project-part-price-update #rollar-profit-margin label,
#project-part-price-update #rollar-select-div label,
#project-part-price-update #cost_sheet_step_col label,
#project-part-price-update #cost_sheet_section_col label,
#patio-item-add-edit #rollar-select-div label,
#patio-item-add-edit #cost_sheet_step_col label,
#patio-item-add-edit #cost_sheet_section_col label,
#patio-item-add #cost_sheet_step_col label,
#patio-item-add #cost_sheet_section_col label,
#patio-item-add #rollar-select-div label{
	white-space: nowrap !important;
}
#patio-item-add-edit .form-check-label,
#patio-item-add .form-check-label {
    font-size: 0.8rem;
    font-weight: 500;
}
#patio-item-add .form-check-input,
#patio-item-add-edit .form-check-input {
   width: 18px;
   height: 18px;
   margin-left: -1.75rem !important;
}
#patio-item-add-edit .card-footer{
	padding: 1rem 0.4rem !important;
}
@media (max-width: 920px) and (min-width: 767px) {
  #project-part-price-update .dealer-space-div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #patio-item-add .page_text,
  #patio-item-add-edit .page_text{
	font-size: 21px;
  }
}
#dealer-view-address .alphabetical_order {
	height: 50px;
	flex: 0 0 180px;
	clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
	margin-left: 0 !important;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#dealer-view-address .sales_prospect_new_to_old {
	flex: 0 0 180px!important;
	height: 50px;
	clip-path: polygon(2% 0, 93% 0, 100% 50%, 93% 100%, 2% 100%, 9.45% 50%);
	/* margin-left: 52px; */

}

/*------------------------- project stand alone parts only add ---------------------- */
#project_part_sheet_add .page-header h2,
#project_stand_alone_parts_only_add .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#project_part_sheet_add .phone_alert,
#project_stand_alone_parts_only_add .phone_alert{
	font-size: 0.8rem !important;
}
#project_part_sheet_add .page-header,
#project_stand_alone_parts_only_add .page-header {
	box-shadow: none !important;
}
#project_part_sheet_add .card,
#project_stand_alone_parts_only_add .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#project_part_sheet_add .card-header,
#project_stand_alone_parts_only_add .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#project_part_sheet_add .card-body,
#project_stand_alone_parts_only_add .card-body {
	background-color: #fafafa !important;
}
#project_part_sheet_add .card-footer,
#project_stand_alone_parts_only_add .card-footer{
	border-top: none !important;
	background:#fafafa !important;
}
#project_part_sheet_add .right-wrapper,
#project_stand_alone_parts_only_add .right-wrapper {
	background: #fff !important;
}
#project_part_sheet_add .fa-chevron-left:before,
#project_stand_alone_parts_only_add .fa-chevron-left:before {
	color: black !important;
}
#project_part_sheet_add .fa-home,
#project_stand_alone_parts_only_add .fa-home {
	color: black !important;
}
#project_part_sheet_add .breadcrumbs span,
#project_stand_alone_parts_only_add .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#project_part_sheet_add .page-header .breadcrumbs a,
#project_stand_alone_parts_only_add .page-header .breadcrumbs a {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#project_part_sheet_add .page-header .breadcrumbs li,
#project_stand_alone_parts_only_add .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#project_part_sheet_add h2.card-title,
#project_stand_alone_parts_only_add h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
} 
#project_part_sheet_add .custom-file label,
#project_stand_alone_parts_only_add .custom-file label{
	height: 50px;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    padding: 13px !important;
	padding-left: 2.5rem !important;
	font-weight: 500 !important;
	font-size: 0.9 !important;
	color: #000000 !important;
}
#project_part_sheet_add .floating-label-group label,
#project_stand_alone_parts_only_add .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background: white;
}
#project_part_sheet_add .floating-label-icon,
#project_stand_alone_parts_only_add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}
#project_part_sheet_add .floating-label-group input,
#project_stand_alone_parts_only_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 400;
	/* color: #000000; */
	height: 50px !important;
}
#project_part_sheet_add .select2-selection,
#project_stand_alone_parts_only_add .select2-selection {
	height: 50px !important;
	-webkit-box-shadow:none !important;
	padding-left: 45px;
	padding-top: 11px;
	font-size: 0.9rem;
	font-weight: 400;
} 
#project_part_sheet_add select,
#project_stand_alone_parts_only_add select{
	font-size: 0.9rem;
	font-weight: 400;
	height: 50px !important;
	padding-left: 2.4rem !important;
}
#project_part_sheet_add .select2-container--bootstrap.select2-container--open,
#project_stand_alone_parts_only_add .select2-container--bootstrap.select2-container--open {
    z-index: 98;
}
#project_part_sheet_add .btn-icon-wrapper,
#project_stand_alone_parts_only_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#project_part_sheet_add #submit,
#project_stand_alone_parts_only_add #submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#project_part_sheet_add .submit-icon,
#project_stand_alone_parts_only_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

#dealer-view-address .sales_prospect_new_to_old {
	flex: 0 0 180px!important;
	height: 50px;
	clip-path: polygon(1.8% 0, 93% 0, 100% 50%, 93% 100%, 1.8% 100%, 8.6% 50%);
	padding-left: 10px !important;
    margin-left: -13px !important;

}
#dealer-view-address .sales_prospect_new_to_old-2 {
	flex: 0 0 180px!important;
	height: 50px;
	clip-path: polygon(2% 0, 93% 0, 100% 50%, 93% 100%, 2% 100%, 9.45% 50%);
	padding-left: 10px !important;
    margin-left: -13px !important;
}

#dealer-view-address .sales_prospect_new_to_old-4 {
	flex: 0 0 265px!important;
	height: 50px;
	clip-path: polygon(5.1% 0%, 93% 0, 100% 50%, 93% 100%, 5.1% 100%, 10% 50%);
    padding-left: 10px !important;
    margin-left: -24px !important;
}

#dealer-view-address .sales_prospect_new_to_old-5 {
	flex: 0 0 280px!important;
	clip-path: polygon(3.4% 0%, 93% 0, 100% 50%, 93% 100%, 3.4% 100%, 10% 50%);
    padding-left: 10px !important;
    margin-left: -25px !important;
	height: 50px;
}
#dealer-view-address .sales_prospect_new_to_old-6 {
	flex: 0 0 280px!important;
	clip-path: polygon(3.2% 0%, 93% 0, 100% 50%, 93% 100%, 3.2% 100%, 10% 50%);
    padding-left: 10px !important;
    margin-left: -25px !important;
	height: 50px;
}

/*----------------------employee permission---------------- */
#employee_permission_section .right-wrapper,
#employee_permission_under_permission .right-wrapper,
#employee_permission .right-wrapper,
#edit-employee-permission .right-wrapper,
#edit_permission .right-wrapper,
#user_permission_list .right-wrapper,
#permission_list_view .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#employee_permission_section .fa-home,
#employee_permission_section .fa-chevron-left:before,
#employee_permission_under_permission .fa-home,
#employee_permission_under_permission .fa-chevron-left:before,
#employee_permission .fa-home,
#employee_permission .fa-chevron-left:before,
#edit-employee-permission .fa-home,
#edit-employee-permission .fa-chevron-left:before,
#edit_permission .fa-home,
#edit_permission .fa-chevron-left:before,
#user_permission_list .fa-home,
#user_permission_list .fa-chevron-left:before,
#permission_list_view .fa-home,
#permission_list_view .fa-chevron-left:before {
	color: black !important;
}
#employee_permission_section .page-header h2,
#employee_permission_under_permission .page-header h2,
#employee_permission .page-header h2,
#edit-employee-permission .page-header h2,
#edit_permission .page-header h2,
#user_permission_list .page-header h2,
#permission_list_view .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#employee_permission_section .breadcrumbs span,
#employee_permission_under_permission .breadcrumbs span,
#employee_permission .breadcrumbs span,
#edit-employee-permission .breadcrumbs span,
#edit_permission .breadcrumbs span ,
#user_permission_list .breadcrumbs span ,
#permission_list_view .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#employee_permission_section .page-header .breadcrumbs li,
#employee_permission_under_permission .page-header .breadcrumbs li,
#employee_permission .page-header .breadcrumbs li,
#edit-employee-permission .page-header .breadcrumbs li,
#edit_permission .page-header .breadcrumbs li,
#user_permission_list .page-header .breadcrumbs li,
#permission_list_view .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#employee_permission_section .page-header,
#employee_permission_under_permission .page-header,
#employee_permission .page-header,
#edit-employee-permission .page-header,
#edit_permission .page-header,
#user_permission_list .page-header,
#permission_list_view .page-header {
	box-shadow: none !important;
}
#employee_permission_section .page-header h2,
#employee_permission_under_permission .page-header h2,
#employee_permission .page-header h2,
#edit-employee-permission .page-header h2,
#edit_permission .page-header h2 ,
#user_permission_list .page-header h2 ,
#permission_list_view .page-header h2 {
	margin-left: 27px !important;
}
#employee_permission_section .card,
#employee_permission_under_permission .card,
#employee_permission .card,
#edit-employee-permission .card,
#edit_permission .card,
#user_permission_list .card,
#permission_list_view .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#employee_permission_section .card-header,
#employee_permission_under_permission .card-header,
#employee_permission .card-header,
#edit-employee-permission .card-header,
#edit_permission .card-header,
#user_permission_list .card-header,
#permission_list_view .card-header {
	border: 1px #babdbbbd !important;
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#employee_permission_section .card-title,
#employee_permission_under_permission .card-title,
#employee_permission .card-title,
#edit-employee-permission .card-title,
#edit_permission .card-title,
#user_permission_list .card-title,
#permission_list_view .card-title {
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#employee_permission_section .card-body,
#employee_permission_under_permission .card-body,
#employee_permission .card-body,
#edit-employee-permission .card-body,
#edit_permission .card-body,
#user_permission_list .card-body,
#permission_list_view .card-body{
	background-color: #fafafa !important;
}
#employee_permission_section .card-header,
#employee_permission_under_permission .card-header,
#employee_permission .card-header,
#edit-employee-permission .card-header,
#edit_permission .card-header,
#user_permission_list .card-header,
#permission_list_view .card-header{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom: 1px solid #dee2e6 !important;
}
/* #user_permission_list .btn-warning ,
#employee .btn-warning {
    color: #212529;
    background-color: transparent !important;
    border-color: transparent !important;
	box-shadow: none !important;
} */

/*---------------------- employee permission pagination ------------ */
#employee_permission_section .dataTables_wrapper .dataTables_paginate .pagination,
#employee_permission .dataTables_wrapper .dataTables_paginate .pagination,
#user_permission_list .dataTables_wrapper .dataTables_paginate .pagination,
#permission_list_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#employee_permission_section .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#employee_permission .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#user_permission_list .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .page-link,
#employee_permission .dataTables_wrapper .dataTables_paginate .page-link,
#user_permission_list .dataTables_wrapper .dataTables_paginate .page-link,
#permission_list_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#employee_permission .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#user_permission_list .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#permission_list_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#employee_permission_section .card,
	#employee_permission_under_permission .card,
	#employee_permission .card,
	#edit-employee-permission .card,
	#edit_permission .card,
	#user_permission_list .card,
	#permission_list_view .card {
        margin-top: -28px !important;
    }
}
@media (width:1024px){
	#edit_permission #save_button{
		margin-right: 10px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 820px){
	#permission_list_view .table-scrollable-responsive thead tr{
		top: 60px;
	}
	#employee_permission section .table-scrollable-responsive thead tr,
	#user_permission_list .table-scrollable-responsive thead tr{
		top: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#edit_permission #save_button{
		margin-right: 10px !important;
	}
}




#edit_permission .btn-icon-wrapper,
#employee_permission_under_permission .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#edit_permission .submit-icon,
#employee_permission_under_permission .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#edit_permission #save_button,
#employee_permission_under_permission #save_button {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

/*----------------------employee permission---------------- */
#employee_permission_section .right-wrapper,
#employee_permission_under_permission .right-wrapper,
#employee_permission .right-wrapper,
#edit-employee-permission .right-wrapper,
#edit_permission .right-wrapper,
#user_permission_list .right-wrapper,
#permission_list_view .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#employee_permission_section .fa-home,
#employee_permission_section .fa-chevron-left:before,
#employee_permission_under_permission .fa-home,
#employee_permission_under_permission .fa-chevron-left:before,
#employee_permission .fa-home,
#employee_permission .fa-chevron-left:before,
#edit-employee-permission .fa-home,
#edit-employee-permission .fa-chevron-left:before,
#edit_permission .fa-home,
#edit_permission .fa-chevron-left:before,
#user_permission_list .fa-home,
#user_permission_list .fa-chevron-left:before,
#permission_list_view .fa-home,
#permission_list_view .fa-chevron-left:before {
	color: black !important;
}
#employee_permission_section .page-header h2,
#employee_permission_under_permission .page-header h2,
#employee_permission .page-header h2,
#edit-employee-permission .page-header h2,
#edit_permission .page-header h2,
#user_permission_list .page-header h2,
#permission_list_view .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#employee_permission_section .breadcrumbs span,
#employee_permission_under_permission .breadcrumbs span,
#employee_permission .breadcrumbs span,
#edit-employee-permission .breadcrumbs span,
#edit_permission .breadcrumbs span ,
#user_permission_list .breadcrumbs span ,
#permission_list_view .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#employee_permission_section .page-header .breadcrumbs li,
#employee_permission_under_permission .page-header .breadcrumbs li,
#employee_permission .page-header .breadcrumbs li,
#edit-employee-permission .page-header .breadcrumbs li,
#edit_permission .page-header .breadcrumbs li,
#user_permission_list .page-header .breadcrumbs li,
#permission_list_view .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#employee_permission_section .page-header,
#employee_permission_under_permission .page-header,
#employee_permission .page-header,
#edit-employee-permission .page-header,
#edit_permission .page-header,
#user_permission_list .page-header,
#permission_list_view .page-header {
	box-shadow: none !important;
}
#employee_permission_section .page-header h2,
#employee_permission_under_permission .page-header h2,
#employee_permission .page-header h2,
#edit-employee-permission .page-header h2,
#edit_permission .page-header h2 ,
#user_permission_list .page-header h2 ,
#permission_list_view .page-header h2 {
	margin-left: 27px !important;
}
#employee_permission_section .card,
#employee_permission_under_permission .card,
#employee_permission .card,
#edit-employee-permission .card,
#edit_permission .card,
#user_permission_list .card,
#permission_list_view .card {
	border: 1px solid #dee2e6 !important;
	background: #fafafa !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: hidden;
}
#employee_permission_section .card-header,
#employee_permission_under_permission .card-header,
#employee_permission .card-header,
#edit-employee-permission .card-header,
#edit_permission .card-header,
#user_permission_list .card-header,
#permission_list_view .card-header {
	border: 1px #babdbbbd !important;
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
}
#employee_permission_section .card-title,
#employee_permission_under_permission .card-title,
#employee_permission .card-title,
#edit-employee-permission .card-title,
#edit_permission .card-title,
#user_permission_list .card-title,
#permission_list_view .card-title {
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#employee_permission_section .card-body,
#employee_permission_under_permission .card-body,
#employee_permission .card-body,
#edit-employee-permission .card-body,
#edit_permission .card-body,
#user_permission_list .card-body,
#permission_list_view .card-body{
	background-color: #fafafa !important;
}
#employee_permission_section .card-header,
#employee_permission_under_permission .card-header,
#employee_permission .card-header,
#edit-employee-permission .card-header,
#edit_permission .card-header,
#user_permission_list .card-header,
#permission_list_view .card-header{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom: 1px solid #dee2e6 !important;
}
/* #user_permission_list .btn-warning ,
#employee .btn-warning {
    color: #212529;
    background-color: transparent !important;
    border-color: transparent !important;
	box-shadow: none !important;
} */

/*---------------------- employee permission pagination ------------ */
#employee_permission_section .dataTables_wrapper .dataTables_paginate .pagination,
#employee_permission .dataTables_wrapper .dataTables_paginate .pagination,
#user_permission_list .dataTables_wrapper .dataTables_paginate .pagination,
#permission_list_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#employee_permission_section .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#employee_permission .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#user_permission_list .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .page-link,
#employee_permission .dataTables_wrapper .dataTables_paginate .page-link,
#user_permission_list .dataTables_wrapper .dataTables_paginate .page-link,
#permission_list_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#employee_permission_section .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee_permission_section .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#employee_permission .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#employee_permission .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#user_permission_list .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#user_permission_list .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#permission_list_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#permission_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#employee_permission_section .card,
	#employee_permission_under_permission .card,
	#employee_permission .card,
	#edit-employee-permission .card,
	#edit_permission .card,
	#user_permission_list .card,
	#permission_list_view .card {
        margin-top: -28px !important;
    }
}
@media (width:1024px){
	#edit_permission #save_button{
		margin-right: 10px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 820px){
	#permission_list_view .table-scrollable-responsive thead tr{
		top: 60px;
	}
	#employee_permission section .table-scrollable-responsive thead tr,
	#user_permission_list .table-scrollable-responsive thead tr{
		top: 60px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#edit_permission #save_button{
		margin-right: 10px !important;
	}
}




#edit_permission .btn-icon-wrapper,
#employee_permission_under_permission .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#edit_permission .submit-icon,
#employee_permission_under_permission .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#edit_permission #save_button,
#employee_permission_under_permission #save_button {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

/* --------------------project-list------------------ */
#project_cancelled_view .page-header h2,
#completed_project_view .page-header h2,
#stock_projects_view .page-header h2,
#sold_project_view .page-header h2,
#project_view .page-header h2,
#all_project .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#project_cancelled_view .page-header,
#completed_project_view .page-header,
#stock_projects_view .page-header,
#sold_project_view .page-header,
#project_view .page-header,
#all_project .page-header {
	box-shadow: none !important;
}
#project_cancelled_view .card,
#completed_project_view .card,
#stock_projects_view .card,
#sold_project_view .card,
#project_view .card ,
#all_project .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#project_cancelled_view .card-header,
#completed_project_view .card-header,
#stock_projects_view .card-header,
#sold_project_view .card-header,
#project_view .card-header,
#all_project .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#project_cancelled_view .card-body,
#completed_project_view .card-body,
#stock_projects_view .card-body,
#sold_project_view .card-body,
#project_view .card-body,
#all_project .card-body {
	background-color: #fafafa !important;
}
#project_cancelled_view .right-wrapper,
#completed_project_view .right-wrapper,
#stock_projects_view .right-wrapper,
#sold_project_view .right-wrapper,
#project_view .right-wrapper,
#all_project .right-wrapper {
	background: #fff !important;
}
#project_cancelled_view .card-header,
#completed_project_view .card-header,
#stock_projects_view .card-header,
#sold_project_view .card-header,
#project_view .card-header,
#all_project .card-header {
	background: #fafafa !important;
}
#project_cancelled_view .fa-chevron-left:before,
#completed_project_view .fa-chevron-left:before,
#stock_projects_view .fa-chevron-left:before,
#sold_project_view .fa-chevron-left:before,
#project_view .fa-chevron-left:before,
#all_project .fa-chevron-left:before {
	color: black !important;
}
#project_cancelled_view .fa-home,
#completed_project_view .fa-home,
#stock_projects_view .fa-home,
#sold_project_view .fa-home,
#project_view .fa-home,
#all_project .fa-home {
	color: black !important;
}
#project_cancelled_view .breadcrumbs span,
#completed_project_view .breadcrumbs span,
#stock_projects_view .breadcrumbs span,
#sold_project_view .breadcrumbs span,
#project_view .breadcrumbs span,
#all_project .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#project_cancelled_view .page-header .breadcrumbs a,
#completed_project_view .page-header .breadcrumbs a,
#stock_projects_view .page-header .breadcrumbs a,
#sold_project_view .page-header .breadcrumbs a,
#project_view .page-header .breadcrumbs a,
#all_project .page-header .breadcrumbs a {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#project_cancelled_view .page-header .breadcrumbs li,
#completed_project_view .page-header .breadcrumbs li,
#stock_projects_view .page-header .breadcrumbs li,
#sold_project_view .page-header .breadcrumbs li,
#project_view .page-header .breadcrumbs li,
#all_project .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#project_cancelled_view h2.card-title,
#completed_project_view h2.card-title,
#stock_projects_view h2.card-title,
#sold_project_view h2.card-title,
#project_view h2.card-title,
#all_project h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
} 
#completed_project_view .table-bordered thead .custome-actions{
	border-bottom: none !important;
	padding-top: 20px !important;
}
#project_cancelled_view .table-bordered thead .custome-actions,
#stock_projects_view .table-bordered thead .custome-actions,
#sold_project_view .table-bordered thead .custome-actions,
#project_view .table-bordered thead .custome-actions,
#all_project .table-bordered thead .custome-actions {
    border-bottom: none !important;
	padding-top: 22px !important;
}
#completed_project_view .cash-link-btn,
#completed_project_view .cash-link-btn,
#completed_project_view .cash-link-btn,
#completed_project_view .cash-link-btn,
#completed_project_view .finance-link-btn,
#completed_project_view .finance-link-btn,
#completed_project_view .finance-link-btn,
#completed_project_view .finance-link-btn,
#completed_project_view .compose-mail-icon-color,
#completed_project_view .compose-mail-icon-color:hover,
#completed_project_view .compose-mail-icon-color:active,
#completed_project_view .compose-mail-icon-color:focus,

#project_cancelled_view .cash-link-btn,
#project_cancelled_view .cash-link-btn,
#project_cancelled_view .cash-link-btn,
#project_cancelled_view .cash-link-btn,
#project_cancelled_view .finance-link-btn,
#project_cancelled_view .finance-link-btn,
#project_cancelled_view .finance-link-btn,
#project_cancelled_view .finance-link-btn,

#project_cancelled_view .shipping-step-icon-color,
#project_cancelled_view .shipping-step-icon-color:hover,
#project_cancelled_view .shipping-step-icon-color:active,
#project_cancelled_view .shipping-step-icon-color:focus,
#project_cancelled_view .checkout-step-icon-color,
#project_cancelled_view .checkout-step-icon-color:hover,
#project_cancelled_view .checkout-step-icon-color:active,
#project_cancelled_view .checkout-step-icon-color:focus,
#project_cancelled_view .labor-cost-icon-color,
#project_cancelled_view .labor-cost-icon-color:hover,
#project_cancelled_view .labor-cost-icon-color:active,
#project_cancelled_view .labor-cost-icon-color:focus,
#project_cancelled_view .compose-mail-icon-color,
#project_cancelled_view .compose-mail-icon-color:hover,
#project_cancelled_view .compose-mail-icon-color:active,
#project_cancelled_view .compose-mail-icon-color:focus,

#sold_project_view .shipping-step-icon-color,
#sold_project_view .shipping-step-icon-color:hover,
#sold_project_view .shipping-step-icon-color:active,
#sold_project_view .shipping-step-icon-color:focus,
#sold_project_view .checkout-step-icon-color,
#sold_project_view .checkout-step-icon-color:hover,
#sold_project_view .checkout-step-icon-color:active,
#sold_project_view .checkout-step-icon-color:focus,
#sold_project_view .labor-cost-icon-color,
#sold_project_view .labor-cost-icon-color:hover,
#sold_project_view .labor-cost-icon-color:active,
#sold_project_view .labor-cost-icon-color:focus,
#sold_project_view .compose-mail-icon-color,
#sold_project_view .compose-mail-icon-color:hover,
#sold_project_view .compose-mail-icon-color:active,
#sold_project_view .compose-mail-icon-color:focus,

#project_view .shipping-step-icon-color,
#project_view .shipping-step-icon-color:hover,
#project_view .shipping-step-icon-color:active,
#project_view .shipping-step-icon-color:focus,
#project_view .checkout-step-icon-color,
#project_view .checkout-step-icon-color:hover,
#project_view .checkout-step-icon-color:active,
#project_view .checkout-step-icon-color:focus,
#project_view .labor-cost-icon-color,
#project_view .labor-cost-icon-color:hover,
#project_view .labor-cost-icon-color:active,
#project_view .labor-cost-icon-color:focus,
#project_view .compose-mail-icon-color,
#project_view .compose-mail-icon-color:hover,
#project_view .compose-mail-icon-color:active,
#project_view .compose-mail-icon-color:focus,
#all_project .shipping-step-icon-color,
#all_project .shipping-step-icon-color:hover,
#all_project .shipping-step-icon-color:active,
#all_project .shipping-step-icon-color:focus,
#all_project .checkout-step-icon-color,
#all_project .checkout-step-icon-color:hover,
#all_project .checkout-step-icon-color:active,
#all_project .checkout-step-icon-color:focus,
#all_project .labor-cost-icon-color,
#all_project .labor-cost-icon-color:hover,
#all_project .labor-cost-icon-color:active,
#all_project .labor-cost-icon-color:focus,
#all_project .compose-mail-icon-color,
#all_project .compose-mail-icon-color:hover,
#all_project .compose-mail-icon-color:active,
#all_project .compose-mail-icon-color:focus {
	background-color: transparent !important;
	color: inherit !important;
	outline: none !important;
	box-shadow: none !important;
}
/* ------------------ pagination project list -------------------- */
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .pagination,
#completed_project_view .dataTables_wrapper .dataTables_paginate .pagination,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .pagination,
#sold_project_view .dataTables_wrapper .dataTables_paginate .pagination,
#project_view .dataTables_wrapper .dataTables_paginate .pagination,
#all_project .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7.4px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .page-link,
#completed_project_view .dataTables_wrapper .dataTables_paginate .page-link,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .page-link,
#sold_project_view .dataTables_wrapper .dataTables_paginate .page-link,
#project_view .dataTables_wrapper .dataTables_paginate .page-link,
#all_project .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#project_cancelled_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#completed_project_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#completed_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#stock_projects_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#sold_project_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#project_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#project_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#all_project .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#all_project .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7.4px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}


@media (min-width: 768px) and (max-width: 820px) {
   #all_project #datatable-all-projects_wrapper .row > div:first-child {
        flex: 0 0 18% !important;
        max-width: 18% !important;
    }
	#all_project #datatable-all-projects_wrapper #datatable-all-projects_filter {
        flex: 0 0 76% !important;
        max-width: 76% !important;
        display: flex;
        white-space: nowrap;
    }
	#all_project .table-scrollable-responsive thead tr {
		top: 60px;
	}
	#all_project  #datatable-all-projects,
	#all_project .table-scrollable-responsive .row:first-child{
		width: 180%;
	}


	#sold_project_view #datatable_sold_projects_filter{
		flex: 0 0 68% !important;
        max-width: 68% !important;
        display: flex;
        white-space: nowrap;
	}
	#sold_project_view #datatable_sold_projects_wrapper .row > div:first-child{
		flex: 0 0 19% !important;
        max-width: 19% !important;
	}
	#sold_project_view #datatable_sold_projects,
	#sold_project_view .table-scrollable-responsive .row:first-child{
		width: 194%;
	}
	#taxrate_view .table-scrollable-responsive thead tr{
		top: 60px;
	}

	#completed_project_view #datatable_completed_projects_filter{
		flex: 0 0 95% !important;
        max-width: 95% !important;
        display: flex;
        white-space: nowrap;
	}
	#completed_project_view #datatable_completed_projects_wrapper .row > div:first-child{
		flex: 0 0 25% !important;
        max-width: 25% !important;
	}
	#completed_project_view #datatable_completed_projects,
	#completed_project_view .table-scrollable-responsive .row:first-child{
		width: 143%;
	}
	#completed_project_view .table-scrollable-responsive thead tr{
		top: 60px;
	}


	#project_cancelled_view #datatable_cancelled_projects_filter{
		flex: 0 0 75% !important;
        max-width: 75% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_cancelled_view #datatable_cancelled_projects_wrapper .row > div:first-child{
		flex: 0 0 19% !important;
        max-width: 19% !important;
	}
	#project_cancelled_view #datatable_cancelled_projects,
	#project_cancelled_view .table-scrollable-responsive .row:first-child{
		width: 180%;
	}
	#project_cancelled_view .table-scrollable-responsive thead tr{
		top: 60px;
	}


	#project_view #datatable-pending-projects_filter{
		flex: 0 0 58% !important;
        max-width: 58% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_view #datatable-pending-projects_wrapper .row > div:first-child {
        flex: 0 0 17% !important;
        max-width: 17% !important;
    }
	#project_view #datatable-all-projects,
	#project_view .table-scrollable-responsive .row:first-child{
		width: 222%;
	}

	#completed_project_view .page-header h2{
		font-size: 18px !important;
	}
}

@media (width: 1024px) {
	#all_project #datatable-all-projects_wrapper .row > div:first-child {
        flex: 0 0 39% !important;
        max-width: 39% !important;
    }
	#all_project #datatable-all-projects_wrapper #datatable-all-projects_filter {
        flex: 0 0 113% !important;
        max-width: 113% !important;
        display: flex;
        white-space: nowrap;
    }
	#all_project  #datatable-all-projects,
	#all_project .table-scrollable-responsive .row:first-child{
		width: 128%;
	}


	#project_view #datatable-pending-projects_filter{
		flex: 0 0 85% !important;
        max-width: 85% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_view #datatable-pending-projects_wrapper .row > div:first-child {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
	#project_view #datatable-all-projects,
	#project_view .table-scrollable-responsive .row:first-child{
		width: 160%;
	}

	#sold_project_view #datatable_sold_projects_filter{
		flex: 0 0 99% !important;
        max-width: 99% !important;
        display: flex;
        white-space: nowrap;
	}
	#sold_project_view #datatable_sold_projects_wrapper .row > div:first-child{
		flex: 0 0 35% !important;
        max-width: 35% !important;
	}
	#sold_project_view .table-scrollable-responsive .row:first-child{
		width: 136%;
	}

	#project_cancelled_view #datatable_cancelled_projects_filter{
		flex: 0 0 99% !important;
        max-width: 99% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_cancelled_view #datatable_cancelled_projects_wrapper .row > div:first-child{
		flex: 0 0 39% !important;
        max-width: 39% !important;
	}
	#project_cancelled_view .table-scrollable-responsive .row:first-child{
		width: 130%;
	}
	
}
@media (width: 1180px) {
	#all_project  #datatable-all-projects,
	#all_project .table-scrollable-responsive .row:first-child{
		width: 110%;
	}
	#all_project #datatable-all-projects_wrapper #datatable-all-projects_filter {
        flex: 0 0 85% !important;
        max-width: 85% !important;
    }


	#project_view #datatable-pending-projects_filter{
		flex: 0 0 99% !important;
        max-width: 99% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_view #datatable-pending-projects_wrapper .row > div:first-child {
        flex: 0 0 38% !important;
        max-width: 38% !important;
    }
	#project_view #datatable-all-projects,
	#project_view .table-scrollable-responsive .row:first-child{
		width: 135%;
	}


	#sold_project_view #datatable_sold_projects_filter{
		flex: 0 0 99% !important;
        max-width: 99% !important;
        display: flex;
        white-space: nowrap;
	}
	#sold_project_view #datatable_sold_projects_wrapper .row > div:first-child{
		flex: 0 0 46% !important;
        max-width: 46% !important;
	}
	#sold_project_view .table-scrollable-responsive .row:first-child{
		width: 120%;
	}
}

@media (min-width: 1364px) and (max-width: 1367px) {
	 #all_project #datatable-all-projects_filter{
		margin-right: 7px;
	 }

	 #project_view #datatable-pending-projects_filter{
		flex: 0 0 99% !important;
        max-width: 99% !important;
        display: flex;
        white-space: nowrap;
	}
	#project_view #datatable-pending-projects_wrapper .row > div:first-child {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
	#project_view #datatable-all-projects,
	#project_view .table-scrollable-responsive .row:first-child{
		width: 115%;
	}
}

/*------------------------- project part sheet warranty rma add ---------------------- */
#project_part_sheet_warranty_rma_add .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#project_part_sheet_warranty_rma_add .phone_alert {
	font-size: 0.8rem !important;
}

#project_part_sheet_warranty_rma_add .page-header {
	box-shadow: none !important;
}

#project_part_sheet_warranty_rma_add .card {
	background: #FAFAFA !important;
	border: 1px solid #ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}

#project_part_sheet_warranty_rma_add .card-header {
	background-color: #FAFAFA !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}

#project_part_sheet_warranty_rma_add .card-body {
	background-color: #FAFAFA !important;
}

#project_part_sheet_warranty_rma_add .card-footer {
	background: #fafafa !important;
}

#project_part_sheet_warranty_rma_add .right-wrapper {
	background: #fff !important;
}

#project_part_sheet_warranty_rma_add .fa-chevron-left:before {
	color: black !important;
}

#project_part_sheet_warranty_rma_add .fa-home {
	color: black !important;
}

#project_part_sheet_warranty_rma_add .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}

#project_part_sheet_warranty_rma_add .page-header .breadcrumbs a {
	color: #C3C3C3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}

#project_part_sheet_warranty_rma_add .page-header .breadcrumbs li {
	color: #100F0F !important;
}

#project_part_sheet_warranty_rma_add h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1F1F1F !important;
}

#project_part_sheet_warranty_rma_add .custom-file label {
	height: 50px;
	top: 0 !important;
	left: 0 !important;
	z-index: 1 !important;
	padding: 13px !important;
	padding-left: 2.5rem !important;
	font-weight: 500 !important;
	font-size: 0.9 !important;
	color: #000000 !important;
}

#project_part_sheet_warranty_rma_add .floating-label-group label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background: white;
}

#project_part_sheet_warranty_rma_add .floating-label-icon {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	color: #5A7C9E;
	z-index: 1;
}

#project_part_sheet_warranty_rma_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 400;
	/* color: #000000; */
	height: 50px !important;
}

#project_part_sheet_warranty_rma_add .select2-selection {
	height: 50px !important;
	-webkit-box-shadow: none !important;
	padding-left: 45px;
	padding-top: 11px;
	font-size: 0.9rem;
	font-weight: 400;
}

#project_part_sheet_warranty_rma_add select {
	font-size: 0.9rem;
	font-weight: 400;
	height: 50px !important;
	padding-left: 2.4rem !important;
}

#project_part_sheet_warranty_rma_add .select2-container--bootstrap.select2-container--open {
	z-index: 98;
}

#project_part_sheet_warranty_rma_add .btn-icon-wrapper {
	background-color: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	margin-left: -5px;
}

#project_part_sheet_warranty_rma_add #submit {
	background-color: #4D758C !important;
	border-color: #4D758C !important;
	color: #FFFFFF;
	border-radius: 6px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}

#project_part_sheet_warranty_rma_add .submit-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

#project_part_sheet_warranty_rma_add label.error {
	top: 47px !important;
	background: transparent !important;
	color: #C10000 !important;
	font-size: 0.85rem;
}
/*----------------------- stand alone part only list--------------------- */
#project_development_partsheet .page-header h2,
#project_part_sheet_view .page-header h2,
#sold_prefered_parts_sheet .page-header h2,
#part_sheet_view .page-header h2,
#stand_alone_part_sheet_view .page-header h2,
#pending_part_sheet .page-header h2,
#sold_stand_alone_list_view .page-header h2,
#project_stand_alone_parts_only_view .page-header h2,
#pending_stand_alone_parts_only_view .page-header h2,
#project_development_standalone_partsheet .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#project_development_partsheet .page-header,
#project_part_sheet_view .page-header,
#sold_prefered_parts_sheet .page-header,
#part_sheet_view .page-header,
#stand_alone_part_sheet_view .page-header,
#pending_part_sheet .page-header,
#sold_stand_alone_list_view .page-header,
#project_stand_alone_parts_only_view .page-header,
#pending_stand_alone_parts_only_view .page-header,
#project_development_standalone_partsheet .page-header {
	box-shadow: none !important;
}
#project_development_partsheet .card,
#project_part_sheet_view .card,
#sold_prefered_parts_sheet .card,
#part_sheet_view .card,
#stand_alone_part_sheet_view .card,
#pending_part_sheet .card,
#sold_stand_alone_list_view .card,
#project_stand_alone_parts_only_view .card,
#pending_stand_alone_parts_only_view .card ,
#project_development_standalone_partsheet .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#project_development_partsheet .card-header,
#project_part_sheet_view .card-header,
#sold_prefered_parts_sheet .card-header,
#part_sheet_view .card-header,
#stand_alone_part_sheet_view .card-header,
#pending_part_sheet .card-header,
#sold_stand_alone_list_view .card-header,
#project_stand_alone_parts_only_view .card-header,
#pending_stand_alone_parts_only_view .card-header,
#project_development_standalone_partsheet .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#project_development_partsheet .card-body,
#project_part_sheet_view .card-body,
#sold_prefered_parts_sheet .card-body,
#part_sheet_view .card-body,
#stand_alone_part_sheet_view .card-body,
#pending_part_sheet .card-body,
#sold_stand_alone_list_view .card-body,
#project_stand_alone_parts_only_view .card-body,
#pending_stand_alone_parts_only_view .card-body,
#project_development_standalone_partsheet .card-body {
	background-color: #fafafa !important;
}
#project_development_partsheet .right-wrapper,
#project_part_sheet_view .right-wrapper,
#sold_prefered_parts_sheet .right-wrapper,
#part_sheet_view .right-wrapper,
#stand_alone_part_sheet_view .right-wrapper,
#pending_part_sheet .right-wrapper,
#sold_stand_alone_list_view .right-wrapper,
#project_stand_alone_parts_only_view .right-wrapper,
#pending_stand_alone_parts_only_view .right-wrapper,
#project_development_standalone_partsheet .right-wrapper {
	background: #fff !important;
}
#project_development_partsheet .card-header,
#project_part_sheet_view .card-header,
#sold_prefered_parts_sheet .card-header,
#part_sheet_view .card-header,
#stand_alone_part_sheet_view .card-header,
#pending_part_sheet .card-header,
#sold_stand_alone_list_view .card-header,
#project_stand_alone_parts_only_view .card-header,
#pending_stand_alone_parts_only_view .card-header,
#project_development_standalone_partsheet .card-header {
	background: #fafafa !important;
}
#project_development_partsheet .fa-chevron-left:before,
#project_part_sheet_view .fa-chevron-left:before,
#sold_prefered_parts_sheet .fa-chevron-left:before,
#part_sheet_view .fa-chevron-left:before,
#stand_alone_part_sheet_view .fa-chevron-left:before,
#pending_part_sheet .fa-chevron-left:before,
#sold_stand_alone_list_view .fa-chevron-left:before,
#project_stand_alone_parts_only_view .fa-chevron-left:before,
#pending_stand_alone_parts_only_view .fa-chevron-left:before,
#project_development_standalone_partsheet .fa-chevron-left:before {
	color: black !important;
}
#project_development_partsheet .fa-home,
#project_part_sheet_view .fa-home,
#sold_prefered_parts_sheet .fa-home,
#part_sheet_view .fa-home,
#stand_alone_part_sheet_view .fa-home,
#pending_part_sheet .fa-home,
#sold_stand_alone_list_view .fa-home,
#project_stand_alone_parts_only_view .fa-home,
#pending_stand_alone_parts_only_view .fa-home,
#project_development_standalone_partsheet .fa-home {
	color: black !important;
}
#project_development_partsheet .breadcrumbs span,
#project_part_sheet_view .breadcrumbs span,
#sold_prefered_parts_sheet .breadcrumbs span,
#part_sheet_view .breadcrumbs span,
#stand_alone_part_sheet_view .breadcrumbs span,
#pending_part_sheet .breadcrumbs span,
#sold_stand_alone_list_view .breadcrumbs span,
#project_stand_alone_parts_only_view .breadcrumbs span,
#pending_stand_alone_parts_only_view .breadcrumbs span,
#project_development_standalone_partsheet .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#project_development_partsheet .page-header .breadcrumbs a,
#project_part_sheet_view .page-header .breadcrumbs a,
#sold_prefered_parts_sheet .page-header .breadcrumbs a,
#part_sheet_view .page-header .breadcrumbs a,
#stand_alone_part_sheet_view .page-header .breadcrumbs a,
#pending_part_sheet .page-header .breadcrumbs a,
#sold_stand_alone_list_view .page-header .breadcrumbs a,
#project_stand_alone_parts_only_view .page-header .breadcrumbs a,
#pending_stand_alone_parts_only_view .page-header .breadcrumbs a,
#project_development_standalone_partsheet .page-header .breadcrumbs a {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#project_development_partsheet .page-header .breadcrumbs li,
#project_part_sheet_view .page-header .breadcrumbs li,
#sold_prefered_parts_sheet .page-header .breadcrumbs li,
#part_sheet_view .page-header .breadcrumbs li,
#stand_alone_part_sheet_view .page-header .breadcrumbs li,
#pending_part_sheet .page-header .breadcrumbs li,
#sold_stand_alone_list_view .page-header .breadcrumbs li,
#project_stand_alone_parts_only_view .page-header .breadcrumbs li,
#pending_stand_alone_parts_only_view .page-header .breadcrumbs li,
#project_development_standalone_partsheet .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#project_development_partsheet h2.card-title,
#project_part_sheet_view h2.card-title,
#sold_prefered_parts_sheet h2.card-title,
#part_sheet_view h2.card-title,
#stand_alone_part_sheet_view h2.card-title,
#pending_part_sheet h2.card-title,
#sold_stand_alone_list_view h2.card-title,
#project_stand_alone_parts_only_view h2.card-title,
#pending_stand_alone_parts_only_view h2.card-title,
#project_development_standalone_partsheet h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
} 

/* ------------------ pagination project list -------------------- */
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .pagination,
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .pagination,
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .pagination,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .pagination,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .pagination,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .pagination,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .pagination,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .pagination,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .pagination,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button,
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .paginate_button,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7.4px !important;
	width: 35px !important;
	height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover),
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#project_development_partsheet .dataTables_wrapper .dataTables_paginate .page-link,
#project_part_sheet_view .dataTables_wrapper .dataTables_paginate .page-link,
#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_paginate .page-link,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .page-link,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .page-link,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .page-link,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .page-link,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .page-link,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .page-link,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#project_development_partsheet .dataTables_paginate .page-item.active .page-link,
#project_development_partsheet .dataTables_paginate .paginate_button.active,
#project_development_partsheet .dataTables_paginate .paginate_button.current,
#project_part_sheet_view .dataTables_paginate .page-item.active .page-link,
#project_part_sheet_view .dataTables_paginate .paginate_button.active,
#project_part_sheet_view .dataTables_paginate .paginate_button.current,
#sold_prefered_parts_sheet .dataTables_paginate .page-item.active .page-link,
#sold_prefered_parts_sheet .dataTables_paginate .paginate_button.active,
#sold_prefered_parts_sheet .dataTables_paginate .paginate_button.current,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#pending_part_sheet .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#sold_stand_alone_list_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#pending_stand_alone_parts_only_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#project_development_standalone_partsheet .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7.4px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
#sold_prefered_parts_sheet .action-btn,
#pending_stand_alone_parts_only_view .action-btn:hover,
#pending_stand_alone_parts_only_view .action-btn:active,
#pending_stand_alone_parts_only_view .action-btn:focus,
#project_stand_alone_parts_only_view .action-btn,
#pending_stand_alone_parts_only_view .action-btn:hover,
#pending_stand_alone_parts_only_view .action-btn:active,
#pending_stand_alone_parts_only_view .action-btn:focus,
#project_development_standalone_partsheet .action-btn,
#pending_stand_alone_parts_only_view .action-btn:hover,
#pending_stand_alone_parts_only_view .action-btn:active,
#pending_stand_alone_parts_only_view .action-btn:focus,
#sold_stand_alone_list_view .action-btn,
#pending_stand_alone_parts_only_view .action-btn:hover,
#pending_stand_alone_parts_only_view .action-btn:active,
#pending_stand_alone_parts_only_view .action-btn:focus,
#pending_stand_alone_parts_only_view .action-btn,
#pending_stand_alone_parts_only_view .action-btn:hover,
#pending_stand_alone_parts_only_view .action-btn:active,
#pending_stand_alone_parts_only_view .action-btn:focus,
#stand_alone_part_sheet_view .action-btn,
#stand_alone_part_sheet_view .action-btn:hover,
#stand_alone_part_sheet_view .action-btn:active,
#stand_alone_part_sheet_view .action-btn:focus,
#project_development_partsheet .action-btn,
#project_development_partsheet .action-btn:hover,
#project_development_partsheet .action-btn:active,
#project_development_partsheet .action-btn:focus,
#project_part_sheet_view .action-btn,
#project_part_sheet_view .action-btn:hover,
#project_part_sheet_view .action-btn:active,
#project_part_sheet_view .action-btn:focus,
#pending_part_sheet .action-btn,
#pending_part_sheet .action-btn:hover,
#pending_part_sheet .action-btn:active,
#pending_part_sheet .action-btn:focus,
#part_sheet_view .action-btn,
#part_sheet_view .action-btn:hover,
#part_sheet_view .action-btn:active,
#part_sheet_view .action-btn:focus {
	background-color: transparent !important;
	color: inherit !important;
	outline: none !important;
	box-shadow: none !important;
}

@media (min-width: 768px) and (max-width: 820px) {
	#pending_part_sheet .page-header h2,
	#part_sheet_view .page-header h2 {
		margin-left: 16px !important;
		font-size: 17px !important;
	}
	#pending_part_sheet #datatable_partsheet_wrapper .row > div:first-child ,
   	#part_sheet_view #datatable_partsheet_wrapper .row > div:first-child {
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }
	#pending_part_sheet #datatable_partsheet_wrapper .for_search{
		flex: 0 0 72% !important;
        max-width: 72% !important;
	}
	#part_sheet_view #datatable_partsheet_wrapper .for_search {
		flex: 0 0 84% !important;
        max-width: 84% !important;
	}
	#sold_stand_alone_list_view .table-scrollable-responsive  .row:first-child {
		width: 140%;
	}
	#sold_stand_alone_list_view .dataTables_filter{
		white-space: nowrap;
	}
	#sold_stand_alone_list_view .dataTables_wrapper .dataTables_filter label {
        width: 50% !important;
    }
	#sold_stand_alone_list_view .dataTables_wrapper .row > div:first-child {
        flex: 0 0 24% !important;
        max-width: 24% !important;
    }
	#sold_stand_alone_list_view .table-scrollable-responsive thead tr {
		top: 58px;
	}
	#project_stand_alone_parts_only_view .table-scrollable-responsive  .row:first-child {
		width: 140%;
	}
	#project_stand_alone_parts_only_view .dataTables_filter{
		white-space: nowrap;
	}
	#project_stand_alone_parts_only_view .dataTables_wrapper .dataTables_filter label {
        width: 50% !important;
    }
	#project_stand_alone_parts_only_view .dataTables_wrapper .row > div:first-child {
        flex: 0 0 24% !important;
        max-width: 24% !important;
    }
	#project_stand_alone_parts_only_view .table-scrollable-responsive thead tr {
		top: 58px;
	}
	#pending_part_sheet #datatable_partsheet_wrapper #datatable_partsheet_filter,
	#part_sheet_view #datatable_partsheet_wrapper #datatable_partsheet_filter {
        flex: 0 0 42% !important;
        max-width: 42% !important;
        display: flex;
        white-space: nowrap;
    }
	#project_development_standalone_partsheet .for_btns,
	#project_stand_alone_parts_only_view .for_btns,
	#pending_stand_alone_parts_only_view .for_btns,
	#stand_alone_part_sheet_view .for_btns,
	#pending_part_sheet .for_btns,
	#part_sheet_view .for_btns{
		display: none;
	}
	#pending_part_sheet .table-scrollable-responsive thead tr,
	#part_sheet_view .table-scrollable-responsive thead tr {
		top: 58px;
	}
	#pending_part_sheet  #datatable_partsheet,
	#pending_part_sheet .table-scrollable-responsive .row:first-child{
		width: 175%;
	}
	#part_sheet_view  #datatable_partsheet,
	#part_sheet_view .table-scrollable-responsive .row:first-child{
		width: 199%;
	}
	#sold_stand_alone_list_view .page-header h2{
		font-size: 19px !important;
	}
	#stand_alone_part_sheet_view .pagination_filter {
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
	#stand_alone_part_sheet_view #datatable_stand_alone_wrapper .for_search {
		white-space: nowrap;
		margin-right: 25rem;
	}
	#stand_alone_part_sheet_view .dataTables_wrapper .dataTables_filter label {
        width: 55% !important;
    }
	#stand_alone_part_sheet_view .table-scrollable-responsive #dataTable_row{
		width: 173%
	}
	#stand_alone_part_sheet_view .table-scrollable-responsive thead tr{
		top: 50px;
	}
	#project_development_standalone_partsheet .page-header h2{
		font-size: 15px !important;
	}
	#project_development_standalone_partsheet .pagination_filter {
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
	#project_development_standalone_partsheet .dataTables_wrapper .for_search {
		white-space: nowrap;
		margin-right: 16rem;
	}
	#project_development_standalone_partsheet .dataTables_wrapper .dataTables_filter label {
        width: 55% !important;
    }
	#project_development_standalone_partsheet .table-scrollable-responsive #dataTable_row{
		width: 146%
	}
	#project_development_standalone_partsheet .table-scrollable-responsive thead tr{
		top: 50px;
	}
	#project_development_standalone_partsheet .table-scrollable-responsive thead tr{
		top: 54px;
	}
	#pending_stand_alone_parts_only_view .pagination_filter {
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
	#pending_stand_alone_parts_only_view .table-scrollable-responsive #dataTable_row {
		width: 161%;
		white-space: nowrap;
	}
	#project_stand_alone_parts_only_view .page-header h2{
		font-size: 16px !important;
	}
	#project_stand_alone_parts_only_view .for_search {
        white-space: nowrap;
		margin-right: 14rem !important;
    }
	#pending_stand_alone_parts_only_view .table-scrollable-responsive thead tr{
		top: 60px;
	}
	#sold_prefered_parts_sheet .table-scrollable-responsive .row:first-child{
		width: 161%;
		white-space: nowrap;
	}
	#sold_prefered_parts_sheet #datatable_stand_alone_sold_projects_filter{
        margin-right: 15.7rem;
    }
	#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_filter label {
        width: 100% !important;
        margin-left: -136px;
    }
	#sold_prefered_parts_sheet .dataTables_wrapper .dataTables_length label {
        float: none;
        width: 58%;
    }
	#sold_prefered_parts_sheet .dataTables_wrapper .row > div:first-child {
		flex: 0 0 40% !important;
        max-width: 40% !important;
	}
	#sold_prefered_parts_sheet .table-scrollable-responsive thead tr {
		top: 54px;
	}
	#pending_stand_alone_parts_only_view .page-header h2,
	#project_part_sheet_view .page-header h2,
	#sold_prefered_parts_sheet .page-header h2{
		display: none;
	}
	#pending_part_sheet .page-header h2{
		margin-left: 13px !important;
    	font-size: 14px !important;
	}
	#part_sheet_view h2.card-title,
	#pending_part_sheet h2.card-title{
		font-size: 19px !important;
		padding-top: 5px;
	}
	#stand_alone_part_sheet_view .page-header h2{
		font-size: 19px !important;
	}
}
@media (width: 820px) {
	#part_sheet_view #datatable_partsheet, #part_sheet_view .table-scrollable-responsive .row:first-child {
        width: 175%;
    }
	#part_sheet_view #datatable_partsheet_wrapper #datatable_partsheet_filter {
        flex: 0 0 46% !important;
        max-width: 46% !important;
        display: flex;
        white-space: nowrap;
    }
	#part_sheet_view #datatable_partsheet_wrapper .for_search {
        flex: 0 0 77% !important;
        max-width: 77% !important;
    }
	#sold_prefered_parts_sheet #datatable_stand_alone_sold_projects_filter {
        margin-right: 17.5rem;
    }
	#stand_alone_part_sheet_view #datatable_stand_alone_wrapper .for_search {
		white-space: nowrap;
		margin-right: 22.2rem;
	}
	#stand_alone_part_sheet_view .table-scrollable-responsive #dataTable_row{
		width: 160%
	}
	#pending_stand_alone_parts_only_view .table-scrollable-responsive #dataTable_row {
		width: 145%;
		white-space: nowrap;
	}
	#pending_stand_alone_parts_only_view #datatable_partsheet_wrapper .for_search {
		white-space: nowrap;
		margin-right: 16.2rem;
	}
	#sold_stand_alone_list_view .table-scrollable-responsive .row:first-child {
        width: 129%;
    }
	#sold_stand_alone_list_view .dataTables_wrapper .row > div:first-child {
        flex: 0 0 28% !important;
        max-width: 28% !important;
    }
	#project_stand_alone_parts_only_view .for_search {
        white-space: nowrap;
		margin-right: 16rem !important;
    }
	#project_development_standalone_partsheet .dataTables_wrapper .for_search {
		white-space: nowrap;
		margin-right: 14rem;
	}
	#project_development_standalone_partsheet .table-scrollable-responsive #dataTable_row{
		width: 138%
	}
}

@media (width: 1024px) {
	 #part_sheet_view #datatable_partsheet_wrapper .row > div:first-child {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
	#part_sheet_view #datatable_partsheet_wrapper .for_search {
		flex: 0 0 67% !important;
        max-width: 67% !important;
	}
	#part_sheet_view #datatable_partsheet_wrapper #datatable_partsheet_filter {
        flex: 0 0 80% !important;
        max-width: 80% !important;
        display: flex;
        white-space: nowrap;
    }
	#part_sheet_view .for_btns{
		display: none;
	}
	#part_sheet_view .table-scrollable-responsive .row:first-child{
		width: 135%;
	}
	#pending_part_sheet .table-scrollable-responsive .row:first-child{
		width: 125%;
	}
	#pending_part_sheet #datatable_partsheet_wrapper .for_search {
		right:11rem;
	}
	#sold_prefered_parts_sheet .table-scrollable-responsive .row:first-child{
		width: 112%;
	}
	#sold_prefered_parts_sheet #datatable_stand_alone_sold_projects_filter {
		margin-right: 72px;
    	white-space: nowrap;
	}
	#stand_alone_part_sheet_view .table-scrollable-responsive #dataTable_row{
		width: 124%;
	}
	#stand_alone_part_sheet_view #datatable_stand_alone_wrapper .for_search {
        margin-right: 10.8rem;
    }
	#stand_alone_part_sheet_view .pagination_filter {
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
	#pending_stand_alone_parts_only_view .pagination_filter {
        flex: 0 0 18.333333%;
        max-width: 18.333333%;
    }
	#pending_stand_alone_parts_only_view .table-scrollable-responsive #dataTable_row {
		width: 114%;
		white-space: nowrap;
	}
	#pending_stand_alone_parts_only_view #datatable_partsheet_wrapper .for_search {
		white-space: nowrap;
		margin-right: 6rem;
	}
}
@media (width: 1180px) {
	#part_sheet_view .table-scrollable-responsive .row:first-child{
		width: 115%;
	}
	#part_sheet_view #datatable_partsheet_wrapper .for_search {
		right: 126px;
	}
	#pending_part_sheet .table-scrollable-responsive .row:first-child{
		width: 105%;
	}
	#pending_part_sheet #datatable_partsheet_wrapper .for_search {
		right: 30px;
	}
	#stand_alone_part_sheet_view .table-scrollable-responsive #dataTable_row{
		width: 106%;
	}
	#stand_alone_part_sheet_view #datatable_stand_alone_wrapper .for_search {
        margin-right: 2rem;
    }
}
/*------------------------- Edit Preferred Dealer Parts Sheet ---------------------- */
#project_stand_alone_parts_only_edit .page-header h2,
#part_sheet_edit .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#project_stand_alone_parts_only_edit .phone_alert,
#part_sheet_edit .phone_alert{
	font-size: 0.8rem !important;
}
#project_stand_alone_parts_only_edit .page-header,
#part_sheet_edit .page-header {
	box-shadow: none !important;
}
#project_stand_alone_parts_only_edit .card,
#part_sheet_edit .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#project_stand_alone_parts_only_edit .card-header,
#part_sheet_edit .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#project_stand_alone_parts_only_edit .card-body,
#part_sheet_edit .card-body {
	background-color: #fafafa !important;
}
#project_stand_alone_parts_only_edit .card-footer,
#part_sheet_edit .card-footer{
	background:#fafafa !important;
}
#project_stand_alone_parts_only_edit .right-wrapper,
#part_sheet_edit .right-wrapper {
	background: #fff !important;
}
#project_stand_alone_parts_only_edit .fa-chevron-left:before,
#part_sheet_edit .fa-chevron-left:before {
	color: black !important;
}
#project_stand_alone_parts_only_edit .fa-home,
#part_sheet_edit .fa-home {
	color: black !important;
}
#project_stand_alone_parts_only_edit .breadcrumbs span,
#part_sheet_edit .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#project_stand_alone_parts_only_edit .page-header .breadcrumbs a,
#part_sheet_edit .page-header .breadcrumbs a {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#project_stand_alone_parts_only_edit .page-header .breadcrumbs li,
#part_sheet_edit .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#project_stand_alone_parts_only_edit h2.card-title,
#part_sheet_edit h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
} 
#project_stand_alone_parts_only_edit .floating-label-group .control-label,
#part_sheet_edit .floating-label-group .control-label {
	position: absolute !important;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background: white;
}
#project_stand_alone_parts_only_edit .floating-label-group label.error,
#part_sheet_edit .floating-label-group label.error {
    color: #C10000 !important;
    font-size: 0.85rem !important;
}
#project_stand_alone_parts_only_edit .floating-label-icon,
#part_sheet_edit .floating-label-icon {
	position: absolute;
	top: 54%;
	left: 0.6rem;
	transform: translateY(-50%);
	color: #5a7c9e;
	z-index: 1;
}
#project_stand_alone_parts_only_edit .floating-label-group,
#part_sheet_edit .floating-label-group {
    position: relative;
    margin-bottom: 1.5rem;
    height: 45px;
}
#project_stand_alone_parts_only_edit .floating-label-group input,
#part_sheet_edit .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc !important;
	border-radius: 0.5rem;
	padding: 0.8rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background-color: white;
	font-weight: 400;
	/* color: #000000; */
	height: 50px !important;
}
#project_stand_alone_parts_only_edit .select2-selection,
#part_sheet_edit .select2-selection {
	height: 50px !important;
	-webkit-box-shadow:none !important;
	padding-left: 45px;
	padding-top: 11px;
	font-size: 0.9rem;
	font-weight: 400;
} 
#project_stand_alone_parts_only_edit select,
#part_sheet_edit select{
	font-size: 0.9rem;
	font-weight: 400;
	height: 50px !important;
	padding-left: 2.4rem !important;
}
#project_stand_alone_parts_only_edit .select2-container--bootstrap.select2-container--open,
#part_sheet_edit .select2-container--bootstrap.select2-container--open {
    z-index: 98;
}
#project_stand_alone_parts_only_edit .btn-icon-wrapper,
#part_sheet_edit .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#project_stand_alone_parts_only_edit #submit,
#part_sheet_edit #submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#project_stand_alone_parts_only_edit .submit-icon,
#part_sheet_edit .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#project_stand_alone_parts_only_edit .floating-label-icon .input-group-text,
#part_sheet_edit .floating-label-icon .input-group-text{
	padding: 0.375rem 0.55rem;
}
@media only screen and (min-width: 768px) and (max-width: 820px){
	#project_stand_alone_parts_only_edit .page-header h2, 
	#part_sheet_edit .page-header h2{
		display: none;
	}
	#project_stand_alone_parts_only_edit #projectDropdown,
	#part_sheet_edit #projectDropdown{
		margin-bottom: 3rem;
	}
}

/*-------------------------- Accounting------------------------ */
#pending_payment_project_view .right-wrapper,
#commission_dashboard .right-wrapper,
#taxrate_edit .right-wrapper,
#taxrate_add .right-wrapper,
#taxrate_view .right-wrapper,
#invoice_view .right-wrapper,
#sold_project_view .right-wrapper {
	background: #fff !important;
	color: black !important;
}
#pending_payment_project_view .fa-home,
#pending_payment_project_view .fa-chevron-left:before,
#commission_dashboard .fa-home,
#commission_dashboard .fa-chevron-left:before,
#taxrate_edit .fa-home,
#taxrate_edit .fa-chevron-left:before,
#taxrate_add .fa-home,
#taxrate_add .fa-chevron-left:before,
#taxrate_view .fa-home,
#taxrate_view .fa-chevron-left:before,
#invoice_view .fa-home,
#invoice_view .fa-chevron-left:before,
#sold_project_view .fa-home,
#sold_project_view .fa-chevron-left:before {
	color: black !important;
}
#pending_payment_project_view .page-header h2,
#commission_dashboard .page-header h2,
#taxrate_edit .page-header h2,
#taxrate_add .page-header h2,
#taxrate_view .page-header h2,
#invoice_view .page-header h2,
#sold_project_view .page-header h2 {
	color: black !important;
	font-weight: 500 !important;
	font-size: 22px !important;
}
#pending_payment_project_view .breadcrumbs span,
#commission_dashboard .breadcrumbs span,
#taxrate_edit .breadcrumbs span,
#taxrate_add .breadcrumbs span,
#taxrate_view .breadcrumbs span,
#invoice_view .breadcrumbs span,
#sold_project_view .breadcrumbs span {
	color: black !important;
	font-weight: 400;
}
#pending_payment_project_view .page-header .breadcrumbs li,
#commission_dashboard .page-header .breadcrumbs li,
#taxrate_edit .page-header .breadcrumbs li,
#taxrate_add .page-header .breadcrumbs li,
#taxrate_view .page-header .breadcrumbs li,
#invoice_view .page-header .breadcrumbs li,
#sold_project_view .page-header .breadcrumbs li {
	color: #0c0b0b !important;
	display: inline-block;
	font-weight: 300;
}
#pending_payment_project_view .page-header,
#commission_dashboard .page-header,
#taxrate_edit .page-header,
#taxrate_add .page-header,
#taxrate_view .page-header,
#invoice_view .page-header,
#sold_project_view .page-header {
	box-shadow: none !important;
}
#pending_payment_project_view .page-header h2,
#commission_dashboard .page-header h2,
#taxrate_edit .page-header h2,
#taxrate_add .page-header h2,
#taxrate_view .page-header h2,
#invoice_view .page-header h2,
#sold_project_view .page-header h2 {
	margin-left: 27px !important;
}
#pending_payment_project_view .card,
#commission_dashboard .card-featured-primary,
#commission_dashboard .card-featured-secondary,
#commission_dashboard #project_status .card,
#commission_dashboard #monthly_status .card,
#commission_dashboard #sales_status .card,
/* #commission_dashboard #sales_status_show .card, */
#taxrate_edit .card,
#taxrate_add .card,
#taxrate_view .card,
#sold_project_view .card {
	border: 1px solid #dee2e6 !important;
	/* background: #fafafa !important; */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	overflow: visible !important;
}
#invoice_view .card,
#commission_dashboard #sales_status_show .card{
	border: 1px solid #dee2e6 !important;
}

/* #commission_dashboard .card-header, */ 
#pending_payment_project_view .card-header,
#commission_dashboard #project_status .card-header,
#commission_dashboard #monthly_status .card-header,
#commission_dashboard #sales_status .card-header,
#commission_dashboard #sales_status_show .card-header,
#taxrate_edit .card-header,
#taxrate_add .card-header,
#taxrate_view .card-header,
#invoice_view .card-header,
#sold_project_view .card-header {
	border: 1px #babdbbbd !important;
    background-color: #fafafa !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    height: 60px;
	padding: 17px 20px !important;
}
#taxrate_view .card-header{
	padding: 12px 20px !important;
}
#pending_payment_project_view .card-title,
#commission_dashboard #project_status .card-title,
#commission_dashboard #monthly_status .card-title,
#commission_dashboard #sales_status .card-title,
#commission_dashboard #sales_status_show .card-title,
#commission_dashboard .card-title,
#taxrate_edit .card-title,
#taxrate_add .card-title,
#taxrate_view .card-title,
#invoice_view .card-title,
#sold_project_view .card-title {
	padding: 1px;
    font-size: 21px;
    font-weight: 500;
	color: #1f1f1f !important;
}
#pending_payment_project_view .card-body,
#commission_dashboard #project_status .card-body,
#commission_dashboard #monthly_status .card-body,
#commission_dashboard #sales_status .card-body,
#commission_dashboard #sales_status_show .card-body,
#commission_dashboard .card-featured-primary,
#taxrate_edit .card-body,
#taxrate_add .card-body,
#taxrate_view .card-body,
#invoice_view .card-body,
#sold_project_view .card-body{
	background-color: #fafafa !important;
}
/* #commission_dashboard .card-header, */
#pending_payment_project_view .card-header,
#commission_dashboard #project_status .card-header,
#commission_dashboard #monthly_status .card-header,
#commission_dashboard #sales_status .card-header,
#commission_dashboard #sales_status_show .card-header,
#taxrate_edit .card-header,
#taxrate_add .card-header,
#taxrate_view .card-header,
#invoice_view .card-header,
#sold_project_view .card-header{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	border-bottom: 1px solid #dee2e6 !important;
}
#taxrate_edit .card-footer,
#taxrate_add .card-footer{
	background: #fafafa;
}
#taxrate_edit .floating-label-group .control-label,
#taxrate_add .floating-label-group .control-label {
	position: absolute;
	top: -0.6rem;
	left: 49px;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	color: #888;
	z-index: 99 !important;
	font-weight: 500 !important;
	background-color: white;
}
#taxrate_edit .floating-label-group input,
#taxrate_add .floating-label-group input {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	height: 50px;
	padding: 1.45rem 1rem 0.75rem 3rem;
	font-size: 0.9rem;
	background: white;
	padding-bottom: 22px !important;
	color: #000000;
	font-weight: 500;
} 
#taxrate_edit .was-validated .form-control:invalid:focus, 
#taxrate_edit .form-control.is-invalid:focus,
#taxrate_add .was-validated .form-control:invalid:focus, 
#taxrate_add .form-control.is-invalid:focus{
	border: 1px solid #ccc !important;
}
#taxrate_edit .error,
#taxrate_add .error{
	font-size: 0.8rem;
}
#commission_dashboard .btn-icon-wrapper,
#taxrate_edit .btn-icon-wrapper,
#taxrate_add .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#commission_dashboard .submit-icon,
#taxrate_edit .submit-icon,
#taxrate_add .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
#commission_dashboard #filterBtn,
#taxrate_edit #submit,
#taxrate_add #submit {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#commission_dashboard .table-bordered td {
	background-color: #fff;
}
#invoice_view .checkout-step-icon-color:focus,
#invoice_view .checkout-step-icon-color,
#pending_payment_project_view .btn-primary:focus,
#pending_payment_project_view .btn-primary{
    background-color: transparent !important;
    border: none !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}
#commission_dashboard .monthly-info,
#commission_dashboard .yearly-info,
#commission_dashboard .sales-rep{
	border-radius: 10px;
    margin-bottom: 14px;
    width: 90px;
    height: 90px;
}
#commission_dashboard #endDate,
#commission_dashboard #fromDate {
    border-radius: 4px !important;
}
/*---------------------- accounting pagination ------------ */
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .pagination,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .pagination,
#taxrate_view .dataTables_wrapper .dataTables_paginate .pagination,
#invoice_view .dataTables_wrapper .dataTables_paginate .pagination,
#sold_project_view .dataTables_wrapper .dataTables_paginate .pagination {
	display: flex;
	gap: 8px;
	justify-content: end;
	margin-top: 20px;
	padding: 0;
}
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .paginate_button,
#taxrate_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#invoice_view .dataTables_wrapper .dataTables_paginate .paginate_button,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	border: 0.93px solid #facc15 !important;
	border-radius: 7px !important;
    width: 35px !important;
    height: 35px !important;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	padding: 0 !important;
}
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#commission_dashboard .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#taxrate_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#invoice_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
	background-color: #fde68a !important;
	color: #fff !important;
}
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#taxrate_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#invoice_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	opacity: 0.4;
	cursor: not-allowed !important;
}
#pending_payment_project_view .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#commission_dashboard .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#taxrate_view .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#invoice_view .dataTables_wrapper1 .dataTables_paginate .paginate_button:has(span):not(:hover),
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button:has(span):not(:hover) {
	background-color: #fffbe6 !important;
	color: #facc15 !important;
	pointer-events: none;
}
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .page-link,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .page-link,
#taxrate_view .dataTables_wrapper .dataTables_paginate .page-link,
#invoice_view .dataTables_wrapper .dataTables_paginate .page-link,
#sold_project_view .dataTables_wrapper .dataTables_paginate .page-link {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	font-weight: 500;
	padding: 0 !important;
	box-shadow: none !important;
}
#commission_dashboard .dataTables_wrapper .dataTables_paginate .page-link .fas{
	background: transparent !important;
    color: inherit !important
}
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#pending_payment_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#commission_dashboard .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#taxrate_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#taxrate_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#taxrate_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#invoice_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#invoice_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#invoice_view .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#sold_project_view .dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.active,
#sold_project_view .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #ffd900 !important;
	color: #fff !important;
	border: 0.93px solid #ffd900 !important;
	border-radius: 7px !important;
	font-weight: 600;
    width: 35px !important;
    height: 35px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
	#commission_dashboard .card-transparent,
	#sold_project_view .card-featured-primary,
	#pending_payment_project_view .card,
	#invoice_view .card,
	#taxrate_edit .card,
	#taxrate_add .card ,
	#taxrate_view .card {
        margin-top: -28px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 820px){
    #invoice_view .table-box-width {
        flex: 0 0 100%;
        max-width: 100%;
    }
	 #invoice_view #ddatatable-estimate-view_filter {
		margin-left: 2%;
		width: 200%;
	}
	#invoice_view .dataTables_wrapper .dataTables_filter label {
        width: 50% !important;
    }
	#invoice_view .status-search .col-md-12 {
        flex: 0 0 45.5%;
        max-width: 45.5%;
    }
	#pending_payment_project_view .page-header h2{
		font-size: 14px !important;
	}
	#pending_payment_project_view .first-section{
		flex: 0 0 100%;
        max-width: 100%;
	}
	#pending_payment_project_view .dataTables_length {
        float: none;
        width: 36%;
    }
	#pending_payment_project_view .table-scrollable-responsive .row:first-child{
		width: 129%;
	}
	#pending_payment_project_view #datatable-pending-projects_filter input {
		margin-right: 160px;
	}
	#pending_payment_project_view .table-scrollable-responsive thead tr{
		top: 60px;
	}
	#pending_payment_project_view #datatable-pending-projects_filter{
		margin-right: 30%;
	}
	#pending_payment_project_view #datatable-pending-projects_filter input{
		margin-right: 50px;
	}
	#invoice_view #notes_section,
	#pending_payment_project_view .second-section{
		display: none;
	}
	#commission_dashboard #sales_status_show .card-title{
		font-size: 17px;
	}
	#commission_dashboard .dataTables_wrapper .dataTables_length label {
        width: 56%;
    }
	#commission_dashboard #sales_status_show_body_filter{
		margin-right: 30px;
	}
	#commission_dashboard #sales_status_show_body_wrapper .dt-buttons{
		margin-left: -54px;
	}
	#sold_project_view .for_search {
		padding: 0px !important;
		margin-left: -110px;
	}
	#sold_project_view .for_search .dataTables_filter label {
		margin-left: 75px;
		margin-right: 10px;
		width: 90% !important;
	}
	#sold_project_view .for_btns .dt-buttons{
		margin-left: -2.5rem !important;
	}
	#sold_project_view .col-md-1 {
        flex: 0 0 17.333333%;
        max-width: 17.333333%;
		margin-bottom: 0px;
    }
	#sold_project_view .offset-2 label{
		margin-right: 7.25rem !important;
		white-space: nowrap;
	}
	#sold_project_view .offset-2 {
		margin-left: 66.666667%;
	}
	#sold_project_view .custome-dropdown-size{
		flex: 0 0 20.666667%;
        max-width: 20.666667%;
	}
	#sold_project_view #dataTable_row{
		padding-right: 8px;
	}
	#invoice_view .dataTables_wrapper .dataTables_length {
        margin-bottom: 0px;
    }
	#commission_dashboard #switch_dashboard h2{
		font-size: 2em;
	}
	#commission_dashboard #monthly_status .card-title{
		font-size: 20px;
	}
	#commission_dashboard .page-loader {
		left: 380px;
	}

}
@media only screen and (width:820px){
	#commission_dashboard .card-transparent .row{
		margin-right: -13px !important;
	}
	#pending_payment_project_view .table-scrollable-responsive .row:first-child {
        width: 116%;
    }
	#pending_payment_project_view #datatable-pending-projects_filter input {
        margin-right: 0px;
    }
	#pending_payment_project_view  #datatable-pending-projects_filter{
		margin-right: 23%;
	}
}
@media only screen and (width: 1024px){
	#invoice_view #ddatatable-estimate-view_filter{
		margin-left: -15%;
	}
	#invoice_view #ddatatable-estimate-view_wrapper .row:first-child{
		width: 168%;
	}
	#invoice_view .dataTables_wrapper .dataTables_filter label {
		width: 54% !important;
	}
	#invoice_view div.dataTables_wrapper div.dataTables_filter input {
		height: 39px;
		margin-right: 9rem;
		width: 68%;
	}
	#pending_payment_project_view .table-scrollable-responsive .row:first-child{
		width: 183%;
	}
	#pending_payment_project_view  #datatable-pending-projects_filter {
		margin-right: 54%;
	}
	#pending_payment_project_view #datatable-pending-projects_filter input {
		margin-right: 7.2rem;
	}
	#sold_project_view .col-md-1 {
        flex: 0 0 13.333333%;
        max-width: 13.333333%;
		margin-bottom: 0px;
    }
	/* #sold_project_view .offset-2 label{
		margin-right: 6.25rem !important;
	} */
	#sold_project_view .offset-2 {
		margin-left: 1.666667%;
	}
	#sold_project_view .for_search{
		margin-left: 0px;
	}
	#sold_project_view #dataTable_row.for_search .dataTables_filter label {
		margin-left: 100px;
	}
	#sold_project_view .for_btns{
		flex: 0 0 22.666667%;
        max-width: 22.666667%;
	}
	#sold_project_view #dataTable_row{
		padding-right: 8px;
	}
	#sold_project_view .for_search .dataTables_filter label {
    	margin-left: 100px;
	}
	#commission_dashboard #sales_status_show_body_wrapper .dt-buttons{
		margin-left: -20px;
	}
	#commission_dashboard .page-loader {
		left: 500px;
	}
	#commission_dashboard #switch_dashboard h2{
		font-size: 1.6em;
        margin-top: 40px;
	}
	#commission_dashboard #switch_dashboard {
		padding: 15px 0px !important;
	}
	#sold_project_view .date-filter-offset{
		margin-left: 6.333333% !important;
	}
}
@media only screen and (width: 1180px){
	#invoice_view #ddatatable-estimate-view_filter{
		margin-left: 0%;
	}
	#invoice_view #ddatatable-estimate-view_wrapper .row:first-child{
		width: 140%;
	}
	#invoice_view div.dataTables_wrapper div.dataTables_filter input {
		height: 39px;
		margin-right: 9rem;
		width: 68%;
	}
	#invoice_view .dataTables_wrapper .dataTables_filter label {
		width: 59%;
	}
	#pending_payment_project_view .table-scrollable-responsive .row:first-child{
		width: 156%;
	}
	#pending_payment_project_view #datatable-pending-projects_filter input {
		margin-right: 110px;
	}
	#sold_project_view .for_search {
		margin-left: 0px;
	}
	#sold_project_view .for_btns .dt-buttons{
		margin-left: 1rem !important;
	}
	#sold_project_view .col-md-1 {
		margin-bottom: 20px;
    }
	#sold_project_view .offset-2 label{
		margin-right: 7.25rem !important;
	}
	#commission_dashboard .page-loader {
		left: 600px;
	}
	#sold_project_view #dataTable_row{
		padding-right: 8px;
	}
}
@media only screen and (min-width: 1365px) and (max-width:1367px){
	#invoice_view #ddatatable-estimate-view_filter{
		width: 282%;
	}
	#sold_project_view .for_search {
    	margin-left: 70px;
	}
	#pending_payment_project_view .table-scrollable-responsive .row:first-child{
		width: 132%;
	}
	#pending_payment_project_view #datatable-pending-projects_filter input {
		margin-right: 50px !important;
	}
}
/* ------------------------Development Status--------------------------- */
#add_development_status_view .page-header h2,
#adjust_project_development_status .page-header h2 {
	color: #000 !important;
	margin-left: 25px !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#add_development_status_view .page-header,
#adjust_project_development_status .page-header {
	box-shadow: none !important;
}
#add_development_status_view .card,
#adjust_project_development_status .card {
	background: #fafafa !important;
	border: 1px solid #ddd ;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	overflow: hidden;
	margin-top: -25px;
}
#add_development_status_view .card-header,
#adjust_project_development_status .card-header {
	background-color: #fafafa !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 60px;
	padding: 18px;
}
#adjust_project_development_status .card-footer,
#add_development_status_view .card-footer,
#add_development_status_view .card-body,
#adjust_project_development_status .card-body {
	background-color: #fafafa !important;
}
#add_development_status_view .right-wrapper,
#adjust_project_development_status .right-wrapper {
	background: #fff !important;
}
#add_development_status_view .card-header,
#adjust_project_development_status .card-header {
	background: #fafafa !important;
}
#add_development_status_view .fa-chevron-left:before,
#adjust_project_development_status .fa-chevron-left:before {
	color: black !important;
}
#add_development_status_view .fa-home,
#adjust_project_development_status .fa-home {
	color: black !important;
}
#add_development_status_view .breadcrumbs span,
#adjust_project_development_status .breadcrumbs span {
	color: black !important;
	font-weight: 500 !important;
}
#add_development_status_view .page-header .breadcrumbs a,
#adjust_project_development_status .page-header .breadcrumbs a {
	color: #c3c3c3;
	display: inline-block;
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 20px;
	vertical-align: middle;
	color: black !important;
}
#add_development_status_view .page-header .breadcrumbs li,
#adjust_project_development_status .page-header .breadcrumbs li {
	color: #100f0f !important;
}
#add_development_status_view h2.card-title,
#adjust_project_development_status h2.card-title {
	font-size: 21px !important;
	font-weight: 500 !important;
	color: #1f1f1f !important;
}
#add_development_status_view .floating-label-group input {
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 1.45rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    height: 50px !important;
    color: #000;
    font-weight: 500 !important;
    padding-bottom: 22px !important;
    border: 1px solid #ced4da !important;
    border-radius: 10px !important;
}
#add_development_status_view .floating-label-group label {
    position: absolute;
    top: -0.6rem;
    left: 49px;
    padding: 0 0.25rem;
    font-size: 0.8rem;
    color: #888;
    z-index: 94 !important;
    font-weight: 500 !important;
    background-color: #fff;
}
#add_development_status_view .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 50px !important;
    padding: 0.8rem 1rem 0.75rem 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000;
}
#add_development_status_view .select2-container--bootstrap.select2-container--open{
	z-index: 90 !important;
}
#add_development_status_view .select2-container--bootstrap.select2-container--focus .select2-selection{
    border: 1px solid #ccc !important;
} 
#adjust_project_development_status .custume-btm,
#add_development_status_view .custume-btm {
    background-color: #4d758c !important;
    border-color: #4d758c !important;
    color: #ffffff;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}
#adjust_project_development_status .btn-icon-wrapper,
#add_development_status_view .btn-icon-wrapper {
    background-color: white;
    border-radius: 4px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: -5px;
}
#adjust_project_development_status .submit-icon,
#add_development_status_view .submit-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
}