@charset "utf-8";
/* CSS Document */
.wizard {
  justify-content: space-between !important;
  z-index: 100;
}

.wizard .wizard-step {
    position: relative;
    text-align: center;
    margin-left:-60px;
}

.wizard .wizard-step-visited .wizard-step-number {
    color: #FFFFFF;
    border-color: #0b776f;
    background-color: #0b776f;
}
.wizard .wizard-step .wizard-step-number {
    width: 60px;
    height: 60px;
    border-color: #e4e4e4;
    border-radius: 50%;
    background-color: #FFFFFF;
    font-size: 20px;
}

.wizard .wizard-step .wizard-step-text {
    display: flex;
    margin-top: 15px;
    position: relative;
    right: -80px;
    top: -60px;
}

.wizard .wizard-step-active .wizard-step-number {
    color: #FFFFFF;
    border-color: #EA5E1C;
    background-color: #EA5E1C;
}

.wizard .wizard-step-active .wizard-step-number .btn img{

}

.wizard .wizard-step .wizard-step-number img{
  width: 40px;
  height: auto;
    position: relative;
    left: -11px;
    top: -5px;
}
.wizard .wizard-step .wizard-step-number2 img{
  width: 40px;
  height: auto;
    position: relative;
    left: -11px;
    top: 0px;
}

.wizard .wizard-step::before {
  position: relative;
  z-index: -1;
  left: -25px;
  display: block;
  width: 159%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #444;
  transform: rotate(90deg);
}

.wizard .wizard-step-active::before {
  position: relative;
  z-index: -1;
  left: -26px;
  display: block;
  width: 160%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #FE5800;
  transform: rotate(90deg);
}

.wizard .wizard-step-active:first-child::before {
  position: relative;
  z-index: -1;
  left: -3px;
  display: block;
  width: 0%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #FE5800;
  transform: rotate(90deg);
}

.wizard .wizard-step:first-child::before {
  position: relative;
  z-index: -1;
  left: -3px;
  display: block;
  width: 0%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #FE5800;
  transform: rotate(90deg);
}

.wizard .wizard-step:last-child::before {
  position: relative;
  z-index: -1;
  left: -21px;
  top: -11px;
  display: block;
  width: 150%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #444;
  transform: rotate(90deg);
}

.wizard .wizard-step-active:last-child::before {
  position: relative;
  z-index: -1;
  left: -22px;
  top: -11px;
  display: block;
  width: 150%;
  height: 2px;
  content: "";
  margin: auto;
  background-color: #FE5800;
  transform: rotate(90deg);
}

::marker {
    display:none;
}

// Styling post V9.24.34 Upgrade
.horizontalRow-hr{
  margin-top:90px;
}

.horizontalRow-container-hr{
  margin-top:-70px;
}

.visited-wizard-button{
color: #FFFFFF;
border-color: #0b776f;
background-color: #0b776f;
border-radius: 50%;
width: 60px;
height: 60px;
font-size: 20px;
}

.text-wizard-top-margin{
  margin-top: 60px;
}

.white-background{
    background-color: #FFFFFF;
}
//End Styling post V9.24.34 Upgrade */

/*=================================================*/
/*============= Mobile Progress Start =============*/
/*=================================================*/
/* Extra small devices (phones, 600px and down) */
@media only screen
and (min-width:300px)
and (max-width: 499px) {
  .wizard {
    display: flex;
    justify-content: space-between !important;
    z-index: 100;
    width:100%;
    position: relative;
    left: 30px;
  }

  .wizard .wizard-step {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .wizard .wizard-step-visited .wizard-step-number {
      color: #FFFFFF;
      border-color: #0b776f;
      background-color: #0b776f;
  }
  .wizard .wizard-step .wizard-step-number {
      width: 60px;
      height: 60px;
      border-color: #e4e4e4;
      border-radius: 50%;
      background-color: #FFFFFF;
      font-size: 20px;
  }

  .wizard .wizard-step .wizard-step-text {
      display:block;
      margin-top: 15px;
      position: relative;
      right: 0px;
      top: 0px;
  }

  .wizard .wizard-step-active .wizard-step-number {
      color: #FFFFFF;
      border-color: #EA5E1C;
      background-color: #EA5E1C;
  }

  .wizard .wizard-step-active .wizard-step-number .btn img{

  }

  .wizard .wizard-step .wizard-step-number img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: -5px;
  }
  .wizard .wizard-step .wizard-step-number2 img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: 0px;
  }

  .wizard .wizard-step::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 140px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 130px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:nth-last-of-type(2)::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }
}

