/**
 * Apptha
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.apptha.com/LICENSE.txt
 *
 * ==============================================================
 *                 MAGENTO EDITION USAGE NOTICE
 * ==============================================================
 * This package designed for Magento COMMUNITY edition
 * Apptha does not guarantee correct work of this extension
 * on any other Magento edition except Magento COMMUNITY edition.
 * Apptha does not provide extension support in case of
 * incorrect edition usage.
 * ==============================================================
 *
 * @category    Apptha
 * @package     Apptha_Onestepcheckout
 * @version     0.1.9
 * @author      Apptha Team <developers@contus.in>
 * @copyright   Copyright (c) 2014 Apptha. (http://www.apptha.com)
 * @license     http://www.apptha.com/LICENSE.txt
 *
 * */


.clear {
    clear: both;
    height: 0px;
    font-size: 0px
}

.clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0px;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

li.clearfix {
    display: list-item
}

.logo-onepage {
    background: transparent url(images/onestepcheckout.png) no-repeat scroll 100% 0%;
    width: 528px;
    height: 48px;
    margin: 0px auto;
}

.onepage .page-title {
    text-align: center;
    text-transform: uppercase;
    color: white;
    background: black;
    border-radius: 5px;
    margin: 0 -30px;
    z-index: 1;
    position: relative;
}

.onepage>li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.onepage>li:not(:last-child) {
    background: #ececec;
}

.onepage>li>ul {
    padding: 0;
    margin: 0 30px;
}

.onepage li {
    list-style: none;
    float: left;
    width: 100%;
}

.onepage .form-list {
    width: 100%;
    padding: 0px;
    display: flex;
}

.onepage .form-list li {
    width: initial;
    display: flex;
    margin-right: 5px;
}

.guest-reg {
    padding: 0 0 5px 3px;
    display: block;
    font-weight: bold;
}

.billing-bg {
    width: 31px;
    height: 41px;
    background: transparent url(images/1.png) no-repeat scroll 100% 0%;
    display: block;
    float: left;
    margin-right: 5px;
}

.shipping-method-bg {
    width: 31px;
    height: 41px;
    background: transparent url(images/2.png) no-repeat scroll 100% 0%;
    display: block;
    float: left;
    margin-right: 5px;
}

.payment-bg {
    width: 31px;
    height: 41px;
    background: transparent url(images/3.png) no-repeat scroll 100% 0%;
    display: block;
    float: left;
    margin-right: 5px;
}

.review-bg {
    width: 31px;
    height: 41px;
    background: transparent url(images/tick-icon.png) no-repeat scroll 100% 0%;
    display: block;
    float: left;
    margin-right: 5px;
}

#ajax-shipping-method {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: -30px;
}

.shipment-methods {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.shipment-methods label {
    font-weight: normal;
}

#checkoutSteps .shipment-methods input[type="radio"]+*::before {
    margin-right: 30px;
}

.shipment-methods .label-price {
    color: #25ae88;
    padding-left: 15px;
}

.shipment-methods .message {
    grid-column: span 2;
    color: #df280a;
}

.ship-address {
    float: left !important;
}

.address-checkbox {
    float: left !important;
    margin-top: 2px;
}

.gift-messages {
    padding-left: 10px;
}

#checkout-payment-method-load {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}

#checkout-payment-method-load>dt {
    display: flex;
    margin-top: 5px;
}

#checkout-payment-method-load>dt>input {
    margin-right: 5px;
}

#checkout-payment-method-load dd {
    display: block !important;
}

/* #checkout-payment-method-load dd div {
    padding: 0 0 0 10px;
} */

#checkout-payment-method-load dd p {
    margin: 0;
}

/* #checkout-payment-method-load dd>ul {
    display: block !important;
} */

#payment_form_dialcom_przelewy {
    display: block !important;
}

#billing-new-address-form {
    margin: 0;
}

#billing-new-address-form .billing-address-container {
    width: 268px;
}

#billing-new-address-form .col-md-6,
#onepage-shipping .col-md-6 {
    padding-left: 0;
}

#billing-new-address-form .col-md-6:nth-child(2),
#onepage-shipping .col-md-6:nth-child(2) {
    padding-right: 0;
}

