#wizard { margin-top: 20px; }
.nav-wizard { margin-bottom: 1em; }

.pane-left { background: #fff; color: #333; height: 85vh; min-height: 500px; border-right: 1px solid #ddd; }
.pane-right { background: #fff; height: 85vh; }

.btn.next { background: #fc3; }
.btn.next .glyphicon { opacity: 0.2; }
.btn.next:hover .glyphicon { opacity: 0.9; }
li.inactive span.badge { background-color: #efefef; color: #777; } 
li.finished span.badge, 
li.active span.badge { background-color: #fff; color: #555; }

.pane-right {
 background: transparent; background-size: cover; }
.pane-right .preview { border: 10px solid #333; margin: 1em; height: 90%; padding: 1em; border-radius: 5px;}

.btn-lg { margin-top: 1em; width: 250px; margin: 1em auto; }




.images { margin-left: -5px; }
.image {
display: block;
float: left;
padding: 5px;
background: #efefef;
margin: 0 10px 10px 0;
border-radius: .3em;
border: 1px solid rgba(0,0,0,0.1);
height: 80px;
overflow: hidden;
transition: .2s;
}
.image:hover  { background: #fc3; }
.image.active { background: #fc3; }

.popover { background: #fff; color: #333; display: block; }
.popover-wrap { position: relative; }

.popover {
text-shadow: none;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 0s;
}
.popover-wrap.popover-tit { margin-top: 1em; }
.popover-wrap.popover-image { margin-left: 60%; margin-top: 30%; }
.popover-wrap.popover-desc { margin-left: 25%; margin-top: 50%; }

.summary_wrap { font-size: 1.4em !important; }