.dependent-wrap {
	border: 1px solid $border-color;
	box-shadow: $box-shadow;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 20px 20px 11px;
	display: flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	&:last-child {
		margin-bottom: 0;
	}
	.dependent-info {
		display: flex;
		display: -webkit-flex;
		align-items:center;
		-webkit-align-items:center;
		margin-bottom: 5px;
		flex-wrap: wrap;
	}
	.patinet-information {
		min-width: 350px;
		margin-bottom: 5px;	
		@include respond-below(custom575) {
			min-width: auto;
		}
		img {
			width: 60px;
			height: 60px;
			margin-right: 16px;
		}
	}
	.patient-info {
		font-weight: $font-weight-semibold;
		margin-bottom: 5px;
		h5 {
			font-size: $font-size-16;
		}
		ul {
			li {
				font-size: $font-size-14;
				font-weight: $font-weight-normal;
				color: $gray-600;
				margin-right: 6px;
				padding-right: 14px;
				position: relative;
				display: inline-block;
				&::before {
					content: "\f111";
					display: block;
					font-family: "FontAwesome";
					@include position(absolute, 50%, 0, null, null);
					font-size: 7px;
					@include transform(translateY(-50%));
					color: $primary;
				}
				&:last-child {
					@include margin-padding(0, 0);
					&::before {
						content: none;
					}
				}
			}
			li + li {
				margin-top: 0;
			}
		}
	}
	.blood-info {
		margin-bottom: 5px;
		p {			
			font-size: $font-size-14;
			margin-bottom: 2px;
		}
		h6 {
			font-weight: $font-weight-semibold;
			font-size: $font-size-16;
			margin-bottom: 0;
		}
	}
	.dependent-status {
		display: flex;
		display: -webkit-flex;
		align-items:center;
		-webkit-align-items:center;
		margin-bottom: 2px;
		.status-toggle {
			margin-right: 8px;
			margin-bottom: 8px;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			-webkit-align-items:center;
			.checktoggle {
				width: 28px;
				height: 15px;
				margin: 0 5px;
				background: $gray-transparent;
				border-color: $gray-transparent;
				&::after {
					width: 12px;
		    		height: 12px;
		    	}
			}
			.check {
		        &:checked {
		    	    & + .checktoggle {
		        	    background-color: $success;
                		border: 1px solid $success;
		         	}	
		         }
		    }
			span {
				font-weight: $font-weight-normal;
				color: $__slate-500;
				font-size: $font-size-14;
			}
			&.checked {
				.deactive {
					color: $__black__shade;
				}
				
			}
			
		}
		.edit-icon {
			width: 22px;
			height: 22px;
			border-radius: 50%;
			border: 1px solid $border-color;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: $font-size-12;
			color: $gray-900;
			margin-bottom: 10px;
			&:hover {
				background: $primary;
				border-color: $primary;
				color: $white;
			}
		}
	}
}
.add-dependent {
	.img-upload {
		.profile-img {
			width: 80px;
			height: 80px;
			background: $light-transparent;
			border: 1px dashed $border-color;
		}
		.upload-img {
			h5 {
				margin-bottom: 10px;
			}
			.imgs-load {
				margin-bottom: 0;
			}
		}
	}
}
.dashboard-header {
	.appointment-tabs {
		ul {
			li {
				margin-bottom: 10px;
			}
		}
	}
	.btn {
		font-weight: $font-weight-medium;    
		margin-bottom: 10px;
	}
}
.radio-selection {
	@include rounded(5px);
	padding: 4px;
	.btn {
		color: $gray-600;
		padding: 3px 10px;
		width: 100%;
	}
}