#billing-new-address-form input,
#onepage-shipping input {
    margin-top: 0;
    margin-bottom: 15px;
}

#shipping\:same_as_billing_hide {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#shipping\:same_as_billing_hide>input {
    margin-bottom: 0;
    margin-right: 5px;
}

#shipping\:same_as_billing_hide>label {
    margin: 0;
}

.col-1 {
    border-bottom: 1px solid white;
    margin: 0px 0 5px 0;
    padding: 5px 0 5px 0;
}

.col-1>ul>li:last-child {
    margin-left: auto;
    color: #d9042b;
}

.col-1 .control {
    float: left;
    text-transform: uppercase;
    padding: 0 10px 0 0;
}

.col-1 .control label {
    padding: 0px 0px 0 5px;
    font-weight: normal;
}

#onepage-shipping_method dd {
    font-weight: bold;
    color: #666;
}

.product-total {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#advice-required-entry-ccsave_expiration {
    width: 100px !important;
}

.gift-messages h3 {
    font-size: 13px !important;
    margin-top: 5px;
}

.form-list .input-box {
    width: 100% !important;
}

#checkout-review-load table.onestepcheckout-summary tr th {
    color: #000000;
    border-bottom: 1px solid #d5d5d5;
    text-align: center;
}

#onepage-login {
    padding: 0 0 20px 0;
}

#onepage-billing {
    padding: 0 0 0 0;
}


#onepage-billing .wide .input-box input.input-text {
    width: 220px;
}

.form-list .input-box .imagesn img {
    float: left
}

#onepage-billing .wide .input-box .address-select {
    width: 220px;
}

/* start for i8 design issues fixed*/
.shipping .form-list .shipping-postcode input {
    width: 100% !important;
}

/* end for i8 design issues fixed*/
.sp-methods select.month {
    width: 95% !important;
    padding-right: 5px;
}

@media \0screen\,screen\9 {
    .form-list select {
        max-width: 350px !important
    }
}

#ccsave_expiration .v-fix {
    width: 50% !important;
    margin-right: 0px !important;
}

.sp-methods select.month {
    width: 100% !important;
}


.v-fix select.year {
    margin-right: 0 !important;
}

.v-fix {
    margin-right: 5px;
}

#onepage-shipping {
    padding: 0 0 20px 0;
}

#onepage-shipping .wide .input-box input.input-text {
    width: 220px;
}

#onepage-shipping .wide .input-box .address-select {
    width: 220px;
}

#onepage-shipping .wide label {
    width: 220px;
}

#onepage-shipping>ul {
    flex-direction: column;
}

#onepage-shipping_method {
    padding: 0 0 20px 0;
}

#onepage-payment {
    padding: 0 0 20px 0;
}

#onepage-review {
    padding: 0 0 20px 0;
}

#bg_fade {
    background-color: #555;
    height: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 10000;
}

#bg_fade a {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: default;
}

table.onestepcheckout-summary thead,
table.onestepcheckout-summary tr,
table.onestepcheckout-summary th {
    display: block;
}

table.onestepcheckout-summary th {
    float: left;
}

#onepage-review table.onestepcheckout-summary th.name {
    width: 50%;
}

#onepage-review table.onestepcheckout-summary th.price {
    width: 25%;
}

#onepage-review table.onestepcheckout-summary th.qty {
    width: 15%;
}

#onepage-review table.onestepcheckout-summary th.delete {
    width: 10%;
}

#onepage-review table.onestepcheckout-summary th.name,
th.qty,
th.price,
th.total {
    color: #000000;
    font-size: 14px !important;
}

#onepage-review table.onestepcheckout-summary tr.items td {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

#onepage-review table.onestepcheckout-summary tr.items td {
    width: 75px;
}

#onepage-review table.onestepcheckout-totals tr td {
    width: 90px;
}

#onepage-review table.onestepcheckout-totals tr td {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

#onepage-checkout-shipping-method-additional-load .input-box input {
    width: 176px;
}

#onepage-checkout-shipping-method-additional-load .input-box textarea {
    width: 176px;
}

.agree label {
    padding-left: 5px;
}

.page-title h1 {
    color: #333;
    text-align: left;
    font-size: 22px;
    line-height: 30px;
}

