/**
* 2010-2021 Webkul.
*
* NOTICE OF LICENSE
*
* All right is 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
*/

.border-error {
    border-color: #FF3333 !important;
}

.border-success {
    border-color: #468847 !important;
}

.border-success:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #7aba7b
}

.border-error:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #d59392
}

p.wk-or {
    overflow: hidden;
    color: #999999;
}

p.wk-or:before,
p.wk-or:after {
    background-color: #ddd;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}

p.wk-or:before {
    right: 0.5em;
}

p.wk-or:after {
    left: 0.5em;
    margin-right: -50%;
    width: 50px;
}

.wkpromo-code::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #ff4c4c;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 10%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.wkpromo-code {
    background: #ff4c4c none repeat scroll 0 0;
    color: #fff;
    position: relative;
    margin-top: 10px;
    padding: 5px 5px;
}

.wkpromo-code i {
    font-size: 20px;
    width: 24px;
}

#wk-delete-voucher i {
    font-size: 20px;
    cursor: pointer;
}

span.wk-error {
    color: red;
    margin: 0;
    padding: 0;
    text-align: right;
    display: inline-block;
}

label.wklabel sup {
    color: red;
}

i.wk-check-icon,
i.wk-error-icon {
    margin-left: -30px;
    margin-top: 5px;
    color: #468847;
}

i.wk-error-icon {
    color: #FF3333;
}

.wkerrorcolor {
    color: #FF3333;
    float: left;
    margin: 10px;
}

.wksuccesscolor {
    color: #468847;
}


/* Spiner css */

.spinner {
    margin: 100px auto 0;
    width: 70px;
    position: absolute;
    left: 50%;
    top: 30%;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}