/* Getting Started Progress Bar 
    * Minified by @jdmdigital on 3/11/2021
    */

#get-started-wrapper {
    width: 100%;
    margin-bottom: 1.75rem
}

.get-started .step {
    text-align: center;
    position: relative;
    z-index: 5
}

.get-started h2 {
    font-size: 1.125rem;
    margin-bottom: 0
}

.content .get-started .text-center p {
    margin-bottom: 0;
    font-size: .9rem
}
.get-started.row{
	margin-left: 0;
	margin-right:0;
}
.get-started .step p {
    position: absolute;
    height: 60px;
    width: 100%;
    text-align: center;
    display: block;
    z-index: 3;
    color: #fff;
    line-height: 65px;
    opacity: .8;
    font-size: 25px
}

.get-started .active.step p {
    opacity: 1;
    font-weight: 700
}

.get-started .step a {
    display: inline-block
}

.get-started .step a:hover {
    cursor: pointer
}

.get-started .img-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #b7b7b7;
    border: 4px solid #fff;
    z-index: 3;
    opacity: 1
}

.get-started .complete .img-circle {
    background-color: #96c93f;
    border-color: #eee;
    z-index: 4
}

.get-started .active .img-circle {
    background-color: #7f7f7f;
    border-color: #96c93f;
    z-index: 5
}

.get-started .step .img-circle:before {
    content: "";
    display: block;
    background: #7f7f7f;
    height: 4px;
    width: 50%;
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: -1;
    margin-right: 24px
}

.get-started .step .img-circle:after {
    content: "";
    display: block;
    background: #7f7f7f;
    height: 4px;
    width: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    z-index: -1
}

.get-started .step.active .img-circle:after {
    background: #7f7f7f
}

.get-started .step.active .img-circle:before,
.get-started .step.complete .img-circle:after {
    background: #96c93f
}

.get-started .step.complete .img-circle:before {
    background: #96c93f
}

.get-started .step:first-of-type .img-circle:before,
.get-started .step:last-of-type .img-circle:after {
    display: none
}

@media screen and (min-width:768px) {
    .content .get-started .text-center p {
        font-size: 16px
    }
}

@media screen and (min-width:1225px) {
    .get-started h2 {
        font-size: 1.5rem
    }
}

.meeting-states .card {
    background-color: #fff;
    margin-top: 1.5rem;
    text-align: center;
    padding-top: 2rem;
    background: #c5c5c5;
    padding-left: 10px;
    padding-right: 10px;
}

.meeting-states .icon-wrap {
    margin: auto;
    position: relative;
    display: flex;
}
.meeting-states .icon-wrap h5 {
    position: relative;
}

.meeting-states img {
    width: 32px !important;
    height: 32px !important;    
    margin-right: 10px;
    margin-top: -3px;
}

#tree .node rect {
    fill: #c5c5c5;
}

#tree_1 .node rect {
    fill: #c5c5c5;
}

#tree_1 {
    margin-top: -11rem !important;
}

.user_meeting {
    margin-bottom: -8rem;
    margin-top: 6rem;
    z-index: 111;
    margin-left: 4rem;
}