/* Checkout */
.bill-col { padding-right:30px !important;}
.ship-col { padding-left:30px  !important;}

@media only screen and (max-width: 800px) {
.bill-col { padding-right:15px !important; padding-bottom:30px;}
.ship-col { padding-left:15px  !important;}
}

.label-bold label { font-weight:bold !important;}

/* Past Orders */
.orders-table  { width:100%; padding:0px; border-collapse:collapse; }
.ordcol1 { text-align: center; width: 15%;  }
.ordcol2 { text-align: center; width: 15%;  }
.ordcol3 { text-align: center; width: 10%; }
.ordcol4 { text-align: right; width: 15%; }
.ordcol5 { text-align: center; width: 15%;  }
.ordcol6 { text-align: center; width: 8%; }
.ordcol7 { text-align: center; width: 12%; }

.orders-table .ordcol7{width:7%;}
.orders-table .ordcol3 { text-align: center; width: 13%; }

@media only screen and (max-width: 800px) {
.orders-table td { width:100%;}
}


.shipping_head { background:#e7e7e7; border-bottom:2px solid #e7e7e7; }

/* Whishlist */
.wishlist_table .prod_pic { width:200px !important; padding:5px !important; }
.wishlist_table .prod_details { width:auto;}
.wishlist_table .prod_cart {width:20%; text-align:center;}
.wishlist_table .qty_box { max-width: 150px; margin: 0 auto; float:none;}

@media (max-width:767px) {
.wishlist_table .prod_pic, .wishlist_table .prod_details, .wishlist_table .prod_cart { width:100%;}
.wishlist_table .prod_pic { width:100% !important; padding:5px !important; }
.wishlist_table .prod_pic .pic_wrap { margin: 0 auto; float:none; max-width:200px;}
}



/* Shopping Cart */
.resp-table{ overflow:hidden;border-radius:6px;}
.cart-table  { width:100%; padding:0px; border-collapse:collapse; border-radius:6px; }

.cart-table tfoot td {  font-weight:bold; } 
.cart-table .tch {color:#402c92; font-size:12pt; font-weight:bold;}
.cart-table thead {background:#0b2b6c; color:#FFF; text-transform:capitalize; }
.cart-table thead th{border-bottom:0!important;font-weight:normal; font-size:11pt; padding:5px 10px;}
.cart-table td{vertical-align:middle!important;}

.cart-table tfoot{background:#FAFAFA; }
.cart-table tfoot .tch td{border-top:#402c92 1px solid!important;border-bottom:#402c92 1px solid!important;}

.checkout-bx .panel-heading{background: #0b2b6c;color: #FFF;text-transform: capitalize; padding:11px 10px; font-weight: bold;font-family: lato-light;font-size: 12pt; border-radius:6px 6px 0 0;}
.checkout-bx h5{color:#402c92;}
.checkout-bx .blue-btn{font-size:12pt!important;}
.checkout-bx h4, .checkout-bx h5{font-size:13pt!important; font-weight:bold!important;}



.cartcol1 { text-align: left; width: 55%;  }
.cartcol2 { text-align: right; width: 15%;  }
.cartcol3 { text-align: center; width: 15%; }
.cartcol4 { text-align: right; width: 15%; }

.qty-box { max-width:110px;  }
.qty-box .input-group-addon{  background:transparent; border:0px;}
.qty-box  .qty_input { padding:0px; text-align:center;}
.qty-box  .qty_input_sm { max-width:50px; margin:0 auto;     font-size: 12px; }

.cart_pic, .cart_details {  display:table-cell; vertical-align:middle;  }

.cart_pic { min-width:80px;width:80px;}
.cart_pic img { max-width:100%;}
.cart_details { padding: 0px 10px 0 15px;width:100%; padding-right:0;}
.cart_details h2:empty{display:none;}
.cart_details h2 { font-size:16px!important;  }
.cart_details h3 { font-size:15px!important;color:#402c92; margin-bottom:0;font-weight:bold!important;}
.cart_details p:empty{display:none;}

.cart_details a { text-decoration:none;}
.couponcode .buy-btn{padding:8px 10px!important;}
    

@media only screen and (max-width:767px) {
.cartcol1 { text-align: left; width: 100%;  }
.resp-table td.cartcol1  { padding-left: 0% !important;   }

.cart-table td {border: 0px !important;  }
/*.cart-table tr {border-bottom: 2px solid #ddd !important;}*/
.cart-table tfoot .tch td{border-top:0!important;}

.cartcol2 { text-align: left; width: 100%;  }
.cartcol3 { text-align: left; width: 100%; }
.cartcol4 { text-align: left; width: 100%; }

.colhide { display:none !important;}

.couponcode { padding-left:10px; padding-right:10px; text-align:center;}
.cart-table tfoot .tch td:before{text-transform:uppercase;}
.cart_details .ml-auto span{display:none;}
}


#body .checkout { border:1px solid #e7e7e7; padding:20px; min-height:350px;  background:#fff;}
.terms_box {  padding: 10px 20px; margin-bottom: 10px;background-color: #f5f5f5; border: 1px solid #e3e3e3;font-size:16px;color:#402c92;text-align:center;}
.terms_box a { text-decoration:underline;color:#0b2b6c;}

fieldset.pay-box {min-height:200px; border: 1px groove #e7e7e7 !important; padding: 0 1.4em 1.4em 1.4em !important;  -webkit-box-shadow:  0px 0px 0px 0px #000; box-shadow:  0px 0px 0px 0px #000; vertical-align:top;}
legend.pay-box-header { font-size: 1.2em !important; font-weight: bold !important; text-align: center !important; border-bottom:none;  width:auto; padding: 0 0.4em; text-transform:uppercase;}
fieldset .pay-box-content {  padding: 0 0.4em;}

@media only screen and (max-width: 991px) {
fieldset.pay-box {  width:100%; min-height:100px; margin: 0 0em 1.5em 0em !important;}
}
/* Payment Page */
.ref-no { color:#402c92;  font-size:18px; font-weight:600; }

ul.ord-details { padding:0px; margin:0px; list-style:none; }
ul.ord-details li { padding:0px 0px 5px 0px; margin:0px; list-style:none; }
ul.ord-details .item { width:60px; float:left; }

.payment-options { width:100%;  display:table;   }
.pay-data-cell { width:96%; display:table-cell; padding:2%; margin:0;  color:#636363;}
.pay-data-cell h4{color:#636363; text-align:center; margin-bottom:15px;}


ul.pay      {margin:0 auto; padding:10px; border:#DDD solid 1px; width:70%; margin-bottom:15px;}
ul.pay li   {padding:0px; margin:10px 20px 10px 20px; display:block;}
ul.pay li.payhead   {padding:0; margin:0; list-style:none;}
ul.pay li.nohead    {padding:0; margin:0px 20px 10px 20px; list-style:none;}

ul.pay li span              {width:77%; display: inline-block; margin-bottom:5px; vertical-align:top;}
ul.pay li span:first-child  {width:22%; color:#000;}

ul.pay li span:first-child:after    {content:':'; float:right;}

@media only screen and (max-width: 767px) {
    ul.pay      {   width:100%; }
    ul.pay li span:first-child  {width:100%; }
    ul.pay li span:first-child:after    {content:''; }
    ul.pay li span              {width:100%;  }

}
ul.note     {margin:0 auto; padding:10px; width:70%;}
ul.note li  {display:block;}

ul.note li span             { width:100%; display: block; margin-bottom: 5px; vertical-align:top; text-align:center;}
ul.note li span:first-child {color:#333;   font-weight:bold;}

.pay-data-cell h5   {font-size:1.2em; color:#999;}
.pay-data-cell h3 b    {color:#5e1e82;}
.pay-data-cell b    {color:#333;}

/* Print Page */
.print          {width:100%; padding:15px; margin:0px; color:#333;}
.print h2       {color:#000;}
.print .logo    {padding:13px 0px; margin:0px; float:right; display:inline-block;  font-size:34px; color:#333;}


/************************************************************************************
RESPONSIVE TABLE
*************************************************************************************/
/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically.*/

@media only screen and (max-width:767px) {
    /* Force table to not be like tables anymore */
    .resp-table table, .resp-table thead, .resp-table tbody, .resp-table tfoot, .resp-table th, .resp-table td, .resp-table tr {
        display: block;}

    /* Hide table headers (but not display: none;, for accessibility) */
    .resp-table thead tr {
        position: absolute; top: -9999px; left: -9999px;
    }

    .resp-table tr { border: 1px solid #eee; }

    .resp-table td {/* Behave like a "row" */border: none; border-bottom: 0px solid #eee; position: relative; padding-left:30% !important; white-space: normal; text-align:right; padding: 5px 10px;}
    .qty-box{margin-left:auto;position:relative; max-width:80px; height:40px; padding-left:25px;}
    .qty-box .input-group-addon{position:absolute;top:8px;z-index:2; line-height:0;}
    .qty-box .input-group-addon.pr-1{left:-35px;}
    .qty-box .input-group-addon.pl-1{left:0}
    /*.qty-box .input-group-addon.pr-1 .fa:before{content:'\f106'!important;}
    .qty-box .input-group-addon.pl-1 .fa:before{content:'\f107'!important;}*/
    .qty-box .form-control{text-align:right!important; padding-right:5px; font-size:11pt; font-weight:bold;}
    .resp-table td:before {position: absolute;top: 6px; left: 6px; width: 35%;padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; font-size:10pt; text-transform:capitalize;}
    .cart-table td.cartcol4{border-top:#DDD 1px solid!important; margin-top:5px;}

    .cart-table td{padding:2px 10px;}

    /* Label the data */
    .resp-table td:before { content: attr(data-title); }
    .resp-table  a  { display:inline-block; }
    .resp-table  .fa  { display:inline-block; }
    .cart-table .tch{margin-top:10px; background:#EEE;border-top:#402c92 1px solid!important;}
    .cart-table tr{margin-top:10px;}
}

.aside{position:relative}
.stickit{position:fixed;top:230px;}
.stickit-end{bottom:40px;position:absolute;right:0;}

@media only screen and (min-width:768px) and (max-width:980px){.aside{float:left;width:230px;position:relative}
.stickit{position:fixed;top:230px;}
.stickit-end{bottom:40px;position:absolute;right:0;}
}
@media only screen and (max-width:640px) {
.checkout-bx .blue-btn{font-size:10pt!important; text-transform:uppercase;}
}

@media only screen and ( min-width: 240px) and (max-width: 767px) {
.aside { width: 100%; }
.cart-table tfoot .tch td:before{text-transform:uppercase; font-size:9pt;}
}