/*
body.newmemberportalstyle.smart-style-6 #header{
    background-color: #fee215;
}
*/


.newmemberportalstyle .dashbboardorder a.orderbutton{
    cursor: pointer;
    border-bottom: 0;
    background-color: #fee215;
    color: #000
}
.newmemberportalstyle .dashbboardorder a.orderbutton img{
    width: 100%;
    
}
.newmemberportalstyle .dashbboardorder .orderbutton.orderbuttonimg,  .newmemberportalstyle.smart-style-6 .orderbuttonprocess.orderbuttonimg{
   padding: 0;
}
.newmemberportalstyle.bootstrapWizard li.active .step{
        border: 3px solid #fee215;
}

.newmemberportalstyle .creaditdisplayarea{
    display: inline-block;
    float: right;
}
.newmemberportalstyle.smart-style-6 #sparks{
    margin-top: -10px;
}

.newmemberportalstyle.smart-style-6 #sparks ul{
}

.newmemberportalstyle.smart-style-6 #sparks h5{
    margin-top: 0;
    margin-bottom: 0;
}

.newmemberportalstyle.smart-style-6 .fillupformarea{
    width: 100%;
    display: inline-block;
    margin-top: 25px;
}

.newmemberportalstyle.smart-style-6 .orderbuttonprocess {
    margin: 0 0 15px 0;
    cursor: pointer;
    box-shadow: none;
    border: 0;
}

.newmemberportalstyle.smart-style-6 #header {
    height: 55px;
}
.newmemberportalstyle.smart-style-6 #header>div, .newmemberportalstyle.smart-style-6 #logo-group>span {
    height: 50px;
}
.newmemberportalstyle.smart-style-6 #left-panel {
    padding-top: 40px;
}
.newmemberportalstyle.smart-style-6 #logo img{
    margin-top: 5px;
}
.newmemberportalstyle.smart-style-6 .bootstrapWizard li.active .step{
        border: 3px solid #fee215;
}
 .newmemberportalstyle #ribbon .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist .displaybuttoncloseandshow {
     display: none;
}

.newmemberportalstyle .creaditdisplayarea #sparks.levethreeaccount{
        margin-top: -30px;
}

.newmemberportalstyle .form-bootstrapWizard.mobilewizard{
    display: none;
}

@media (max-width: 767px){
    body.smart-style-6.newmemberportalstyle .login-info{
        padding-top: 0;
    }
    .newmemberportalstyle #main{
        padding-bottom: inherit;
    }
    .newmemberportalstyle .page-footer{
        padding-top: 10px;
        height: 35px;
    }
    
    .newmemberportalstyle.smart-style-6 #header {
        height: 45px;
    }  
    .newmemberportalstyle.smart-style-6 #header>div, .newmemberportalstyle.smart-style-6 #logo-group>span {
        height: 45px;
    }

    .newmemberportalstyle #header>:first-child, aside{
        background: none;   
        height: inherit;
    }
    
    .newmemberportalstyle #header #logo img{
        margin-top: 0;
    }
    .newmemberportalstyle #logo-group>span{
        height: inherit;
    }
    
    .newmemberportalstyle #hide-menu>:first-child>a {
        width: 30px!important;
        height: 30px !important;
    }
    
    .newmemberportalstyle #header #logout{
        margin-top: -1px 
    }
    
    .newmemberportalstyle #header>div{
     height: inherit;   
    }
    
    
    .newmemberportalstyle #header .hidden-menu #hide-menu i {
        color: #fff;
        position: relative;
        top: -5px;
    }
    .newmemberportalstyle #header #hide-menu i {
        position: relative;
        top: -5px;
    }
    .newmemberportalstyle #header #hide-menu{
        margin-top: 5px;
    }
    
    .newmemberportalstyle #left-panel .navscroll {
        overflow-y: scroll;
        height: 100%;
    }
    .newmemberportalstyle #ribbon .breadcrumb{
        padding-right: 0 !important;
        padding-bottom: 8px !important;
        padding-top: 5px !important;
    }
    .newmemberportalstyle .creaditdisplayarea{
        display: inline-block;
        width: 100%;
        clear: both;
        float: left;
    }
    
    .newmemberportalstyle.smart-style-6 #sparks{
        float: inherit;
        background: none;
        width: 100%;
        text-align: left;
        margin-top: -2px;
        padding-top: 0;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .newmemberportalstyle .creaditdisplayarea #sparks.levethreeaccount{
            margin-top: -5px;
    }
    .newmemberportalstyle .creaditdisplayarea #sparks.levethreeaccount a{
        vertical-align: text-bottom;    
    }
    .newmemberportalstyle.smart-style-6 #sparks ul{
    }
    
    .newmemberportalstyle.smart-style-6 #sparks h5{
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        font-family: inherit;
        color: #989898;
        margin-top: 2px;
        margin-bottom: 0;
    }
    .newmemberportalstyle.smart-style-6 #sparks  a.topcreditbtn{
        margin-left: 5px;
        color: #fff !important;
        vertical-align: text-bottom;
        box-shadow: 1px 1px 2px #bdbdbd
    }
    
    .newmemberportalstyle.smart-style-6 #ribbon{
       margin-bottom: 30px;
       min-height: auto
    }
    
    .newmemberportalstyle .displayQuotaBalance{
        
    }
    
    .newmemberportalstyle .displayQuotaBalance h5{
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        font-family: inherit;
        color: #3d4850;
        margin-top: 2px;
        margin-bottom: 0;
    }
    
    .newmemberportalstyle .displayQuotaBalance .quotalistdiplay{
        margin-top: 8px;
    }
    
    .newmemberportalstyle .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist{
    position: absolute;
    width: 100%;
    background-color: #f7f8fb;
    z-index: 5;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;
    height: 45px;
    overflow: hidden;
            box-shadow: rgb(0 0 0 / 4%) 0px 5px 7px;
        left: 0;
    }
     .newmemberportalstyle #ribbon .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist .displaybuttoncloseandshow {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: inline-block;
        text-align: center;
         /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f7f8fb+38&0+0,1+38 */
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(247,248,251,1) 38%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(247,248,251,1) 38%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(247,248,251,1) 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f8fb',GradientType=0 ); /* IE6-9 */
             color: #000;
