/**
 * 2010-2021 Webkul.
 *
 * NOTICE OF LICENSE
 *
 * All rights reserved,
 * Please go through LICENSE.txt file inside our module
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this module to newer
 * versions in the future. If you wish to customize this module for your
 * needs please refer to CustomizationPolicy.txt file inside our module for more information.
 *
 * @author Webkul IN
 * @copyright 2010-2021 Webkul IN
 * @license LICENSE.txt
 */

.wk_container {
    position: fixed;
    /* top:0px; */
    left: 0px;
    width: 100%;
    /* background:#08ff45; */
    z-index: 50;
}

.wk_img {
    width: 100%;
    margin: .3em;
}

.wk_product_heading {
    font-size: 1.4rem;
    color: #2fb5d2;
}

.wk_price {
    font-size: 1rem;
}

.wk_cart_btn {
    color: #2fb5d2;
}

.warningMsg {
    font-size: .8125rem;
}

.ajaximage {
    display: none;
}

select.wk_serial {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 1.575rem;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
    height: calc(1.8rem - 2px) !important;
    width: 70%;
}

.text-center {
    text-align: center;
}

.wk_container .mt-1 {
    margin-top: .5em !important;
}

.wk-mt-1 {
    margin-top: 1em;
}

.wk-mt-2 {
    margin-top: 2em;
}

.wk_customization_error {
    color: #7a7a7a;
}

.pd0 {
    padding: 0px;
}

.pd04 {
    padding: 0 4px;
}

#strikePrice {
    text-decoration: line-through;
    color: #666;
}

.has-discount .discount {
    margin-left: 0;
}

.bootstrap-touchspin input.form-control,
.bootstrap-touchspin input.input-group {
    width: 3.2rem;
}

.wk_attribute_lable_color {
    text-align: left !important;
    display: block;
}

.mb01 {
    margin-bottom: 1rem;
}

.wk_db {
    display: block;
}

.wkc_change {
    color: #fff;
    font-size: .8rem;
    background: #555;
    padding: 5px 5px;
    width: 100px;
    margin: 5px auto;
    border: none;
}

.pull-right {
    float: right !important;
}

@media only screen and (max-width: 600px) {
    .onlyQuantity {
        width: 100px;
    }
    .onlyQuantityAC {
        width: 220px;
    }
}

.text-center .wk_attribute_lable_color {
    text-align: center !important;
}