div.loading-ajax {
    height: 50px;
    text-align: center;
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

button.btn-class {
    padding: 10px;
    background-color: #FF5C00;
    float: left;
}

/* login-popup design */
a.close {
    float: right;
}

#gift-form {
    background: #fff;
    padding: 10px;
    border: 2px solid #828282;
    min-height: 160px;
    width: 350px;
    border-radius: 7px;
    height: auto;
}

.clear {
    clear: both;
}

.onestepcheckout-error {
    color: red;
    font-weight: normal;
}

button.login-btn {
    background-color: #66A094;
    padding: 5px;
    border: none;
    font-weight: bold;
    color: #fff;
    border: none;
}

/*.buttons-set{border:none; margin:0px;padding:0px;float:right;}*/
.button-set {
    border: none;
    margin: 0px;
}

/* login-popup design */
.onestepcheckout-summary .total {
    text-align: right !important
}

.onestepcheckout-totals .product-total .value .price {
    float: right !important
}

.grand-total .value .price {
    float: right !important
}

#checkout-review-table td.a-center {
    text-align: center;
}

#checkout-review-table .cart-price .price {
    width: 100%;
    text-align: center;
    display: block;
}

#checkout-review-table tr td .product-name {
    padding-left: 15px;
    padding-right: 5px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}

#checkout-review-table tr td.grandtotal {
    color: #333;
}

caption,
th,
td {
    font-weight: normal;
}

.onestepcheckout-coupons {
    margin: 20px 0 20px 0px;
    padding-bottom: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ededed;
    flex-wrap: wrap;
}

#coupon-notice {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.onestepcheckout-coupons>*:not(button) {
    margin-right: 10px;
}

.onestepcheckout-coupons>label {
    margin-bottom: 0;
}

.onestepcheckout-coupons>label>span {
    color: #d9042b;
}

.onestepcheckout-coupons>input.input-text {
    max-width: 140px;
    margin: 0 10px 0 0;
    border: 2px solid #ededed;
    border-radius: 20px;
}

.onestepcheckout-coupons button.button {
    color: #202020;
    border: none;
    border-radius: 20px;
    background: #ededed;
    text-transform: uppercase;
    padding: 10px 30px;
}

.onestepcheckout-coupons button.button#coupon_remove {
    margin-top: 10px;
}

@media screen and (min-width: 900px) {
    .onestepcheckout-coupons button.button#coupon_remove {
        margin-top: 0;
        margin-left: 10px;
    }
}


/*user name,password same line design*/
.form-list .field {
    margin-right: 0;
    width: 100% !important;
}

.form-list .field select {
    /* width: 102% !important; */
}

/*.form-list .fields.address{width: 254px; }*/
.form-list .fields.address input.input-text {
    margin-bottom: 10px;
}

.fields.shipping_countrey {
    clear: both;
    max-width: 100%;
}

.form-list .dob {
    width: 100% !important;
}

.form-list .dob input {
    width: 50px;
}

.form-list select {
    /* width: 100% !important; */
}

.form-list select {
    padding: 2px 2px;
}

/* First name - Last name */
.onepage .form-list .customer-name .name-firstname {
    float: left;
    margin-right: 6px;
    width: 47% !important;
}

.onepage .form-list .customer-name .name-lastname {
    float: right;
    width: 48% !important;
    margin: 0;
}

.onepage .form-list .customer-name .name-firstname input.input-text {
    width: 100% !important;
}

.onepage .form-list .customer-name .name-lastname input.input-text {
    width: 100% !important;
}

#onepage-payment .v-fix .validation-advice {
    width: 100px !important;
}

