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

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

.ssd-wizard .nav-pills > li {
    float: right;
}
.ssd-wizard .nav-pills > li > a {
    border-radius: 4px;
    line-height: 20px;
    text-decoration: none;
}
.ssd-wizard .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;
}*/
.ssd-wizard .nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}
.ssd-wizard .nav-pills.nav-wizard > li + li {
    margin-right:0;
}
.ssd-wizard .nav-pills.nav-wizard > li:first-child {
    border-right: 0;
}
.ssd-wizard .nav-pills.nav-wizard > li:first-child a {
    /*border-radius: 5px 0 0 5px;*/
}
.ssd-wizard .nav-pills.nav-wizard > li:last-child {
    border-left: 0;
}
.ssd-wizard .nav-pills.nav-wizard > li:last-child a {
    /*border-radius: 0 5px 5px 0;*/
}
.ssd-wizard .nav-pills.nav-wizard > li a {
    border-radius: 0;
    background-color: #eee;
}
.ssd-wizard .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;*/
}

.ssd-wizard .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 0px;
    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;
}*/
.ssd-wizard .nav-pills.nav-wizard > li a {
    background-color: #FFD9B3;
    color: #808080;
}

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

    border-right:10px solid blue;
}
.ssd-wizard .nav-pills > li.active > a {
    background-color: orange;
    color: black !important;
}
.ssd-wizard .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 orange;
    /*z-index: 150;*/
}

.ssd-wizard .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 1px;
    border-color: orange transparent orange orange ;
    /*z-index: 150;*/
}
.ssd-wizard .nav-pills > li.step-error > a {
    color: #808080 !important;
    background-color: #ff9999 !important;
}
.ssd-wizard .nav-pills.nav-wizard > li.completed a{
    color: #3A9134 !important;
}
.ssd-wizard .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;*/
}

.ssd-wizard .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;*/
}
.ssd-wizard .wizard-legend{
    /*font-weight: normal;
    color: red;*/
    padding: 5px;
    font-size: 17px;
}
.ssd-wizard .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
}

.ssd-wizard .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;
}

.ssd-wizard .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;
}*/

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


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

.ssd-wizard .nav-pills.nav-wizard > li.active{
    box-shadow: 0 3px 3px -2px lightgray;
    /*text-shadow: 0 0 3px black , 0px 0 5px blue;*/
    font-weight: bold;
}

.ssd-wizard .nav-pills.nav-wizard > li.active >a:hover ,
.ssd-wizard .nav-pills.nav-wizard > li.active >a:focus{
    background-color: orange !important;
}

.next-level {
    background-image: url("../images/next.png");
    float: left;
    margin-left: 15px;
}

.prev-level {
    background-image: url("../images/back.png");
    float: right;
    margin-right: 15px;
}

.wizard-skip {
    background-size: 67px;
    display: inline-block;
    width: 68px;
    background-repeat: no-repeat;
    background-position-y: top !important;
    height: 60px;
    padding-top: 22px;
    font-weight: bold !important;
    cursor: pointer;
    font-size: 14px !important;
}

.help-doc{
    float: left;
    margin-left: 50px;
    text-align: center;
    text-decoration: underline;
    color: #8e0730 !important;
}
.wizard-warning{
    padding-right: 10px;
    display: block;
    padding-top: 5px;
}

.ssd-wizard .tourContainer{
    float: right;
    line-height: 60px;
    background-color: #FFD9B3;
    margin: 5px;
}

.ssd-wizard .tourContainer > span > i{
    color: yellow;
}