/* Kamca info container */
.kamca_info {
    display: flex;
     flex-direction: column;
     border: 1px solid gray;
     padding: 30px;
     height: 100%;
     overflow-y: auto;
 }
 .select2-selection{
     padding-top:24px!important;
     padding-bottom:24px!important;
 }
 .select2-selection__arrow{
     display:none!important;
 }
 /* Basic styles for the page */
 .mca_layout.popup {
        position: fixed;
     z-index: 1000;
     width: 70%;
     height: 70%;
     /* 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_img{
     width: 10%;
 }
 .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_pro,
 .mca_ad{
     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: 25%;
     font-size: 16px;
     color: #333;
 }
 .mca_add{
     width: 70%;
     text-align: center;
 }
 
 .mca_quan input.qty {
        width: 50px;
        display: block;
     padding: 2px;
     margin-right: 10px;
     border: 1px solid #ccc;
     border-radius: 4px;
     text-align: center;
 
 }
 .extra_select{
     padding: 5px;
     margin-top: 10px;
 }
 #onchange_shipping{
     padding: 5px;
     margin-top: 10px;
 }
 .qty{
     margin-top: 10px;
 }
 
 
 
 /* Link to ship item */
 .mca_link {
     margin-top: 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;
     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;
 }
 }