font-weight: 600;
    padding-bottom: 5px;
    padding-top: 15px;
             z-index: 20;

    }
    .newmemberportalstyle #ribbon .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist .displaybuttoncloseandshow a.viewmorequota{
       color: #000 !important;
        font-weight: 600;
    }
    
    .newmemberportalstyle #ribbon .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist .displaybuttoncloseandshow a.closeviewmorequota{
          color: #000 !important;
        font-weight: 600;
        display: none;
    }
    .newmemberportalstyle #ribbon .displayQuotaBalance .quotalistdiplay .quotalistdiplaylist .displaybuttoncloseandshow a.closeviewmorequota.showbtn{
       color: #000 !important;
    font-weight: 600;
    }
    
    .newmemberportalstyle #bootstrap-wizard-1{
            padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
    }
    .newmemberportalstyle #bootstrap-wizard-1 .col-md-6.col-md-offset-3{
        padding-left: 0;
        padding-right: 0;
        
    }
    
    .newmemberportalstyle .tab-pane.col-md-12{
        padding-left: 0;
        padding-right: 0
    }
    
     .newmemberportalstyle .bootstrapWizard {
        display: inline-block;
        list-style: none;
        padding: 0;
        position: relative;
        width: 100%;
         margin-top: 5px;
    }
    .newmemberportalstyle .bootstrapWizard li.active .step, .newmemberportalstyle .bootstrapWizard li.active.complete .step, .newmemberportalstyle .bootstrapWizard li .step{
        padding: 2px 7px;
        
    }
    .newmemberportalstyle.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step{
        
    }
    
    .newmemberportalstyle .bootstrapWizard li:nth-child(1){
            text-align: left;
            width: 20%;
    }
    
    .newmemberportalstyle .bootstrapWizard li:nth-child(2){
           width: 30%; 
    }
    
    .newmemberportalstyle .bootstrapWizard li:nth-child(3){
            width: 30%;
    }
    
    .newmemberportalstyle .bootstrapWizard li:nth-child(4){
        text-align: right;
        width: 20%;
    }
    .newmemberportalstyle .bootstrapWizard li:last-child:before {
        max-width: 100%;
        width: 100%;
    }
    .newmemberportalstyle .bootstrapWizard li:first-child:before {
        max-width: 100%;
        width: 100%;
            left: 0%;
    }
    
   .newmemberportalstyle .dashbboardorder #step1select h3, .newmemberportalstyle .dashbboardorder #step2select h3, .newmemberportalstyle .dashbboardorder #step3select h3, .newmemberportalstyle .dashbboardorder #step4select h3, .newmemberportalstyle .dashbboardorder #step5select h3{
        border-bottom: 0;
        margin-bottom: 0;
        letter-spacing: 0;
        font-family: inherit;
        font-weight: 400;
        color: #7d7d7d;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 5px;
        font-size: 22px;
    }
    
    .newmemberportalstyle .dashbboardorder .orderbutton{
        border: 3px;
        margin-bottom: 10px;
        background-color: #ffe115;
        display: inline-block;
        border-radius: 5px;
        box-shadow: rgb(0 0 0 / 5%) 0px 4px 7px;
        padding: 15px 10px 10px;
        width: 100%;
        color: #000;
    }
    
    .newmemberportalstyle .dashbboardorder #step1select .col-md-12.text-center, .newmemberportalstyle .dashbboardorder #step1select .col-md-6.col-xs-12.text-center, .newmemberportalstyle .dashbboardorder #step2select .col-md-6.col-xs-12.text-center, .newmemberportalstyle .dashbboardorder #step3select .col-md-6.col-xs-12.text-center, .newmemberportalstyle .dashbboardorder #step4select .col-md-6.col-xs-12.text-center, .newmemberportalstyle .dashbboardorder #step5select .col-md-6.col-xs-12.text-center, .newmemberportalstyle .dashbboardorder #step5select .col-md-12.text-center, .newmemberportalstyle #tab2 .jarviswidget.col-md-12.text-left, .newmemberportalstyle #tab2 .jarviswidget.col-md-6.text-left, .newmemberportalstyle #tab3 .jarviswidget.col-md-12.text-left, .newmemberportalstyle #tab3 .jarviswidget.col-md-6.text-left{
        padding-left: 0;
        padding-right: 0;
    }
    .newmemberportalstyle #tab2 .col-md-12.text-center.btnprocesscheckout{
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid #bbbbbb;
        padding-top: 15px;
    }
    
    .newmemberportalstyle .btn, .newmemberportalstyle a:link, .newmemberportalstyle button {
        -webkit-tap-highlight-color: inherit;
    }
    
    .newmemberportalstyle .dashbboardorder .orderbutton.orderbuttonimg, .newmemberportalstyle.smart-style-6 .orderbuttonprocess.orderbuttonimg{
       padding: 0;
        margin-bottom: 7px;
    }
    
    .newmemberportalstyle .dashbboardorder .orderbutton.orderbuttonimg span{
        
    }
    .newmemberportalstyle.smart-style-6 .fillupformarea{
        margin-top: 0;
    }
    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .jarviswidget{
            margin: 0 0 15px;
    }
    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 #tab3 .jarviswidget:last-child{
            margin: 0 0 40px;
    }
    
    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 #tab3 #ordersummatydisplay{
            margin-top: -30px;
    }

    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .fillupformarea .jarviswidget{
            border: 0;
            background: none;
            padding-left: 0;
            padding-right: 0;
    }

    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .fillupformarea .jarviswidget>div{
            border: 0;
        background: none !important;
        padding: 0;
    }

    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .fillupformarea .jarviswidget header{
        background: none;
        border: 0;
    }
    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .fillupformarea .jarviswidget header h2{
        font-family: inherit;
    }
    
    .newmemberportalstyle.smart-style-6 #bootstrap-wizard-1 .fillupformarea .jarviswidget .col-md-12.text-center{
        padding-left: 0;
        padding-right: 0;
    }
    
    .newmemberportalstyle .form-bootstrapWizard{
        display: none;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard{
        display: inline-block;
        list-style: none;
        padding: 0;
        position: relative;
        width: 100%;
        margin-top: 0;
    }
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard{
        margin-bottom: -15px;
    }
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard li:before{
        display: none;
    }
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li:nth-child(1), .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li:nth-child(2), .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li:nth-child(3), .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li:nth-child(4), .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li{
        width: 20%;
        text-align: center;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li:nth-child(2) .step{
           border: 0;
    background-color: #fee215;
    border-radius: 0; 
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.gobacksttep{
        width: 10%;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.sttepnum{
        width: 10%;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.sttepnum span.active{
        display: inline-block;
    
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.sttepnum span{
        border: 2px solid #fee215;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-color: #fff;
        border-radius: 50%;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.gobacksttep a{
        background-color: #fee215;
        font-size: 25px;
        color: #000;
        width: 25px;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        border: 2px solid #dfc613;
        border-radius: 3px;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.gobacksttep a i{
        position: relative;
        top: -3px;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.active .step{
        border: 0;
        background-color: #fee215;
            border-radius: 0;
    }
    
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li.active.complete .step{
        border: 0;
        background-color: #fee215;
            border-radius: 0;
    }
    
    .newmemberportalstyle .form-bootstrapWizard.mobilewizard .bootstrapWizard li .step{
        background-color: #cfcfcf;
        border: 0;
        border-radius: 0;
        width: 90%;
        padding: 0;
        display: inline-block;
        height: 5px;
        margin-top: 10px;
    }
    
    .newmemberportalstyle .jarviswidget>header h2{
        font-family: inherit;
        letter-spacing: 0;
    }
    
    .otherinformationdisplay .jarviswidget .widget-body{
         min-height: auto;
    }
    
    .newmemberportalstyle.smart-style-6 .smart-form.ordersummaydetail section h1{
       font-size: 14px;
        font-family: inherit;
        letter-spacing: 0;
    }
    
    .newmemberportalstyle.smart-style-6 .smart-form.ordersummaydetail section h3{
            font-size: 12px;
        font-family: inherit;
    }
    .newmemberportalstyle.smart-style-6 .smart-form.ordersummaydetail section{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    .newmemberportalstyle.smart-style-6 .smart-form.ordersummaydetail section:last-child{
        margin-bottom: 0;
    }
    
    .newmemberportalstyle.smart-style-6 #ordersummatydisplay .widget-body{
        padding-bottom: 0;
    }

    input.form-control.ng-invalid-required {
        background:rgba(255, 0, 0, 0.07);
    }
    
    select.form-control.ng-invalid-required {
        background:rgba(255, 0, 0, 0.07);
    }
    
    textarea.form-control.ng-invalid-required {
        background:rgba(255, 0, 0, 0.07);
    }
}