.payment-wizard {
    float: left;
    width: 100%;
    list-style: none;
/* 	white-space: nowrap; */
}

.payment-wizard ul li {
	list-style: none !important;
	white-space: nowrap;
}

.payment-wizard li.active {
    position: relative;
    z-index: 1;
    list-style: none !important;
}
.wizard-heading {
    float: left;
    width: 100%;
    padding: 8px 10px;
    background-color: #fafafa;
    margin-bottom: 1px;
    box-sizing: border-box;
    font-size: 14px;
    border-bottom: 1px solid #E7E7E7;
    color: #878787;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;
}
.wizard-content {
    display: none;
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 15px;
    box-sizing: border-box;
}
li:first-child .wizard-content {
    display: block;
    list-style: none !important;
}
.wizard-content p {
	margin: 0px 0px 10px 0px;
    font-size: 15px;
    line-height: 22px;
    color: #4c4c4c;
}

.active .wizard-heading {
    background-color: #FE6C95;
    color: #fff;
    margin-bottom: 0;
}

.completed .wizard-heading {
    color: #FE6C95;
    position: relative;
    padding: 10px 15px 10px 36px;
    cursor: pointer;
    transition: 0.3s;
    list-style: none !important;
    border-bottom: 1px solid #ddd;
}
.completed .wizard-heading:before {
    content: "✓";
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: -7px;
    top: 8px;
    width: 32px;
    padding: 4px 0;
    background-color: #FE6C95;
    z-index: 99;
    list-style: none !important;
}
.completed .wizard-heading:after {
    content: "";
    position: absolute;
    top: 37px;
    left: -7px;
    border-left: 7px solid transparent;
    border-top: 5px solid #221F20;
    list-style: none !important;
}
.completed .icon-user1 {
    background-position: 0 -20px !important;
}
.completed .icon-location1 {
    background-position: -22px -21px !important;
}
.completed .icon-summary1 {
    background-position: -36px -22px !important;
}
.completed .icon-mode1 {
    background-position: -58px -17px !important;
}


/* ------------Delivery Address Checkout-------- */

#DeliveryADD {
    padding: 0;
    white-space:nowrap;
    overflow-x:auto;
}

#DeliveryADD .box {
    width:210px;
    height:215px;
    background-color: #fff transparent;
    margin:10px;
    display:inline-block;
    border: 1px solid #EEEEEE;
}

.box .boxHeader {
    color: #fff;
    padding: 8px;
    font-size: 13px;
    background-color: #fe6c95;
}
.boxHeader a {
    color: #fff;
}

.box .boxBorder {
    border-bottom: 1px solid #EEEEEE;
}

.boxContent {
    width: 210px;
}

.boxContent p {
    width: 210px;
    margin: 0;
    padding: 8px;
    color: #666;
    font-size: 13px;
    word-break: break-all;
}

.boxFooter {
    border-top: 1px solid #EEEEEE;
    padding: 10px;
    text-align: center;
}

.boxFooter a {
    width: 100%;
    background: #32C5D2;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #2CBECB;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial';
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}

/* ----------Order Summary------ */


.orderSummary {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 4px 4px 0px 0px;
}

.orderSummary .media {
    padding:  10px 10px 0px 10px;
}

.orderSummary .media-object {
    border: 1px solid #f2f2f2;
    padding: 3px;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

.orderSummary .media-heading {
    font-size: 15px;
    font-weight: 400;
    color: #FD527A;
}

.orderSummary .media-body p {
    font-size: 12px;
    margin: 0;
}

.orderSummary .btnQTY {
    font-size: 14px;
    color: #555;
    font-family: Arial;
}


.orderSummary .qty {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
}

.orderSummary .qty {
   height: 22px;
   text-align: center;
   width: 22px;
   vertical-align: middle;
}

.custom button.items-count {
    background-color: #fff;
    border: 1px #ececec solid;
    color: #999
}

.custom button.items-count:hover {
    background-color: #FE6C95;
    border: 1px #FE6C95 solid;
    color: #fff;
}

.orderSummary .custom button.items-count {
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-size: 10px;
    line-height: normal;
    padding: 2px 4px 2px 5px;
    border-radius: 50px;
}

.itemQTY {
    float: left;
}

.btnRemove {
    float: right;
}

.btnRemove a {
    width: 100%;
    background: #2F353B;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #20272D;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial';
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}

.SummaryColumns {
    border-top: 1px solid #eee;
}

.continue {
    float: right;
    margin-top: 7px;
}

.continue a {
    width: 100%;
    background: #32C5D2;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #2CBECB;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial';
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}

/* ---------Payment Method TABS -------- */

/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    padding: 0 !important;
    /* border-radius: 4px; */
    -moz-border-radius: 4px;
    /* border: 1px solid #ddd; */
    /* margin-top: 20px; */
    margin-left: 10px;
    /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    /* background-clip: padding-box; */
    /* opacity: 0.97; */
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #555;
    color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #555;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	 border-color: #E1E1E1 !important;
}


/* ----------Login Box ------- */

.login-block {
    width: 100%;
    padding: 10px;
    background: #fff transparent;
}

.login-block h4 {
    font-size: 22px;
    font-family: 'Arial';
    color: #333;
    text-align: center;
    margin-top: -15px;
}

.login-block p {
    font-family: inherit;
    font-size: 15px;
    text-align: center;
    color: #555;
}

.login-block input {
    width: 100%;
    height: 38px !important;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 13px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
}

.login-block input#username {
    background: #fff url('../images/icons/login-icon.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#username:focus {
    background: #fff url('../images/icons/login-icon.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#email {
    background: #fff url('../images/icons/email.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#email:focus {
    background: #fff url('../images/icons/email.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#mobile {
    background: #fff url('../images/icons/mobile.png') 20px top no-repeat;
    background-size: 16px 75px;
}

.login-block input#mobile:focus {
    background: #fff url('../images/icons/mobile.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}


.login-block input#password {
    background: #fff url('../images/icons/lock.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url('../images/icons/lock.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#cpass {
    background: #fff url('../images/icons/lock.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#cpass:focus {
    background: #fff url('../images/icons/lock.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#trackorder {
    background: #fff url('../images/icons/location.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#trackorder:focus {
    background: #fff url('../images/icons/location.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input:active, .login-block input:focus {
    border: 1px solid #FF8BAC;
}

.login-block a {
    width: 100%;
    background: #32C5D2;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #2CBECB;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial';
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}

.login-block a:hover {
    background: #23B3C0;
    text-decoration: none;
    border: 1px solid #23B3C0;
    transition: 200s linear ease-in;
    text-decoration: none;
}


.login-block .newuser {
    width: 100%;
    background: #2F353B;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #20272D;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial';
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}

.login-block .newuser:hover {
    background: #262C31;
    text-decoration: none;
    border: 1px solid #181E24;
    transition: 200s linear ease-in;
    text-decoration: none;
}


.social-login span {
    font-size: 18px;
    color: #555;
}

.social-login ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin-top: 15px;
}

.social-login ul li a {
    text-decoration: none;
}

.social-login ul li a .facebook {
    background-color: #2e56a2;
    padding: 8px;
    color: #fff;
    border-radius: 4px;  
    font-size: 12px;
    font-family: "Roboto";
}

.social-login ul li a .google {
    background-color: #db4437;
    padding: 8px;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-family: "Roboto";
}