body .woocommerce {

    font-size: 14px;

}

.cclw_opc_main label, .cclw_opc_main span, .cclw_opc_main p, .cclw_opc_main textarea, .cclw_opc_main input, .cclw_opc_main select {

	margin-bottom: 0px;

} 



.woocommerce-notices-wrapper {

    clear: both;

}

#customer_address_details, #cclw_additional_fields, #cclw_order_details_table, #cclw_payment_section

{

	padding:10px;

}





.woocommerce-checkout .border_html

{

    width: 100%;

    height: auto;

    line-height: 21px;

    text-align: left;

    padding: 10px ;

    background-color: var(--main-bg-color);

    margin-bottom: 12px !important;

    margin-top: 0px !important;

	text-transform: uppercase;

    display: inline-block;

    color: var(--main-bor-text-color);

    font-size: 18px !important;

    font-weight: 500;	

	box-sizing: border-box;

	

}

.woocommerce-checkout .woocommerce a{

	/* color: #1e85be; */

    font-weight: bolder;

}

.woocommerce-checkout .woocommerce a:hover{

    color: #1e85be;

    text-decoration: underline;

}



.cclw_opc_main input#createaccount {

    height: auto;

}



.woocommerce-checkout-review-order .woocommerce-info:before {

    color: #1e85be;

    position: unset !important;



}

.woocommerce  ul.woocommerce-error {

    border-top-color: var(--main-bor-color) !important;

}

.woocommerce .woocommerce-error:before {

    color: #1e85be;

}



/*Billing details*/

#customer_address_details  p.form-row {

   	padding: 0 0 10px;

    margin: 0px;

}

#customer_address_details label {

    line-height: 1.5;

}



#customer_address_details span.woocommerce-input-wrapper {

    width: 100%;

}



#customer_address_details input.input-text {

	min-height: 30px;

    height: 35px;

    font-size: 14px;

    margin-bottom: 0px;

}





#customer_address_details span.select2-selection {

    border-radius: 0px;

    border: 1px solid #eee;

    height: 35px;

    font-size: 14px;

    padding: 0px 10px ;

    line-height: 30px;

}

 #customer_address_details .select2-selection__rendered

{

	    line-height: 35px;

		padding: 0px;

}

#customer_address_details .select2-selection__arrow {

    height: 35px;

 

}

#customer_address_details p#order_comments_field label {

    border-bottom: 3px solid;

    margin-bottom: 10px;

    font-size: 20px !important;

}

#customer_address_details h3#ship-to-different-address {

margin:0px;

}

#customer_address_details input#ship-to-different-address-checkbox {

    position: relative;

    margin: 0px;

}

/*Billing section design ends here*/





/*login form*/

#onestepcheckout-login-table .login_popup {

    width: 80%;

    display: inline-block;

    float: left

}

#onestepcheckout-login-table .login_popup>.input-box {

    width: 50%;

    float: left;

    padding-right: 20px

}

#onestepcheckout-login-table .input-box.input-button {

    width: 20%;

    margin: 0;

    float: left

}

/*Review order section*/

/*table design style 1*/

#cclw_order_details_table .cclw_order_review_table table {

    width: 100%;

	display: inline-table;

	margin-top: 0px;

	margin-bottom: 0px;

	border-collapse: collapse;

	border: none !important;

}

#cclw_order_details_table .cclw_order_review_table table thead {

    background: var(--main-bg-color);

    color: var(--main-bor-text-color);

}



#cclw_order_details_table .cclw_order_review_table table th

{

    border: none !important;

    border-bottom: 1px solid #CCC;

    text-align: center;

	padding: 10px !important;

	font-size: 14px;

	margin:0px;

	background: #d7d7d9 !important;

    color: #000000;

}

#cclw_order_details_table .cclw_order_review_table table tr, #cclw_order_details_table .cclw_order_review_table table td

{

     border: none  !important;

	 height: auto !important;



}

#cclw_order_details_table .cclw_order_review_table table.cclw-style-1 th

{

    width:25%;

}



#cclw_order_details_table .cclw_order_review_table  table.cclw-style-1 td {

  	vertical-align: top;

	width: 25%;

	text-align: center;

	padding: 0px;

	padding-top: 10px;

}



