@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700&display=swap');
/* h3{ font-family: 'Roboto', sans-serif; font-size: 20px !important; line-height: 40px !important; padding: 0px; font-weight: 900; text-indent: 10px; margin-bottom: 0px !important; color: #FFF; }
.text-right{ text-align: right; }

table.quick-shop thead tr th { background-color:midnightblue; color:  #FFF; line-height: 50px; text-align: center !important; font-family: 'Roboto', sans-serif; }
table.quick-shop tbody tr td { text-indent: 10px; border: 1px solid #D92211; }

td.qty { text-align: center; }
td.qty input{ width: 70px; height: 20px; text-align: center; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); } */
/*body{ background: url( "../images/bg.jpg" ) center center fixed no-repeat; }*/
.shop-cart-area{ padding: 5px 0px 60px; }

.table thead th { border-bottom: 0px solid #dee2e6; }
.table-bordered td, .table-bordered th { border-right: 1px solid #781C80; border-top: 0px;  }

table.quick-shop { background-color: #781C80; }
table.quick-shop tr td table { width: 100%; background-color: #D8EBF2; margin-top: 10px; margin-bottom: 10px; }
table.quick-shop thead tr{ background-color: #781C80; color: #FFF; }
table.quick-shop thead tr th{ padding: 13px !important; }
table.quick-shop tr.category{ background-color: #781C80; color: #FFF; }

table.quick-shop { width: 100%; border-width: 1px; border-color: #781C80; border-collapse: collapse; margin: auto; }
/*table.quick-shop tr td, table.quick-shop tr th{ border: 1px solid #50CCF2; }*/

table.quick-shop tr td table .imgtag, table.quick-shop tr td table td.qty { text-align: center; }
table.quick-shop tr th{ font-size: 15px; font-weight: normal; }

table.quick-shop .imgtag, table.quick-shop td.qty { text-align: center; }
table.quick-shop .imgtag a img { width: 30px; height: 20px; }
table.quick-shop tr td { vertical-align: middle; border: 1px solid #D92211; }
table.quick-shop tr.category td h3{ margin: 0px; padding: 0px 20px;  line-height:50px;  font-size: 15px; }

/*.qtybutton-1 { width: 50px; height: 30px !important; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; padding-top: 12px; padding-bottom: 12px; font-size: 1rem; text-align: center;  }*/

.qtybutton-1 { width: 100%; height: 25px !important; margin: 5px 0; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 1rem; text-align: center;  }

.table td, .table th { padding: 0px 10px !important; }
.pce { text-align: right; }
.pce-s { text-align: right; text-decoration: line-through; text-decoration-color:#000;  }
td.pce-s span, td.pce span { float: left;}
td span[id^=pro-] { float: right; }
td span[id^=pro-] span { float: left; }

#showdis{ width: 80%; margin: 10px auto; display: block; padding: 20px; background-color: #4A4E55; color: #FFF; text-align: center; position: -webkit-sticky; position: sticky; bottom: 0; height: 60px; }

#shipping-info{ width: 80%; margin: auto; border: 1px dotted #9e8277; background-color:burlywood; padding: 20px;  }

.shipping-info input { width: 100%; height: 40px; background:cornsilk; border: none; margin-bottom: 20px; padding: 0px 20px; border-radius: 5px; }
.shipping-info textarea { width: 100%; height: 165px; background: cornsilk; border: none; margin-bottom: 30px; padding: 10px 20px; }
.shipping-info select { width: 100%; height: 40px; background:cornsilk; border: none; margin-bottom: 20px; padding: 0px 20px; border-radius: 5px; }

/*-----------------------------------------------------------
Button Style
-----------------------------------------------------------*/
a.button-style-2 { position: relative; overflow: hidden; height: 40px; background: #004351; text-align: center; display: inline-block; font-size: 13px; line-height: 40px; color: #FFF; text-transform: uppercase; font-weight: 700; padding: 0px 48px; letter-spacing: 1px; margin: auto; }
a.button-style-2 span { z-index: 2; position: relative; display: inline-block; }
a.button-style-2:before, .button-style-2:after { content: ''; position: absolute; top: -100%; width: 200%; height: 200%; background: #DC2167; transition: all 0.35s ease-out; -webkit-transition:  all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); }
a.button-style-2:after { right: -200%; }
a.button-style-2:before { left: -200%; }
a.button-style-2:hover:after { right: -65%; }
a.button-style-2:hover:before { left: -100%; }
a.button-style-2:hover { color: #fff; }
a.button-style-2.border { background: #004351; border: 1px solid #9e8277; line-height: 38px; }

/*-----------------------------------------------------------
PRODUCT MODAL
-----------------------------------------------------------*/
.product-details .pro-title a span{ font-family: 'Work Sans', sans-serif; font-weight: 600; color: #525353; font-size: 30px; margin-bottom: 0px; }
.product-details .price span{ font-size: 20px; font-family: 'Work Sans', sans-serif; font-weight: 600; color: #464646; padding: 10px 0px 10px; }
.product-details .price { padding: 5px 0px 10px; }

/*-----------------------------------------------------------
CART MODAL
-----------------------------------------------------------*/
.cart-table .tables tbody tr td { padding: 8px 0px; }


label.at-custom-label{ display: block; margin-bottom: 5px; font-weight: bold; font-family: 'Roboto', sans-serif;   }
/* input[type="checkbox"]{ width: 20px; height: 20px; float: left; }
.shipping-info span { vertical-align: middle; float: left; } */

.checkbox__input input { opacity: 0; width: 1em; height: 1em; margin-bottom: 0px !important; } 
.checkbox__control { display: inline-grid; width: 1em; height: 1em; border-radius: 0.25em; border: 0.1em solid currentColor; }
.checkbox__control svg { transition: transform 0.1s ease-in 25ms; transform: scale(0); transform-origin: bottom left; }
.checkbox__input input:checked + .checkbox__control svg { transform: scale(1); }
.checkbox__input input:focus + .checkbox__control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor; }
:root { --disabled: #959495; }
.checkbox__input input:checkbox:disabled + .checkbox__control { color: var(--disabled); }
.checkbox--disabled { color: var(--disabled); }
span.radio__label { text-align: justify; font-family: 'Roboto', sans-serif; font-size: 12px; }
button.btn { display: inline-block; width: 150px; padding: 10px 20px; margin: 20px 0px; background-color: #DC2167; color: #FFF; font-family: 'Roboto', sans-serif; }


label.error { float: none; color: red; padding-left: 0px; vertical-align: bottom; display: block; margin-top: -20px;  }

.btn.btn-red { color: #FFFFFF; background-color: #D92211; border-color: #D92211; }
button.btn { display: inline-block; width: 200px; padding: 10px 20px; margin: 20px 0px; background-color: #DC2167; color: #FFF; font-family: 'Roboto', sans-serif; }

.shipping-info input[type = "radio"] { width: auto; height: 100%; background: #D92211; border: none; margin-bottom: 20px; padding: 8px; border-radius: 8px; }

header.header-style-2 { background-color: bisque; }
footer.footer-sm-space { background-color: bisque; }