.message-container{
    margin: 0;
    margin-bottom: .5em;
    display: flex;
    font-size: 16px;
}
.showcoupon{
    color: #334862;
    font-size: 16px;
    font-weight: lighter;
} 
.showcoupon:hover{
    color: #111;
} 
.checkout-coupon{
    border: 2px solid #446084;
    padding: 15px 30px 30px;
    margin-bottom: 1.3em;
    border-color: #2d2a27;
    border-style: dashed;
    display: none;
}
.checkout-coupon p{
    margin-bottom: .5em;
}
#sale-code{
    padding-right: 0%;
}
#sale-btn{
    padding-left: 0%;
}
.MyCheck:checked ~.checkout-coupon{
    display: block;
}

.input-text{
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    color: #333;
    outline: none;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.button-expand{
    color: #fff;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #2d2a27;
}

   /* Info */
#info{
    padding-top: 15px;
    border-top: 2px solid #ddd;
}
.info h3{
    font-size: 1.1em;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bolder;
    text-transform: uppercase;
}
label{
    font-weight: bold;
    display: block;
    font-size: .9em;
    margin-bottom: 0.4em;
    color: #222;
}
#country{
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    max-width: 100%;
    width: 100%;
    color: #333;
}
#order_comments{
    padding-top: 0.7em;
    min-height: 120px;
}
  /* Order */
.your-order{
    border-color: #2d2a27;
    border: 2px solid #446084;
    padding: 15px 30px 30px;
    border-color: #2d2a27;
}
.your-order h3{
    font-size: 1.1em;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bolder;
    text-transform: uppercase;
}
.shop_table thead th{
    padding-left: 0;
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: .5em;
    font-size: .9em;
}
.product-total{
    float: right;
}
.product-name{
    text-align: left;
}
.shop_table .cart_item{
    border-bottom: 1px solid #ececec;
}
.shop_table .cart_item td {
    padding-top: 15px;
    padding-bottom: 15px; 
}
.cart-subtotal{
    border-bottom: 1px solid #ececec;
}
.cart-subtotal td{
    text-align: right;
    padding: .5em; 
    line-height: 1.3;
    font-size: .9em;
}
.order-total{
    border-bottom: 3px solid #ececec;
}
.order-total td{
    text-align: right;
    padding: .5em; 
    line-height: 1.3;
    font-size: .9em;
}
  /* End Order */

  /* Payment menthod */
.payment-menthod{
    padding-top: 3%;
}
.payment_box{
    padding: 2%;
    border-bottom: 1px solid #ececec;
}
.payment_box span{
    font-size: 85%;
}
.color-label{
    display: flex;
}
.color-label label{
    padding-left: 2%;
}  
  /* End Payment menthod */
.button_alt{
    margin-top: 5%;
    margin-bottom: 1em;
    color: #fff;
    font-size: .97em;
    letter-spacing: .03em;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    background-color: #d2d2d2;
    border: none;
}
.button_alt:hover{
    opacity: 1;
    color: #fff;
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%)
}

/* End Pay */
@media (max-width:984px){
    #sale-code{
        padding-right: 12px;
    }
    #sale-btn{
        padding-left: 12px;
    } 
  }
  @media (max-width:414px){
    .message-container{
        display: block;
    }
 } 
  
  
  /*============================================================================
   #Webcms
==============================================================================*/
.page-wrapper-left table{
    width: 100%;
}

.woocommerce-table-thead{
    border-bottom: 3px solid #ddd;
		height: 100%;
		text-transform: uppercase;
}

tbody, td, tfoot, th, thead, tr{
	padding: 5px 0;
	font-size: 15px;
}

/*.woocommerce-table-tbody tr{*/
/*	border-bottom: 1px solid #ddd;*/
/*}*/

.woocommerce-table-tfoot tr{
	border-bottom: 1px solid #ddd;
}

.page-wrapper-right{
	padding: 30px;
  background-color: rgba(0,0,0,0.02);
  box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 20%), 0 1px 0 rgb(0 0 0 / 7%), inset 0 0 0 1px rgb(0 0 0 / 5%);
  font-size: 15px;
}

.page-wrapper-right p{
	color: #7a9c59;
	font-weight: 600;
}

.page-wrapper-right ul li{
	padding: 5px 0;
}

td.woocommerce-Price-amount.amount {
    text-align: right;
}

td.woocommerce-table__product-total.product-total {
    text-align: right;
}

th.woocommerce-table__product-table.product-total {
    text-align: right;
}

.order_item a,
.order_item a:hover{
  text-decoration: none;
  color: #000;
}

td.woocommerce-Price-amount.amount input{
  border: none;
  background: #fff;
  text-align: right;
  font-weight: bold;
  color: #000;
}