/*   
  SmartWizard 2.0 plugin 
  jQuery Wizard control Plugin
  by Dipu
  
  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/
.swMain {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 13px;
    clear: both;
    /*//min-height:720px;*/ 
    z-index: 1; /* Base z-index for the wizard container */
}

    .swMain .stepContainer {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        clear: both;
        height: auto !important;
        width: 100%;
        float: left;
    }

        .swMain .stepContainer div.content {
            display: none;
            float: left;
            //min-height:610px;
            width: 100%;
            clear: both;
            position: relative;
        }

    .swMain div.actionBar {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 1;
    }

    /*.swMain .stepContainer .StepTitle {
  display:block;
  position: relative;
  margin:0;   
  border:1px solid #E0E0E0;
  padding:5px;   
  font: bold 16px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;   
  background-color:#E0E0E0;
  clear:both;
  text-align:left; 
  z-index:88;
  -webkit-border-radius: 5px;
  -moz-border-radius  : 5px;    
}
*/


    .swMain ul.anchor {
        position: relative;
        display: block;
        float: left;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        clear: both;
        background: #dfdfdf;
        /*height:33px;*/
        height: 70px;
        /*width:710px;*/
        width: 100%;
        /*padding-left:328px;*/
        padding-left: 10px;
    }

        .swMain ul.anchor li {
            position: relative;
            display: inline;
            float: left;
            height: 48px;
        }
            /* Anchor Element Style */
            .swMain ul.anchor li a {
                display: block;
                float: left;
                color: #ababab;
                font-size: 14px;
                line-height: 32px;
                /*height: 47px;*/
                font-weight: bold;
            }

                .swMain ul.anchor li a span {
                    display: block;
                    float: left;
                    padding: 0px 7px;
                    height: 33px;
                }

                .swMain ul.anchor li a:hover {
                    background: url(images/step-hover.png) no-repeat center bottom;
                }

                    .swMain ul.anchor li a:hover span {
                        color: #fff;
                        background: #1695c0;
                    }

                .swMain ul.anchor li a.selected {
                    color: #fff;
                    background: url(images/step-hover.png) no-repeat center bottom;
                }

                    .swMain ul.anchor li a.selected span {
                        color: #fff;
                        background: #1695c0;
                    }
                /*.swMain ul.anchor li a .stepNumber{
  position:relative;
  float:left;
  width:30px;
  text-align: center;
  padding: 0 5px 5px;
  font: bold 45px Verdana, Arial, Helvetica, sans-serif;
}
.swMain ul.anchor li a .stepDesc{
  position:relative;
  display:block;
  float:left;
  text-align: left;
  padding:5px;

  font: bold 20px Verdana, Arial, Helvetica, sans-serif;
}
.swMain ul.anchor li a.selected:hover {
  color:#fff;  
  background: #5faa45;  
}

.swMain ul.anchor li a.done { 
  position:relative;
  color:#FFF;  
  background: #8CC63F;  
  border: 1px solid #8CC63F;   
  z-index:99;
}
.swMain ul.anchor li a.done:hover {
  color:#5A5655;  
  background: #8CC63F; 
  border: 1px solid #5A5655;   
}*/




                .swMain ul.anchor li a.error {
                    color: #6c6c6c !important;
                    background: #f08f75 !important;
                    border: 1px solid #fb3500 !important;
                }

                    .swMain ul.anchor li a.error:hover {
                        color: #000 !important;
                    }

    .swMain .buttonNext {
        display: block;
        background: url(images/step-next-active.png) no-repeat left top;
        width: 63px;
        height: 63px;
        line-height: 63px;
        text-align: center;
        color: #fff;
        bottom: 21px;
        right: 47px;
        position: absolute;
        z-index: 3; /* Higher than footer_link */
        transform: translateZ(1px); /* Force hardware acceleration */
        font-size: 14px;
    }

    .swMain .buttonDisabled {
        color: #000 !important;
        background: url(images/step-next.png) no-repeat left top !important;
    }

        .swMain .buttonDisabled:hover {
            color: #fff !important;
            background: url(images/step-next-active.png) no-repeat left top !important;
        }

    .swMain .buttonPrevious {
        display: block;
        background: url(images/step-next-active.png) no-repeat left top;
        width: 63px;
        height: 63px;
        line-height: 63px;
        text-align: center;
        color: #fff;
        position: absolute;
        right: 117px;
        bottom: 21px;
        font-size: 14px;
    }

        .swMain .buttonPrevious:hover, .swMain .buttonNext:hover {
            background: url(images/step-next.png) no-repeat left top;
            color: #000;
        }

    .swMain .buttonFinish {
        display: block;
        float: right;
        margin: 5px 10px 0 3px;
        padding: 5px;
        text-decoration: none;
        text-align: center;
        font: bold 13px Verdana, Arial, Helvetica, sans-serif;
        width: 100px;
        color: #FFF;
        outline-style: none;
        background-color: #5A5655;
        border: 1px solid #5A5655;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

/* Form Styles */

.txtBox {
    border: 1px solid #CCCCCC;
    color: #5A5655;
    font: 13px Verdana,Arial,Helvetica,sans-serif;
    padding: 2px;
    width: 430px;
}

    .txtBox:focus {
        border: 1px solid #EA8511;
    }

.swMain .loader {
    position: relative;
    display: none;
    float: left;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFD700;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background: #FFF url(../images/loader.gif) no-repeat 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 998;
}

.swMain .msgBox {
    position: relative;
    display: none;
    float: left;
    margin: 4px 0 0 5px;
    padding: 5px;
    border: 1px solid #FFD700;
    background-color: #FFFFDD;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 999;
    min-width: 200px;
}

    .swMain .msgBox .content {
        font: normal 12px Verdana,Arial,Helvetica,sans-serif;
        padding: 0;
        float: left;
    }

    .swMain .msgBox .close {
        border: 1px solid #CCC;
        border-radius: 3px;
        color: #CCC;
        display: block;
        float: right;
        margin: 0 0 0 5px;
        outline-style: none;
        padding: 0 2px 0 2px;
        position: relative;
        text-align: center;
        text-decoration: none;
    }

        .swMain .msgBox .close:hover {
            color: #EA8511;
            border: 1px solid #EA8511;
        }
/*--------------------------------Inner Tab Css-----------------------------------*/

/*---Responsive custom start---*/
/* Main Wizard Navigation */
#wizard1 > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #dee2e6;
}