@media only screen
and (min-width:400px)
and (max-width: 599px) {
  .wizard {
    display: flex;
    justify-content: space-between !important;
    z-index: 100;
    width:100%;
    position: relative;
    left: 30px;
  }

  .wizard .wizard-step {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .wizard .wizard-step-visited .wizard-step-number {
      color: #FFFFFF;
      border-color: #0b776f;
      background-color: #0b776f;
  }
  .wizard .wizard-step .wizard-step-number {
      width: 60px;
      height: 60px;
      border-color: #e4e4e4;
      border-radius: 50%;
      background-color: #FFFFFF;
      font-size: 20px;
  }

  .wizard .wizard-step .wizard-step-text {
      display:block;
      margin-top: 15px;
      position: relative;
      right: 0px;
      top: 0px;
  }

  .wizard .wizard-step-active .wizard-step-number {
      color: #FFFFFF;
      border-color: #EA5E1C;
      background-color: #EA5E1C;
  }

  .wizard .wizard-step-active .wizard-step-number .btn img{

  }

  .wizard .wizard-step .wizard-step-number img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: -5px;
  }
  .wizard .wizard-step .wizard-step-number2 img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: 0px;
  }

  .wizard .wizard-step::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 140px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 130px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:nth-last-of-type(2)::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }
}

@media only screen
and (min-width:600px)
and (max-width: 767px) {
  .wizard {
    display: flex;
    justify-content: space-between !important;
    z-index: 100;
    width:100%;
    position: relative;
    left: 30px;
  }

  .wizard .wizard-step {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .wizard .wizard-step-visited .wizard-step-number {
      color: #FFFFFF;
      border-color: #0b776f;
      background-color: #0b776f;
  }
  .wizard .wizard-step .wizard-step-number {
      width: 60px;
      height: 60px;
      border-color: #e4e4e4;
      border-radius: 50%;
      background-color: #FFFFFF;
      font-size: 20px;
  }

  .wizard .wizard-step .wizard-step-text {
      display:block;
      margin-top: 15px;
      position: relative;
      right: 0px;
      top: 0px;
  }

  .wizard .wizard-step-active .wizard-step-number {
      color: #FFFFFF;
      border-color: #EA5E1C;
      background-color: #EA5E1C;
  }

  .wizard .wizard-step-active .wizard-step-number .btn img{

  }

  .wizard .wizard-step .wizard-step-number img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: -5px;
  }
  .wizard .wizard-step .wizard-step-number2 img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: 0px;
  }

  .wizard .wizard-step::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 140px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 130px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:nth-last-of-type(2)::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }
}

@media only screen
and (min-width:768px)
and (max-width: 980px) {
  .wizard {
    display: flex;
    justify-content: space-between !important;
    z-index: 100;
    width:100%;
    position: relative;
    left: 30px;
  }

  .wizard .wizard-step {
    position: relative;
    width: 100%;
    text-align: center;
  }

  .wizard .wizard-step-visited .wizard-step-number {
      color: #FFFFFF;
      border-color: #0b776f;
      background-color: #0b776f;
  }
  .wizard .wizard-step .wizard-step-number {
      width: 60px;
      height: 60px;
      border-color: #e4e4e4;
      border-radius: 50%;
      background-color: #FFFFFF;
      font-size: 20px;
  }

  .wizard .wizard-step .wizard-step-text {
      display:block;
      margin-top: 15px;
      position: relative;
      right: 0px;
      top: 0px;
  }

  .wizard .wizard-step-active .wizard-step-number {
      color: #FFFFFF;
      border-color: #EA5E1C;
      background-color: #EA5E1C;
  }

  .wizard .wizard-step-active .wizard-step-number .btn img{

  }

  .wizard .wizard-step .wizard-step-number img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: -5px;
  }
  .wizard .wizard-step .wizard-step-number2 img{
    width: 40px;
    height: auto;
      position: relative;
      left: -11px;
      top: 0px;
  }

  .wizard .wizard-step::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 140px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 140px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:first-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 130px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #444;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:last-child::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 0px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }

  .wizard .wizard-step-active:nth-last-of-type(2)::before {
    position: absolute;
    z-index: -1;
    top: 30px;
    display: block;
    width: 60%;
    left: 100px;
    height: 2px;
    content: "";
    background-color: #FE5800;
    transform: rotate(0deg);
  }
}
/*=================================================*/
/*============== Mobile Progress End ==============*/
/*=================================================*/


    // States
    .wizard-step-active {
        .wizard-step-number {
            color: #FFFFFF;
            border-color: $brand-primary;
            background-color: $brand-primary;
        }
        .wizard-step-text {
            color: $brand-primary;
        }
    }
    .wizard-step-visited {
        .wizard-step-number {
            color: #FFFFFF;
            border-color: $brand-success;
            background-color: $brand-success;
        }
        .wizard-step-text {
        }
    }

.mx-placeholder{
  overflow-x: visible !important;
}

.tc1 {

}

.tc1 .alert {
    margin-top: 8px;
    margin-bottom: 0;
}

.stuck>.mx-groupbox-header {
    z-index: 1000;
    position: -webkit-sticky;
    position: sticky;
    top:0px;
}
.stuck> .mx-name-layoutGrid2 {
    z-index: 101;
    position: -webkit-sticky;
    position: sticky;
    top:0px;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    .appgrid3 .mx-templategrid-item:first-of-type {
      padding: 10px 0px 0px 0px;
      cursor: default;
      background-color: #fff;
    }
  }
}