html[data-theme=dark]{
	
	.acf-label{
		label{
			color: #f9f9f9!important;
		}
	}

	.acf-field{
		p.description{
			color: #b1b1b1;
		}
	}

	.acf-fields{

		>.acf-field{
			border-top-color: #333;
		}

		.acf-icon{
			opacity: 9;

			&:before{
				color: #fff;
			}
		}

		&.-border{
			background: transparent;
			border-color: #333;
		}

		&.-left>.acf-field:before{
			background: transparent;
			border-color: #333;
		}
	}

	.acf-file-uploader{
		.file-wrap{
			background: #333;
			border-color: #444;
		}
	}

	.acf-button{
	    background: #0d6efd;
	    border-color: #2196f3;
	    color: #fff !important;
	}

	.acf-oembed {
	    border-color: #333;
	    background: transparent;

	    .canvas{
	    	background: #111;
	    }
	}	

	.acf-button-group{
		label{
			cursor: pointer;
			background: #333;

			&.selected{
    			background: rgb(0, 141, 211.5);				
			}
		}
	}

	.acf-relationship{
		background: #111111;
		border-color: #333;

		.acf-rel-item{
			&.disabled{
				&:hover{
					opacity: .5;
					color: #ddd;
				}
			}
		}

		.filters{
			background: #111111;
			border-bottom-color: #333;
		}

		.selection{
			.choices,
			.values{
				background: #222;
				border-right: none;
			}
		}
	}

	.acf-taxonomy-field{
		.categorychecklist-holder{
			border-color: #333;
		}
	}

	.acf-google-map{
		border-color: #333;
		.title{
			border-bottom-color: #333;
		}
	}

	.acf-tab-group{
		li{
			a{
				background: #111;
				border-color: #666;
			}

			&.active{
				a{
					background: #666;
					color: #f9f9f9;
				}
			}
		}
	}

	.acf-field-icon-picker{
		.acf-dashicons-list{
			background: #111;
			border-color: #666;
			.acf-icon-picker-dashicon{
				background: transparent;

				&.active,
				&:hover{
					border: 1px solid red;
				}

				&:before{
					color: #f9f9f9;
				}
			}
		}
	}

	.acf-icon-picker-media-library{
		background: transparent;
		border-color: #666;
	}

	.acf-icon-picker-tabs{
		background: transparent;
	}

	.acf-tab-wrap{
		background: transparent;

		.acf-tab-group{
			border-top-color: #333;
			border-bottom-color: #333;

			li{
				a{
					background: #111!important;
					border-color: #666;				
					color: #f9f9f9;
				}

				&:hover,
				&.active{
					background: #333;
				}
			}

		}
	}
}