.datatable-wrapper.no-header .datatable-container {
	border-top: 1px solid #d9d9d9;
}

.datatable-wrapper.no-footer .datatable-container {
	border-bottom: 0px solid #d9d9d9;
}

.datatable-top,
.datatable-bottom {
	padding: 15px 20px;
}

.datatable-top>nav:first-child,
.datatable-top>div:first-child,
.datatable-bottom>nav:first-child,
.datatable-bottom>div:first-child {
	float: left;
}

.datatable-top>nav:last-child,
.datatable-top>div:not(first-child),
.datatable-bottom>nav:last-child,
.datatable-bottom>div:last-child {
	float: right;
}

.datatable-selector {
	padding: 6px;
}

.datatable-input {
	padding: 6px 12px;
}

.datatable-info {
	margin: 7px 0;
}

/* PAGER */
.datatable-pagination ul {
	margin: 0;
	padding-left: 0;
}

.datatable-pagination li {
	list-style: none;
	float: left;
}

.datatable-pagination li.datatable-hidden {
	visibility: hidden;
}

.datatable-pagination a,
.datatable-pagination button {
	border: 1px solid transparent;
	float: left;
	margin-left: 2px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.datatable-pagination a:hover,
.datatable-pagination button:hover {
	background-color: #d9d9d9;
}

.datatable-pagination .datatable-active a,
.datatable-pagination .datatable-active a:focus,
.datatable-pagination .datatable-active a:hover,
.datatable-pagination .datatable-active button,
.datatable-pagination .datatable-active button:focus,
.datatable-pagination .datatable-active button:hover {
	background-color: #d9d9d9;
	cursor: default;
}

.datatable-pagination .datatable-ellipsis a,
.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover,
.datatable-pagination .datatable-ellipsis button,
.datatable-pagination .datatable-disabled button,
.datatable-pagination .datatable-disabled button:focus,
.datatable-pagination .datatable-disabled button:hover {
	pointer-events: none;
	cursor: default;
}

.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover,
.datatable-pagination .datatable-disabled button,
.datatable-pagination .datatable-disabled button:focus,
.datatable-pagination .datatable-disabled button:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.datatable-pagination .datatable-pagination a,
.datatable-pagination .datatable-pagination button {
	font-weight: bold;
}

/* TABLE */
.datatable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.datatable-table>tbody>tr>td,
.datatable-table>tbody>tr>th,
.datatable-table>tfoot>tr>td,
.datatable-table>tfoot>tr>th,
.datatable-table>thead>tr>td,
.datatable-table>thead>tr>th {
	vertical-align: top;
	padding: 8px 10px;

}

.datatable-table>tbody>tr>td {
	border-bottom: 2px solid #f1f1f1;
	border-inline: none !important;
	padding: 15px;
}

.datatable-table>thead>tr>th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
	/* border-top: 1px solid #d9d9d9; */
	background: #f8f9fd;
	padding: 10px;
	border: none;
}

.datatable-table>tfoot>tr>th {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}

.datatable-table th {
	vertical-align: bottom;
	text-align: left;
}

.datatable-table th a {
	text-decoration: none;
	color: inherit;
}

.datatable-table th button,
.datatable-pagination-list button {
	color: inherit;
	border: 0;
	background-color: inherit;
	cursor: pointer;
	text-align: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.datatable-sorter,
.datatable-filter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}

.datatable-sorter::before,
.datatable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}


.datatable-sorter::before {
	border-top: 4px solid #000;
	bottom: 0px;
}

.datatable-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 0px;
}

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
	opacity: 0.6;
}

.datatable-filter::before {
	content: "";
	position: absolute;
	right: 4px;
	opacity: 0.2;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-radius: 50%;
	border-top: 10px solid #000;
	top: 25%;
}

.datatable-filter-active .datatable-filter::before {
	opacity: 0.6;
}

.datatable-empty {
	text-align: center;
}

.datatable-top::after,
.datatable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}

table.datatable-table:focus tr.datatable-cursor>td:first-child {
	border-left: 3px blue solid;
}

table.datatable-table:focus {
	outline: solid 1px black;
	outline-offset: -1px;
}


/* -------------------------Dashboard Form---------------- */

.form-group {
	margin-bottom: var(--bs-gutter-x);
	position: relative;

}

.form-group i {
	position: absolute;
	top: 42px;
	left: 22px;
}

.form-control {
	height: 51px;
	padding: 0 25px 0 32px;
	padding-right: 20px;
	border: 1px solid #f2f2f2;
	color: #74787c;
	background-color: white;
	border-radius: 9999px;
	border-radius: 0;
	font-size: 17px;
	width: 100%;
}

.form-btn {
	text-transform: uppercase;
	text-align: center;
	background-color: #64ad28;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	padding: 15px 20px;
	border-radius: 0px 0px 20px 0px;
	border: none;
	width: 40%;
}