/* Prefix - First name - Last name */
.onepage .form-list .customer-name-prefix .name-prefix {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix .name-prefix .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix .name-firstname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix .name-firstname .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix .name-lastname {
    float: left;
    width: 262px !important;
    margin: 0;
    padding-top: 8px
}

.onepage .form-list .customer-name-prefix .name-lastname .input-text {
    width: 255px !important;
}


/* Prefix - First name - Last name - Suffix */
.onepage .form-list .customer-name-prefix-suffix .name-prefix {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-prefix .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-firstname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix-suffix .name-firstname .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-lastname {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-lastname .input-text {
    width: 255px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-lastname {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-suffix .name-lastname .input-text {
    width: 255px !important;
}

/* Prefix - First name - Middle Name - Last name */
.onepage .form-list .customer-name-prefix-middlename .name-prefix {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename .name-prefix .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename .name-firstname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix-middlename .name-firstname .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename .name-middlename {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename .name-middlename .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename .name-lastname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix-middlename .name-lastname .input-text {
    width: 120px !important;
}

/* Prefix - First name - Middle Name - Last name-Suffix */
.onepage .form-list .customer-name-prefix-middlename-suffix .name-prefix {
    float: left;
    margin-right: 8px;
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-prefix .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-firstname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-firstname .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-middlename {
    float: left;
    margin-right: 8px;
    width: 120px !important;
    padding-top: 8px;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-middlename .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-lastname {
    float: left;
    padding-left: 6px;
    width: 120px !important;
    margin: 0;
    padding-top: 8px;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-lastname .input-text {
    width: 120px !important;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-suffix {
    float: left;
    padding-top: 8px;
    width: 262px !important;
    margin: 0;
}

.onepage .form-list .customer-name-prefix-middlename-suffix .name-suffix .input-text {
    width: 255px !important;
}

#register-customer-password {
    padding-right: 5px;
}

#register-customer-password {
    float: left;
    width: 49%;
}

#register-customer-password input.input-text {
    width: 96%;
}

#register-customer-confirmpassword {
    float: left;
    width: 49%;
}

#register-customer-confirmpassword input.input-text {
    width: 96%;
}


.form-list select.country-input {
    width: 100 !important;
}

.form-list #register-customer-newsletter .field {
    width: 100 !important;
}

/*Checkout box css*/
.fieldsbilling {
    float: left;
    width: 134px;
}

.field-set {
    padding: 0 0 0 8px;
    line-height: 20px;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 86px;
}

.form-list .customer-dob .dob-year {
    width: 90px !important;
}

/*#billing:month {width: 80px;}*/
.dob-month input {
    width: 50px;
}

.checkout-agreements .agreement-content {
    overflow: auto;
    padding: 10px;
    color: #555;
}

.agree-check {
    float: left;
    margin-top: 3px;
}


.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 60px !important;
}

.form-list .customer-dob .dob-year input.input-text {
    width: 80px !important;
}


.form-list .input-company-field {
    width: 262px;
}

.form-list .input-company-field .input-company {
    width: 255px !important;
}

.form-list .input-city-field-ship {
    width: 255px;
}

.form-list .input-city-field-ship .input-box {
    width: 255px !important;
}

.form-list input.input-city-ship {
    width: 255px !important;
}

.form-list .input-country-field-ship {
    width: 262px;
}

.form-list .input-country-field-ship select {
    width: 260px !important;
}

.onestepcheckout-comments {
    margin: 0 0 10px 0;
    font-weight: bold;
}

.onestepcheckout-comments textarea {
    margin-top: 2px;
    width: 100%;
}

.onestepcheckout-toc-terms {
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0 !important;
    overflow: auto;
    padding-right: 10px;
    text-align: justify;
}

.onestepcheckout-terms-popup {
    background: #fff;
    padding: 10px;
    border: 2px solid #828282;
    border-radius: 7px;
    width: 500px;
    overflow: auto;
    height: 300px;
}

p.close {
    float: right;
}

.onestepcheckout-enable-terms {
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.onestepcheckout-summary,
.onestepcheckout-totals {
    border-collapse: collapse;
}

table.onestepcheckout-summary {
    width: 100%;
}

table.onestepcheckout-summary td.name {
    width: 55%;
}

table.onestepcheckout-summary td.qty,
table.onestepcheckout-summary th.qty {
    width: 10%;
    text-align: center;
}

table.onestepcheckout-summary td.name,
table.onestepcheckout-summary th.name {
    width: 10%;
    text-align: center;
}

table.onestepcheckout-summary td.total,
table.onestepcheckout-summary th.total {
    width: 32%;
    text-align: right;
}

table.onestepcheckout-totals {
    width: 100%;
    margin-bottom: 20px;
}

table.onestepcheckout-totals tr.grand-total td {
    font-weight: bold;
}

table.onestepcheckout-totals td.value {
    width: 35%;
    text-align: right;
}

table.onestepcheckout-totals tr.grand-total td {
    font-weight: bold;
}

table.onestepcheckout-totals td.title {
    width: 65%;
    text-align: right;
}

table.onestepcheckout-totals td.value {
    width: 35%;
    text-align: right;
}

.onepage li.dob-field {
    width: 100%;
    clear: both;
}

.onepage li.dob-field .field {
    clear: both;
    width: 262px;
    float: none;
}

.onepage li.gender-2column {
    width: 125px;
    float: left;
}

.onepage li.gender-2column .input-text {
    clear: both;
    width: 120px;
    float: none;
}

.onepage li.tax-2column {
    width: 125px;
    float: left;
    padding-left: 9px;
}

.onepage li.tax-2column .input-text {
    clear: both;
    width: 120px;
    float: none;
}

.onepage li.tax-1column {
    width: 262px;
}

.onepage li.gender-1column {
    width: 262px;
}

.onepage li.gender-1column select {
    width: 255px !important;
}

.gift-messages-form .item .details .form-list .field {
    width: 196px;
}

.gift-messages-form h4 {
    padding-left: 10px;
    padding-top: 10px;
    font-size: 13px;
}

.gift-messages-form p {
    padding-left: 10px;
}

.shipping .sp-methods input[type="radio"] {
    float: left;
    clear: both;
}

#shipping-new-address-form .shipping-company .input-box .input-text {
    width: 100% !important;
}

#shipping-new-address-form .shipping-address-field {
    width: 262px;
}

#shipping-new-address-form .shipping-address-field .input-box .input-text {
    width: 255px !important;
}

#shipping-new-address-form .wide {
    width: 262px;
}

#shipping-new-address-form .wide .input-box .input-text {
    width: 255px !important;
}

