.wizard-header{
    display: block;
    clear: both;
    margin: 5px 0 0;
}

.nav {
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 20px 10px 20px 5px;
    font-size: 17px;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.nav > li.disabled > a {
    color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eee;
    border-color: #428bca;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}

.nav-pills > li {
    float: right;
}
.nav-pills > li > a {
    border-radius: 4px;
    line-height: 20px;
    text-decoration: none;
}
.nav-pills > li + li {
    margin-left: 2px;
}
/*
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover{
    color: #000;
    background-color: #428bca;
}
.nav-pills > li.active > a:focus {
    color: #808080;
    background-color: #adecad;
}*/
.nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.nav-pills.nav-wizard > li + li {
    margin-right:0;
}
.nav-pills.nav-wizard > li:first-child {
    border-right: 0;
}
.nav-pills.nav-wizard > li:first-child a {
    /*border-radius: 5px 0 0 5px;*/
}
.nav-pills.nav-wizard > li:last-child {
    border-left: 0;
}
.nav-pills.nav-wizard > li:last-child a {
    /*border-radius: 0 5px 5px 0;*/
}
.nav-pills.nav-wizard > li a {
    border-radius: 0;
    background-color: #eee;
}
.nav-pills.nav-wizard > li .nav-arrow {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 0px;
    height: 0px;
    /*  border-style: solid;
      border-width: 20px 0 20px 20px;
      border-color: transparent transparent transparent #eee;*/

    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent; 
    border-right:20px solid #FFD9B3; 
    /*z-index: 150;*/
}

.nav-pills.nav-wizard > li .nav-wedge {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 20px 30px 0;
    border-color: #FFD9B3 transparent #FFD9B3 #FFD9B3;
    /*z-index: 150;*/
}
/*.nav-pills.nav-wizard > li:hover .nav-arrow {
    border-color: transparent transparent transparent #aaa;
}
.nav-pills.nav-wizard > li:hover .nav-wedge {
    border-color: #aaa #aaa #aaa transparent;
}
.nav-pills.nav-wizard > li:hover a {
    background-color: #aaa;
    color: #000;
}*/
/*.nav-pills.nav-wizard > li.active .nav-arrow {
  border-color: transparent transparent transparent #428bca;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
  border-color: #428bca #428bca #428bca transparent;
}*/
.nav-pills.nav-wizard > li a {
    background-color: #FFD9B3;
    color: #808080;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 

    border-right:10px solid blue; 
}
.nav-pills > li.active > a {
    color: #000 !important;
    background-color: #FFBA75 !important;
}
.nav-pills.nav-wizard > li.active .nav-arrow {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent; 
    border-right:20px solid #FFBA75; 
    /*z-index: 150;*/
}

.nav-pills.nav-wizard > li.active .nav-wedge {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 20px 30px 0;
    border-color: #FFBA75 transparent #FFBA75 #FFBA75 ;
    /*z-index: 150;*/
}
.nav-pills > li.step-error > a {
    color: #808080 !important;
    background-color: #ff9999 !important;
}
.nav-pills.nav-wizard > li.completed a{
    color: #3A9134 !important;
}
.nav-pills.nav-wizard > li.step-error .nav-arrow {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent; 
    border-right:20px solid #ff9999; 
    /*z-index: 150;*/
}

.nav-pills.nav-wizard > li.step-error .nav-wedge {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 20px 30px 0;
    border-color: #ff9999 transparent #ff9999 #ff9999 ;
    /*z-index: 150;*/
}
.wizard-legend{
    /*font-weight: normal;
    color: red;*/
    padding: 5px; 
    font-size: 17px;
}
.ui-icon-exit-door{
    background-image: url(../images/exit-door.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 35px;
    display: inline-block;
    height: 35px;
    width: 35px;
    cursor: pointer;
    float: left;
    margin-top:-10px
}

.ui-icon-ssd-home{
    background-image: url(images/home.png) !important;
    height: 24px;
    width: 24px;
    margin-top: -3px;
    margin-left: -3px;
    display: inline-block;
    cursor: pointer;
    float: left;
    background-repeat: no-repeat !important;
}

.ui-button-icon-only .ui-icon.ui-icon-20 {
    margin-left: -10px !important;
    margin-top: -10px !important;
    width:20px  !important;
    height :20px  !important;
}
.ui-btn.ui-button{
        padding: 2px !important;
}

.ui-icon-exit-reg{
    margin-top: 0;
    margin-left: 5px;
}
.wrapper {
    text-align: center;
}
.wrapper ul {
    display: inline-block;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
}


/*
adding for horizontall scroll
*/
#ssd-nav{
    width: 920px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 30px;
}
.nav-wizard {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: -webkit-box !important;
    display: -moz-box !important;
}
.nav-wizard>li {
    float: none !important;
}