.toggle-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #374151;
	transition: .4s;
	border-radius: 34px;
	border: 2px solid #4B5563;
}

.toggle-slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: 3px;
	bottom: 3px;
	background-color: #9CA3AF;
	transition: .4s;
	border-radius: 50%;
}

input:checked+.toggle-slider {
	background-color: #2965fa;
	border-color: #bdbdbd6e;
}

input:focus+.toggle-slider {
	box-shadow: 0 0 1px #2965fa;
}

input:checked+.toggle-slider:before {
	transform: translateX(26px);
	background-color: white;
}

.toggle-slider:hover {
	background-color: #4B5563;
}

input:checked+.toggle-slider:hover {
	background-color: #055596;
}

.provider-card-disabled {
	opacity: 0.7;
}

.status-enabled {
	color: #10B981 !important;
}

.status-disabled {
	color: #EF4444 !important;
}

@media (max-width: 640px) {
	.toggle-switch {
		width: 50px;
		height: 28px;
	}

	.toggle-slider:before {
		height: 20px;
		width: 20px;
		left: 2px;
		bottom: 2px;
	}

	input:checked+.toggle-slider:before {
		transform: translateX(22px);
	}
}