/*#shipping-new-address-form .shipping-city-field { width: 262px;}*/


.cart .page-title {
    clear: both !important;
}

.onestepcheckout-enable-terms label {
    margin: 0;
    padding: 0;
}

.fields.newsletter-lable input[type="checkbox"] {
    float: left;
    margin: 2px 5px 0 0px;
}

#register-customer-newsletter {
    clear: both;
}

#terms-condition {
    display: none;
    position: fixed;
    z-index: 99999;
}

#onestepcheckout-login-table .input-text {
    width: 210px
}

#onestepcheckout-forgot-table .input-text {
    width: 210px;
}

.onestepcheckout-feedback {
    padding: 5px 0 10px 0;
}

.onestepcheckout-feedback-freetext {
    padding: 10px 0;
}

#id_feedback_freetext {
    width: 100%;
}

#id_feedback_freetext_div label {
    font-weight: bold;
}

#iframe-warning {
    text-align: left;
}

.form-list input.input-text {
    width: 100%;
}

.sp-methods dt {
    float: left;
    width: 100%;
    font-weight: normal !important;
}

#container_payment_method_authorizenet li {
    width: 100%
}

@media screen and (min-width : 981px) {
    #column-2 {
        background: none;
    }

    #column-2>ul {
        display: flex;
        margin: 0;
    }

    #column-2>ul>li .page-title {
        margin: 0;
    }

    #column-2>ul>li:first-child {
        margin-right: 5px;
    }

    #column-2>ul>li:last-child {
        margin-left: 5px;
    }
}

#column-2 {
    background: none;
}

#column-2>ul>li {
    background: #ececec;
}

@media screen and (min-width : 886px) and (max-width : 980px) {
    #column-1 {
        clear: both;
        width: 100%;
    }

    #column-2 {
        width: 100%;
    }

    #column-3 {
        clear: both;
        width: 100%;
        background: none;
    }
}

@media screen and (min-width : 270px) and (max-width : 580px) {
    #column-3 {
        clear: both;
        width: 100%;
    }

    #column-1 {
        clear: both;
        width: 100%;
    }

    #column-2 {
        clear: both;
        width: 100%;
    }

    #terms-condition {
        left: 7% !important;
    }

    .onestepcheckout-terms-popup {
        width: 280px;
    }

}

.error-msg {
    border-color: #f16048 1px solid;
    background-color: #faebe7;
    color: #df280a;
    padding: 9px 8px 8px 32px;
}