.nav-item .nav-link {
    font-size: 0.9rem;
    /*padding: 0.75rem 1.25rem;*/
    color: #6c757d;
    white-space: nowrap;
}

    .nav-item .nav-link.active {
        color: #fff;
        background-color: #007bff;
    }

/* Tip Message */
.top_des {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 1rem;
    border-radius: 0.25rem;
}

/* Sub Menu */
.inner_tab {
    margin-top: 1.5rem;
}

.tabs {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
}

    .tabs .nav-item {
        margin-right: 1.5rem;
        font-size: 0.85rem;
        cursor: pointer;
        color: #ababab;
        /*padding: 0.5rem 0;*/
    }

        .tabs .nav-item:hover,
        .tabs .nav-item.tabActiveHeader {
            color: #007bff;
            background: transparent;
        }

/* Responsive Adjustments */
@media (max-width: 768px) {
    #wizard1 > ul {
        overflow-x: auto;
        padding-bottom: 120px !important;
        /*-webkit-overflow-scrolling: touch;*/
    }

    .top_des {
        /*margin-left: -15px;*/
        margin-right: -15px;
        border-radius: 0;
    }

    .tabs {
        border-left: 0;
        border-right: 0;
        padding: 1rem 0;
    }

    /*.footer_link .btn {
        width: 100%;
    }*/
}

@media (max-width: 576px) {
    .nav-item .nav-link {
        padding: 0.5rem;
        font-size: 0.8rem;
    }

    .top_des {
        font-size: 0.8rem;
    }

    .submit_button .btn {
        width: 100%;
    }
}
/*---Respnsive custom end---*/


/*.inner_tab {
	width:100%;
	height:auto;
	float:left;
	margin-top:-65px;
}
.tabs {
	width:459px;
	height:34px;
	float:right;
	border:1px solid #dfdfdf;
	border-top:0px;
	padding-top:14px;
	padding-left:23px;
}*/
.tabs ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.tabs ul li{
	float:left;
	padding-right:20px;
	color:#ababab;
	line-height:24px;
	cursor:pointer;
	font-size:12px;
}

.tabs ul li:hover{
	color:#010101;
}
.tabs ul li.tabActiveHeader{
	color:#010101;
}

.tabscontent {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 25px;
    clear: both;
}

.tabpage {
    width: 100%;
    height: auto;
    float: left;
}
