.alert-success-easy {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

.alert-error-easy {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.alert-info-easy {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.InputAddOn {
    display: flex;
}

.InputAddOn-field {
    flex: 1;
    /* field styles */
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.InputAddOn-item {
    /* item styles */
    font-family: "ProximaNova-Regular";
    color: #464646;
    padding: 4px 18px;
    font-size: 15px;
    outline: none;
    height: 35px;
    margin: 10px 0px;
    border-right: 0;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #d7d7d7;
}

.warning-error {
    margin-top: 10px;
    padding: 7px;
    color: #e44f4c;
    background-color: #e4c0c0;
    border: 1px solid #e09696;
    border-radius: 4px;
    font-size: 15px;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    text-shadow: 0 1px 0 #fff;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

.resendMsg {
    color: #0d9700;
    font-family: "ProximaNova-Regular";
    font-size: 14px;
}

.page-error {
    text-align: center;
    padding: 30px 0 36px;
}

.page-error img {
    height: 260px;
}

.page-error ._epttx {
    display: block;
    color: #222;
    font-size: 18px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.page-error {
    color: #ff3c3c;
    font-size: 15px;
    font-weight: bold;
}

.page-error a.cntnueShopping, .pmt input[type="submit"] {
    background: #087ed6;
    padding: 14px 18px 14px 40px;
    background-position: 12px;
}

.page-error a, .pmt input[type="submit"] {
    font-family: "ProximaNova-Bold";
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 10px;
}

.pmt input[type="submit"] {
    height: auto;
    background-color: #57be0b;
    border-color: #57be0b;
    float: left;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.ui-autocomplete .ui-menu-item {
    display: flex;
}

.ui-menu .ui-menu-item-wrapper {
    width: 100%;
}

.ui-autocomplete .ui-menu-item .list_item_container .label {
    font-size: 14px;
}

.ui-autocomplete .ui-menu-item .list_item_container .category {
    font-size: 13px;
    color: #0d5c95;
    margin-top: -12px;
    font-weight: bold;
}

.tooltip__item {
    position: absolute;
    min-width: 250px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    font-size: 13px;
    background: #0d5c95e0;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    color: #fff;
    border: 1px solid #0d5c95;
    border-radius: 3px;
    line-height: normal;
    box-shadow: 0 2px 1px #0d5c95;
    z-index: 4;
    font-family: "proximanovalight";
    line-height: 18px;
}

.tooltip__item a {
    line-height: 18px !important;
    color: #57be0b !important;
}

.tooltip__item:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.tooltip__initiator {
    cursor: pointer;
    z-index: 5;
}

.tooltip[data-direction="left"] .tooltip__initiator:hover ~ .tooltip__item {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
}

.tooltip[data-direction="left"] .tooltip__item {
    top: 50%;
    right: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
}

.tooltip[data-direction="left"] .tooltip__item:after {
    top: 50%;
    right: -0.5em;
    transform: translate3d(0, -50%, 0);
    border-width: 0.5em 0 0.5em 0.5em;
    border-color: transparent transparent transparent white;
    -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
    filter: drop-shadow(1px 2px 1px #bcbcbc);
}

.tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
    top: calc(100% + 1px);
}

.tooltip__item:hover {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
    top: calc(100% + 16px) !important;
}

.tooltip[data-direction="bottom"] .tooltip__item {
    top: calc(100% + 15px);
    left: 50%;
    transform: translate3d(-50%, -15px, 0);
}

.tooltip[data-direction="bottom"] .tooltip__item:after {
    top: -0.5em;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    border-width: 0 0.5em 0.5em 0.5em;
    border-color: transparent transparent #0d5c95 transparent;
    -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
    filter: drop-shadow(1px -1px 1px #bcbcbc);
}

.listLeft li:nth-child(1) .tooltip[data-direction="bottom"] .tooltip__item {
    left: 106%;
}

.listLeft li:nth-child(1) .tooltip[data-direction="bottom"] .tooltip__item:after {
    left: 30%;
}

.seller-list {
    padding: 0px 20px;
    margin-top: 20px;
}

.listLeft li:nth-child(1) .tooltip[data-direction="bottom"] .tooltip__item {
    left: 106%;
}

.seller-list .seller-title {
    border: 1px #ddd solid;
    background-color: #fff;
    padding: 5px;
    color: #000;
    font-family: "ProximaNova-Regular";
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.seller-list .slheder {
    width: 100%;
    display: inline-block;
}

.slheder .price {
    float: left;
    color: #B12704;
    font-size: 18px;
    font-weight: 500;
}

.seller-list a {
    width: 100px;
    float: right;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-family: "ProximaNova-Bold";
    border-radius: 5px;
    background-color: #57be0b;
    position: absolute;
    right: 10px;
    top: 21px;
}

ul.seller-pdt-list {
    border: 1px #ddd solid;
    border-top: 0px;
}

.seller-list ul li {
    border-right: 1px #ddd solid;
    background-color: #fff;
    border-top: 0;
    padding: 5px 15px;
    font-size: 15px;
    width: 33.33%;
    position: relative;
    float: left;
    border-bottom: 1px #ddd solid;
}

.seller-list ul li:nth-child(3n) {
    border-right: 0px;
}

.slheder .price b {
    font-size: 15px;
    margin-left: 5px;
    line-height: 24px;
    color: #828b91;
    text-decoration: line-through;
}

.seller-m {
    font-size: 12px;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../images/preloader_2.gif") center no-repeat #fff;
}

.alert {

    width: 100%;
    padding: 15px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p,
.alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #f1e0db;
    border-color: #f7c1b1;
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.alert .close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.alert .close:focus,
.alert .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.alert button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.bannerSec .slideCvr {
    padding: -129px 0 0 !important;
}

.easy-al .alert {
    margin-bottom: 1px;
}

.easy-al {
    margin-top: 128px;
    padding: 5px 20px;
}

.error {
    color: #de1515;
    font-size: 14px;
}

#toast-msg {
    visibility: hidden;
    max-width: 450px;
    height: 40px;
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #005d8a;;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    z-index: 100000;
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -20px;
    font-size: 15px;
    white-space: nowrap;
    border-radius: 10px;
}

#toast-msg #toast-img {
    width: 50px;
    height: 50px;
    float: left;
    content: "\2713";
    padding-top: 16px;
    padding-bottom: 16px;
    display: none;
    box-sizing: border-box;
    background-color: #005d8a;
    color: #fff;
}

#toast-msg #toast-desc {

    color: #fff;

    padding: 5px 15px;

    overflow: hidden;
    white-space: nowrap;
}

#toast-msg.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

.up-popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 48%;
    position: relative;
    transition: all 5s ease-in-out;
}

.up-popup h4 {
    margin-top: 0;
    color: #333;
    font-size: 30px;
}

.up-popup .up-close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.up-popup .close:hover {
    color: #06D85F;
}

.up-popup .content {
    max-height: 30%;
    overflow: auto;
}

.up-popup button {
    margin-top: 10px;
}

p.opPopDet {
    display: inline-block;
    position: absolute;
    color: #008ccf;
    font-weight: 600;
}

.inPutItemsRad {
    float: none;
    display: inline-block;
    width: 49%;
    height: 36px;
    padding: 4px 18px;
    margin: 0px 0px 15px 0px;
}

.hlght-err-ma {
    float: left;
    background: #fbebeb;
    border: 1px solid #fbdddd;
    padding: 5px 10px;
    font-size: 14px;
    color: #000;
}

.hlght-err-ma span {
    color: #000;
    font-size: 14px;
}

.hlght-err-ma a {
    padding-left: 10px;
    color: #d20000;
    font-size: 14px;
    font-weight: 600;
}

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

    .up-popup {
        width: 70%;
    }
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes expand {
    from {
        min-width: 50px
    }
    to {
        min-width: 350px
    }
}

@keyframes expand {
    from {
        min-width: 50px
    }
    to {
        min-width: 350px
    }
}

@-webkit-keyframes stay {
    from {
        min-width: 350px
    }
    to {
        min-width: 350px
    }
}

@keyframes stay {
    from {
        min-width: 350px
    }
    to {
        min-width: 350px
    }
}

@-webkit-keyframes shrink {
    from {
        min-width: 350px;
    }
    to {
        min-width: 50px;
    }
}

@keyframes shrink {
    from {
        min-width: 350px;
    }
    to {
        min-width: 50px;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 60px;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 60px;
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {
    .seller-list ul li {
        border-right: 0px;
        border-bottom: 1px #ddd solid;
        width: 100%;
    }

    .seller-list ul li:nth-child(3n) {
        border-right: 0px;
    }

}



.pdtRetSts{
    width: 100%;
    float: left;
    padding: 8px 0px;
}
.pdtRetSts .notRtn{
    background: url(../ui/images/odRet.png) no-repeat center;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 7px;

}

.pdtRetSts span{
    font-family: "ProximaNova-Semibold";
    font-size: 14px;
}