/home/smartbloks/public_html/help.smartbloks.ai/wp-content/themes/docly/assets/css/checkout.css
.woocommerce form .form-row.form-row-wide, span.woocommerce-input-wrapper {
width: 100%
}
.checkout_area .woocommerce .checkout .checkout_content input {
width: 100%;
margin-bottom: 30px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
line-height: 60px
}
.woocommerce form .form-row {
float: left;
padding-right: 15px;
margin-bottom: 0;
padding-bottom: 0
}
.select2-container--default .select2-selection--single {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: 0;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
width: 100%;
border-radius: 0;
border: 0;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
font: 400 14px/60px "Roboto", sans-serif;
background: #fff;
height: 60px;
color: #9ca3b9;
padding-left: 30px;
margin-bottom: 30px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 60px
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%)
}
p#order_comments_field {
width: 100%
}
.woocommerce form .form-row textarea {
height: 170px
}
.woocommerce-additional-fields h3 {
display: none
}
.woocommerce .woocommerce-checkout-review-order table.shop_table {
width: 100%;
margin-bottom: 30px;
border: 0
}
.woocommerce-checkout-review-order .shop_table tbody tr td {
border: 0;
padding: 0
}
.woocommerce-checkout-review-order .shop_table tfoot tr td {
font: 400 15px/30px "Roboto", sans-serif;
color: #677294;
padding: 0;
line-height: 56px
}
tr.cart-subtotal.recurring-total td {
display: flex;
place-content: flex-end;
}
tr.order-total.recurring-total td strong {
float: left;
}
.woocommerce-checkout-review-order .shop_table tfoot tr td span.woocommerce-Price-amount.amount {
float: right
}
.woocommerce-checkout-review-order .shop_table tfoot tr td.total {
color: var(--brand_color);
font-size: 20px
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-bottom: 0
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
display: none
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment, #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background: transparent;
margin: 0;
padding: 0
}
.woocommerce-checkout #payment div.payment_box p {
font-size: 15px;
line-height: 26px;
color: #677294;
font-weight: 400;
font-family: "Roboto", sans-serif
}
.woocommerce-checkout #payment li.wc_payment_method div.payment_box p {
font-size: 15px;
line-height: 26px;
color: #677294;
font-weight: 300;
font-family: "Roboto", sans-serif;
margin-bottom: 25px;
padding-left: 30px
}
.woocommerce-checkout #payment li.wc_payment_method:last-child div.payment_box p {
margin-bottom: 0
}
.form-row.place-order {
padding: 0
}
.woocommerce-checkout-review-order .condition p {
margin-bottom: 0
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: 100%;
background: var(--brand_color);
border: 1px solid var(--brand_color);
font: 500 16px/50px "Roboto", sans-serif;
color: #fff;
cursor: pointer;
margin-top: 25px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
padding: 0;
float: none
}
.woocommerce-page #payment #place_order:hover {
background: transparent;
color: var(--brand_color)
}
.woocommerce-checkout-review-order .shop_table tbody tr td strong.product-quantity {
font-weight: 500
}
.return_customer {
font: 400 15px/25px "Roboto", sans-serif;
color: #3d3f45;
padding-bottom: 20px
}
.return_customer i {
color: var(--brand_color);
padding-right: 8px;
font-size: 14px
}
.return_customer a {
color: var(--brand_color);
font-weight: 300
}
.return_customer a.collapsed {
color: #9ca3b9
}
.checkout_content {
margin-bottom: -22px
}
.checkout_content .checkout_title {
margin-top: 63px;
color: #282835
}
.checkout_content input {
-webkit-box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
box-shadow: 0 2px 4px 0 rgba(12, 0, 46, 0.04);
background: #fff;
padding: 0 30px;
font: 300 14px/60px "Roboto", sans-serif;
color: #969ca5;
border: 1px solid transparent;
border-radius: 4px;
width: 100%;
margin-bottom: 30px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.checkout_content input.placeholder {
color: #9ca3b9
}
.checkout_content input:-moz-placeholder {
color: #9ca3b9
}
.checkout_content input::-moz-placeholder {
color: #9ca3b9
}
.checkout_content input::-webkit-input-placeholder {
color: #9ca3b9
}
.checkout_content input:focus {
-webkit-box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
box-shadow: 0 10px 14px 0 rgba(12, 0, 46, 0.06);
border-color: #f2effc;
outline: 0
}
.checkout_content label {
font: 600 16px/50px "Roboto", sans-serif;
display: block;
color: #282835;
margin-bottom: 15px
}
.checkout_content label .required {
font-size: 16px;
color: #ff2525;
text-decoration: none
}
.checkout_content .selectpickers {
width: 100%;
border-radius: 0;
border: 0;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
font: 300 14px/60px "Roboto", sans-serif;
background: #fff;
height: 60px;
color: #9ca3b9;
padding-left: 30px;
margin-bottom: 30px
}
.checkout_content .selectpickers:after {
right: 30px
}
.checkout_content .selectpickers ul {
width: 100%
}
.checkout_content input[type="checkbox"] {
position: relative;
top: 2px;
width: auto;
-webkit-box-shadow: none;
box-shadow: none
}
.checkout_content input[type="checkbox"]:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #9ca3b9;
top: 0;
left: 0;
border-radius: 2px;
background-color: #fbfbfb
}
.checkout_content input[type="checkbox"]:checked:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 49%;
left: 49%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9ca3b9
}
.checkout_content .l_text {
display: inline-block;
font: 300 15px/26px "Roboto", sans-serif;
color: #9ca3b9;
padding-left: 8px
}
.checkout_content textarea {
width: 100%;
border: 0;
border-radius: 0;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
box-shadow: 0 2px 3px 0 rgba(0, 11, 40, 0.06);
height: 170px;
font: 300 14px/20px "Roboto", sans-serif;
color: #b6b9be;
padding-left: 30px;
padding-top: 20px;
margin-bottom: 30px
}
.checkout_content textarea.placeholder {
color: #9ca3b9
}
.checkout_content textarea:-moz-placeholder {
color: #9ca3b9
}
.checkout_content textarea::-moz-placeholder {
color: #9ca3b9
}
.checkout_content textarea::-webkit-input-placeholder {
color: #9ca3b9
}
.checkout_content textarea:focus {
outline: 0
}
.checkout_content .tab_content p {
font-family: "Roboto", sans-serif;
font-size: 15px;
margin-bottom: 0;
padding: 0 0 25px
}
.checkout_content .tab_content .login_button {
overflow: hidden;
margin-bottom: 25px
}
.checkout_content .tab_content .login_button label {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.checkout_content .tab_content .login_button label input {
margin-bottom: 0
}
.checkout_content .tab_content .login_btn {
float: right;
font: 400 16px/48px "Roboto", sans-serif;
background: var(--brand_color);
border: 1px solid var(--brand_color);
color: #fff;
border-radius: 4px;
padding: 0 38px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.checkout_content .tab_content .login_btn:hover {
background: transparent;
color: var(--brand_color)
}
.checkout_content .tab_content .coupon_form {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.checkout_content .tab_content .coupon_form input {
max-width: 370px;
margin-bottom: 0;
height: 60px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 50%;
}
.checkout_content .tab_content .coupon_form .login_btn {
line-height: 60px;
margin-left: 20px
}
.cart_total_box {
margin-left: 50px;
background: #fff;
-webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
padding: 50px
}
.cart_total_box .checkout_title {
border-bottom: 2px solid #e7e7f6;
padding-bottom: 10px;
color: #282835
}
.woocommerce-checkout-review-order .shop_table {
width: 100%;
margin-bottom: 30px
}
.woocommerce-checkout-review-order .shop_table tbody tr td {
font: 400 15px/30px "Roboto", sans-serif;
color: #677294
}
.woocommerce-checkout-review-order .shop_table tbody tr td.price {
color: #282835
}
.woocommerce-checkout-review-order .shop_table tbody tr td.total {
color: var(--brand_color);
font-size: 20px
}
.woocommerce-checkout-review-order .shop_table tbody tr td + td {
text-align: right
}
.woocommerce-checkout-review-order .shop_table tbody tr.subtotal {
border-top: 1px solid #dfe2f1
}
.woocommerce-checkout-review-order .shop_table tbody tr.subtotal td {
line-height: 56px;
padding-bottom: 0
}
.woocommerce-checkout-review-order h6 {
font-size: 15px;
color: #282835;
font-family: "Roboto", sans-serif;
font-weight: 400;
margin: 0;
line-height: 30px;
margin-bottom: 6px
}
.woocommerce-checkout-review-order .note {
font-size: 15px;
line-height: 26px;
color: #677294;
font-weight: 300;
font-family: "Roboto", sans-serif;
margin-bottom: 25px
}
.woocommerce-checkout-review-order ul li.payment {
padding-left: 25px;
position: relative
}
.woocommerce-checkout-review-order ul li.payment .radio-btn {
position: absolute;
left: 0
}
.woocommerce-checkout-review-order ul li.payment span {
float: none;
font-size: 12px;
color: #ff5f6d;
padding-top: 15px;
display: block
}
.woocommerce-checkout-review-order ul li input[type="checkbox"] {
position: relative;
border: 0;
visibility: hidden;
display: none
}
.woocommerce-checkout-review-order ul li input[type="checkbox"]:checked + label:after {
opacity: 1
}
.woocommerce-checkout-review-order ul li input[type="checkbox"]:checked + label:before {
border-color: var(--brand_color)
}
.woocommerce-checkout-review-order ul li .radio-btn {
line-height: 20px
}
.woocommerce-checkout-review-order ul li .radio-btn label {
color: #8f8f8f;
font-size: 14px;
font-weight: 400;
position: relative;
padding-left: 20px
}
.woocommerce-checkout-review-order ul li .radio-btn label:before {
content: "";
display: block;
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #9ca3b9;
top: 1px;
left: 0;
border-radius: 50%
}
.woocommerce-checkout-review-order ul li .radio-btn label:after {
content: "";
display: block;
width: 6px;
height: 6px;
position: absolute;
top: 4px;
left: 3px;
border-radius: 50%;
background: var(--brand_color);
opacity: 0
}
.woocommerce-checkout-review-order .condition {
border-top: 1px solid #dfe2f1;
padding-top: 25px;
margin-top: 40px
}
.woocommerce-checkout-review-order .condition p {
font-size: 15px;
font-weight: 300
}
.woocommerce-checkout-review-order .condition input[type="checkbox"] {
position: relative;
border: 0;
visibility: hidden;
display: none
}
.woocommerce-checkout-review-order .condition input[type="checkbox"]:checked + label:after {
opacity: 1
}
.woocommerce-checkout-review-order .condition input[type="checkbox"]:checked + label:before {
border-color: var(--brand_color)
}
.woocommerce-checkout-review-order .condition .l_text {
position: relative;
padding-left: 25px;
font-size: 16px;
line-height: 26px;
font-family: "Roboto", sans-serif;
color: #282835
}
.woocommerce-checkout-review-order .condition .l_text span {
color: #ff1e1e
}
.woocommerce-checkout-review-order .condition .l_text:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #878a8e;
top: 8px;
left: 0;
border-radius: 2px;
background-color: white
}
.woocommerce-checkout-review-order .condition .l_text:after {
content: "";
display: block;
width: 5px;
height: 7px;
border: solid var(--brand_color);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 8px;
left: 3px;
opacity: 0
}
.woocommerce-checkout-review-order .button {
width: 100%;
background: var(--brand_color);
border: 1px solid var(--brand_color);
font: 500 16px/50px "Roboto", sans-serif;
color: #fff;
cursor: pointer;
margin-top: 25px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear
}
.woocommerce-checkout-review-order .button:hover {
background: transparent;
color: var(--brand_color)
}
span.woocommerce-terms-and-conditions-checkbox-text {
padding-left: 25px;
font-size: 16px;
line-height: 26px;
font-family: "Roboto", sans-serif;
color: #282835;
position: relative
}
span.woocommerce-terms-and-conditions-checkbox-text:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #878a8e;
top: 8px;
left: 0;
border-radius: 2px;
background-color: white
}
span.woocommerce-terms-and-conditions-checkbox-text:after {
content: "";
display: block;
width: 5px;
height: 7px;
border: solid var(--brand_color);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 8px;
left: 3px;
opacity: 0
}
.woocommerce-checkout-review-order .condition input[type="checkbox"]:checked + span.woocommerce-terms-and-conditions-checkbox-text:after {
opacity: 1
}
.woocommerce-checkout-payment .form-row.place-order {
float: none
}
.woocommerce-checkout-review-order .condition .woocommerce-privacy-policy-text p {
margin-bottom: 1em
}
h2.woocommerce-column__title, h2.woocommerce-order-details__title {
font: 600 24px "Roboto", sans-serif;
color: #282835;
margin-bottom: 20px
}
.woocommerce ul.order_details {
margin-bottom: 30px;
padding: 0
}
.woocommerce table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 600
}
.woocommerce table.woocommerce-checkout-review-order-table.shop_table th {
padding-left: 0;
padding-right: 0 !important
}
.woocommerce table.woocommerce-checkout-review-order-table th.product-total {
text-align: right
}
.woocommerce table.woocommerce-checkout-review-order-table.shop_table thead th {
border-top: 0
}
.woocommerce-checkout #payment ul.payment_methods label {
font-size: 15px;
color: #282835;
font-family: "Roboto", sans-serif;
font-weight: 400;
margin: 0;
line-height: 30px;
margin-bottom: 6px
}
.woocommerce form .form-row.hidden {
display: none
}