관리-도구

편집 파일: kkart-frontend.css

/*
	Kkart Frontend Framework : https://kkart.com
*/
/* MISC style*/

img{
width:100%;
height:100%;
}

.kkart-flex{
display: flex;
align-items: center;
}

.kkart-flex-grow{
flex-grow: 1;
width: 50%;
}

.kkart-flex-grow:not(:last-child){
margin-right: 20px;
}

.kkart-mb-20{
margin-bottom: 20px;
}

.kkart-inline-block{
display:inline-block;
}

.kkart-cart-table{
border: 1px solid rgba(0,0,0,.1);
margin: 20px 0px 20px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}

.kkart-cart-table td, .kkart-cart-table th{
border-top: 1px solid rgba(0,0,0,.1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}

/* kkart gallery css start */
.kkart-image-gallery-holder{
display:grid;
overflow:hidden;
padding:0;
margin:0;
}

.kkart-primary-image-container{
position: relative;
overflow: hidden;
width: auto;
height:auto;
display: block;
padding:0;
margin:0;
}

.kkart-primary-image-container img{
position:relative;
display: block;
box-shadow: none;
margin-left:auto;
margin-right:auto;
}

.kkart-primary-image-left img{
margin-right:auto;
margin-left:initial;
}

.kkart-primary-image-right img{
margin-right:initial;
margin-left:auto;
}

.kkart-primary-image-center img{
margin-right:auto;
margin-left:auto;
}

.kkart-product-gallery-container-left-left,
.kkart-product-gallery-container-right-left {
margin-top:initial !important;
margin-bottom:auto !important;
margin-right:auto !important;
margin-left:auto !important;
}

.kkart-product-gallery-container-bottom-left,
.kkart-product-gallery-container-top-left {
margin-right:auto !important;
margin-left:initial !important;
}
	
.kkart-product-gallery-container-left-right,
.kkart-product-gallery-container-right-right {
margin-bottom:initial !important;
margin-top:auto !important;
margin-right:auto !important;
margin-left:auto !important;
}

.kkart-product-gallery-container-bottom-right,
.kkart-product-gallery-container-top-right {
margin-right:initial !important;
margin-left:auto !important;
}

.kkart-product-gallery-container-top-center,
.kkart-product-gallery-container-left-center,
.kkart-product-gallery-container-right-center,
.kkart-product-gallery-container-bottom-center{
margin-right:auto !important;
margin-left:auto !important;
margin-top:auto !important;
margin-bottom:auto !important;
}

.kkart-gallery-item img{
min-width: 96px;
min-height: 96px;
}
.kkart-product-gallery-container{
padding:0;
margin:0;
overflow: hidden;
position: relative;
}

.kkart-product-gallery-ul{
list-style:none;
overflow:hidden;
list-style: none;
padding: 0;
margin:0;
}

.kkart-gallery-position-top, 
.kkart-gallery-position-bottom{
grid-template-columns: repeat(1, auto);
}

.kkart-gallery-position-top div:nth-of-type(1){
order: 2;
}

.kkart-gallery-position-top div:nth-of-type(2){
order: 1;
}

.kkart-gallery-position-bottom .kkart-product-gallery-ul, 
.kkart-gallery-position-top .kkart-product-gallery-ul{
display: flex;
}

.kkart-gallery-position-bottom .kkart-product-gallery-ul li, 
.kkart-gallery-position-top .kkart-product-gallery-ul li{
float: left;
}

.kkart-gallery-position-left{
 grid-template-columns: 20% 80%;
}

.kkart-gallery-position-right{
 grid-template-columns: 80% 20%;
}

.kkart-gallery-position-left div:nth-of-type(1){
order:2;
}

.kkart-gallery-position-left div:nth-of-type(2){
order:1;
}

.kkart-gallery-position-left .kkart-product-gallery-ul, 
.kkart-gallery-position-right .kkart-product-gallery-ul{
display: grid;
grid-template-columns: repeat(1,auto);
}

.kkart-product-active{
border: 1px solid #000;
}

.primary-slider-controls, 
.gallery-slider-controls{
margin: 0;
text-align: center;
color: #000;
font-size: 10px;
z-index:1;
}

.primary-slider-controls [class*="primary-image-"], 
.gallery-slider-controls [class*="gallery-image-"]{
position: absolute;
color: #bfbfbf;
margin: 0;
padding: 4px 7px;
background: transparent;
display: inline-block;
cursor: pointer;
transition: all .3s;
border:0;
}

.primary-slider-controls [class*="primary-image-"], 
.kkart-gallery-position-bottom .gallery-slider-controls [class*="gallery-image-"], 
.kkart-gallery-position-top .gallery-slider-controls [class*="gallery-image-"]{
top: 50%;
}

.primary-image-prev, 
.kkart-gallery-position-bottom .gallery-image-prev, 
.kkart-gallery-position-top .gallery-image-prev{
left:0;
}

.primary-image-next, 
.kkart-gallery-position-bottom .gallery-image-next, 
.kkart-gallery-position-top .gallery-image-next{
right:0;
}

.kkart-gallery-position-left .gallery-slider-controls [class*="gallery-image-"], 
.kkart-gallery-position-right .gallery-slider-controls [class*="gallery-image-"]{
left: 50%;
}

.kkart-gallery-position-left .gallery-image-prev, 
.kkart-gallery-position-right .gallery-image-prev{
top: 0;
}

.kkart-gallery-position-left .gallery-image-next, 
.kkart-gallery-position-right .gallery-image-next{
bottom: 0;
}

/* kkart gallery css end */

/* kkart add to cart css start */
.kkart-cart-btn-icon-left .kkart-cart-btn-icon:last-child{
display: none;
}

.kkart-cart-btn-icon-right .kkart-cart-btn-icon:first-child{
display: none;
}

.kkart-cart-btn-icon-left .kkart-cart-btn-icon{
padding-left:0 !important;
position: relative;
z-index: 1;
}

.kkart-cart-btn-icon-right .kkart-cart-btn-icon{
padding-right:0 !important;
position: relative;
z-index: 1;
}

.kkart-input-arrows-hide input[type=number] {
-moz-appearance: textfield;
}

.kkart-cart-btn-holder{
border-radius:5px;
line-height:1em;
transition:all 0.3s;
cursor: pointer;
box-sizing:border-box;
display:block;
}

.kkart-product-quantity{
display:inline-flex;
border: 1px solid #efefef;
border-radius: 2px;
justify-content:center;
height:40px;
}

.kkart-quantity-style-rounded{
border: none;
border-radius: 0px;
}

.kkart-quantity-style-rounded .kkart-minus, .kkart-quantity-style-rounded .kkart-plus{
border:1px solid #000;
background:none;
}

.kkart-product-quantity .kkart-minus, .kkart-product-quantity .kkart-plus{
border:none;
background:none;
height:100%;
display: flex;
align-items: center;
justify-content: center;
font-size:10px;
}

.kkart-product-quantity input[type=number]{
text-align: center;
-moz-appearance: textfield;
border:none;
background:none;
width:40px;
height:100%;
}

.kkart-product-quantity input[type=number]::-webkit-outer-spin-button,
.kkart-product-quantity input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* kkart add to cart css end */
/* cart update button css start */
.kkart-items-update{
border: none;
background-color: transparent;
font-size: 14px;
cursor: pointer;
background: black;
color: white;
padding: 8px;
}

.kkart-item-remove-link i{
padding: 8px;
}

/* cart update button css end */
/* Start new css */
/* Post Archive widget css start */

.pagelayer-products-container:not(.pagelayer-owl-holder),
.kkart-porduct-archives{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 20px;
grid-row-gap: 40px;
}

.kkart-product-archives-item .kkart-archive-item-link{
text-decoration: none;
overflow: hidden;
position: relative;
width:100%;
}

/* Post Archive widget css end */

/* Archive cart button css */
.kkart-crt-btn-holder .kkart-archive-crt-btn,
.kkart-buy-now-holder .kkart-buy-now{
line-height: 2;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: hidden;
color: #515151;
background-color: #ebe9eb;
display: inline-block;
border-radius: 0;
}

.kkart-crt-btn-holder .kkart-quantity-holder{
display: inline-flex;
align-items: center;
}

.kkart-quantity-holder .kkart-quantity, .kkart-quantity-holder .kkart-quantity-close{
display: flex;
align-items:center;
border: solid 1px #000;
border-radius: 2px;
}

.kkart-quantity .kkart-minus, .kkart-quantity .kkart-plus, .kkart-quantity input[type=number]{
border: none;
cursor: pointer;
padding: calc(10px / 2) 10px;
}

.kkart-quantity input[type=number]{
-moz-appearance: textfield;
height: 100%;
width: 2em;
border-left: solid 1px #000;
border-right: solid 1px #000;
}

.kkart-quantity input[type=number]:focus-visible{
outline: none;
}

.kkart-quantity [type=number]::-webkit-inner-spin-button,
.kkart-quantity [type=number]::-webkit-outer-spin-button{
display:none;
}

.kkart-quantity-holder .kkart-quantity-close{
cursor: pointer;
padding: calc(15px / 2) 10px;
margin-left: 10px;
}

.kkart-crt-btn-holder .kkart-view-btn-holder{
cursor: pointer;
position: relative;
text-decoration: none;
overflow: hidden;
display: inline;
margin-left: 10px;
margin-right: 10px;
}

/* Rating widget css */
.kkart-product-rating{
width:100%;
}
.kkart-product-rating .kkart-review-link{
display: inline-block;
}

/* Thumnail widget css */
.kkart-product-thumbnail,
.kkart-thumb-gallery-item{
overflow: hidden;
position: relative;
justify-content: center;
display: flex;
align-items: center;
width:100%;
}

.kkart-product-thumbnail .kkart-thumb-img{
height:auto;
width:auto;
max-width:100%;
}

.kkart-thumbnail-gallery{
list-style: none;
margin: 0;
padding:0;
position: relative;
}

.kkart-thumbnail-gallery li{
float: left;
width: inherit;
height: inherit;
}

/* Price widget css */
.kkart-price-flip{
direction: rtl; 
display: flex; 
justify-content: end;
} 
.kkart-price-flip .kkart-price-amount{
direction: ltr;
}

/* KKart flash sale css */
.kkart-onsale{
position:absolute;
font-size: 1em;
font-weight: 700;
text-align: center;
background-color: #77a464;
color: #fff;
font-size: .857em;
z-index: 10;
margin: 0;
top:0;
display: flex;
justify-content: center;
align-items: center;
}

.kkart-onsale.kkart-sale-position-left{
left:0;
}

.kkart-onsale.kkart-sale-position-right{
right:0;
}

.kkart-onsale-circle{
height: 50px;
width: 50px;
border-radius: 100% !important;
}

.kkart-onsale-ribbon{
top: 5px;
height: 30px;
width: 30%; 
}

.kkart-onsale-ribbon.kkart-sale-position-left{
transform: rotate(-40deg);
top: 5px;
left: -25px;
}

.kkart-onsale-ribbon.kkart-sale-position-right{
transform: rotate(40deg);
right: -25px;
}

.kkart-sale-text-left .kkart-sale-flash{ 
flex-direction: row-reverse;
}

/* My account css start */
.kkart-account-holder label{
cursor: pointer;
display: block
}

.kkart-account-holder input{
width: 100%;
outline: none;
}

.kkart-account-btn{
cursor:pointer;
text-align:center;
display:inline-block;
}

.kkart-account-btn-icon.kkart-btn-icon-left{
float:left;
}

.kkart-account-form-holder label{
cursor: pointer;
display: block;
}

.pagelayer-kkart_myaccount_tabs{
border: none;
}

.kkart-myaccount-tabholder{
overflow: hidden;
background-color: #ffffff;
border: 1px solid #eeeeee;
border-bottom: 0px;
border-radius: 1px;
}

.kkart-myaccount-tabholder .kkart-tablinks{
background-color: inherit;
display: inline-block;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
color: #888888;
font-family: Roboto Condensed;
font-size: 14px !important;
font-weight: 400 !important;
text-transform: Uppercase !important;
}

.kkart-myaccount-tabholder .kkart-tablinks.kkart-active-tab,
.kkart-myaccount-tabholder .kkart-tablinks:hover {
color: #222222;
background-color: #f9f9f9;
}

.kkart-myaccount-tabholder .kkart-tablinks.active{
background-color: #ccc;
}

.kkart-myaccount-orderdetails{
display: none;
}

.kkart-myaccount-table{
width: 100%;
height: 100%;
text-align: center;
border-spacing:0px;
}

.kkart-myaccount-table th{
text-transform: uppercase;
}

.kkart-myaccount-table td, .kkart-myaccount-table th{
border-bottom: solid 1px #666;
}

.kkart-myaccount-orderdetails p{
font-weight: bold;
text-transform: uppercase;
}

.kkart-close-button{
background-color: #ffe9e2;
padding: 10px 15px 10px 15px;
color: #000;
border: none;
margin-top: 10px;
}

.kkart-inline-button{
background-color: #0986c0;
padding: 5px 10px 5px 10px;
color: #fff !important;
border: none;
}

.kkart-myaccount-table thead{
background-color: #212529;
color: #fff;
}

.kkart-close-button:hover{
background-color: #000;
color: #fff;
cursor: pointer;
}

.kkart-myaccount-order-holder .kkart-myaccount-table th, .kkart-myaccount-order-holder .kkart-myaccount-table th *{
text-transform: uppercase;
font-weight: bold !important;
}

.kkart-myaccount-tabcontainer .kkart-tab-content-holder b, .kkart-myaccount-tabcontainer .kkart-tab-content-holder strong{
font-weight: bold !important;
}

.kkart-myaccount-table td, .kkart-myaccount-table th{
padding: 15px 8px;
text-align: left;
}

.kkart-myaccount-table td a, .kkart-myaccount-table th a{
text-decoration: underline;
}

.kkart-account-form-holder label{
padding-top: 20px;
padding-bottom: 10px;
}

.kkart-account-form-holder input{
padding: 12px;
line-height: 1.5;
width: 100%;
border: 1px solid #ededed;
}

.kkart-account-form-holder .kkart-require-field{
color: #c13030;
}

.kkart-account-btn-holder{
margin: 20px 0 10px 0; 
}

.kkart-account-btn{
padding: 10px 15px 10px 15px;
color: #fff;
background-color: #0986c0;
border: none;
}

.kkart-myaccount-login{
width: 50%;
margin: auto;
margin-top: 10px;
padding: 10px;
box-shadow: 0px 0px 5px 1px #f1f1f1;
}

.kkart-myaccount-tabcontainer{
color: #333333;
background-color: #f9f9f9;
padding: 35px;
}

.kkart-myaccount-tabcontainer *{
font-family: Roboto;
font-size: 14px !important;
font-weight: normal !important;
}

.kkart-tab-content-holder{
display: none;
}

.kkart-tab-content-holder.kkart-active-tabcontent{
display: block;
}

/* My account css end */

/* Checkout form style start*/
.kkart-checkout-tab{
margin-bottom:10px;
}

.kkart-checkout-tab-header{
padding:10px 5px;
background-color: #ffffff;
color: #000000;
border: 1px solid #f1f1f1;
display:flow-root;
}

.kkart-checkout-tab .kkart-checkout-tab-holder,
.kkart-checkout-review-order-table td,
.kkart-checkout-review-order-table th{
padding:10px;
}

.kkart-checkout-tab:not(.kkart-checkout-active-tab) .kkart-checkout-tab-holder{
display:none;
}

.kkart-checkout-tab.kkart-checkout-active-tab .kkart-checkout-tab-header{
background-color: #000000;
color: #ffffff;
}

.kkart-checkout-tab .checkout_edit_button{
float: right;
display:none;
background: #fff;
padding: 5px 20px;
border: 1px solid #f1f1f1;
}

.kkart-checkout-tab .checkout-tabs-proceed{
background: #fff;
padding: 5px 20px;
border: 1px solid #f1f1f1;
margin: 10px 0;
}

.kkart-checkout-review-order-table{
width:100%;
text-align:left;
}

.kkart-address-holder .kkart-address-details button:not(:last-child){
margin-right: 5px;
}

.kkart-address-form-holder .form-row label{
display:block;
margin-bottom:5px;
}

.kkart-address-form-holder .form-row{
margin-bottom:10px;
}

.kkart-address-holder .kkart-billing-detail button:not(:last-child){
margin-right: 5px;
}

.kkart-address-form-holder .form-row input,
.kkart-address-form-holder .form-row textarea,
.kkart-address-form-holder .form-row select{
width: 100%;
padding: 8px;
margin-bottom: 5px;
}

.kkart-form p{
margin-bottom:10px;
}

.kkart-checkout-user-details{
margin-bottom:10px;
}

.kkart-checkout-tab-holder .kkart-form-login,
.kkart-checkout-tab-holder .kkart-form-register{
width:100%;
max-width:350px;
}

/* Checkout form style end*/
/*Billing form style start*/
.kkart-billing-fields-holder{
padding-bottom: 10px;	
}

.kkart-billing-fields-holder input,
.kkart-billing-fields-holder textarea,
.kkart-billing-fields-holder select{
width: 100%;
outline: none;
padding: 5px;
}

.kkart-address-holder{
margin-top:10px;
margin-bottom: 10px;
}

.kkart-address-holder .kkart-address-details{
background-color: #FFF;
color:black;	
padding:10px;
border-radius:6px;
box-shadow: 2px 10px 25px 0px #00000011;
}

.kkart-address-holder .kkart-address-details:hover{
box-shadow: 0 0 7px 0 #ccc;
}

.kkart-address-holder .kkart-billing-detail{
margin-bottom:15px;
}

.kkart-address-holder button{
padding: 7px 5px;
cursor: pointer;
}

.kkart-address-holder button:active{
transform: translateY(2px);
}

.kkart-checkout-tab-holder .checkout-tabs-proceed{
background-color:black;
color: white;
border-radius: 2px;
}

.kkart-address-holder .kkart-address-form-headding,
.kkart-address-holder .kkart-shipping-to{
padding:15px 0;
display:block;
}

.kkart-addresses-holder{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-bottom: 20px;
}

.kkart-address-headding-holder{
position:relative;
padding:10px 0;
}

.kkart-address-details .kkart-billing-here{
padding: 8px 10px 8px 10px !important;
color: #fff;
background-color: #0986c0;
border: none;
font-size: 12px !important;
text-transform: uppercase;
}

.kkart-address-details .kkart-billing-edit{
padding: 8px 10px 8px 10px !important;
color: #fff;
background-color: #222;
border: none;
font-size: 12px !important;
text-transform: uppercase;
}

.kkart-address-details .kkart-billing-delete{
padding: 8px 10px 8px 10px !important;
color: #fff;
background-color: #e40017;
border: none;
font-size: 12px !important;
text-transform: uppercase;
}

.kkart-address-holder.kkart-address-done .kkart-address-form-container{
display:none;
transition: all 0.5s ease;
}

.kkart-address-holder[data-form-type="shipping"] .kkart-addresses-container{
display:none;
}

.kkart-address-holder .kkart-active-address-details{
background-color:#ffe9e2;
}

.kkart-address-holder .kkart-active-address-details .kkart-billing-detail *{
color:#ffffff;
}
/*Billing form style end*/

/*payment method*/
.kkart-checkout-tab-holder .payment_method{
color:black;
padding:20px 20px;
background-color:#f0f1f1ff;
margin-bottom:1px;
}

.payment_method .payment_method_description{
font-size:.9em;
margin:5px 0 0 22px;
display:none;
}

.payment_method span input{
margin-right: 10px;
}

/* Order Received start*/
.kkart-order-details-holder table,
.kkart-order-pay-holder table{
width:100%;
text-align:left;
}

.kkart-order-details-holder table td,
.kkart-order-details-holder table th,
.kkart-order-pay-holder table td,
.kkart-order-pay-holder table th{
padding:5px;
}
/* Order Received end*/

/* Order pay start*/
.kkart-order-pay-holder .kkart-form-login label{
display: block;
}

.kkart-order-pay-holder .payment_method_paypal img{
width: 200px;
}

/* Order pay end*/

/* KKart checkout proceed button style start*/
.kkart-checkout-proceed,
.kkart-buy-now{
border-radius: 5px;
display: inline-flex;
line-height: 1em;
transition: all 0.3s;
cursor: pointer;
box-sizing: border-box;
}

.kkart-checkout-proceed.kkart-checkout-icon-left,
.kkart-buy-now.kkart-buy-now-icon-left{
flex-direction: row-reverse;
}

/* KKart checkout proceed button style end*/

nav.kkart-pagination ul{
border: none !important; 
}

nav.kkart-pagination ul li{
border: none !important;
}

nav.kkart-pagination ul li a:focus,nav.kkart-pagination ul li a:hover, .kkart-porduct-archives nav.kkart-pagination ul li span.current{
background: none !important;
color: #000 !important;
}

.kkart-price-block{
display:flex;
justify-content:space-between;
padding: 10px;
gap: 50px;
}

.kkart-variable-product-dropdown select{
width:200px !important;
}

.kkart-variable-product-checkbox{
box-sizing: border-box;
}

.kkart-variable-product-checkbox input[type="radio"]:not(:checked), 
.kkart-variable-product-checkbox input[type="radio"]:checked {
position: absolute;
left: -9999%;
}

.kkart-variable-product-checkbox input[type="radio"] + label {
display: inline-block;
padding: 5px;
cursor: pointer;
width:70px;
text-align:center;
border: 2px solid #e3e3e3;
color: black;
background-color: white;
margin: 7px 2px 0 0;
border-radius:2px;
}

.kkart-variable-product-checkbox input[type="radio"]:checked + label {
border: 2px solid #0986c0;
color: black;
content: "✓";
transform: scale(1);
}

.pagelayer-kkart_cart_price_holder{
display: flex;
flex-direction: column;
}

.pagelayer-kkart_cart_price_holder .kkart-cart-checkout-button{
display:inline-block;
text-align:center !important;
width: 100%;
background-color: #000000;
color: #ffffff;
padding:10px;
margin:10px 0;
}

.kkart-checkout-tab-header-text{
display:block;
font-weight:bold;
padding: 2px 0 2px 3px;
}

.kkart-payment-method{
color:black; 
padding:10px 20px;
background-color:#f0f1f1ff;
margin-bottom:1px;
}

.kkart-payment-method-header{
display:flex;
justify-content: space-between;
margin-right:5px;
}

.kkart_payment_icon {
display: inline-flex;
flex-direction: row;
align-content: center;
justify-content:flex-end;
margin-left: 1em;
}

.kkart_payment_icon > img {
max-height: 25px;
max-width: 100px;
height:auto;
}

.kkart-payment-method-desc{
font-size:.9em;
margin:5px 0 0 22px;
display:none;	
}

ul.kkart-shipping-methods {
list-style: none;
}

/* Buy now align style */
.pagelayer-kkart_add_to_cart + .pagelayer-kkart_buy_now{
display:flex;
align-items: flex-end;
}

.pagelayer-kkart_add_to_cart + .pagelayer-kkart_buy_now .kkart-buy-now-holder{
line-height: normal;
}

.kkart .variations {
padding-bottom: 10px;
}

.kkart  .variations td,
.kkart  .kkart-grouped-product-list .kkart-Price-amount{
padding-right: 10px;
}

.kkart .variations select{
margin-right: 10px;
}

.kkart .single_variation_wrap .kkart-variation > div,
.kkart .kkart-grouped-product-list{
margin-bottom: 10px;
}

.kkart .kkart-grouped-product-list tr td{
padding-right: 10px;
padding-bottom: 15px;
}

.kkart .kkart-grouped-product-list tr td:first-child{
text-align: center;
}

.kkart_cart_price_holder #billing_first_name_field, 
.kkart_cart_price_holder #billing_last_name_field,
.kkart_cart_price_holder #billing_company_field,
.kkart_cart_price_holder #billing_country_field,
.kkart_cart_price_holder #billing_city_field,
.kkart_cart_price_holder #billing_state_field,
.kkart_cart_price_holder #billing_postcode_field,
.kkart_cart_price_holder #billing_phone_field{
display: inline-block;
width: 49%;
}

