/* Kamca info container */
.kamca_info {
    display: flex;
    flex-direction: column;
    border: 1px solid gray;
    padding: 30px;
    margin-bottom: 15px;
    height: 100%;
    overflow-y: auto;
}
.select2-selection__arrow{
   display:none!important;
}
/* Basic styles for the page */
.mca_layout.popup {
    position: fixed;
    z-index: 1000;
    width: 70%;
    height: 50%;
    /* overflow: auto; */
    background-color: rgb position: fixed;
    left: 50%;
    top: 50%;
    box-shadow: 0 0 10px -2px;
    border-radius: 10px;
    background-color: white;
    transform: translate(-50%, -50%);
}

.mca_layout.popup .mca_nam {
   width: 34%;
}

.mca_layout.popup .mca_add{
   width: 50%;
}


.mca{
   display: flex;
   text-align: center;
   flex-wrap: wrap;
   width: 60%;
}
.mca_quan{
   width: 25%;
}
.mca_add{
   margin-left: 9px;
   width: 70%;
}
.mca_main{
   flex: 0 0 100%;
   display: flex;
}


/* Close Button */
.close-btn {
   color: #aaaaaa;
   
   font-size: 28px;
   
   font-weight: bold;
   
   position: absolute;
   
   right: 24px;
   
   top: 15px;
   
   border-radius: 50%;
   line-height: 25px;
   
}



.close-btn:hover,

.close-btn:focus {
   
   color: #000;
   
   text-decoration: none;
   
   cursor: pointer;
   
}

#mca_layout_container{
 display: none;
}

/* Each item container */
.mca_items {
    display: flex;
    padding: 10px 0;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    gap: 10px;
}
/* Item image */
.mca_img img {
 width: 35px;
 object-fit: cover;
 overflow: visible;
 height: 35px;
 object-fit: cover;
}
.mca_header{
   width: 100%;
   display: flex;
}

.mca_ad{
   width:23%;
}

.mca_pro{
   width:30%;
}
.mca_qua{
   width: 22%;
}
.mca_qua,
.mca_ad{
   text-align: center;
}
.mca_name {
   width: 40%;
   font-size: 16px;
   color: #333;
}
.mca_nam {
   width: 17%;
   font-size: 16px;
   color: #333;
}




.mca_add{
   width: 70%;
   text-align: center;
}

.mca_quan input.qty {
    width: 50px;
    display: block;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    
}
.extra_select{
    margin-left: 20px;
    padding: 7px;
    margin-top: 10px;
}
#onchange_shipping{
   padding: 5px;
   margin-top: 10px;
}
.qty{
   margin-top: 10px;
}

#add_cart_shipping{
    margin: 20px 0px 20px 0px;
}

#add_cart_shipping_line_space{
    padding: 7px 0px 10px 0px;
}

/* Link to ship item */
.mca_link {
   margin-top: 5px;
   padding-bottom: 10px;

   border-bottom: 1px solid #ddd;
}

.mca_link p {
   font-size: 14px;
   color: #888;
}

.mca_link a {
   font-size: 14px;
   color: #0073aa;
   text-decoration: none;
}

.mca_link a:hover {
   text-decoration: underline;
}

/* Add multiple address temporary container */
.mca_add_multiple_address_temp {
   display: none;
   margin-top: 20px;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 4px;
   background-color: #fff;
}

/* Increase quantity container */
.increaseqty p {
   font-size: 14px;
   color: #d9534f;
   margin-bottom: 10px;
}

/* Hide quantity and address */
.hide_ship_n {
   margin-bottom: 10px;
}

.hide_ship_n input.qty {
   width: 60px;
   padding: 5px;
   border: 1px solid #ccc;
   border-radius: 4px;
}

/* Update button */
.update_btn {
   margin-top: 20px;
   padding: 10px 20px;
   border: none;
   border-radius: 4px;
   background-color: #0073aa;
   color: #fff;
   font-size: 16px;
   cursor: pointer;
}

.update_btn:hover {
   background-color: #005a87;
}
.action_buttons_style{
   padding: 3px 2px;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 600;
   margin: 5px 5px 10px 0px;
   border-radius: 3px;
   width: 30%;
   text-align: center; 
   background-color: #96588a;
   color: white;
}
.left{
   float: left;
   width: 50%;
}
.butondisplay{
   background-color: #E24545 !important;
   color: white !important;
   border:2px solid !important;
   border-color:#E24545 !important;
}
.butondisplay:hover
{
   background-color: white !important;
   color: #E24545 !important;
   border:2px solid !important;
   border-color:#E24545 !important;
}
.right{
   float: left;
   width: 50%;
   
}
.viewlables1{
   color: black;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   margin-top: 10px;
   display: block;
}

.table_back{
   /*background: white;*/
   /*border: 1px solid #0000001c;*/
   vertical-align: top;
   width: 47%;
   /*padding: 15px;*/
   /*margin: 0px 8px 15px;*/
   font-style:italic;
   border-radius: 5px;
   display: inline-block;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.delcheck{
   padding:0;
   list-style: none;
   margin: 0;
   width: 100%;
}

.billing_edit{
   padding:0;
   list-style: none;
   margin: 0;
   width: 100%;
}

.table_back h5{
   font-size: 12px;
   line-height: 22px;
   color: black;
   font-weight: 600;
   position: relative;
   padding-left: 18px;
}

.table_back .default_billing_address_front,
.table_back .default_shipping_address_front {
   position: absolute;
   top: 4px;
   left: 0;
   cursor: pointer;
}
.load_more_styling{
   border:2px solid !important;
   padding: 3px 8px !important;
   display: inline-block !important;
   font-size: 14px !important;
   line-height: 24px !important;
   font-weight: 600 !important;
   margin: 5px 5px 10px 0px !important;
   border-radius: 3px !important;
   text-align: center !important;
}

.address_title{
   font-weight: 650;
   margin-top: 2% !important;
}
.required{
   color:red;
}
.message{
   color: red;
}
.message_billing{
   color:red;
}
@media only screen and (max-width: 480px){
 .action_buttons_style {
   padding: 3px 8px;
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   font-weight: 600;
   margin: 5px 5px 10px 0px;
   border-radius: 3px;
   width: 46%;
   text-align: center;
   background-color: #96588a;
   color: white;
   box-sizing: border-box;
}

.mca {
    width: 68%;
}
.mca_layout.popup {
    width: 90%;
    
}

}

.woocommerce-input-wrapper .select2-container{
   width:100% !important;
}