body {
    font-family: urw-din, sans-serif !important;
}
.page {
    margin-right: 15px;
}

    .page.active {
        font-weight: bold;
    }

.hide {
    display: none;
}

.order-row {
    padding: 7px;
}

    .order-row:nth-child(even) {
        background-color: lightgray;
    }

    .order-row a {
        text-decoration: none;
        color: red;
        font-weight: bold;
        float: right;
    }
    h5.orderId{
        cursor: pointer;
    }
.btn {
    border: solid 1px #6ABF4B;
    padding: 10px 15px;
    display: inline-block;
    color: #0F2A39;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 1rem;
    background: #ffffff;
    /* default color */
    background: linear-gradient(to right, #ffffff 50%, #6ABF4B 50%) left;
    background-size: 201%;
    transition: 0.3s ease-out;
    text-transform: none;
    margin-bottom: 10px;
}

    .btn:active {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .btn.current {
        background-position: 100%;
        color: #ffffff;
    }

    .btn:hover {
        background-position: right;
        color: #ffffff;
    }

    .btn.green {
        color: #ffffff;
        background-position: right;
    }

        .btn.green:hover {
            color: #6ABF4B;
            background-position: left;
        }

        .btn.green.fixed:hover {
            color: #ffffff;
            background-position: right;
        }

    .btn.red {
        background: linear-gradient(to right, #ffffff 50%, #FF2400 50%) left;
        background-size: 200%;
        color: #FF2400;
        background-position: left;
        border-color: #FF2400;
    }

        .btn.red:hover {
            color: #ffffff;
            background-position: right;
        }

    .btn.almostblack {
        background: #0F2A39;
        color: #ffffff;
        background-size: 100%;
    }

    .btn.darkgray {
        background: #939EA4;
        color: #ffffff;
        background-size: 100%;
    }

    .btn:disabled {
        background: #e6e6e6;
        color: #939EA4;
        background-size: 100%;
        border: none;
    }

    .btn.remove-compare-product {
        margin-top: 10px;
        text-transform: none;
    }

    .btn.newAddress {
        background: #939EA4;
        color: #ffffff;
        background-size: 100%;
        border: none;
        /*font-size: 1rem;*/
        text-transform: none;
        padding: 5px 25px 7px;
    }

        .btn.newAddress:before {
            content: 'v';
            position: absolute;
            right: 13px;
            top: 5px;
            font-weight: 700;
        }

    .btn.gotocheckout {
        font-size: 1.4rem;
    }

    .btn.account img {
        height: 15px;
    }

    .btn.cart {
        background: #6ABF4B;
        background-size: 100%;
        margin-right: 0;
        padding-right: 20px;
        padding-left: 20px;
    }

        .btn.cart i {
            position: absolute;
            background-color: #0F2A39;
            color: #ffffff;
            border-radius: 50%;
            padding: 3px 5px;
            font-size: 0.5rem;
            line-height: 0.5rem;
            top: 3px;
            right: 13px;
            font-style: normal;
        }

        .btn.cart img {
            height: 20px;
        }

        .btn.cart.round {
            border-radius: 50%;
            padding: 5px 8px;
            opacity: 0;
            transition: 0.3s ease-out;
        }

            .btn.cart.round img {
                height: 15px;
                position: relative;
                top: -1px;
            }

    .btn.small {
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 201%;
    }

    .btn.round {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 15px;
        /*background-size: 100%;*/
        /*background-position: left;*/
    }

        .btn.round.small {
            padding: 7px 9px;
            width: 36px;
            height: 36px;
        }

        .btn.round.fixed {
            background-size: 100%;
            background-position: left;
            width: 45px;
            height: 45px;
        }

    .btn.input {
        padding: 6px 15px;
    }

    .btn.compare {
        background-image: url(/lib/img/compare.svg);
        position: unset;
        opacity: 1;
    }

        .btn.compare.pt-icon {
            background-image: url(/lib/img/pt-compare.svg);
        }

    .btn.favourite {
        background-image: url(/lib/img/favourite.svg);
    }

        .btn.favourite.pt-icon {
            background-image: url(/lib/img/pt-favourite.svg);
        }

    .btn.sizes {
        background-image: url(/lib/img/sizes.svg);
    }

        .btn.sizes.pt-icon {
            background-image: url(/lib/img/pt-sizes.svg);
        }

    .btn.pdf {
        background-image: url(/lib/img/pdf.svg);
    }

        .btn.pdf.pt-icon {
            background-image: url(/lib/img/pt-pdf.svg);
        }

    .btn.images {
        background-image: url(/lib/img/images.svg);
    }

        .btn.images.pt-icon {
            background-image: url(/lib/img/pt-images.svg);
        }

    .btn.pull-right {
        margin-right: 0;
    }

    .btn.filterPriceBtn {
        font-size: 0.8rem;
    }

    .btn.status-badge {
        margin-top: 11px !important;
    }

    .btn.faq {
        width: 100%;
        text-align: left;
        font-weight: 700;
        background: linear-gradient(to right, #ffffff 50%, #0F2A39 50%) left;
        background-size: 200%;
        color: #0F2A39;
        background-position: left;
        border-color: #0F2A39;
    }

        .btn.faq:hover {
            color: #ffffff;
            background-position: right;
        }

        .btn.faq:after {
            content: '>';
            color: #6ABF4B;
            font-weight: 700;
            transform: rotate(90deg);
            position: absolute;
            right: 35px;
            top: 12px;
        }

.sort-paging .btn {
    margin-right: 5px;
}

    .sort-paging .btn.prev {
        float: left;
    }

    .sort-paging .btn.next {
        float: right;
        margin-right: 0;
    }



.paging {
    float: right;
    clear: both;
    min-height: 35px;
    margin-bottom: 30px;
}

    .paging,
    .paging li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .paging li {
            float: left;
        }

            .paging li.pagingdivider {
                background: none;
                border-bottom: none;
                padding-top: 0;
                margin-right: 10px;
            }

            .paging li:last-child {
                margin-right: 5px;
            }

            .paging li a {
                display: block;
                padding: 4px 0px;
                height: 32px;
                width: 32px;
                border: solid 1px #6ABF4B;
                padding: 3px 11px;
                display: inline-block;
                color: #0F2A39;
                -webkit-border-radius: 25px;
                -moz-border-radius: 25px;
                border-radius: 25px;
                font-size: 1rem;
                background: #ffffff;
                /* default color */
                background: linear-gradient(to right, #ffffff 50%, #6ABF4B 50%) left;
                background-size: 201%;
                transition: 0.3s ease-out;
                text-transform: none;
                margin-bottom: 10px;
                text-decoration: none;
            }
            .paging li.active a,
            .paging li a:hover {
                background-position: right;
                color:#FFF;
            }
                input {
                    border-radius: 25px;
                    box-shadow: none;
                    border: solid 1px #0f2a39;
                    padding: 9px 15px;
                    width: 100%;
                }

.list li {
    border-left: none;
    border-right: none;
}

.w100{
    width:100%;
}