.success-msg {
    border-color: #446423 1x solid;
    background-color: #eff5ea;
    color: #3d6611;
    padding: 9px 8px 8px 32px;
}

#checkoutSteps input[type="radio"] {
    display: none;
}

#checkoutSteps input[type="radio"]+*::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 5px;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #8c8c8c;
    background: white;
}

#checkoutSteps input[type="radio"]+* {
    display: flex;
    align-items: center;
    justify-content: left;
}

#checkoutSteps input[type="radio"]:checked+*::before {
    background: radial-gradient(#3bac8d 0%, #3bac8d 40%, white 45%, white);
    border-color: #8c8c8c;
}

#checkout-review-table tr>td:not(:last-child)>div.checkout-qty-edit {
    display: flex;
}

#checkout-payment-method-load label {
    font-weight: normal;
}

.onestepcheckout-popup-wrapper input.input-text {
    border: 1px solid silver;
    border-radius: 20px;
    padding: 5px 15px;
}

@media screen and (max-width : 980px) {
    #checkoutSteps {
        margin: 0;
    }

    #column-2>ul {
        margin: 0;
    }

    #column-2>ul>li {
        background: #ececec;
    }

    .onepage #column-2 .page-title {
        margin: 0;
    }

    #onepage-shipping_method {
        margin-bottom: 20px;
    }

    #ajax-payment-methods {
        display: flex;
        justify-content: center;
    }

    #checkout-review-table-wrapper>div:first-child {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    #checkout-review-table-wrapper>div:last-child {
        width: 100%;
        margin-top: 20px;
    }

    #checkout-review-load .grandtotal-container {
        padding-top: 5px;
    }

    #onepage-shipping_method {
        padding: 0;
    }

    #ajax-shipping-method {
        margin-top: -10px;
        padding: 15px 0;
    }

    #onepage-payment {
        padding: 0;
    }

    #ajax-payment-methods {
        margin-top: -10px;
        padding: 15px 0;
    }

    #checkout-payment-method-load {
        margin: 0;
    }
}

@media screen and (max-width : 880px) {
    .onestepcheckout-coupons {
        flex-direction: column;
    }

    .onestepcheckout-coupons>img {
        margin-bottom: 10px;
    }

    .onestepcheckout-coupons>label {
        margin: 0 0 10px 0;
    }

    .onestepcheckout-coupons>input.input-text {
        margin: 0 0 10px 0;
        width: 100%;
        max-width: 220px;
    }

    .onestepcheckout-coupons>button {
        width: 100%;
        max-width: 220px;
    }
}

@media screen and (max-width : 700px) {
    .checkout-qty-edit input {
        max-width: 30px;
    }
}

@media screen and (max-width : 550px) {
    #checkout-review-table-wrapper {
        padding: 10px 5px;
    }

    #checkout-review-table tr td:not(:last-child)>*:last-child {
        padding: 5px;
    }

    .onestepcheckout-summary .remove_cart {
        padding: 0;
    }
}


/* 03.02.2023 update */

@media screen and (min-width : 981px) {
    #onepage-shipping_method {
        width: 30%;
    }

    #onepage-shipping_method .shipment-methods {
        padding: 0 10px;
    }

    #checkout-payment-method-load {
        flex-direction: row;
        gap: 20px;
    }

    #checkout-payment-method-load>div {
        position: relative;
    }

    #checkout-payment-method-load>div:not(:last-child)::after {
        content: ' ';
        width: 0;
        height: 100%;
        position: absolute;
        border-right: 1px solid silver;
        top: 0;
        right: -10px;
    }

    .checkout-bottom {
        display: flex;
        margin: 40px 0;
        gap: 30px;
        justify-content: center;
    }

    .checkout-bottom .cart-upload {
        margin-top: 0 !important;
        flex-direction: column;
    }

    .checkout-bottom .cart-upload .info {
        margin: 0 !important;
    }

    .checkout-bottom .onestepcheckout-enable-terms {
        margin: 0 !important;
        flex-direction: column;
        max-width: 455px;
    }
}

.checkout-bottom .onestepcheckout-enable-terms>div {
    display: flex;
    gap: 10px;
}