.form-card {
	border-radius: 10px;
	height: 100%;
}

.form-card-header {
	border-bottom: 1px solid #f1f1f1;
	padding: 20px;
}

.form-card-body {
	padding: 20px;
}

.form-label {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 18px;
	color: #012970;
}

.document-btn {
	color: #fff;
	position: relative;
	background: linear-gradient(141.55deg, #6FD943 3.46%, #6FD943 99.86%), #6FD943 !important;
	border: none;
	border-radius: 10px;
	padding: 16px 28px;
	max-width: 200px !important;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.doc-btn-icon {
	position: absolute;
	top: 16px !important;
	left: 9px !important;
}

.form-create-btn {
	background: linear-gradient(141.55deg, #6FD943 3.46%, #6FD943 99.86%), #6FD943 !important;
	outline: none;
	border: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}

/* -----------------------customer list page--------------------- */
.pagetitle-right {
	align-items: center;
	justify-content: end;
	gap: .5rem;
	height: 100%;
	padding-right: 15px;
}

.pagetitle-right a {
	padding: 10px;
	background: #6fd943;
	border-radius: 5px;
}

.pagetitle-right a i {
	color: white;
}

.add-role-btn {
	padding: 10px;
	background: #6fd943;
	border-radius: 5px;
	outline: none;
	color: white;
	border: none;
	font-weight: 600;
}

.add-role-btn :hover {
	color: white;
}

.pagetitle-middle {
	gap: 4rem !important;
	justify-content: start !important;
	height: 50% !important;
	padding-right: 0px !important;
}

.pagetitle-middle a {
	padding: 5px 18px;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.pagetitle-middle a:hover {
	color: white;

}

.dashboard-list-btns {
	display: flex;
	gap: 1rem;
	font-size: 19px;
}

.list-btn {
	padding: 5px 8px;
	color: white;
	border-radius: 5px;
}

.list-btn i {
	color: white;
}

.edit-btn {
	background: #6fd943;
}

.dlt-btn {
	background: red;
}

.amc-form-card-header {
	font-size: 25px !important;
}

.user-role-wrap {
	width: fit-content;
}

.user-role-inner {
	padding: 3px 7px;
	border-radius: 10px;
	background: #6fd943;
	font-size: 14px;
	color: white;

}

/* ---add-role-list--------------- */
.table-striped thead tr th {
	background: aliceblue;
	text-transform: uppercase;
}

.role-form-btn-create {
	background: #6fd943;
	border: none;
	color: white;

}

.role-form-btn-create:hover {
	background: #64ad28;
	border: none;
	color: white;

}

/* ------------contract page------------- */
table {
	width: 100%;
}

.cali-contract-table tr td {
	border-collapse: collapse;
	border: 2px solid black;
}

.amc-contract-table tr td {
	border-collapse: collapse;
	border: 1px solid black;
}

.form-span {
	font-size: 11px;
}

.amc-contract-table tr td h5 span {
	font-size: 18px;
	margin-left: 25px;
	color: red;

}

.amc-cont-table-down tr td {
	border-collapse: collapse;
	border: 1px solid black;
}

td {
	vertical-align: top;
	padding: 10px;
}

.red-text,
button {
	color: red;
}

.footer {
	vertical-align: middle;
	text-align: center;
	height: 120px;
}

@media (min-width: 360px) {

	.footer {
		height: 120px;
	}
}

@media (min-width: 540px) {

	.footer {
		height: 100px;
	}
}

.box {
	border: none;
	display: flex;
}

.box li {
	margin-bottom: 10px;
}

.box1 {
	border: none;
	display: flex;
	justify-content: space-between;
}

ul {
	display: inline;
}

li {
	list-style-position: inside;
}

.button {
	/* margin-top:16px; */
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.button button {
	margin-top: 8px;
	background: #6FD943;
	width: 60px;
	color: white;
	border: none;
	border-radius: 5px;
	outline: none;
	padding: 5px 10px;
}

.form-body {
	padding-block: 30px;
	background: white;
}

.contract-form-title {
	font-weight: bold;
	margin-block: 20px;
}

.certificate-date-inpu {
	width: 180px;
	padding: 10px;
}

.contract-form-date input {
	padding: 10px;
	outline: none;
}

.contract-form-date label {
	margin-right: 10px;
}

.contract-form-date {
	margin-block: 15px;
}


/* --------------Filter List------- */

.filter-body {
	padding: 20px;
}

.filter-input {
	height: 45px;
	border-radius: 5px;
}

.filter-btn {
	outline: none;
	border: none;
	width: 100%;
	padding: 10px;
	color: white;
	border-radius: 5px;
}

.filter-btn-2 {
	background: red;
}

.filter-btn-1 {
	background: #3ec9d6;
}

/* -------------------PROMO FORM----------------- */

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #2196F3;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }