/* Employer Profile Css Start Here */
.invoice-slider .slick-dots li button:before {
	background: #064071;
	width: 15px;
	height: 15px;
	border-radius: 50px;
	color: #064071;
}

.invoice-slider .slick-dots li.slick-active button:before {
	border: 2px solid #fff;
	outline: 1px solid #43627c;
}

.invoice-card {
	background: #e1f3f1;
	padding: 10px 15px;
	border-radius: 10px;
	border: 1px solid #ddd;
}

.invoice-card .details {
	flex: 0 0 83%;
	margin-left: 10px;
}

.invoice-card figure img {
	border-radius: 50px;
}

.invoice-card p {
	font-size: 14px;
}

.invoice-card .job-detail p {
	color: #5f5f5f;
}

.employers-contract .contract-box .contract-detail {
	background: #e1f3f1;
	padding: 15px 20px 20px;
	width: 100%;
	text-align: left;
	border-radius: 10px;
	z-index: 9;
	position: relative;
}

.employers-contract .contract-box .contract-detail .name {
	margin-bottom: 5px;
}

.employers-contract .contract-box .contract-detail p {
	font-size: 14px;
	color: #727272;
}

.employers-contract .contract-box .button-group {
	background: #eef8f7;
	padding: 20px 0px 10px;
	border-radius: 0 0px 10px 10px;
	margin-top: -55px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
	transition: 0.6s;
	z-index: 1;
}

.employers-contract .contract-box:hover .button-group {
	margin-top: -10px;
}

.employers-contract .contract-box .button-group:after {
	content: "";
	height: 20px;
	width: 1px;
	background: #566261;
	position: absolute;
}

.employers-contract .contract-box .button-group button {
	color: #566261;
	font-size: 15px;
}

.facility-users .facility-user-box {
	background: #e1f3f1;
	padding: 10px 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.facility-users .facility-user-box img {
	width: 70px;
	height: 70px;
	border-radius: 5px;
	margin-right: 10px;
}

.all-facilities .facility-box .facility-detail {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.all-facilities .facility-box .facility-detail img {
	height: 70px;
	width: 140px;
	border-radius: 5px;
}

.all-facilities .facility-box .facility-detail .details {
	margin-left: 15px;
}

.all-facilities .facility-box .facility-detail .details p {
	color: #737373;
	font-size: 14px;
}

.all-facilities .facility-box p span {
	color: #737373;
	font-size: 14px;
	margin-left: 10px;
}

.facility-box .button-group .status span.checkmark .toggle {
	border: 1px solid #9aaaa8;
	width: 50px;
	height: 25px;
	border-radius: 50px;
	position: relative;
}

.facility-box .button-group .status input:checked ~ span.checkmark .toggle {
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	border-color: #e1f3f1;
}

.facility-box .button-group .status span.checkmark .toggle .ball {
	background: #9aaaa8;
	width: 19px;
	height: 19px;
	position: absolute;
	border-radius: 50%;
	top: 2px;
	transform: translateX(2px);
	transition: 0.3s;
}

.facility-box
	.button-group
	.status
	input:checked
	~ span.checkmark
	.toggle
	.ball {
	transform: translateX(27px);
	background-color: #fff;
}

.all-facilities .facility-box .status {
	position: relative;
}

.all-facilities .facility-box .status .toggle:after {
	content: "In Active";
	font-size: 13px;
	color: #566261;
	position: absolute;
	top: 3px;
	right: -57px;
}

.all-facilities
	.facility-box
	.status
	input:checked
	~ span.checkmark
	.toggle:after {
	content: "Active";
	right: -45px;
}

.invoicesModal .modal-content {
	background: #e1f3f1;
}

.invoicesModal .invoice-complete-detail {
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	padding: 10px 10px;
}

.invoicesModal .invoice-detail figure {
	flex: 0 0 25%;
}

.invoicesModal .invoice-detail figure img {
	height: 100px;
	width: 100px;
	border: 1px solid #0b74cd;
	border-radius: 50%;
}

.invoicesModal .invoice-detail .company-details span {
	font-size: 13px;
	margin-bottom: 0px;
}

.invoicesModal .invoice-detail .invoiceNo .wrapper {
	margin-left: 30px;
}

.invoicesModal h6 {
	font-family: var(--font-default);
	margin-bottom: 5px;
	font-size: 15px;
	color: #535353;
}

.invoicesModal h5 {
	font-size: 18px;
	color: #393939;
	font-family: var(--font-SemiBold);
}

.invoicesModal table {
	width: 100%;
}

.invoicesModal table thead th:last-child {
	text-align: end;
}

.invoicesModal table tbody td:last-child {
	text-align: end;
}

.invoicesModal table thead th:nth-child(2) {
	text-align: center;
}

.invoicesModal table tbody td:nth-child(2) {
	text-align: center;
}

.invoicesModal table thead {
	border-bottom: 1px solid#ddd;
}

.invoicesModal table tbody td {
	padding: 10px 0;
}

.invoicesModal .payment-summary {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}

.invoicesModal .payment-summary .amount {
	margin-bottom: 10px;
}

.invoicesModal .payment-summary .total {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}

#SelectedInvoiceModal .modal-content {
	background: #f4feff;
}

#SelectedInvoiceModal .payment-cards {
	background: #d6eae8;
	padding: 10px 10px;
	border-radius: 10px;
}

#SelectedInvoiceModal .total span {
	font-size: 18px;
	line-height: 30px;
	font-family: "Archivo-Bold";
}
/* Employer Profile Css End Here */