.kkart_cart_price_holder #billing_first_name_field,
.kkart_cart_price_holder #billing_company_field,
.kkart_cart_price_holder #billing_city_field,
.kkart_cart_price_holder #billing_postcode_field{
margin-right: 10px;
}

.kkart_cart_price_holder #billing_address_1_field,
.kkart_cart_price_holder #billing_address_2_field,
.kkart_cart_price_holder #billing_email_field{
max-width: 100%;
}

.kkart-cart-modal .shipping-headding{
padding: 10px 20px;
border-bottom: 1px solid #8080807a;
position: sticky;
top: 0;
background-color: white;
}

.kkart-cart-modal .kkart-address-form-holder{
padding: 15px 30px;
}

.kkart-cart-modal  .kkart-address-btn-holder{
padding: 0px 20px 15px 30px;
}

.kkart-cart-modal .kkart-address-form-headding{
padding: 0px;
}

.kkart-cart-modal-wrapper{
display: none;	
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
z-index: 999;
}

.kkart-cart-modal-wrapper.kkart-show{
display: flex;
align-items: center;
justify-content: center;
}

.kkart-cart-modal{
background-color: white;
z-index: 1000;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 90%;
max-height: 85%;
overflow: auto;
max-width: 850px;
border-radius: 4px;
}

.kkart-cart-modal .kkart-addresses-holder{
padding: 20px;
overflow-y: auto;
}

.shipping-headding .kkart-close-address{
cursor: pointer;
float: right;
}

.shipping-headding h3{
font-size: 18px !important;
display: inline-block;
margin: 0px !important;
}

.kkart-address-form-adder{
margin-left: 8px;
font-size: 12px;
padding: 5px 8px;
background-color: rgba(135, 206, 250, 0.50);
color: grey;
border-radius: 5px;
cursor: pointer;
}

.kkart-cart-modal .kkart-address-selection {
display: none;
}

.kkart-cart-modal .kkart-address-form-headding{
display: none;
}

.kkart-cart-modal .kkart-address-holder {
margin-top: 0px;
}

.kkart-cart-modal .kkart-address-form-container{
max-height: 450px;
overflow-y: auto;
}

.empty-field{
border-style: solid;
border-color:#dc3545;
border-radius: 2px;
}

.empty-field:focus{
outline: none;
box-shadow: 0 0 0 0.3px #dc3545;
}

.validate-required abbr{
text-decoration: none !important;
color: #dc3545;
}