#addnewrowtable {
    border: 1px dashed lightgray;
}

table#addnewrowtable td {
    text-align: center !important;
}

/*.product form.cart {*/
/*    display: none;*/
/*}*/

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger, .site-header {
    z-index: 1 !important;
}



/*boxes for popup */
/* Create three equal columns that floats next to each other */

.col-container {
  display: flex;
  width: 100%;
  height: 300px;
}
.col {
    flex: 1;
    padding: 16px;
    margin: 10px;
    background-color: #F3F3F3;
    border: 1px solid gray;
}

.col-inner-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.col-inner-box {
    flex:1;
}

/*display table approach*/
.table-container {
  display: table;
  width:100%;
}

.table-item {
  display: inline-table;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  width: 33%;
}

.table-item .table-inner-item {
    display: table-cell;
    height: 150px;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    background: #f3f3f3;
    width: 100%;
    padding:10px;
}

/*styling three columns in modal*/
/* Float four columns side by side */
.mspp_column {
  float: left;
  width: 33%;
  padding: 0 10px;
}

.mspp_column .mspp_column_40 {
    width: 40%;
}

.mspp_column .mspp_column_30 {
    width: 30%;
}
.mspp_column .mspp_column_19 {
    width: 19%;
}
/* Remove extra left and right margins, due to padding */
.mspp_row {margin: 0 -5px;}

/* Clear floats after the columns */
.mspp_row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .mspp_column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.mspp_card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  background-color: #fff;
}

.popup-center {
    text-align: center;
    font-size:small;
}

.mspp_card_action{
    -moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
padding: 20px;
background-color: #fff;
margin: 10px;
}

.inlinelabel label {
    display: inline-block !important;
}

.firstrowtd {
    border-top: 1px solid gray;
    vertical-align: middle;
}
.lastrowtd {
    border-bottom: 1px solid gray;
}
.packthumbnail {
    float: left;
    margin:3px;
    width:60px;
}

div.packthumbnail img {
    width: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.packthumbnail {
    cursor: pointer;
}
div.packthumbnail.active {
    border:1px solid gray;
}

/* modify package type in modal */
.mpackthumbnail {
    float: left;
    margin:3px;
    width:60px;
}

div.mpackthumbnail img {
    width: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.mpackthumbnail {
    cursor: pointer;
}
div.mpackthumbnail.active {
    border:1px solid gray;
}

/*plus minus input box*/

	span.qtyminus, span.qtyplus {
	    cursor:pointer; 
	}
	
	.qtynumber {
	    min-width:93px;
	}
	
	.qtyminus, .qtyplus{
	    height: 33px;
	    width:20px;
	    background:#f2f2f2;
	    border-radius:4px;
	    padding:3px;
	    border:1px solid #ddd;
	    display: inline-block !important;
	    vertical-align: middle;
	    text-align: center;
	    
	}
	.qtycounter {
	    height: 33px;
	    width: 39px;
	    text-align: center;
	    border:1px solid #ddd;
	    border-radius:4px;
	    display: inline-block !important;
	    vertical-align: middle;
	}
	
	span.sortedqtyminus, span.sortedqtyplus {
	    cursor:pointer; 
	}
	
	.sortedqtynumber {
	    min-width:93px;
	}
	
	.sortedqtyminus, .sortedqtyplus{
	    height: 33px;
	    width:20px;
	    background:#f2f2f2;
	    border-radius:4px;
	    padding:3px;
	    border:1px solid #ddd;
	    display: inline-block !important;
	    vertical-align: middle;
	    text-align: center;
	    
	}
	.sortedqtycounter {
	    height: 33px;
	    width: 49px;
	    text-align: center;
	    border:1px solid #ddd !important;
	    background: none !important;
	    border-radius:4px;
	    display: inline-block !important;
	    vertical-align: middle;
	}
	
/* cart table - make it lean */

table.cart th, table.cart td {
    padding:3px !important;
}
table.cart {
    /*border: 1px solid lightgrey;*/
    border-collapse: collapse;
}

/* Create two equal columns that floats next to each other */
.cartcolumn-left {
  float: left;
  width: 70%;
}

.cartcolumn-right {
  float: right;
  width: 29%;
  padding-left:10px;
    
}

/* Clear floats after the columns */
.cartrow:after {
  content: "";
  display: table;
  clear: both;
}

/* item delete popup */
/* Set a style for all buttons */

/* checkout page customizations */

/*hide shipping fields*/
.woocommerce-checkout .woocommerce-shipping-fields {
    display: none;
}

/*hide header for table showing cart items rows*/
.woocommerce-checkout-review-order-table thead {
    display:none;
}

/*hide cart items rows*/
.woocommerce-checkout-review-order-table .cart_item {
    display:block;
}

/*hide package addresses*/
.multi_shipping #shipping_addresses {
    display:block;
}

/*checkout styles*/

.co-container {
    width: 700px;
    margin: 0 auto; 
}

.co-header-row {
    width: 650px;
    border: 1px solid grey;
    padding: 5px;
    margin: 5px;
    border-radius: 10px;
}

/*hide title on checkout page*/
.woocommerce-checkout .entry-title{
   display:none !important;
}

.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th {
    padding: 1px;
    
}
.kncbillingaddress td, .kncbillingaddress th {
    padding: 1px;
}

.kncbillingaddress th {
    width: 78%;
}


.kncbillingaddress .btnkncbilling {
    padding: 5px;
}

.knc-woocommerce-billing-fields__field-wrapper .form-row  {
    margin: 0 0 10px;

}
.knc-woocommerce-billing-fields__field-wrapper .input-text {
    padding: 1px;

}
.woocommerce-privacy-policy-text {
    display:none;
}

.msgtextarea_container {
    background:#F5F5F3 url(assets/penciledit.png) no-repeat right;
    min-height: 139px;
}
.msgtextarea {
    background: transparent;
    width: 74%;
    border: 1px solid #d2d2cc;
    border-radius: 10px 10px 0px 10px;
}

.mspp-fieldset{
    background:transparent;
    border:1px solid lightgrey;
    border-radius: 5px;
}


.mspp-legend {
    display: flex;
    align-items: center;
    background: transparent;
}

.legend-item {
    display: flex;
    align-items: center;
    float: none; /* Float is no longer needed with flexbox */
}

.legend-item-pkgname {
    width: 350px;
}

.legend-item-box {
    width: 75px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 5px;
}

.legend-item-box-selected {
    background: #e6ecee;
}


.legend-item-box img {
    max-width: 20px;
    height: auto;
}

.legend-item-box-pkgtype {
    margin-top: 5px; /* Space between the image and the text */
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

.pkg-footer {
    display: flex;
    align-items: flex-end; /* Aligns content in children divs to the bottom */
}

.pkg-footer-child {
    flex: 1; /* This makes both children take up equal space */
    padding: 10px; /* Optional: Adds some padding inside each child */
    /* Additional styles as needed */
}

.pkg-summary table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:1px;
}

.pkg-summary table, .pkg-summary th, .pkg-summary td {
    padding: 1px;
}