.evm-bootstrap .steps-progressbar {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
    color: grey;
    /*border-right: solid 1px gray;*/
    /*border-bottom: solid 1px gray;*/
}

@media screen and (max-width:767px) {
  .evm-bootstrap #step3,#step4 {
    border-top: none;
  }
}

@media screen and (max-width:425px) {
  .evm-bootstrap .steps-progressbar {
    font-size: 16px;
  }
}

.evm-bootstrap .step-progressbar {
    border: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;

    height: 50px;
    padding-top: 11px;
    text-align: center;
    background-color: lightgray;
}
.evm-bootstrap .active-step {
    background-color: #f15a29;
    color: white;
}

.evm-bootstrap .past-step {
    background-color: lightgreen;

    color: rgb(11, 53, 23);
}

.evm-bootstrap .future-step {
    /*text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.5);*/

    /*background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 41%, rgba(209,209,209,1) 71%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(41%, rgba(219,219,219,1)), color-stop(71%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 41%, rgba(209,209,209,1) 71%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 41%, rgba(209,209,209,1) 71%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 41%, rgba(209,209,209,1) 71%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 41%, rgba(209,209,209,1) 71%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );*/
}

.evm-bootstrap .progressbar-triangle {
    border-top: solid 1px gray;
    border-right: solid 1px gray;
    top: 7px;
    position: absolute;
    height: 35px;
    width: 35px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 99;
    right: -18px;
}

.evm-bootstrap .active-step .progressbar-triangle {
    background-color: #f15a29;
}
.evm-bootstrap .future-step .progressbar-triangle {
    background-color: lightgray;
}

.evm-bootstrap .past-step .progressbar-triangle {
    background-color: lightgreen;
}

@media screen and (max-width: 768px) {
    .evm-bootstrap .progressbar-triangle-mobile {
        display: none;
    }
}