/*table design style default*/





#cclw_order_details_table .cclw_order_review_table table.cclw-style-default th.product-name

{

     text-align: left;

}

#cclw_order_details_table .cclw_order_review_table table.cclw-style-default th.product-total

{

	 text-align: right;

	 

}

#cclw_order_details_table .cclw_order_review_table table.cclw-style-default td {

    border: none;

	vertical-align: top;

	padding: 10px;

}

#cclw_order_details_table .cclw_order_review_table table.cclw-style-default td.product-name

{

    text-align: left;

}

#cclw_order_details_table .cclw_order_review_table table.cclw-style-default td.product-total

{

    text-align: right;

}



/*rest table design*/

#cclw_order_details_table .cclw_order_review_table .removepro .cclw_remove {

  

/* 	color: red !important; */

    text-decoration: none !important;

    font-size: 20px;

    font-weight: 700;

	height: unset;

    width: unset;

    line-height: unset;

  

}

#cclw_order_details_table .cclw_order_review_table .removepro .cclw_remove::before {

    content: none;

}

#cclw_order_details_table .cclw_order_review_table .removepro .cclw_remove:hover {

  

   color: red;

   background:none;

}

#cclw_order_details_table .cclw_order_review_table #qty1 {

    width: 25px;

    text-align: center;

    padding: 0px !important;

	margin: 0px auto;

	display: inline-block;

	height: 30px;

	min-height: 30px !important;

	border: 1px solid;

	border-radius: unset;



}

/*qty */

#cclw_order_details_table .cclw_order_review_table  .cclwminus, #cclw_order_details_table .cclw_order_review_table  button.cclwplus {

    padding: 0px 10px;

	margin: 0px auto;

    background: var(--main-button-color);

    color: var(--main-buttontext-color);

	line-height: 30px !important;

	border-radius: unset;

	border: none !important;

	font-weight: bolder;

	

}

#cclw_order_details_table .cclw_order_review_table  .cclwminus:hover, #cclw_order_details_table .cclw_order_review_table  button.cclwplus:hover {

	 background: var(--main-buttonhover-color) ;

    color: var(--main-buttonhovertext-color) ;

}



#cclw_order_details_table .cclw_order_review_table .wrapper_qty {

  	display: inline-flex;

}



#cclw_order_details_table .cclw_order_review_table input::-webkit-outer-spin-button,

#cclw_order_details_table .cclw_order_review_table input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



#cclw_order_details_table .cclw_order_review_table td.name.more_details {

	width: 100%;

    border-bottom: 1px solid #CCC;

	text-align: left;

    padding: 10px 25px;

}

#cclw_order_details_table .cclw_order_review_table .more_details_slide dt {

    width: auto;

    float: left;

}

#cclw_order_details_table .cclw_order_review_table .more_details_slide dd{

   margin: 5px 0px;

}

#cclw_order_details_table .cclw_order_review_table .more_details_slide dd p {

    margin-bottom: 0px !important;

    line-height: unset;

}

#cclw_order_details_table .cclw_order_review_table td.thumb img {

    display: unset;

}





#cclw_order_details_table .cclw_order_review_table .price>.amount {

    font-size: 14px;

	color: #945959;

}





#cclw_order_details_table .cclw_order_review_table .cclw_cart_totals {

	width: 100%;

	border: none;

	background: none;

    border: none;

	padding: 0px;



}

#cclw_order_details_table .cclw_order_review_table .cclw_cart_totals div {

  padding: 10px;

}



#cclw_order_details_table .cclw_order_review_table .cclw_cart_totals  p.left-corner {

	    margin: 0px;

        display: inline-block;

	    width: auto;

		font-weight: 700;

} 

#cclw_order_details_table .cclw_order_review_table .cclw_cart_totals  span.right-corner {

        float: right;

	}

	



.woocommerce ul#shipping_method {

    list-style: none outside;

    margin-left: 15px;

    padding: 0;

	text-align: right;

}

.shipping-total {

    display: flow-root;

}



/*review order finished here*/



/*payment section starts here*/

#cclw_payment_section #payment ul.payment_methods {

    text-align: left;

    border-bottom: 1px solid #d3ced2;

    margin: 0;

    list-style: none outside;

}

