.ldev-question{margin-top: 20px;clear: both}
.ldev-question .accordion-item-icon{
    color:#7cb342;
    font-size:20px;
}
.ldev-question .panel-body{padding-left: 35px;}
.ldev-question .panel-heading{
    display: block;
    text-decoration: none;
}
.ldev-question .panel-heading h4{font-size: 16px !important;}
.ldev-question .panel-default>.panel-heading:hover .panel-title {
    background-color: transparent;
}
.ldev-question ul,
.ldev-question ol{
    padding:0;
    clear: both;
}

.ldev-question .collapse.in, .ldev-question .collapse.show {
    display: block;
}

.ldev-question.ldev-question-local .nav-tabs{
    overflow: hidden;
}
.ldev-question.ldev-question-local .nav-tabs{border-bottom: 0;margin-bottom: -1px;}
.ldev-question.ldev-question-local .tab-content{border-top:1px solid #ddd}
.ldev-question .tab-content{clear: both}
.ldev-question .nav-tabs li a{
    text-decoration: none;
}

.ldev-question img{max-width: 100%}
.steps-top+.steps-panel{margin-top: 35px}
.steps-panel{list-style: none}
.steps-panel li{
    float: left;
    margin:0 0 8px;
    height: 16px;
    vertical-align: top;
    text-align: center;
}

.steps-panel li:first-of-type a{border-radius: 9px 0 0 9px}
.steps-panel li:last-of-type a{border-radius: 0 9px 9px 0}
.steps-panel li a{
    height: 100%;
    display: block;
    background: #dadfdd; /*old clients*/
    background: linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0) 0/30px 30px repeat-x,linear-gradient(90deg,#cfd3d2 0,#cfd3d2 50%,#cfd3d2) 0/var(--p,100%) fixed,#dadfdd;
}
.steps-panel li.active{
    cursor: pointer;
    position: relative;
}
.steps-panel li.active a{
    background: #1f94c0; /*old clients*/
    background: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0) 0/30px 30px repeat-x, linear-gradient(90deg, #1f94c0 0, #16ace5 50%, #cfd3d2) 0/var(--p, 100%) fixed, #dadfdd;
}
.steps-panel li span.step-name{
    display: inline-block;
    visibility: hidden;
    position: relative;
    top:-30px;
    background: #16ace5;
    color:#fff;
    padding: 1px 3px;
    font-size:13px;
}

.steps-panel li span.step-name:after{
    content: '';
    display: block;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -4px;
    width: 4px;
    height: 4px;
    border:7px solid transparent;
    border-top-color:#16ace5;
}

.steps-panel li.active span.step-name,
.steps-panel li a:hover span.step-name
{
    visibility: visible;
}

.step-pane{display: none}
.step-pane.active{display: block}
.step-buttons .btn.disabled{
    opacity: .65;
    cursor: not-allowed;
}

/*popup*/
.ldev-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

.mfp-with-zoom-ldev .mfp-container,
.mfp-with-zoom-ldev.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom-ldev.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom-ldev.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom-ldev.mfp-removing .mfp-container,
.mfp-with-zoom-ldev.mfp-removing.mfp-bg {
    opacity: 0;
}

.ldev-question-popup-gallery-item{
    display: inline-block;
    margin: 0 5px 5px 0;
}
.ldev-question-popup-gallery-item a, .ldev-question-popup-image-item a{text-decoration: none}
.ldev-question-popup-gallery-item .popup-link-title{
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .steps-panel li span.step-name{display: none !important}
}

.ldev_question .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
}
.ldev-question .panel-group .panel {
    overflow: hidden;
}
.ldev-question .ldev-question-banner-text{text-align: center}