/*   
  SmartWizard 2.0 plugin 
  jQuery Wizard control Plugin
  by Dipu
  
  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/

.swMain {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border: 0 solid #CCC;
}


.swMain div.actionBar {
    display: block;
    text-align: center;
    background-color:#fff;
    padding-bottom: 50px;
}

.swMain .stepContainer{
    display: none;
}


.swMain ul.anchor {
    display: inline-block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both;
    background: transparent;
    margin-right: 80px;
    margin-left: 80px;
    padding-bottom: 60px;
    /*#EEEEEE */
}

.swMain ul.anchor:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 3px;
    width: 100%;
    top: 39px;
    right: 0;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.swMain ul.anchor li {
    position: relative;
    display: inline-block;
    margin-left: 80px;
}

.swMain ul.anchor li:last-child {
    margin-left: 0;
}


/* Anchor Element Style */

.swMain ul.anchor li a {
    display: block;
    margin: auto;
    position: relative;
    height: 80px;
    width: 80px;
    border text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 99;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.swMain ul.anchor li a .stepNumber {
    text-align: center;
    padding: 0;
    text-align: center;
    font-family: 'Droid Arabic Kufi', sans-serif;
    line-height: 80px;
    font-size: 25px;
}

.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 .stepDesc small {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}


.swMain ul.anchor li a.selected {
    color: #F8F8F8;
    background: #007EE5;
    cursor: default;
}

.swMain ul.anchor li a.selected:hover {
    color: #F8F8F8;
    background: #333;
}

.swMain ul.anchor li a.done {
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #333;
    z-index: 99;
}

.swMain ul.anchor li a.done:hover {
    color: #007EE5;
    background: #fff;
    border: 1px solid #007EE5;
}

.swMain ul.anchor li a.disabled {
    color: #CCCCCC;
    background: #F8F8F8;
    cursor: text;
}

.swMain ul.anchor li a.disabled:hover {
    color: #CCCCCC;
    background: #F8F8F8;
}

.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,
.swMain .buttonPrevious,
.swMain .buttonFinish {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font-family: 'Droid Arabic Kufi', sans-serif;
    width: 100px;
    color: #FFF;
    outline-style: none;
    background-color: #007EE5;
    font-weight: bold;
    font-size: 14px;
}

.swMain .buttonDisabled {
    color: #333 !important;
    background-color: #ccc !important;
    cursor: pointer;
}

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


/* wizard inputs */

.swMain input {
    border: 1px solid #dee1ec;
    height: 40px;
    padding-right: 8px;
    padding-left: 8px;
    outline: none;
    text-decoration: none;
}

.swMain input:placeholder {
    color: #8a9cb1;
}

h2.StepTitle {
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #007ee5;
    display: inline-block;
    color: #007ee5;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.wizard-container{
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    
    .swMain ul.anchor{
        margin-right: 40px;    
        margin-left: 40px;    
    }
    
    .swMain ul.anchor li{
        margin-left: 25px;
    }

    .swMain ul.anchor li a{
        height: 40px;
        width: 40px;
    }
    
    .swMain ul.anchor li a .stepNumber{
        font-size: 20px;
        line-height: 40px;
    }
    
    .swMain ul.anchor:after{
        top: 19px;
    }
    
    .swMain input{
        margin-bottom: 10px;
    }
    
    
}