#qodef-progress-bar[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 5px;
}

#qodef-progress-bar[value]::-webkit-progress-bar {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 0;
}

#qodef-progress-bar {
	color: #3596ee;
}

#qodef-progress-bar::-moz-progress-bar {
	background: #3596ee;
}

#qodef-progress-bar::-webkit-progress-value {
	background: #3596ee;
}

#qodef-progress-bar[aria-valuenow]:before {
	background: #3596ee;
}

.qodef-cd-selection img {
	vertical-align: middle;
	padding-right: 20px;
}

.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a svg {
	transition: all .3s ease;
}

.qodef-cd-demos-list article .qodef-cd-di-image .qodef-cd-di-image-overlay .qodef-cd-di-image-overlay-inner .qodef-cd-di-image-link a:hover svg {
	animation: qode-arrow-move .7s ease;
}

.qodef-cd-demos-list article .qodef-cd-di-image img {
	box-shadow: 0 0 9px 4px rgba(0, 0, 0, .05);
}

#qodef-demo-import-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3);
}

#qodef-demo-import-popup .qodef-core-dashboard .qodef-import-popup-image-holder img {
	display: block;
	max-width: 100%;
}