/****Progress Bar in Registration Process without payment - #SNDR...****/

.breadcrumb-wrapReg{
   padding: 15px 0;
   background:#049;
}

#fullprogressbar{
    height:30px;
    /*border-radius: 25px; border: 1px solid gray; border-bottom:none;*/
    
 
}
.arrow-up{
    width: 0; height: 0; border-left: .28571rem solid transparent; 
    border-right: .28571rem solid transparent; 
    border-bottom: .35714rem solid #007aff; margin: 0 auto; 
    margin-top: 5.1px;
}


/*TIPS:: Change the width of all segmented progress bar based on the registration pages 
   For example - If Payment page is not included in the website, change the width for all bars and go to payment section and enable display: none property...
*/

/*Profile*/
#barselectedProfile{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
     font-size:15px;
      /*change here*/
      width:12%;
}
#barNotselectedProfile{
    background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:12%;
}

#barselectedProfileSmallDev{
      color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Address*/
#barselectedAddress{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
      font-size:15px;
      /*change here*/
      width:12%;
}

#barNotselectedAddress{
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:12%;
}

#barselectedAddressSmallDev{
      color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Travel Preferences*/
#barselectedTravel{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
      font-size:15px;
      /*change here*/
      width:16%;
}

#barNotselectedTravel{
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:16%;
}

#barselectedTravelSmallDev{
      color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Add a Guest*/
#barselectedAddGuest{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
         font-size:15px;
      /*change here*/
      width:15%;
}

#barNotselectedAddGuest{
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:15%;
}

#barselectedAddGuestSmallDev{
       color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Activities Selection*/
#barselectedActSelect{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
           font-size:15px;
      /*change here*/
      width:15%;
}

#barNotselectedActSelect{
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:15%;
}
#barselectedActivitySmallDev{
       color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Payment*/
#barselectedPayment{
     display:none;
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
       font-size:15px;
      /*change here*/
      width:12%;
}

#barNotselectedPayment{
    display:none;
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:12%;
}
#barselectedPaymentSmallDev{
       color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}

/*Legal Form*/
#barselectedLegal{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
         font-size:15px;
      /*change here*/
      width:15%;
}

#barNotselectedLegal{
     background-color:white;padding-top:8px;color:black;
    border-right: 1px solid #d3d3d3;
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:15%;
}
#barselectedLegalSmallDev{
       color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}


/*Submit*/
#barselectedSubmit{
    color:#007aff; 
    border-bottom: solid #007aff;
     background-color:white;padding-top:8px;
      /*border-right: 1px solid #d3d3d3;*/
      /*change here*/
      width:15%;
}

#barNotselectedSubmit{
     background-color:white;padding-top:8px;color:black;
    /*border-right: 1px solid #d3d3d3;*/
    border-bottom:2px solid #d3d3d3;
      /*change here*/
      width:15%;
}

#barselectedSubmitSmallDev{
      color:#007aff; 
    border-bottom:  solid #007aff;
     background-color:white;padding-top:8px;
      border-right: 1px solid #d3d3d3;
        font-size:15px;
      display: none;
      /*change here*/
      width:100%;
}