/**
 * @version    $Id$
 * @package    WPDB_Demo_Builder
 * @author     WPDemoBuilder Team <admin@wpdemobuilder.com>
 * @copyright  Copyright (C) 2014 WPDemoBuilder.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Websites: http://www.wpdemobuilder.com
 */

body {
	font-family: "Titillium Web";
}

#please-wait-dialog.centralize .modal-dialog {
	position: fixed;
	top: 50%;
	left: 50%;
}
#please-wait-dialog.centralize .modal-dialog.modal-fluid {
	width: auto;
}
#please-wait-dialog .modal-dialog .progress {
	margin-bottom: 0;
}

.progress-container {
	width: 900px;
	transition: all 500ms;
	height: 0px;
	margin: 20px auto 30px auto;
	overflow: hidden;
	
	background: transparent;
	border: 1px solid #eee;
	border-radius: 85px;
}
.progress-container.open {
	padding: 10px;
	height: 170px;
}
.ui-circle-progress-bar {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: relative;
	
	border: 1px solid #EEE;
	margin: 20px 60px;
	background: #fff;
	
	border-radius: 50%;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	
	transition: all 500ms;
}
.ui-circle-progress-bar {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.ui-circle-progress-bar.zoomFull {
	display: inline-block !important;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.ui-circle-progress-bar::after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	width: 100px;
	height: 6px;
	background: #e4ecd9;
	margin-left: 12px;
	border-radius: 3px;
	
	transition: all 500ms;
}
.ui-circle-progress-bar:last-child::after {
	display: none;
}
.ui-circle-progress-bar.done::after {
	background-color: #9ac764;
}
.ui-circle-progress-bar.error {
	background: #f4d7d7;
}
.ui-circle-progress-bar > canvas,
.ui-circle-progress-bar > span {
	position: absolute;
	left: 50%;
	top: 50%;
}
.ui-circle-progress-bar > canvas {
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}
.ui-circle-progress-bar > span {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	color: #666;
	font-size: 16px;
	font-weight: bold;
/* 			text-shadow: 0 1px 1px rgba(0,0,0,0.4); */
	
	background: #ddd;
	
	box-shadow: inset 0px 2px 14px rgba(0,0,0,0.2);
	transition: all 500ms;
}
.ui-circle-progress-bar.done > span {
	background: #769f2e url(images/progress-checked-icon.png);
}
.ui-circle-progress-bar.error > span {
	background: #b83b60 url(images/progress-error-icon.png);
}
.ui-circle-progress-bar.error > canvas {
	display: none;
}
.ui-circle-progress-bar > label {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 140px;
	line-height: 20px;
	margin-left: -70px;
	margin-top: 15px;
	
	border-radius: 10px;
	border: 1px solid #eee;
	
	font-size: 13px;
	color: #666;
}
.ui-circle-progress-bar.done > label {
	color: #769f2e;
	background: #eff7e9;
	border-color: #cee4be;
}