#cclw_payment_section #payment ul.payment_methods li {

    display: inline-block;

    width: 100%;

	margin-bottom: 0px;

    padding: 10px;

}

#cclw_payment_section #payment ul.payment_methods li .payment_box {

    clear: both;

    padding: 20px;

    margin: 0px;

}

ul.payment_methods li .payment_box p {

    padding: 0px;

    margin: 0px;

}

#cclw_payment_section #payment ul.payment_methods li label img {

    float: right;

    border: 0;

    padding: 0;

    max-height: 1.618em;

}						

#cclw_payment_section #payment ul.payment_methods li img.stripe-icon {

    max-width: 40px;

    padding-left: 3px;

    margin: 0;

}

#cclw_payment_section div#stripe-payment-data fieldset#wc-stripe-cc-form {

    padding: 0px;

}



#cclw_payment_section .form-row.place-order {

    padding: 20px;

}

#cclw_payment_section #place_order{

    background: var(--main-button-color) ;

    color: var(--main-buttontext-color) ;

	padding: 15px 40px;

	font-size: 16px;

	width: fit-content;

}

#cclw_payment_section #place_order:hover{

    background: var(--main-buttonhover-color) ;

    color: var(--main-buttonhovertext-color) ;

}

/*Payment section ends here*/





/* Firefox */

td.cclw_qty input[type=number] {

  -moz-appearance:textfield;

}



/*layout based design */

/*three column layout css*/

.checkout-three-column-layout {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-auto-rows: minmax(100px, auto);

}

.grid-col-2.grid-col-checkout {

    height: fit-content;

    background: #f3f3f3;

}

.woocommerce-checkout .grid-col-1, .grid-col-3 {

    padding: 0px 10px;

}



/*two column layout css*/

.checkout-two-column-layout{

	width:100%;

}

.checkout-two-column-layout .two-column-layout-left {

    width: 65%;

    float: left;

	box-sizing: border-box;

}

.checkout-two-column-layout .two-column-layout-right {

    width: 35%;

    float: left;

	box-sizing: border-box;

	background: #ebebeb;

}

/*cart+checkout*/

.checkout-cart-checkout-layout

{

	width:100%;

}

.checkout-cart-checkout-layout .two-column-layout-left, .checkout-cart-checkout-layout .two-column-layout-right {

    width: 50%;

    float: left;

  	box-sizing: border-box;

}





@media screen and (max-width: 768px)

{

	.checkout-three-column-layout {

		display: grid;

		grid-template-columns: repeat(2,1fr);

	

		grid-auto-rows: minmax(100px,auto);

	}

	/*two column layout*/

	.checkout-two-column-layout .two-column-layout-left {

		width: 50%;



	}

	.checkout-two-column-layout .two-column-layout-right {

		width: 50%;

	}

	





}

@media screen and (max-width: 426px)

{

	.checkout-three-column-layout {

		display: grid;

		grid-template-columns: repeat(1,1fr);

	

		grid-auto-rows: minmax(100px,auto);

	}

	.woocommerce-checkout .grid-col-1, .grid-col-3 {

     padding: 0px; 

    }



	#onestepcheckout-login-table .login_popup {

		width: 100%;

		display: unset;

		float: none;

	}

	#onestepcheckout-login-table .login_popup>.input-box {

		width: 100%;

		/* float: left; */

		 padding-right: 0px; 

	}

	#onestepcheckout-login-table .input-box.input-button {

		width: auto;

		margin: 10px 0px;

		/* float: left; */

	}

	

	/*two column layouts*/

	.checkout-two-column-layout .two-column-layout-left {

		width: 100%;

		display:block;

		padding: 0px;



	}

	.checkout-two-column-layout .two-column-layout-right {

		width: 100%;

	}

	.checkout-cart-checkout-layout .two-column-layout-left, .checkout-cart-checkout-layout .two-column-layout-right {

    width: 100%;

	padding:0px;

 	box-sizing: border-box;

   }

   

   /*Coupon styling*/

   .cclw_dialog_wrraper {

    width: 300px !important;

    }

	div#cclw_coupon_box {

    padding: 10px;

    }

}