.orderloading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(86, 93, 101, 0.7);
    z-index: 9999999;
}

.orderloading:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-size: 50px;
    background-image: url(https://www.reorder.veliora.com/images/loading_gif.svg?9b1b97cccb5619848b614c349905b0c2);
}

.orderloading:before {
    font-family: "Lobster", cursive;
    font-size: 20px;
    letter-spacing: 1px;
    color: white;
    position: absolute;
    top: 57%;
    text-align: center;
    right: 0;
    left: 0;
    margin: auto;
}

@-webkit-keyframes orderloading {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes orderloading {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

#AliRanjbar {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 13px;
    color: #444;
    font-family: "Acme", sans-serif;
    z-index: 99;
}

.veliora_app_reorder_master * {
    outline: none !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.veliora > * {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    letter-spacing: normal !important;
    line-height: normal !important;
}

.veliora p,
.veliora h3 {
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    letter-spacing: normal;
    color: #000 !important;
    text-transform: unset !important;
}

.veliora h2 {
    margin: 0 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: normal;
    color: #000 !important;
    text-transform: unset !important;
}

.veliora a,
.veliora button,
.veliora input,
.veliora img {
    color: black !important;
    text-decoration: none !important;
    cursor: pointer !important;
    line-height: normal !important;
    padding: 0;
    margin: 0;
}

.veliora .veliora_pro_detail h3 a {
    border: none !important;
}

.veliora a:hover {
    color: black !important;
    text-decoration: none !important;
    cursor: pointer;
}

.veliora .veliora_pop_up .veliora_modal-content {
    background: white;
    overflow-y: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_item {
    width: 50%;
    text-align: left;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_discount_box {
    padding: 10px;
    display: flex;
    border: none !important;
    align-items: center;
    text-align: left;
    font-size: 14px !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_quantity {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #f1efef;
    border-radius: 5px;
    justify-content: space-between;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_price {
    width: 15%;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_prod_action {
    width: 5%;
    text-align: right;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_prod_action .veliora_deletebtn {
    background: none;
    border: none;
    opacity: 0.5;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_prod_action .veliora_deletebtn:hover {
    opacity: 1;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_table {
    overflow: auto;
    /*max-height: calc(100% - 169px);*/
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_table .veliora_body_data {
    overflow-y: auto;
    padding: 0 10px;
}

.veliora .veliora_pop_up .veliora_modal-footer {
    padding: 20px;
    background: #F7F7F7;
    text-align: right;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_title_bar {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #EAECEE;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: #F7F7F7;
}

.veliora_line_item:last-child {
    border-bottom: none !important;
}

.veliora {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
}

.veliora .veliora_line_item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
    margin: 5px 0px;
    border: 1px solid #726f6f !important;
    border-radius: 5px;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_modal-header .veliora_close {
    font-size: 30px !important;
    color: #627381 !important;
    background: none;
    border: none;
    line-height: normal !important;
    cursor: pointer;
    padding: 0;
    height: auto;
    width: auto;
    margin: 0;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_modal-header .veliora_close span {
    font-size: 30px !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_selectbox {
    min-width: 100px;
    height: 30px;
    margin-top: 8px;
    padding: 0 5px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../png/96810.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    text-indent: 0.01px;
    cursor: pointer;
    border: 1px solid #c4cdd5;
    background-color: #fff;
    color: #000;
    max-width: 100%;
    line-height: 1.2;
    border-radius: 2px;
    width: auto !important;
    margin-bottom: 5px !important;
    background-size: 10px;
}

.veliora .veliora_prod_img {
    margin-right: 15px;
}

.veliora .veliora_pro_detail {
    width: calc(100% - 100px);
    text-align: left;
    margin-top: 10px;
}

.veliora .veliora_prod_img a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    border: 1px solid #6a6a6a !important;
}

.veliora .veliora_prod_img a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.veliora .veliora .veliora_pop_up .veliora_modal-content .veliora_prod_img a {
    display: block !important;
}

.veliora .veliora_product_data {
    display: flex;
    align-items: center;
}

.veliora .veliora_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: 9999999;
    display: block;
}

.veliora .veliora_overlay:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.veliora .veliora_pop_up {
    position: fixed;
    top: 0;
    max-width: 700px;
    width: 90%;
    z-index: 99999999;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    max-height: calc(80% - 60px);
    justify-content: center;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_list-title span {
    color: #758390;
    font-weight: 400;
    white-space: nowrap;
    display: unset;
    word-break: unset;
    word-wrap: unset;
    font-size: 15px;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_qty_input {
    background: #fff;
    min-width: 30px;
    width: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    outline: none !important;
    border: 1px solid gray;
    padding: 10px !important;
    margin: 0px 2px !important;
    border-radius: 3px;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_notes {
    padding: 10px 10px 0;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_notes textarea {
    width: 100%;
    height: 60px;
    min-height: auto;
    margin-bottom: 0;
    border-radius: 4px;
    padding: 10px;
    border-color: #C3CDD6;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_total {
    text-align: right;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_total_price {
    text-align: left;
    width: 20%;
    padding-left: 30px;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_total_price h3 {
    font-weight: 600 !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_total h3 {
    font-weight: 600 !important;
}

.veliora .veliora_totaldetail {
    display: flex;
    align-items: center;
    padding: 10px 15px 0;
    border-top: 1px solid #EAECEE;
    justify-content: flex-end;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_text-danger {
    color: #F21616;
    display: block;
    font-weight: 400;
}

#error_msg {
    padding: 0 14px !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_text-muted {
    color: #616C79 !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_modal-footer {
    text-align: center;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora_btn {
    padding: 10px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-transform: unset;
    font-weight: 400;
    margin-left: 10px;
    width: 40%;
}



.veliora ::-webkit-scrollbar-track {
    background-color: #ffffff !important;
}

.veliora ::-webkit-scrollbar {
    width: 3px !important;
    background-color: #979a9c !important;
}

.veliora ::-webkit-scrollbar-thumb {
    background-color: #979a9c !important;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora-icon {
    display: inline-flex;
    margin-right: 10px;
}

.veliora .veliora_pop_up .veliora_modal-content .veliora-mobile {
    display: none;
}

@media only screen and (max-width: 777px) {
    .veliora .veliora_pop_up .veliora_modal-content .veliora_quantity {
        width: 100% !important;
        padding: 0 0 0 0;
    }
    .veliora .veliora_pop_up .veliora_modal-content .veliora_qty_input{
        min-width: 35px !important;
        width: 35px !important ;
    }
}
@media only screen and (max-width: 700px) {
    .veliora .veliora_pop_up .veliora_modal-content .veliora_quantity {
        width: 100% !important;
        padding: 0 0 0 0;
    }
    .veliora .veliora_pop_up .veliora_modal-content .veliora_qty_input{
        min-width: 35px !important;
        width: 35px !important ;
        padding: 0 !important;
    }
}

@media only screen and (max-width: 591px) {
    .veliora .veliora_pop_up .veliora_modal-content .veliora_notes {
        padding: 15px 15px 10px 15px;
    }
    .veliora .veliora_pop_up .veliora_modal-content .qty-mobile {
        border: 1px solid #f1efef;
        border-radius: 5px;
        margin-top: 10px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_title_bar {
        padding-right: 10px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_item {
        width: 90%;
        text-align: left;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_prod_action {
        width: 20px;
        align-self: baseline;
    }
    .veliora .veliora_pop_up .veliora_modal-content .veliora_prod_price_sec {
        margin-top:10px !important;
        margin-right:0px !important;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_action {
        display: none;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_quantity {
        width: 34% !important;
        padding: 0 0 0 0;
        display: none;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_price {
        width: 100% !important;
        padding: 0 0 0 0;
        text-align: right;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_line_item {
        flex-wrap: wrap;
    }

    .veliora .veliora_title_bar .veliora_quantity {
        display: none !important;
    }

    .veliora .veliora_title_bar .veliora_price {
        padding: 0 !important;
    }

    .veliora .veliora_body_data {
        overflow-y: auto;
        padding: 0 10px;
    }

    .veliora .veliora_totaldetail {
        padding-right: 13px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_modal-header {
        padding: 10px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_table {
        padding: 0;
    }

    .veliora .veliora_pop_up .veliora_modal-footer {
        padding: 10px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_notes textarea {
        height: 50px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_total {
        width: 60%;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_total_price {
        width: 40%;
        text-align: right;
        padding: 0;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_btn {
        /*max-width: 150px;*/
        margin-left: 5px;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora-mobile {
        display: inline-block;
        height: 30px !important;
        margin: 0  !important;
    }

    .veliora_prod_qty.veliora_quantity .veliora_qty_input {
        display: none !important;
    }
    .veliora .veliora_pop_up .veliora_modal-content .veliora-mobile .qty-mobile .veliora_qty_input {
        /*margin: 0 0 !important;*/
    }

    .veliora_prod_price.veliora_price {
        margin-top: 0px;
    }

    .veliora .veliora_pop_up {
        max-height: calc(100% - 60px);
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_selectbox {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 414px) {
    .veliora .veliora_pop_up .veliora_modal-content .veliora_table {
        /*max-height: calc(100% - 150px);*/
    }
}

@media only screen and (max-width: 370px) {
    .veliora .veliora_pop_up .veliora_modal-content .veliora_item {
        width: 90%;
        text-align: left;
    }
    .veliora .veliora_pop_up .veliora_modal-content .qty-mobile {
        border: 1px solid #f1efef;
        border-radius: 5px;
        margin-top: 10px;
    }


    .veliora .veliora_pop_up .veliora_modal-content .veliora_btn {
        max-width: 100% !important;
        width: 100%;
        margin: 5px 0;
    }

    .veliora .veliora_pop_up .veliora_modal-content .veliora_prod_price_sec {
        margin-top:10px !important;
        margin-right:0px !important;
    }

    .veliora_discount_box {
        padding: 10px;
    }

    .veliora_text-danger {
        width: 125%;
    }
}

.input_number input::-webkit-outer-spin-button,
.input_number input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input_number input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}

.veliora_qty_zero {
    font-weight: 400 !important;
    font-size: 12px;
}

#Polaris-icon_Major_Mono_Delete {
    -webkit-clip-path: none;
    clip-path: none;
}

div#veliora-app-Reorder-banner {
    margin-bottom: 10px;
}

/*add to cart spinner*/

.veliora_add-to_cart {
    display: inline-block;
    position: relative;
    transition: padding-right 0.3s ease;
    box-shadow: 0 1px 0 #6e6e6e inset, 0px 1px 0 #3b3b3b;
}

.veliora_add-to_cart.spinning {
    padding-right: 40px;
}
.veliora_add-to_cart.spinning:after {
    content: "";
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
.veliora_add-to_cart.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #ffffff;
    border-right: 3px solid #55cece;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes exist {
    100% {
        width: 35px;
        height: 35px;
        margin: -8px 5px 0 0;
    }
}
@keyframes exist {
    100% {
        width: 35px;
        height: 35px;
        margin: -8px 5px 0 0;
    }
}

/* checkout spinner*/

.veliora_checkout {
    display: inline-block;
    position: relative;
    transition: padding-right 0.3s ease;
    box-shadow: 0 1px 0 #6e6e6e inset, 0px 1px 0 #3b3b3b;
}
.veliora_checkout.spinning {
    padding-right: 40px;
}
.veliora_checkout.spinning:after {
    content: "";
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
.veliora_checkout.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid #ffffff;
    border-right: 3px solid #55cece;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}
@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}



.veliora_product_qty {
    background: #fff;
    display:flex;
    justify-content: space-between;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    outline: none !important;
    border: 1px solid gray;
    padding: 2px !important;
    margin: 2px 10px !important;
    border-radius: 3px;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.veliora_product_qty_input {
    background: #fff;
    min-width: 30px;
    width: 40px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    outline: none !important;
    border: 1px solid gray;
    padding: 10px !important;
    margin: 0px 2px !important;
    border-radius: 3px;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}


/*container*/

#container-slider #autoWidth{
    width: auto;
    height: 300px !important;
}

#container-slider .box{
    width: auto;
    /*box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2);*/
    border-radius: 10px;
    overflow: hidden;
    margin: 3px 25px ;
    margin-left: 3px !important;
    /*border: 1px solid gray;*/
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

#container-slider .slide-img{
    /*height: auto;*/
    position: relative;
    text-align: center;
}

#container-slider .slide-img img{
    width: 170px;
    height: 170px;
    box-sizing: border-box;
    object-fit: contain;
    padding: 20px;
}

#container-slider .detail-box p{
    margin: 2px 10px;
}
#container-slider .title-wrap{
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 700;
}

/*#container-slider .buy-btn{*/
/*    width: 90%;*/
/*    border: 1px solid gray;*/
/*    padding: 2px !important;*/
/*    margin: 4px 10px !important;*/
/*    border-radius: 3px;*/
/*    background: gray;*/
/*    color: red;*/
/*}*/


#autoWidth > li.lslide{
    margin-right: 0 !important;
}
#autoWidth > li.lslide.active {
    margin-left: 22px;
}
#autoWidth{
    padding:14px 0 !important;
}


@media only screen and (max-width: 1190px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 42px !important;
    }
}
/*@media only screen and (max-width: 820px) {*/

/*    #container-slider .box{*/
/*        width: 180px;*/
/*    }*/
/*    #autoWidth > li.item-a.lslide.active{*/
/*        margin-left: 42px;*/
/*    }*/
/*}*/
@media only screen and (max-width: 510px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 150px !important;
    }
}

@media only screen and (max-width: 414px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 110px !important;
    }
}

@media only screen and (max-width: 390px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 92px !important;
    }
}
@media only screen and (max-width: 375px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 70px !important;
    }
}
@media only screen and (max-width: 280px) {

    #container-slider .box{
        width: 180px;
    }
    .container-fluid .lSSlideOuter .lightSlider .active{
        margin-left: 35px !important;
    }
}



.buy-btn {
    display: inline-block;
    position: relative;
    transition: padding-right 0.3s ease;
    box-shadow: 0 1px 0 #6e6e6e inset, 0px 1px 0 #3b3b3b;
}

.buy-btn.spinning {
    padding-right: 40px;
}
.buy-btn.spinning:after {
    content: "";
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
.buy-btn.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 45%;
    position: absolute;
    border: 2px solid #ffffff;
    border-right: 3px solid #55cece;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}


.popup_btn_disabled{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5
}