@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');
/*	name: main.less*/

/*Footer phone number START*/
.phoneNumberWrap {
    height: 60px;
    width: 250px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-left: 2px ridge #eaeaea;
    border-top: 2px ridge #eaeaea;
    z-index: 12;
}

.phoneNumber {
    text-align: center;
    padding-top: 6px;
    color: #636363;
}

.btnCloseNumber {
    font-size: 1em;
    position: absolute;
    right: 5px;
    opacity: 0.5;
}
/*Footer phone number END*/

.loginLabourButton {
    border-radius: 3px;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #C31629;
    border: 1px solid #C31629;
    height: 40px;
    display: inline-block;
    padding: 5px 25px;
    font-size: 14px;
    height: auto;
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.loginLabourButton:hover
{
    color: #fff;
    text-decoration: none;
}

/*General classes START*/
.padding-bottom-3 {
    padding-bottom: 3em;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.buttonDiv,
.buttonDivDeleted {
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    border-radius: 3px;
    height: 40px;
    margin-top: 20px;
    padding: 6px 25px;
    display: inline-block;
}

    .buttonDiv a,
    .buttonDiv a:hover,
    .buttonDivDeleted {
        font-family: Lato;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
    }

.buttonDivDeleted {
    background-color: #cfcfcf;
    border-color: #b4b4b4;
}

/*General classes END*/
/*Cookies*/
/*  CATEGORY PAGE PAGINATION  */
.pageSelection {
    cursor: default;
}

    .pageSelection .page {
        cursor: pointer;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 5px;
        color: #000;
        position: relative;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ededed;
        height: auto;
        min-width: 30px;
        min-height: 30px;
        display: inline-block;
        text-align: center;
    }

    .pageSelection .current {
        font-weight: bold;
    }
/*  END CATEGORY PAGE PAGINATION  */

/*ADMIN*/

.popupHeader {
    background-color: #c31628;
    color: #fff;
    padding: 15px 10px;
}

/*YHA DISCOUNT*/

#productDetail {
    max-height: 500px;
    overflow-y: auto;
}

.modal-header-discount {
    position: absolute;
    right: 8px;
    top: 7px;
    background: none;
    border: none;
    color: #fff;
    font-size: 1.5em;
}

.btn-delete-discount {
    margin: 3px 0 !important;
}

#GridViewProductDiscount tr {
    border-bottom: 1px solid #000;
}

    #GridViewProductDiscount tr:last-child {
        border-bottom: none;
    }

.yhaDiscount-margin {
    margin-bottom: 25px;
}

.ProductDiscountTable tr:last-child td {
    padding-top: 1em !important;
    padding-right: 1em !important;
}

/*YHA DISCOUNT END*/
/*ADMIN END*/

.background-no-repeat {
    background-repeat: no-repeat !important;
}

.background-size-contain {
    background-size: contain !important;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.datalist-delete-modal {
    text-align: center;
    max-width: 600px;
    display: none;
    z-index: 1001;
    position: fixed;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px;
    border-radius: 4px;
}

.deletedDatalist {
    cursor: pointer;
}

#full_page_overlay_datalist_delete {
    width: 100%;
    background-color: black;
    opacity: 0.4;
    height: 100vh;
    /*    height:calc(100vh - 113px);*/
    position: fixed;
    z-index: 1000;
    display: none;
    top: 0;
}

.deleteDatalistButton {
    display: block;
    margin-top: 0px !important;
    margin-left: 15px;
    cursor: pointer;
}

#spinningWheel2 {
    background-image: url(/img/loader.gif);
    background-size: cover;
    width: 130px;
    height: 130px;
    top: 47%;
    left: 47%;
    position: relative;
}

.devzip {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    font-size: 9.33333333px !important;
    background-color: rgba(0, 180, 255, 0.4) !important;
    color: #fff !important;
}

.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list {
    background: #fff url('/img/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/slick.eot');
    /*src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');*/
}
/* Arrows */

.main-page-down-arrow {
    clear: both !important;
    -webkit-box-sizing: initial;
}

    .main-page-down-arrow img {
        max-width: 32px !important;
        margin: 20px auto 0 auto;
    }

    .main-page-down-arrow p {
        text-align: center;
        color: #989898;
    }

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

    .slick-prev[dir="rtl"] {
        left: auto;
        right: -25px;
    }

    .slick-prev:before {
        content: "←";
    }

        .slick-prev:before[dir="rtl"] {
            content: "→";
        }

.slick-next {
    right: -25px;
}

    .slick-next[dir="rtl"] {
        left: -25px;
        right: auto;
    }

    .slick-next:before {
        content: "→";
    }

        .slick-next:before[dir="rtl"] {
            content: "←";
        }
/* Dots */
.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: black;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: 0.75;
        }
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    border-radius: 4px;
    direction: ltr;
}

    .datetimepicker.datetimepicker-rtl {
        direction: rtl;
    }

        .datetimepicker.datetimepicker-rtl table tr td span {
            float: right;
        }

    .datetimepicker > div {
        display: none;
    }

    .datetimepicker.minutes div.datetimepicker-minutes {
        display: block;
    }

    .datetimepicker.hours div.datetimepicker-hours {
        display: block;
    }

    .datetimepicker.days div.datetimepicker-days {
        display: block;
    }

    .datetimepicker.months div.datetimepicker-months {
        display: block;
    }

    .datetimepicker.years div.datetimepicker-years {
        display: block;
    }

    .datetimepicker table {
        margin: 0;
    }

        .datetimepicker table tr td.minute:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td.hour:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datetimepicker table tr td span {
            display: block;
            width: 23%;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 1%;
            cursor: pointer;
            border-radius: 4px;
        }

            .datetimepicker table tr td span:hover {
                background: #eeeeee;
            }

            .datetimepicker table tr td span.old {
                color: #999999;
            }

    .datetimepicker .datetimepicker-hours span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker .datetimepicker-minutes span {
        height: 26px;
        line-height: 26px;
    }

    .datetimepicker th.switch {
        width: 145px;
    }

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*="datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*="datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*="datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*="datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .datetimepicker table tr td.today:hover,
    .datetimepicker table tr td.today:hover:hover,
    .datetimepicker table tr td.today.disabled:hover,
    .datetimepicker table tr td.today.disabled:hover:hover,
    .datetimepicker table tr td.today:active,
    .datetimepicker table tr td.today:hover:active,
    .datetimepicker table tr td.today.disabled:active,
    .datetimepicker table tr td.today.disabled:hover:active,
    .datetimepicker table tr td.today.active,
    .datetimepicker table tr td.today:hover.active,
    .datetimepicker table tr td.today.disabled.active,
    .datetimepicker table tr td.today.disabled:hover.active,
    .datetimepicker table tr td.today.disabled,
    .datetimepicker table tr td.today:hover.disabled,
    .datetimepicker table tr td.today.disabled.disabled,
    .datetimepicker table tr td.today.disabled:hover.disabled,
    .datetimepicker table tr td.today[disabled],
    .datetimepicker table tr td.today:hover[disabled],
    .datetimepicker table tr td.today.disabled[disabled],
    .datetimepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datetimepicker table tr td.today:active,
        .datetimepicker table tr td.today:hover:active,
        .datetimepicker table tr td.today.disabled:active,
        .datetimepicker table tr td.today.disabled:hover:active,
        .datetimepicker table tr td.today.active,
        .datetimepicker table tr td.today:hover.active,
        .datetimepicker table tr td.today.disabled.active,
        .datetimepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datetimepicker table tr td.active:hover,
    .datetimepicker table tr td.active:hover:hover,
    .datetimepicker table tr td.active.disabled:hover,
    .datetimepicker table tr td.active.disabled:hover:hover,
    .datetimepicker table tr td.active:active,
    .datetimepicker table tr td.active:hover:active,
    .datetimepicker table tr td.active.disabled:active,
    .datetimepicker table tr td.active.disabled:hover:active,
    .datetimepicker table tr td.active.active,
    .datetimepicker table tr td.active:hover.active,
    .datetimepicker table tr td.active.disabled.active,
    .datetimepicker table tr td.active.disabled:hover.active,
    .datetimepicker table tr td.active.disabled,
    .datetimepicker table tr td.active:hover.disabled,
    .datetimepicker table tr td.active.disabled.disabled,
    .datetimepicker table tr td.active.disabled:hover.disabled,
    .datetimepicker table tr td.active[disabled],
    .datetimepicker table tr td.active:hover[disabled],
    .datetimepicker table tr td.active.disabled[disabled],
    .datetimepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datetimepicker table tr td.active:active,
        .datetimepicker table tr td.active:hover:active,
        .datetimepicker table tr td.active.disabled:active,
        .datetimepicker table tr td.active.disabled:hover:active,
        .datetimepicker table tr td.active.active,
        .datetimepicker table tr td.active:hover.active,
        .datetimepicker table tr td.active.disabled.active,
        .datetimepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datetimepicker table tr td span.active:hover,
    .datetimepicker table tr td span.active:hover:hover,
    .datetimepicker table tr td span.active.disabled:hover,
    .datetimepicker table tr td span.active.disabled:hover:hover,
    .datetimepicker table tr td span.active:active,
    .datetimepicker table tr td span.active:hover:active,
    .datetimepicker table tr td span.active.disabled:active,
    .datetimepicker table tr td span.active.disabled:hover:active,
    .datetimepicker table tr td span.active.active,
    .datetimepicker table tr td span.active:hover.active,
    .datetimepicker table tr td span.active.disabled.active,
    .datetimepicker table tr td span.active.disabled:hover.active,
    .datetimepicker table tr td span.active.disabled,
    .datetimepicker table tr td span.active:hover.disabled,
    .datetimepicker table tr td span.active.disabled.disabled,
    .datetimepicker table tr td span.active.disabled:hover.disabled,
    .datetimepicker table tr td span.active[disabled],
    .datetimepicker table tr td span.active:hover[disabled],
    .datetimepicker table tr td span.active.disabled[disabled],
    .datetimepicker table tr td span.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datetimepicker table tr td span.active:active,
        .datetimepicker table tr td span.active:hover:active,
        .datetimepicker table tr td span.active.disabled:active,
        .datetimepicker table tr td span.active.disabled:hover:active,
        .datetimepicker table tr td span.active.active,
        .datetimepicker table tr td span.active:hover.active,
        .datetimepicker table tr td span.active.disabled.active,
        .datetimepicker table tr td span.active.disabled:hover.active {
            background-color: #003399 \9;
        }

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

    .datetimepicker thead tr:first-child th:hover,
    .datetimepicker tfoot tr:first-child th:hover {
        background: #eeeeee;
    }

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}
/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 *
 * Less-ificated and Improved by Cristian Voinea
 *
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px;
}

    .slider[class*="span"] {
        float: none;
        margin-left: 0;
    }

.slider-horizontal {
    width: 100%;
    height: 30px;
}

    .slider-horizontal .slider-handle-container,
    .slider-horizontal .slider-track {
        height: 15px;
        top: 50%;
    }

    .slider-horizontal .slider-track {
        left: 0;
        right: 0;
    }

    .slider-horizontal .slider-handle-container {
        left: 15px;
        right: 15px;
    }

    .slider-horizontal .slider-selection {
        height: 100%;
        top: 0;
        bottom: 0;
    }

    .slider-horizontal .slider-handle {
        margin-left: -12.5px;
        margin-top: 10px;
    }

.slider-vertical {
    height: 100%;
    width: 30px;
}

    .slider-vertical .slider-handle-container,
    .slider-vertical .slider-track {
        width: 15px;
        margin-left: -7.5px;
        left: 50%;
    }

    .slider-vertical .slider-track {
        top: 0;
        bottom: 0;
    }

    .slider-vertical .slider-handle-container {
        top: 15px;
        bottom: 15px;
    }

    .slider-vertical .slider-selection {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .slider-vertical .slider-handle {
        margin-left: -7.5px;
        margin-top: -15px;
    }

.slider input,
.slider input[class*="span"] {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-handle-container {
    position: absolute;
}

.slider-track {
    position: absolute;
    cursor: pointer;
}

.slider-selection {
    position: absolute;
}

.slider-handle {
    position: absolute;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.slider-knob {
    width: 25px;
    height: 25px;
}
/*!
 * Slider for Bootstrap Theme
 *
 *
 * Less-ificated and Improved by Cristian Voinea
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider-selection {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYig5NCwgMjAsIDk4KSIgc3RvcC1vcGFjaXR5PSIwLjciLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    background-image: -webkit-linear-gradient(left, #f5f5f5 0%, #f5f5f5 20%, rgba(0, 126, 198, 0.7) 100%);
    background-image: -o-linear-gradient(left, #f5f5f5 0%, #f5f5f5 20%, rgba(0, 126, 198, 0.7) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f5), color-stop(20%, #f5f5f5), to(rgba(94, 20, 98, 0.7)));
    background-image: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 20%, rgba(0, 126, 198, 0.7) 100%);
}

.slider-track {
    background-color: #f5f5f5;
    border: 1px solid #ededed;
}

.slider-handle {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #007EC6;
}

    .slider-handle:active,
    .slider-handle:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        background-color: #01517f;
    }

.slider-horizontal .tooltip.top {
    margin-top: -45px;
}

.slider-horizontal.inactive * {
    cursor: not-allowed;
}

.slider-horizontal.inactive .tooltip {
    display: none !important;
}

.slider-horizontal.inactive .slider-handle {
    background-color: #ededed;
}

.icon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^='icon-'],
[class*=' icon-'] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-abc-estate:before {
    content: '\e901';
}

.icon-cart:before {
    content: '\e900';
}

.icon-trash-o:before {
    content: '\f014';
}

.icon-pencil:before {
    content: '\f040';
}

.icon-calendar:before {
    content: '\f073';
}

.icon-twitter-square:before {
    content: '\f081';
}

.icon-facebook-square:before {
    content: '\f082';
}

.icon-linkedin-square:before {
    content: '\f08c';
}

.icon-floppy-o:before {
    content: '\f0c7';
}

.icon-save:before {
    content: '\f0c7';
}

.icon-bars:before {
    content: '\f0c9';
}

.icon-navicon:before {
    content: '\f0c9';
}

.icon-reorder:before {
    content: '\f0c9';
}

.icon-pinterest-square:before {
    content: '\f0d3';
}

.icon-google-plus-square:before {
    content: '\f0d4';
}

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-up:before {
    content: '\f106';
}

.icon-angle-down:before {
    content: '\f107';
}

.icon-user-o:before {
    content: '\f2c0';
}

.icon-documents:before {
    content: '\e006';
}

.icon-basket:before {
    content: '\e027';
}

.icon-magnifying-glass:before {
    content: '\e037';
}

.icon-refresh:before {
    content: '\e05a';
}

.icon-circle-plus:before {
    content: '\e040';
}

.icon-circle-minus:before {
    content: '\e041';
}

.icon-circle-check:before {
    content: '\e042';
}

.icon-circle-cross:before {
    content: '\e043';
}

.icon-head:before {
    content: '\e074';
}

.icon-power:before {
    content: '\e086';
}

.icon-minus:before {
    content: '\e115';
}

.icon-check:before {
    content: '\e116';
}

.icon-cross:before {
    content: '\e117';
}

.icon-menu:before {
    content: '\e120';
}

.icon-inbox:before {
    content: '\e122';
}

.icon-outbox:before {
    content: '\e123';
}

.icon-add_circle:before {
    content: '\e147';
}

.icon-cancel:before {
    content: '\e5c9';
}

.icon-check_circle:before {
    content: '\e86c';
}

.icon-remove_circle:before {
    content: '\e15c';
}

.icon-error:before {
    content: '\e000';
}

.icon-format_quote:before {
    content: '\e244';
}

.icon-people:before {
    content: '\e7fb';
}

.icon-group_add:before {
    content: '\e7f0';
}

.icon-help:before {
    content: '\e887';
}

.icon-info:before {
    content: '\e88e';
}

.icon-keyboard_arrow_down:before {
    content: '\e313';
}

.icon-keyboard_arrow_left:before {
    content: '\e314';
}

.icon-keyboard_arrow_right:before {
    content: '\e315';
}

.icon-keyboard_arrow_up:before {
    content: '\e316';
}

.icon-more_horiz:before {
    content: '\e5d3';
}

.icon-more_vert:before {
    content: '\e5d4';
}

.icon-pause_circle_filled:before {
    content: '\e035';
}

.icon-person_outline:before {
    content: '\e7ff';
}

.icon-person:before {
    content: '\e7fd';
}

.icon-person_add:before {
    content: '\e7fe';
}

.icon-search:before {
    content: '\e8b6';
}

.icon-swap_horiz:before {
    content: '\e8d4';
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #007EC6;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #210722;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    /*width: 100%;*/
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 6px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #bfbfbf;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Lato;
    font-weight: 300;
    line-height: 1.25;
    color: inherit;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #616161;
    }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 21px;
    margin-bottom: 10.5px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 16px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10.5px;
}

.lead {
    margin-bottom: 21px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #616161;
}

.text-primary {
    color: #007EC6;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #79001d;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #007EC6;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #79001d;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #bfbfbf;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10.5px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 21px;
}

dt,
dd {
    line-height: 1.5;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #616161;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 17.5px;
    border-left: 5px solid #bfbfbf;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.5;
        color: #616161;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #bfbfbf;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.5;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .container {
        width: 1185px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1215px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #616161;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 15px;
        line-height: 1.5;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 10px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #007EC6;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #bfbfbf;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #bfbfbf;
    }

    .form-control::-webkit-input-placeholder {
        color: #bfbfbf;
    }

    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #bfbfbf;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 40px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 45px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 35px;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 33px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 45px;
    line-height: 45px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 45px;
    line-height: 45px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 45px;
    min-height: 39px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 50px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 26px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 28px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #007EC6;
    border-color: #01517f;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #01517f;
        border-color: #000000;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #01517f;
        border-color: #19051a;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #01517f;
        border-color: #19051a;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #19051a;
            border-color: #000000;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #007EC6;
        border-color: #4a104d;
    }

    .btn-primary .badge {
        color: #007EC6;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #2fc77c;
    border-color: #2ab26f;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #259e62;
        border-color: #124b2f;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #259e62;
        border-color: #1e8150;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #259e62;
        border-color: #1e8150;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #1e8150;
            border-color: #124b2f;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #2fc77c;
        border-color: #2ab26f;
    }

    .btn-success .badge {
        color: #2fc77c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #00b4ff;
    border-color: #00a2e6;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #0090cc;
        border-color: #004866;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #0090cc;
        border-color: #0077a8;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #0090cc;
        border-color: #0077a8;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #0077a8;
            border-color: #004866;
        }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #00b4ff;
        border-color: #00a2e6;
    }

    .btn-info .badge {
        color: #00b4ff;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #ff5722;
    border-color: #ff4408;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ee3900;
        border-color: #882100;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ee3900;
        border-color: #ca3100;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ee3900;
        border-color: #ca3100;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #ca3100;
            border-color: #882100;
        }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #ff5722;
        border-color: #ff4408;
    }

    .btn-warning .badge {
        color: #ff5722;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #f22d51;
    border-color: #f1153d;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #de0e34;
        border-color: #7e081d;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #de0e34;
        border-color: #bd0c2c;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #de0e34;
        border-color: #bd0c2c;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #bd0c2c;
            border-color: #7e081d;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #f22d51;
        border-color: #f1153d;
    }

    .btn-danger .badge {
        color: #f22d51;
        background-color: #fff;
    }

.btn-link {
    color: #007EC6;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #210722;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #616161;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
/*added by JD*/
.btn-register {
    float: right;
    position: relative;
    right: 1%;
    top: 10px;
}

.btn-forgot-password {
    position: absolute;
    bottom: 4%;
    right: 3%;
}
/* **** */
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.5;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #007EC6;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #616161;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.5;
    color: #616161;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #303030;
    text-align: center;
    background-color: #bfbfbf;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #bfbfbf;
            }

        .nav > li.disabled > a {
            color: #616161;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #616161;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #bfbfbf;
        border-color: #007EC6;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ededed;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.5;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #bfbfbf #bfbfbf #ededed;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #303030;
            background-color: #fff;
            border: 1px solid #ededed;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ededed;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ededed;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #007EC6;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ededed;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ededed;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 18px;
    line-height: 21px;
    height: 50px;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.25px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 21px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 14.5px;
                padding-bottom: 14.5px;
            }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 14.5px;
    margin-bottom: 14.5px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #888888;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #888888;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #888888;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #fff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #888888;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #888888;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #888888;
}

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
    }

.breadcrumb {
    padding: 0 0;
    margin-bottom: 21px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "›\00a0";
            padding: 0 5px;
            color: #ccc;
        }

    .breadcrumb > .active {
        color: #616161;
    }

.pagination {
    display: table;
    padding-left: 0;
    margin: auto;
    border-radius: 4px;
}

    .pagination > li {
        /*   display: inline;*/
        display: inline-grid;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.5;
            text-decoration: none;
            color: #007EC6;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            color: #210722;
            background-color: #bfbfbf;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        background-color: #007EC6;
        border-color: #007EC6;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #616161;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center;
}

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #bfbfbf;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #616161;
        background-color: #fff;
        cursor: not-allowed;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #616161;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #484848;
    }

.label-primary {
    background-color: #007EC6;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #79001d;
    }

.label-success {
    background-color: #2fc77c;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #259e62;
    }

.label-info {
    background-color: #00b4ff;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #0090cc;
    }

.label-warning {
    background-color: #ff5722;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ee3900;
    }

.label-danger {
    background-color: #f22d51;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #de0e34;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #616161;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #007EC6;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #bfbfbf;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #a6a6a6;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 6px;
    margin-bottom: 21px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        margin-left: auto;
        margin-right: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #007EC6;
}

.thumbnail .caption {
    padding: 9px;
    color: #333333;
}

.alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px;
}

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

    .alert .alert-link {
        font-weight: bold;
    }

    .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 {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

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

    .alert-success .alert-link {
        color: #2b542c;
    }
.activation {
    margin: 40px auto;
    padding: 20px 0;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

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

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

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

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

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

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

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #007EC6;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #2fc77c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #00b4ff;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #ff5722;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #f22d51;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item,
button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #bfbfbf;
    color: #616161;
    cursor: not-allowed;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #616161;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #007EC6;
    border-color: #007EC6;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #d963df;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover,
    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover,
    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover,
    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover,
    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 21px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #007EC6;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #007EC6;
        border-color: #007EC6;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #007EC6;
        }

        .panel-primary > .panel-heading .badge {
            color: #007EC6;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #007EC6;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

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

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

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

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #303030;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 450px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 50px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 75px;
        height: 75px;
        margin-top: -25px;
        font-size: 75px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -25px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -25px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.orderNotAvailableRow:before,
.orderNotAvailableRow:after,
.orderNotAvailableContent:before,
.orderNotAvailableContent:after,
.contentBox:before,
.contentBox:after,
.contentBoxRow:before,
.contentBoxRow:after,
.pageContainerBlank:before,
.pageContainerBlank:after,
.staticPageContainer:before,
.staticPageContainer:after,
.staticPageContainerRow:before,
.staticPageContainerRow:after,
.productGridContainer:before,
.productGridContainer:after,
.productGridRow:before,
.productGridRow:after,
.headerContainer:before,
.headerContainer:after,
.headerRow:before,
.headerRow:after,
.footerContent:before,
.footerContent:after,
.alertRow:before,
.alertRow:after,
.alertContent:before,
.alertContent:after,
.breadcrumbContainer:before,
.breadcrumbContainer:after,
.breadcrumbList:before,
.breadcrumbList:after,
.brandGridContent:before,
.brandGridContent:after,
.tabsContainer:before,
.tabsContainer:after,
.tabsContent .nav-tabs:before,
.tabsContent .nav-tabs:after,
.formRow:before,
.formRow:after,
.formLoginExtras:before,
.formLoginExtras:after,
.categoryContainer:before,
.categoryContainer:after,
.categoryRow:before,
.categoryRow:after,
.categoryContainerListingHeader:before,
.categoryContainerListingHeader:after,
.productSpecificationsRow:before,
.productSpecificationsRow:after,
.productPageContainer:before,
.productPageContainer:after,
.productPageContainerRow:before,
.productPageContainerRow:after,
.orderDefinitionItem:before,
.orderDefinitionItem:after,
.relatedProductsContainer:before,
.relatedProductsContainer:after,
.tabbedWithSidebarContainer:before,
.tabbedWithSidebarContainer:after,
.addressFieldStructurePerson:before,
.addressFieldStructurePerson:after,
.addressFieldStructureAddress:before,
.addressFieldStructureAddress:after,
.addressRow:before,
.addressRow:after,
.addressBoxEdit .fieldPerson:before,
.addressBoxEdit .fieldPerson:after,
.addressBoxEdit .fieldAddress:before,
.addressBoxEdit .fieldAddress:after,
.addressAddContainer address .fieldPerson:before,
.addressAddContainer address .fieldPerson:after,
.addressAddContainer address .fieldAddress:before,
.addressAddContainer address .fieldAddress:after,
.addressAddRow:before,
.addressAddRow:after,
.financeWrapper:before,
.financeWrapper:after,
.rowFinance:before,
.rowFinance:after,
.rowFinanceCreditLimit .financeContent .formElementRow:before,
.rowFinanceCreditLimit .financeContent .formElementRow:after,
.orderListItemLevel:before,
.orderListItemLevel:after,
.approvalListItemLevel:before,
.approvalListItemLevel:after,
.orderReportListItemLevel:before,
.orderReportListItemLevel:after,
.invoiceListItemLevel:before,
.invoiceListItemLevel:after,
.datalistListItemLevel:before,
.datalistItemLevel:after,
.orderListContent .sortBar:before,
.orderListContent .sortBar:after,
.approvalListContent .sortBar:before,
.approvalListContent .sortBar:after,
.orderReportListContent .sortBar:before,
.orderReportListContent .sortBar:after,
.invoiceListContent .sortBar:before,
.invoiceListContent .sortBar:after,
.datalistListContent .sortBar:before,
.datalistListContent .sortBar:after,
.approvalListContent .sortBar:before,
.approvalListContent .sortBar:after,
.orderReportListContent .sortBar:before,
.orderReportListContent .sortBar:after,
.savedDocumentsContent .sortBar:before,
.savedDocumentsContent .sortBar:after,
.basketContainer:before,
.basketContainer:after,
.basketRow:before,
.basketRow:after,
.basketTotalsElement:before,
.basketTotalsElement:after,
.actionButtonCollection:before,
.actionButtonCollection:after,
.orderItem:before,
.orderItem:after,
.orderDetailsRow:before,
.orderDetailsRow:after,
.thankYouAddressesRow:before,
.thankYouAddressesRow:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.orderNotAvailableRow:after,
.orderNotAvailableContent:after,
.contentBox:after,
.contentBoxRow:after,
.pageContainerBlank:after,
.staticPageContainer:after,
.staticPageContainerRow:after,
.productGridContainer:after,
.productGridRow:after,
.headerContainer:after,
.headerRow:after,
.footerContent:after,
.alertRow:after,
.alertContent:after,
.breadcrumbContainer:after,
.breadcrumbList:after,
.brandGridContent:after,
.tabsContainer:after,
.tabsContent .nav-tabs:after,
.formRow:after,
.formLoginExtras:after,
.categoryContainer:after,
.categoryRow:after,
.categoryContainerListingHeader:after,
.productSpecificationsRow:after,
.productPageContainer:after,
.productPageContainerRow:after,
.orderDefinitionItem:after,
.relatedProductsContainer:after,
.tabbedWithSidebarContainer:after,
.addressFieldStructurePerson:after,
.addressFieldStructureAddress:after,
.addressRow:after,
.addressBoxEdit .fieldPerson:after,
.addressBoxEdit .fieldAddress:after,
.addressAddContainer address .fieldPerson:after,
.addressAddContainer address .fieldAddress:after,
.addressAddRow:after,
.financeWrapper:after,
.rowFinance:after,
.rowFinanceCreditLimit .financeContent .formElementRow:after,
.orderListItemLevel:after,
.approvalListItemLevel:after,
.orderReportListItemLevel:after,
.invoiceListItemLevel:after,
.datalistListItemLevel:after,
.orderListContent .sortBar:after,
.approvalListContent .sortBar:after,
.orderReportListContent .sortBar:after,
.savedDocumentsContent .sortBar:after,
.basketContainer:after,
.basketRow:after,
.basketTotalsElement:after,
.actionButtonCollection:after,
.orderItem:after,
.orderDetailsRow:after,
.thankYouAddressesRow:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1214px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1214px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1214px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1214px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1215px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1215px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1215px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1215px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1214px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1215px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
    border: 0;
    margin: 0;
    padding: 0 !important;
}

form,
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
    border: 0;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
    border: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
    display: block;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

    table caption,
    table th,
    table td {
        text-align: left;
        vertical-align: middle;
    }

a img {
    border: 0;
}

:focus {
    outline: 0;
}

.element-invisible {
    display: none;
}

/*	name: config/brand/defaults.less*/
.defaultTransitionDuration {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

/*	name: config/brand/type.less*/
@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/icomoon/fonts/icomoon.eot?tsq04b');
    src: url('../../fonts/icomoon/fonts/icomoon.eot?tsq04b#iefix') format('embedded-opentype'), url('../../fonts/icomoon/fonts/icomoon.ttf?tsq04b') format('truetype'), url('../../fonts/icomoon/fonts/icomoon.woff?tsq04b') format('woff'), url('../../fonts/icomoon/fonts/icomoon.svg?tsq04b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	name: config/brand/type.less*/
.fontSecondaryLight {
    font-family: Lato;
    font-weight: 300;
}

.fontSecondaryLightItalic {
    font-family: Lato;
    font-weight: 300;
    font-style: italic;
}

.fontSecondaryRegular {
    font-family: Lato;
    font-weight: 400;
}

.fontSecondaryRegularItalic {
    font-family: Lato;
    font-weight: 400;
    font-style: italic;
}

.fontSecondaryBold {
    font-family: Lato;
    font-weight: 700;
}

.fontSecondaryBoldItalic {
    font-family: Lato;
    font-weight: 700;
    font-style: italic;
}

/*	name: config/brand/bodyText.less*/
body {
    letter-spacing: .2px;
}

.textTight {
    line-height: 14px;
}

.mediumBodyText {
    font-size: 15.96px;
}

.smallBodyText {
    font-size: 12px;
}

.largeBodyText {
    font-size: 18px;
}

/*	name: config/brand/headings.less*/
h4 {
    font-family: Arial, sans-serif;
    font-weight: 700;
    letter-spacing: .2px;
}

/*	name: config/brand/formElements.less*/
select,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=phone],
input[type=tel] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    select:focus,
    textarea:focus,
    input[type=text]:focus,
    input[type=password]:focus,
    input[type=email]:focus,
    input[type=phone]:focus,
    input[type=tel]:focus {
        border-color: #007EC6;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
    }

    select::-moz-placeholder,
    textarea::-moz-placeholder,
    input[type=text]::-moz-placeholder,
    input[type=password]::-moz-placeholder,
    input[type=email]::-moz-placeholder,
    input[type=phone]::-moz-placeholder,
    input[type=tel]::-moz-placeholder {
        color: #bfbfbf;
        opacity: 1;
    }

    select:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    input[type=text]:-ms-input-placeholder,
    input[type=password]:-ms-input-placeholder,
    input[type=email]:-ms-input-placeholder,
    input[type=phone]:-ms-input-placeholder,
    input[type=tel]:-ms-input-placeholder {
        color: #bfbfbf;
    }

    select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    input[type=text]::-webkit-input-placeholder,
    input[type=password]::-webkit-input-placeholder,
    input[type=email]::-webkit-input-placeholder,
    input[type=phone]::-webkit-input-placeholder,
    input[type=tel]::-webkit-input-placeholder {
        color: #bfbfbf;
    }

    select::-ms-expand,
    textarea::-ms-expand,
    input[type=text]::-ms-expand,
    input[type=password]::-ms-expand,
    input[type=email]::-ms-expand,
    input[type=phone]::-ms-expand,
    input[type=tel]::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    select[disabled],
    textarea[disabled],
    input[type=text][disabled],
    input[type=password][disabled],
    input[type=email][disabled],
    input[type=phone][disabled],
    input[type=tel][disabled],
    select[readonly],
    textarea[readonly],
    input[type=text][readonly],
    input[type=password][readonly],
    input[type=email][readonly],
    input[type=phone][readonly],
    input[type=tel][readonly],
    fieldset[disabled] select,
    fieldset[disabled] textarea,
    fieldset[disabled] input[type=text],
    fieldset[disabled] input[type=password],
    fieldset[disabled] input[type=email],
    fieldset[disabled] input[type=phone],
    fieldset[disabled] input[type=tel] {
        background-color: #bfbfbf;
        opacity: 1;
    }

    select[disabled],
    textarea[disabled],
    input[type=text][disabled],
    input[type=password][disabled],
    input[type=email][disabled],
    input[type=phone][disabled],
    input[type=tel][disabled],
    fieldset[disabled] select,
    fieldset[disabled] textarea,
    fieldset[disabled] input[type=text],
    fieldset[disabled] input[type=password],
    fieldset[disabled] input[type=email],
    fieldset[disabled] input[type=phone],
    fieldset[disabled] input[type=tel] {
        cursor: not-allowed;
    }

textareaselect,
textareatextarea,
textareainput[type=text],
textareainput[type=password],
textareainput[type=email],
textareainput[type=phone],
textareainput[type=tel] {
    height: auto;
}

select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=phone]:focus,
input[type=tel]:focus,
select:active,
textarea:active,
input[type=text]:active,
input[type=password]:active,
input[type=email]:active,
input[type=phone]:active,
input[type=tel]:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

select:disabled,
textarea:disabled,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=phone]:disabled,
input[type=tel]:disabled,
select.disabled,
textarea.disabled,
input[type=text].disabled,
input[type=password].disabled,
input[type=email].disabled,
input[type=phone].disabled,
input[type=tel].disabled {
    background-color: rgba(245, 245, 245, 0.5) !important;
    color: #616161 !important;
}

.form-required {
    color: #007EC6;
}

/*	name: config/brand/formElements/checkbox.less*/
.checkbox label {
    position: relative;
    padding: 15px 0;
}

    .checkbox label .fieldInput {
        position: absolute;
        top: 15px;
        right: auto;
        bottom: auto;
        left: 0;
    }

        .checkbox label .fieldInput input[type=checkbox] {
            visibility: hidden;
        }

        .checkbox label .fieldInput .fieldGraphic {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            display: block;
            width: 23.07692308px;
            height: 23.07692308px;
            background-color: #fff;
            border: 1px solid #bfbfbf;
        }

        .checkbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
            color: #fff;
            background-color: #007EC6;
        }

            .checkbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                content: '\e116';
            }

            .checkbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                line-height: 23.07692308px;
                text-align: center;
            }

    .checkbox label .fieldName {
        padding-left: 38.07692308px;
        font-size: 12px;
        line-height: 2em;
        display: block;
    }

.checkboxSmall label {
    font-size: 9.33333333px;
}

    .checkboxSmall label .fieldInput .fieldGraphic {
        top: 2px;
        width: 15.38461538px;
        height: 15.38461538px;
    }

    .checkboxSmall label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
        width: 14.38461538px;
        height: 14.38461538px;
        line-height: 13.38461538px;
    }

    .checkboxSmall label .fieldName {
        padding-left: 19.67032967px;
        font-size: 9.33333333px;
    }

/*	name: config/brand/formElements/radio.less*/
.radio label {
    position: relative;
    padding: 15px 0;
}

    .radio label .fieldInput {
        position: absolute;
        top: 15px;
        right: auto;
        bottom: auto;
        left: 0;
    }

        .radio label .fieldInput .filter {
            visibility: hidden;
        }

        .radio label .fieldInput .fieldGraphic {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            display: block;
            width: 23.07692308px;
            height: 23.07692308px;
            background-color: #fff;
            border: 1px solid #bfbfbf;
        }

        .radio label .fieldInput input[type=radio]:checked + .fieldGraphic {
            color: #fff;
            background-color: #3FAA35;
        }

            .radio label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                content: '\e116';
            }

            .radio label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                line-height: 23.07692308px;
                text-align: center;
            }

    .radio label .fieldName {
        padding-left: 33.07692308px;
        font-size: 12px;
        line-height: 2em;
        display: block;
    }

/*	name: config/brand/formElements/textarea.less*/
textarea {
    height: 120px;
}
/*	name: config/brand/formElements/fileUpload.less*/
.fileUpload {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    background-color: #f5f5f5;
    height: 160px;
    text-align: center;
    padding: 30px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .fileUpload input {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
    }

    .fileUpload .textField {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #bfbfbf;
        font-size: 15.96px;
    }

    .fileUpload .textFieldName {
        font-family: Lato;
        font-weight: 300;
    }

    .fileUpload .textFieldIcon {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .fileUpload .textFieldIcon:before {
            content: '\e123';
        }

    .fileUpload img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: auto;
        display: block;
        margin: auto;
        background-color: #fff;
    }

        .fileUpload img#uploadedImage[src="/img/blank.gif"],
        .fileUpload img#uploadedImage[src="null"] {
            visibility: hidden;
        }

    .fileUpload .hoverMessage {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: Lato;
        font-weight: 400;
        z-index: 10;
        color: #616161;
        padding: 16% 0;
        display: none;
    }

    .fileUpload .previewIsOn + .textField {
        display: none;
    }

    .fileUpload:hover .hoverMessage {
        display: block;
        background-color: #f5f5f5;
    }

/*	name: config/brand/formElements/password.less*/
input[type="password"] {
    padding-right: 100px !important;
}

/*	name: config/brand/formElements/checkbox.less*/
.showPasswordField {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    right: 45px;
    bottom: auto;
    left: auto;
}

    .showPasswordField label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .showPasswordField.disabled label,
    fieldset[disabled] .showPasswordField label {
        cursor: not-allowed;
    }

    .showPasswordField label {
        position: relative;
        padding: 15px 0;
    }

        .showPasswordField label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .showPasswordField label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .showPasswordField label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .showPasswordField label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .showPasswordField label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .showPasswordField label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .showPasswordField label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

    .showPasswordField label {
        font-size: 9.33333333px;
    }

        .showPasswordField label .fieldInput .fieldGraphic {
            top: 2px;
            width: 15.38461538px;
            height: 15.38461538px;
        }

        .showPasswordField label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
            width: 14.38461538px;
            height: 14.38461538px;
            line-height: 13.38461538px;
        }

        .showPasswordField label .fieldName {
            padding-left: 19.67032967px;
            font-size: 9.33333333px;
        }

.showPasswordLabel {
    padding: 0 !important;
}

    .showPasswordLabel .fieldInput {
        top: 0 !important;
    }

/*	name: config/brand/formElements/dateTimePicker.less*/
.form_datetime {
    position: relative;
}

    .form_datetime input[type=text][readonly] {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        font-family: Lato;
        font-weight: 700;
        font-size: 15.96px;
        color: #000;
        position: relative;
        cursor: pointer;
        padding: 13.63636364px;
        background-color: #fff;
        border: 1px solid #ededed;
        height: auto;
    }

        .form_datetime input[type=text][readonly]:before {
            content: '\e313';
        }

.add-on {
    position: relative;
    top: -30px;
    right: 15px;
    /* bottom: 0; */
    /* left: 0; */
    display: block;
    text-align: right;
    pointer-events: none;
}

    .add-on .icon-th {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
    }

        .add-on .icon-th:before {
            content: '\f073';
        }

.datetimepicker {
    padding: 10px !important;
}

    .datetimepicker .icon-arrow-left:before {
        content: '\e314';
    }

    .datetimepicker .icon-arrow-right:before {
        content: '\e315';
    }

/*	name: config/brand/formElements/validation.less*/
label.error,
.field-validation-error {
    position: absolute;
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    padding-top: 3.75px;
    color: #f22d51;
    font-size: 9.33333333px;
}

    label.error:before,
    .field-validation-error:before {
        content: '\e000';
    }

    label.error:before,
    .field-validation-error:before {
        position: absolute;
        top: -33.75px;
        right: 6px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f22d51;
        font-size: 28px;
    }

input.error,
.input-validation-error {
    border-color: #f22d51 !important;
}

.valid + .field-validation-valid {
    position: absolute;
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    padding-top: 3.75px;
    color: #2fc77c;
    font-size: 9.33333333px;
}

    .valid + .field-validation-valid:before {
        content: '\e86c';
    }

    .valid + .field-validation-valid:before {
        position: absolute;
        top: -33.75px;
        right: 6px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 28px;
        color: #2fc77c;
    }

input.valid {
    border-color: #2fc77c !important;
    background-color: rgba(47, 199, 124, 0.1);
}

input.valid,
input.invalid {
    padding-right: 40px;
}

.validation-summary-errors {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 10px;
    background-color: rgba(242, 45, 81, 0.5);
    color: #f22d51;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

        .validation-summary-errors ul li {
            list-style: none;
        }

.orderNotAvailable {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 0;
    border-right: 0;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    margin-top: 60px;
}

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

    .orderNotAvailable .alert-link {
        font-weight: bold;
    }

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

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

.orderNotAvailableRow {
    margin-left: -15px;
    margin-right: -15px;
}

.orderNotAvailableContent {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 768px) {
    .orderNotAvailableContent {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .orderNotAvailableContent {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .orderNotAvailableContent {
        width: 1185px;
    }
}

.orderNotAvailableContent > .navbar-header,
.orderNotAvailableContent > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .orderNotAvailableContent > .navbar-header,
    .orderNotAvailableContent > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.orderNotAvailable .button {
    position: absolute;
    top: -6px;
    right: 0;
    bottom: auto;
    left: auto;
    font-size: 14px;
    height: auto;
    margin-top: 0;
}

.orderNotAvailable-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .orderNotAvailable-error hr {
        border-top-color: #e4b9c0;
    }

    .orderNotAvailable-error .alert-link {
        color: #843534;
    }

.orderNotAvailable hr {
    border-top-color: #e4b9c0;
}

.orderNotAvailable .alert-link {
    color: #843534;
}

.orderNotAvailable .icon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: relative;
    top: 4px;
    padding-right: 7.5px;
}

    .orderNotAvailable .icon:before {
        content: '\e000';
    }

.orderNotAvailable a {
    color: #f22d51;
    text-decoration: underline;
}

.fieldItemLastName .field-validation-valid:before,
.fieldItemFirstName .field-validation-valid:before {
    right: 21px !important;
}

.fieldItemFirstName input[name='firstName'].valid,
.fieldItemLastName input[name='lastName'].valid,
#ConfirmPassword.valid,
input[name='address2'].valid,
input[name='address3'].valid,
#invoiceEmail.valid,
#address2.valid,
#address3.valid {
    background-color: #fff;
    border-color: #ccc !important;
}

.fieldItemFirstName input[name='firstName'] + .field-validation-valid,
.fieldItemLastName input[name='lastName'] + .field-validation-valid,
#ConfirmPassword + .field-validation-valid,
input[name='address2'] + .field-validation-valid,
input[name='address3'] + .field-validation-valid,
#invoiceEmail + .field-validation-valid,
#address2 + .field-validation-valid,
#address3 + .field-validation-valid {
    display: none;
}

/*	name: config/brand/button.less*/
.button {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
}

    .button:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .button:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .button {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.buttonSmall {
    font-size: 14px;
    height: auto;
}

.buttonDefault {
    background-color: #00b4ff;
    border-color: #0fa6f3;
}

    .buttonDefault:hover {
        background-color: #00b4ff;
    }

.buttonWarning {
    background-color: #ff5722;
    border-color: #f33a00;
}

    .buttonWarning:hover {
        background-color: #ff5722;
    }

.buttonDanger {
    background-color: #f22d51;
    border-color: #dc143c;
}

    .buttonDanger:hover {
        background-color: #f22d51;
    }

.buttonPrimary {
    background-color: #007EC6;
    border-color: #01517f;
}

    .buttonPrimary:hover {
        background-color: #01517f;
    }

.buttonDisabled {
    background-color: #ededed;
    border-color: #ededed;
}

    .buttonDisabled:hover {
        background-color: #bfbfbf;
    }

.buttonFullWidth {
    width: 100% !important;
}

#divC4AWButton {
    z-index: 9999;
}

/*	name: config/brand/popover.less*/
.popover {
    font-family: Lato;
    font-weight: 300;
    margin-right: 30px;
}

    .popover ul {
        padding: 15px;
    }

/*	name: layout/grayContainer.less*/
.grayFullBackground {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*	name: layout/columnCenter.less*/
html,
body {
    height: 100%;
}

.contentBox {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
}

    .contentBox > .navbar-header,
    .contentBox > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

@media (min-width: 768px) {
    .contentBox > .navbar-header,
    .contentBox > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.contentBoxRow {
    margin-left: -15px;
    margin-right: -15px;
    height: 100%;
}

.contentBoxcolumnMain {
    height: 100%;
}

.contentBox .carouselContainer {
    height: 60%;
}

    .contentBox .carouselContainer .carousel {
        height: 100%;
    }

        .contentBox .carouselContainer .carousel .carousel-inner {
            height: 100%;
        }

            .contentBox .carouselContainer .carousel .carousel-inner .item {
                height: 100%;
            }

                .contentBox .carouselContainer .carousel .carousel-inner .item div {
                    height: 100%;
                }

.pageContainerBlank {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    background-color: #fff;
    padding: 30px;
}

@media (min-width: 768px) {
    .pageContainerBlank {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .pageContainerBlank {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .pageContainerBlank {
        width: 1185px;
    }
}

.pageContainerBlank > .navbar-header,
.pageContainerBlank > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .pageContainerBlank > .navbar-header,
    .pageContainerBlank > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

/*	name: layout/columnLeftCenter.less*/
.staticPage {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

.staticPageContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .staticPageContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .staticPageContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .staticPageContainer {
        width: 1185px;
    }
}

.staticPageContainer > .navbar-header,
.staticPageContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .staticPageContainer > .navbar-header,
    .staticPageContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.staticPageContainerRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .staticPageContainerRow {
        margin: 0;
    }
}

.staticPageName {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.staticPageSidebar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .staticPageSidebar {
        float: left;
        width: 25%;
    }
}

.staticPageContent {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .staticPageContent {
        float: left;
        width: 75%;
    }
}

/*	name: layout/gridDefinitions.less*/
.grid-section img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}

.grid-section .tagline {
    font-size: 24px;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .grid-section .tagline {
        padding-top: 15px;
    }
}

.grid-section a,
.grid-section a:hover,
.grid-section a:focus {
    text-decoration: none;
    font-weight: 300;
    font-family: lato;
    color: black;
}

.landingPageGrid {
    margin: 49.8px 0;
}

.productGridContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productGridContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .productGridContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .productGridContainer {
        width: 1185px;
    }
}

.productGridContainer > .navbar-header,
.productGridContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .productGridContainer > .navbar-header,
    .productGridContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.productGridRow {
    margin-left: -15px;
    margin-right: -15px;
}

.productContainer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productContainer {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1215px) {
    .productContainer {
        float: left;
        width: 33.33333333%;
    }
}

@media (max-width: 768px) {
    .productContainer {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 512px) {
    .productContainer {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 480px) and (max-width: 992px) {
    .topGridContent .column,
    .bottomGridContent .column {
        position: relative !important;
        /*float: left !important;*/
        width: 66% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        .topGridContent .column .column, .bottomGridContent .column .column {
            position: relative !important;
            /*float: left !important;*/
            width: 100% !important;
            min-height: 1px !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            text-align: center;
        }

            .topGridContent .column .column img,
            .bottomGridContent .column .column img {
                width: auto !important;
                margin: auto;
            }
}

@media (max-width: 480px) {
    .topGridContent .column,
    .bottomGridContent .column {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

        .topGridContent .column .column,
        .bottomGridContent .column .column {
            text-align: center;
        }

            .topGridContent .column .column img,
            .bottomGridContent .column .column img {
                width: auto !important;
                margin: auto;
            }
}

@media (max-width: 992px) {
    .topGridContent .grid-section:last-child .column {
        /*float: none !important;*/
        display: block;
        margin: auto;
    }
}

/*	name: blocks/header/structure.less*/
.headerContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .headerContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .headerContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .headerContainer {
        width: 1185px;
    }
}

.headerContainer > .navbar-header,
.headerContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .headerContainer > .navbar-header,
    .headerContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.headerRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 992px) {
    .headerMain.userIsNotLoggedIn .headerUserUtils {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .headerMain.userIsNotLoggedIn .headerUserUtils {
        float: left;
        width: 8.33333333%;
    }
}

.headerLogo {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .headerLogo {
        float: left;
        width: 16.66666667%;
    }
}

@media (max-width: 1215px) {
    .headerLogo {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .headerLogo {
        position: relative;
        float: left;
        width: 41.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 48px;
    }
}

@media (max-width: 480px) {
    .headerLogo {
        position: relative;
        float: left;
        width: 91.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 48px;
    }
}

.headerProductList {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .headerProductList {
        float: left;
        width: 16.66666667%;
    }
}

@media (min-width: 768px) and (max-width: 1215px) {
    .headerProductList {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .headerProductList {
        position: absolute;
        top: 8px;
        right: auto;
        bottom: auto;
        left: 5px;
        width: auto;
    }
}

.headerSearch {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1215px) {
    .headerSearch {
        float: left;
        width: 25%;
    }
}

@media (max-width: 1215px) and (min-width: 769px) {
    .headerSearch {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .headerSearch {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.headerUserUtils {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .headerUserUtils {
        float: left;
        width: 41.66666667%;
    }
}

@media (max-width: 1215px) {
    .headerUserUtils {
        position: relative;
        float: left;
        width: 8.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 5px !important;
        padding-bottom: 10px;
    }
}

/*	name: blocks/header/responsiveBehavior.less*/
@media (max-width: 768px) {
    .headerRow {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .headerProductList #selectedCategoryName {
        display: none;
    }
}

@media (max-width: 480px) {
    .headerSearch {
        position: absolute;
        top: 13px;
        right: 40px;
        bottom: auto;
        left: auto;
        padding: 0;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: auto;
    }

        .headerSearch:before {
            content: '\e8b6';
        }

        .headerSearch:before {
            position: absolute;
            top: -2px;
            right: 10px;
            bottom: auto;
            left: auto;
            font-size: 32px;
            color: #bfbfbf;
        }

        .headerSearch .searchContainer {
            font-family: Lato;
            font-weight: 400;
            display: none;
            position: relative;
            top: -5px;
        }

        .headerSearch.active:after {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            top: 1px;
            right: -32px;
            bottom: auto;
            left: auto;
            z-index: 1;
            content: '\e5c9';
            font-size: 32px;
            background-color: #fff;
            color: #bfbfbf;
            padding-left: 10px;
        }

        .headerSearch.active .searchContainer {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            display: block;
            background-color: #fff;
            padding-right: 10px;
        }
}

.affix .headerSearch.active:after {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #f5f5f5;
}

.affix .headerSearch.active .searchContainer {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #f5f5f5;
}

/*	name: blocks/header/global.less*/
.headerMain {
    -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1000;
}

.headerContainer {
    padding: 45px 0 25px;
}

@media (max-width: 768px) {
    .headerContainer {
        padding: 5px 0 5px;
    }
}

.headerLogo {
    padding-right: 0;
}

@media (max-width: 768px) {
    .headerLogo a {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 69px;
    }
}

@media (max-width: 480px) {
    .headerLogo a {
        padding-right: 60px;
        display: block;
    }
}

@media (max-width: 355px) {
    .headerLogo a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.headerLogo img {
    width: auto;
    display: block;
    max-width: 100%;
    max-height: 45px;
}

@media (max-width: 480px) and (min-width: 768px) {
    .headerLogo img {
        width: 100%;
        display: block;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .headerItem {
        height: 50px;
    }
}

.headerItem .searchInput {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 10px;
}

.headerItem .dropDownMenuListTitle {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 10px;
}

@media (max-width: 768px) {
    .headerItem .dropDownMenuListTitle {
        height: 45px;
        line-height: 45px;
        padding: 20px;
    }
}

/*	name: blocks/header/search.less*/
.searchGroup {
    position: relative;
}

.searchButton {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #bfbfbf;
    background-color: transparent;
    border: none;
    padding: 0;
}

    .searchButton:before {
        content: '\e037';
    }

.searchButtonContainer {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    cursor: pointer;
}

.twitter-typeahead {
    width: 100%;
}

.affixHeader {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #fff;
}

    .affixHeader.affix {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        position: fixed;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5;
        border-bottom: 1px solid #ededed;
        z-index: 1039;
    }

        .affixHeader.affix .headerContainer {
            padding-top: 5px;
            padding-bottom: 5px;
        }

.affix + .affixSpacer {
    height: 130px;
}

.affix-top + .affixSpacer {
    display: none;
}

/*	name: blocks/modal/global.less*/
.modal-content {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-header {
    background-color:#C31629;
    color: #fff;
}

    .modal-header h4 {
        font-family: Lato;
        font-weight: 300;
        font-size: 18px;
        text-align: left;
    }

    .modal-header .close {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-top: 3px;
        color: #fff;
        cursor: pointer;
    }

        .modal-header .close:before {
            content: '\e117';
        }

        .modal-header .close span {
            display: none;
        }

.modal-imageContainer {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    text-align: center;
}

    .modal-imageContainer img {
        padding: 1%, 1%, 1%, 1%;
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

.modal-footer {
    background-color: #bfbfbf;
    color: #fff;
    text-align: left;
    font-size: 12px;
}

    .modal-footer a {
        color: #fff;
        text-decoration: underline;
    }

        .modal-footer a:hover {
            text-decoration: none;
        }

.modal-body {
    padding: 60px 15px;
    background-color: #fff;
}

    .modal-body .alert {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
    }

.modal-gallery {
    position: fixed;
    top: 1%;
    right: 1%;
    bottom: 1%;
    left: 1%;
    width: auto;
    margin: 0;
    overflow: hidden;
}

/*	name: blocks/footer/structure.less*/
.sectionCopyright {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #a2a2a2;
}

.sectionNavigation {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.sectionSocial {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.footerContent .sectionSocial .social a {
    cursor: pointer;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .footerNavigation {
        display: block;
        margin: auto;
        width: 100%;
    }

    .sectionSocial a {
        margin-right: 0.2em;
    }

        .sectionSocial a:last-child {
            margin-right: 0;
        }
}

@media only screen and (max-width: 600px) {
    .footerNavigation {
        display: block;
        margin: auto;
        width: 100%;
    }

    .sectionSocial a {
        margin-right: 0.2em;
    }

        .sectionSocial a:last-child {
            margin-right: 0;
        }
}


@media (min-width: 992px) {
    .sectionNavigation {
        /*  float: left;
          width: 58.33333333%;*/
    }

    .sectionSocial {
        /*   float: left;
        width: 20%;*/
    }
}

@media (min-width: 768px) {
    .sectionNavigation {
        /*  float: left;
        width: 83.33333333%;*/
    }

    .sectionCopyright {
        /* float: left;
        width: 21.66666667%;*/
    }
}

/*	name: blocks/footer/global.less*/
.mainFooter {
    background-color: #303030;
    color: #fff;
    padding: 45px 0;
    clear: both;
}

.footerContent {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Lato;
    font-weight: 400;
    font-size: 15.96px;
    white-space: nowrap;
}

    .footerContent > .navbar-header,
    .footerContent > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .footerContent ul {
        text-align: center;
    }

        .footerContent ul li {
            list-style: none;
            display: inline-block;
            padding-right: 20px;
        }

            .footerContent ul li:last-child {
                padding-right: 0;
            }

            .footerContent ul li a {
                color: #fff;
            }

    .footerContent .sectionCopyright {
        font-size: 12px;
        line-height: 27px;
    }

    .footerContent .sectionSocial {
        text-align: right;
    }

        .footerContent .sectionSocial .social {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #fff;
            display: inline-block;
            margin-right: 6px;
        }

            .footerContent .sectionSocial .social:hover,
            .footerContent .sectionSocial .social:active {
                text-decoration: none;
            }

            .footerContent .sectionSocial .social:last-child {
                padding-right: 0;
            }

        .footerContent .sectionSocial .socialFacebook:before {
            content: '\f082';
        }

        .footerContent .sectionSocial .socialTwitter:before {
            content: '\f081';
        }

        .footerContent .sectionSocial .socialLinkedin:before {
            content: '\f08c';
        }

        .footerContent .sectionSocial .socialYouTube:before {
            content: '\f167';
        }

        .footerContent .sectionSocial .socialInstagram:before {
            content: '\f16d';
        }

        .footerContent .sectionSocial .socialPinterest:before {
            content: '\ead1';
        }

        .footerContent .sectionSocial .socialTumblr:before {
            content: '\eaba';
        }

.social_link,
.social_link a {
    color: #fff;
    text-decoration: none;
}

    .social_link:hover,
    .social_link a:hover,
    .social_link a:active {
        color: #fff;
        text-decoration: none;
    }

/*	name: blocks/facets/structure.less
	name: blocks/facets/global.less*/
.facetItem {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-family: Lato;
    font-weight: 700;
    font-size: 15.96px;
    color: #000;
    position: relative;
    cursor: pointer;
    padding: 13.63636364px;
    background-color: #fff;
    border: 1px solid #ededed;
    height: auto;
}

    .facetItem:before {
        content: '\e313';
    }

.containerFacets .well {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

    .containerFacets .well legend {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        font-family: Lato;
        font-weight: 700;
        font-size: 15.96px;
        color: #000;
        position: relative;
        cursor: pointer;
        padding: 13.63636364px;
        background-color: #fff;
        border: 1px solid #ededed;
        height: auto;
    }

        .containerFacets .well legend:before {
            content: '\e313';
        }

        .containerFacets .well legend:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 13.63636364px;
            right: 13.63636364px;
            bottom: auto;
            left: auto;
            font-size: 18px;
        }

    .containerFacets .well label {
        display: none;
    }

    .containerFacets .well.active legend {
        -webkit-box-shadow: inset 0 0 7.5px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 7.5px rgba(0, 0, 0, 0.3);
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        magin-bottom: 15px;
        background-color: transparent;
        color: #bfbfbf;
        border-color: #bfbfbf;
    }

        .containerFacets .well.active legend:before {
            content: '\e316';
        }

    .containerFacets .well.active .labelContainer {
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-top: 13.63636364px;
        padding: 13.63636364px;
        background-color: #fff;
        border: 1px solid #ededed;
    }

    .containerFacets .well.active label {
        display: block;
    }

.categoryContainerFacets .well,
.orderListContainerFacets .well,
.invoiceListContainerFacets .well,
.datalistListContainerFacets .well,
.approvalListContainerFacets .well,
.orderReportListContainerFacets .well {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0;
}

    .categoryContainerFacets .well legend,
    .orderListContainerFacets .well legend,
    .invoiceListContainerFacets .well legend,
    .datalistListContainerFacets .well legend,
    .approvalListContainerFacets .well legend,
    .orderReportListContainerFacets .well legend {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        font-family: Lato;
        font-weight: 700;
        font-size: 15.96px;
        color: #000;
        position: relative;
        cursor: pointer;
        padding: 13.63636364px;
        background-color: #fff;
        border: 1px solid #ededed;
        height: auto;
    }

        .categoryContainerFacets .well legend:before,
        .orderListContainerFacets .well legend:before,
        .invoiceListContainerFacets .well legend:before,
        .datalistListContainerFacets .well legend:before,
        .approvalListContainerFacets .well legend:before,
        .orderReportListContainerFacets .well legend:before {
            content: '\e313';
        }

        .categoryContainerFacets .well legend:before,
        .orderListContainerFacets .well legend:before,
        .invoiceListContainerFacets .well legend:before,
        .datalistListContainerFacets .well legend:before,
        .approvalListContainerFacets .well legend:before,
        .orderReportListContainerFacets .well legend:before {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 13.63636364px;
            right: 13.63636364px;
            bottom: auto;
            left: auto;
            font-size: 18px;
        }

    .categoryContainerFacets .well label,
    .orderListContainerFacets .well label,
    .invoiceListContainerFacets .well label,
    .datalistListContainerFacets .well label,
    .approvalListContainerFacets .well label,
    .orderReportListContainerFacets .well label {
        display: none;
    }

    .categoryContainerFacets .well.active legend,
    .orderListContainerFacets .well.active legend,
    .invoiceListContainerFacets .well.active legend,
    .datalistListContainerFacets .well.active legend,
    .approvalListContainerFacets .well.active legend,
    .orderReportListContainerFacets .well.active legend {
        -webkit-box-shadow: inset 0 0 7.5px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 7.5px rgba(0, 0, 0, 0.3);
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        magin-bottom: 15px;
        background-color: transparent;
        color: #bfbfbf;
        border-color: #bfbfbf;
    }

        .categoryContainerFacets .well.active legend:before,
        .orderListContainerFacets .well.active legend:before,
        .invoiceListContainerFacets .well.active legend:before,
        .datalistListContainerFacets .well.active legend:before,
        .approvalListContainerFacets .well.active legend:before,
        .orderReportListContainerFacets .well.active legend:before {
            content: '\e316';
        }

    .categoryContainerFacets .well.active .labelContainer,
    .orderListContainerFacets .well.active .labelContainer,
    .invoiceListContainerFacets .well.active .labelContainer,
    .datalistListContainerFacets .well.active .labelContainer,
    .approvalListContainerFacets .well.active .labelContainer,
    .orderReportListContainerFacets .well.active .labelContainer {
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-top: 13.63636364px;
        padding: 13.63636364px;
        background-color: #fff;
        border: 1px solid #ededed;
    }

    .categoryContainerFacets .well.active label,
    .orderListContainerFacets .well.active label,
    .invoiceListContainerFacets .well.active label,
    .datalistListContainerFacets .well.active label,
    .approvalListContainerFacets .well.active label,
    .orderReportListContainerFacets .well.active label {
        display: block;
    }

    .categoryContainerFacets .well label,
    .orderListContainerFacets .well label,
    .invoiceListContainerFacets .well label,
    .datalistListContainerFacets .well label,
    .apporvalListContainerFacets .well label {
        /*font-family: Lato;*/
        font-weight: 400;
        font-size: 14px;
        color: #616161;
        padding-bottom: 6px;
    }

        .categoryContainerFacets .well label input[type=checkbox],
        .orderListContainerFacets .well label input[type=checkbox],
        .invoiceListContainerFacets .well label input[type=checkbox],
        .datalistListContainerFacets .well label input[type=checkbox],
        .approvalListContainerFacets .well label input[type=checkbox],
        .orderReportListContainerFacets .well label input[type=checkbox] {
            margin-right: 6px;
        }

        .categoryContainerFacets .well label input[type=radio],
        .orderListContainerFacets .well label input[type=radio],
        .invoiceListContainerFacets .well label input[type=radio],
        .datalistListContainerFacets .well label input[type=radio],
        .approvalListContainerFacets .well label input[type=radio],
        .orderReportListContainerFacets .well label input[type=radio] {
            margin-right: 6px;
        }

        .categoryContainerFacets .well label.all,
        .orderListContainerFacets .well label.all,
        .invoiceListContainerFacets .well label.all,
        .datalistListContainerFacets .well label.all,
        .approvalListContainerFacets .well label.all,
        .orderReportListContainerFacets .well label.all {
            display: none;
        }

.facet_tpl,
.facet_ProductDefinition,
.facet_GBP_Range {
    display: none;
}

/*	name: blocks/facets/item.less*/
.containerFacets .well label {
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    color: #616161;
    padding-bottom: 6px;
}

    .containerFacets .well label input[type=checkbox] {
        margin-right: 6px;
    }

    .containerFacets .well label input[type=radio] {
        margin-right: 6px;
    }

    .containerFacets .well label.all {
        display: none;
    }

/*	name: blocks/alerts.less*/
.alert {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: 0;
    border-right: 0;
}

.alertRow {
    margin-left: -15px;
    margin-right: -15px;
}

.alertContent {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 768px) {
    .alertContent {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .alertContent {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .alertContent {
        width: 1185px;
    }
}

.alertContent > .navbar-header,
.alertContent > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .alertContent > .navbar-header,
    .alertContent > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.alert .button {
    position: absolute;
    top: -6px;
    right: 0;
    bottom: auto;
    left: auto;
    font-size: 14px;
    height: auto;
    margin-top: 0;
}

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

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

    .alert-error .alert-link {
        color: #843534;
    }

#product-details > .alertContainer {
    margin-top: -30px;
}

/*	name: blocks/pagination/global.less*/
.pagination li {
    padding: 5px !important;
    width: auto !important;
}

    .pagination li a {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        color: #000;
        z-index: auto;
    }

        .pagination li a:hover {
            background-color: #007EC6;
            color: #fff;
        }

    .pagination li.active a {
        background-color: #00b4ff;
        border-color: #00b4ff;
    }

    .pagination li.disabled a {
        background-color: #ededed;
        color: #fff;
    }

.pagination .prevnext {
    white-space: nowrap;
    text-transform: uppercase;
}

.data-pagination {
    display: flex;
}

/*	name: blocks/dropDownNav/global.less*/
.ui-multiselect .ui-icon {
    display: none !important;
}

.dropDownMenuBaseDefinition {
    min-width: 240px;
    display: none;
}

    .dropDownMenuBaseDefinition:after {
        position: absolute;
        top: -7.5px;
        right: auto;
        bottom: auto;
        left: 15px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 3px;
        -moz-background-clip: padding;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        z-index: 1001;
    }

@media (max-width: 768px) {
    .dropDownMenuBaseDefinition:after {
        left: 11.11111111px;
    }
}

.dropDownMenuBaseContainer {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
}

@media (max-width: 768px) {
    .dropDownMenuBaseContainer {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .dropDownMenuBaseContainer {
        max-height: 240px;
        overflow-y: auto;
    }
}

.dropDownItemsBase li {
    display: block;
    padding: 0;
    text-align: left;
}

    .dropDownItemsBase li a {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        height: 55px;
        line-height: 55px;
        color: #000;
        display: block;
        padding: 3px 15px;
        border-bottom: 1px solid #bfbfbf;
    }

        .dropDownItemsBase li a:hover {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background-color: rgba(237, 237, 237, 0.5);
            text-decoration: none;
        }

@media (min-width: 768px) {
    .dropDownItemsBase li:last-child a {
        border-bottom: none;
    }
}

.dropDownMenuListTitle {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    list-style: none;
    color: #000;
}

    .dropDownMenuListTitle:before {
        content: '\e313';
    }

    .dropDownMenuListTitle:focus {
        border-color: #007EC6;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
    }

    .dropDownMenuListTitle::-moz-placeholder {
        color: #bfbfbf;
        opacity: 1;
    }

    .dropDownMenuListTitle:-ms-input-placeholder {
        color: #bfbfbf;
    }

    .dropDownMenuListTitle::-webkit-input-placeholder {
        color: #bfbfbf;
    }

    .dropDownMenuListTitle::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .dropDownMenuListTitle[disabled],
    .dropDownMenuListTitle[readonly],
    fieldset[disabled] .dropDownMenuListTitle {
        background-color: #bfbfbf;
        opacity: 1;
    }

    .dropDownMenuListTitle[disabled],
    fieldset[disabled] .dropDownMenuListTitle {
        cursor: not-allowed;
    }

textarea.dropDownMenuListTitle {
    height: auto;
}

.dropDownMenuListTitle:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
    font-size: 32px;
    color: #bfbfbf;
}

@media (max-width: 768px) {
    .dropDownMenuListTitle {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background-color: transparent;
    }

        .dropDownMenuListTitle:before {
            content: '\e120';
        }
}

@media (min-width: 768px) {
    .dropDownMenuListTitle.active {
        background-color: #f5f5f5;
    }
}

.dropDownMenuItem {
    position: relative;
    list-style: none;
    padding: 7.5px 7.5px 0 7.5px;
    cursor: pointer;
}

    .dropDownMenuItem .listContainer {
        min-width: 240px;
        display: none;
        position: absolute;
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
    }

        .dropDownMenuItem .listContainer:after {
            position: absolute;
            top: -7.5px;
            right: auto;
            bottom: auto;
            left: 15px;
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-border-top-left-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius-topleft: 3px;
            -moz-background-clip: padding;
            border-top-left-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            content: '';
            display: block;
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-top: 1px solid #bfbfbf;
            border-left: 1px solid #bfbfbf;
            z-index: 1001;
        }

@media (max-width: 768px) {
    .dropDownMenuItem .listContainer:after {
        left: 11.11111111px;
    }
}

.dropDownMenuItem .listContainer .dropDownMenuContainer {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .dropDownMenuItem .listContainer .dropDownMenuContainer {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .dropDownMenuItem .listContainer .dropDownMenuContainer {
        max-height: 240px;
        overflow-y: auto;
    }
}

.dropDownMenuItem .listContainer ul {
    position: relative;
    z-index: 1002;
}

    .dropDownMenuItem .listContainer ul li {
        display: block;
        padding: 0;
        text-align: left;
    }

        .dropDownMenuItem .listContainer ul li a {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            height: 55px;
            line-height: 55px;
            color: #000;
            display: block;
            padding: 3px 15px;
            border-bottom: 1px solid #bfbfbf;
        }

            .dropDownMenuItem .listContainer ul li a:hover {
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
                background-color: rgba(237, 237, 237, 0.5);
                text-decoration: none;
            }

@media (min-width: 768px) {
    .dropDownMenuItem .listContainer ul li:last-child a {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .dropDownMenuItem:hover {
        background-color: #f5f5f5;
    }
}

.dropDownMenuItem.active {
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius-bottomright: 0;
    -moz-background-clip: padding;
    border-bottom-right-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .dropDownMenuItem.active:before {
        content: '\e316';
    }

@media (max-width: 768px) {
    .dropDownMenuItem.active {
        background-color: transparent;
    }

        .dropDownMenuItem.active:before {
            content: '\e117';
        }
}

.dropDownMenuItem.active .listContainer.active {
    display: block;
}

/*	name: blocks/userNav/global.less*/
.headerUserUtils {
    text-align: right;
}

    .headerUserUtils ul li {
        display: inline-block;
        padding-right: 30px;
    }

        .headerUserUtils ul li:last-child {
            padding-right: 0;
        }

        .headerUserUtils ul li > a,
        .headerUserUtils ul li > button {
            border: none;
            background-color: transparent;
            height: 45px;
            line-height: 45px;
            color: #000;
            cursor: pointer;
        }

            .headerUserUtils ul li > a:hover,
            .headerUserUtils ul li > button:hover {
                text-decoration: none;
                color: #007EC6;
            }

@media (max-width: 1215px) {
    .headerUserUtils {
        position: relative;
    }

        .headerUserUtils .mobileIcon {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 24px;
            color: #bfbfbf;
            display: block;
            position: relative;
            right: 13px;
            margin-top: 11px;
        }

            .headerUserUtils .mobileIcon:before {
                content: '\f2c0';
            }

        .headerUserUtils ul {
            display: none;
            background-color: #fff;
        }

            .headerUserUtils ul:after {
                position: absolute;
                top: -8.82352941px;
                right: 12px;
                bottom: auto;
                left: auto;
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-border-top-left-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius-topleft: 3px;
                -moz-background-clip: padding;
                border-top-left-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                content: '';
                display: block;
                background-color: #fff;
                width: 15px;
                height: 15px;
                border-top: 1px solid #bfbfbf;
                border-left: 1px solid #bfbfbf;
                z-index: 1001;
            }

            .headerUserUtils ul.active {
                display: block;
                margin-top: 7px;
            }
}

.topUserNav {
    overflow: visible !important;
    max-height: none !important;
}

/*	name: blocks/userNav/dropDownMenu.less*/
.dropDownUserMenu {
    min-width: 240px;
    display: none;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: -15px;
}

    .dropDownUserMenu:after {
        position: absolute;
        top: -7.5px;
        right: auto;
        bottom: auto;
        left: 15px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 3px;
        -moz-background-clip: padding;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        z-index: 1001;
    }

@media (max-width: 768px) {
    .dropDownUserMenu:after {
        left: 11.11111111px;
    }
}

.dropDownUserMenuContent {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
}

@media (max-width: 768px) {
    .dropDownUserMenuContent {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .dropDownUserMenuContent {
        max-height: 240px;
        overflow-y: auto;
    }
}

@media (max-width: 1215px) {
    .headerUserUtils > form > ul,
    .headerUserUtils > ul {
        font-family: Lato;
        font-weight: 400;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        border: 1px solid #bfbfbf;
        background-color: #fff;
        color: #000;
        z-index: 1000;
        position: absolute;
        top: 100%;
        right: 5px;
        bottom: auto;
        left: auto;
        min-width: 240px;
        width: 280px;
    }

        .headerUserUtils > form > ul li,
        .headerUserUtils > ul li {
            display: block;
            padding: 0;
            text-align: left;
        }

            .headerUserUtils > form > ul li a,
            .headerUserUtils > ul li a {
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
                height: 55px;
                line-height: 55px;
                color: #000;
                display: block;
                padding: 3px 15px;
                border-bottom: 1px solid #bfbfbf;
            }

                .headerUserUtils > form > ul li a:hover,
                .headerUserUtils > ul li a:hover {
                    -webkit-transition-duration: 0.5s;
                    -o-transition-duration: 0.5s;
                    transition-duration: 0.5s;
                    background-color: rgba(237, 237, 237, 0.5);
                    text-decoration: none;
                }

            .headerUserUtils > form > ul li .basketValue,
            .headerUserUtils > ul li .basketValue,
            .headerUserUtils > form > ul li .miniBasketDetail,
            .headerUserUtils > ul li .miniBasketDetail,
            .headerUserUtils > form > ul li .miniBasketDetailContent,
            .headerUserUtils > ul li .miniBasketDetailContent,
            .headerUserUtils > form > ul li .userMenu,
            .headerUserUtils > ul li .userMenu {
                position: static !important;
                margin: 0;
                border: none;
                width: auto;
                height: auto;
            }

                .headerUserUtils > form > ul li .basketValue:after,
                .headerUserUtils > ul li .basketValue:after,
                .headerUserUtils > form > ul li .miniBasketDetail:after,
                .headerUserUtils > ul li .miniBasketDetail:after,
                .headerUserUtils > form > ul li .miniBasketDetailContent:after,
                .headerUserUtils > ul li .miniBasketDetailContent:after,
                .headerUserUtils > form > ul li .userMenu:after,
                .headerUserUtils > ul li .userMenu:after {
                    display: none;
                }

            .headerUserUtils > form > ul li .basketValueContent,
            .headerUserUtils > ul li .basketValueContent,
            .headerUserUtils > form > ul li .miniBasketDetailContent,
            .headerUserUtils > ul li .miniBasketDetailContent,
            .headerUserUtils > form > ul li .miniBasketDetailContentContent,
            .headerUserUtils > ul li .miniBasketDetailContentContent,
            .headerUserUtils > form > ul li .userMenuContent,
            .headerUserUtils > ul li .userMenuContent {
                border: none;
            }

                .headerUserUtils > form > ul li .basketValue .button,
                .headerUserUtils > ul li .basketValue .button,
                .headerUserUtils > form > ul li .miniBasketDetail .button,
                .headerUserUtils > ul li .miniBasketDetail .button,
                .headerUserUtils > form > ul li .miniBasketDetailContent .button,
                .headerUserUtils > ul li .miniBasketDetailContent .button,
                .headerUserUtils > form > ul li .userMenu .button,
                .headerUserUtils > ul li .userMenu .button {
                    color: #fff;
                }

            .headerUserUtils > form > ul li .miniBasketDetail,
            .headerUserUtils > ul li .miniBasketDetail {
                display: block !important;
            }

                .headerUserUtils > form > ul li .miniBasketDetail:after,
                .headerUserUtils > ul li .miniBasketDetail:after {
                    display: none;
                }

            .headerUserUtils > form > ul li.basket > a,
            .headerUserUtils > ul li.basket > a,
            .headerUserUtils > form > ul li #empty-cart,
            .headerUserUtils > ul li #empty-cart {
                display: none !important;
            }

    .loggedInItem.account:after {
        position: absolute;
        top: 30px;
        right: 12px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e313';
    }
}

@media (max-width: 1215px) and (max-width: 768px) {
    .headerUserUtils > form > ul,
    .headerUserUtils > ul {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-width: 1215px) and (max-height: 480px) {
    .headerUserUtils > form > ul,
    .headerUserUtils > ul {
        max-height: 240px;
        overflow-y: auto;
    }
}

@media (max-width: 1215px) and (min-width: 768px) {
    .headerUserUtils > form > ul li:last-child a,
    .headerUserUtils > ul li:last-child a {
        border-bottom: none;
    }
}

/*	name: blocks/userNav/guest.less*/
.headerUserUtils ul li a.linkUser:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1215px) {
    .headerUserUtils ul li a.linkRegister:before {
        content: '\e7fe';
    }

    .headerUserUtils ul li a.linkRegister:before {
        padding-right: 10px;
    }
}

.headerUserUtils ul li a.linkLogin:before {
    font-size: 20px;
    content: '\e074';
}

.headerUserUtils ul li a.linkLogin:before {
    padding-right: 10px;
}

@media (max-width: 1215px) {
    .headerUserUtils ul li a.linkLogin:before {
        content: '\e7fd';
    }
}

/*	name: blocks/userNav/registered.less*/
.userMenu {
    display: none;
}

.loggedInIcon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 6px;
}

.basket {
    position: relative;
}

.basketValue {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: -15px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 1;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 9.33333333px;
    background-color: #007EC6;
    text-align: center;
}

    .basketValue a {
        color: #fff;
    }

    .basketValue:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        background-color: #009EE2;
    }

        .basketValue:hover a {
            text-decoration: none;
        }

.basketIcon {
    font-size: 33.33333333px;
    position: relative;
    top: 10px;
}

    .basketIcon:before {
        content: '\e027';
    }

.basket.active .miniBasketDetail {
    display: block;
}

.miniBasketDetail {
    min-width: 240px;
    display: none;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: -15px;
    left: 0;
    margin-top: 21px;
}

    .miniBasketDetail:after {
        position: absolute;
        top: -7.5px;
        right: auto;
        bottom: auto;
        left: 15px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 3px;
        -moz-background-clip: padding;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        z-index: 1001;
    }

@media (max-width: 768px) {
    .miniBasketDetail:after {
        left: 11.11111111px;
    }
}

.miniBasketDetail:after {
    top: -6.5px;
    left: 30px;
}

.miniBasketDetailContent {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
    padding: 10px;
    font-size: 12px;
}

@media (max-width: 768px) {
    .miniBasketDetailContent {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .miniBasketDetailContent {
        max-height: 240px;
        overflow-y: auto;
    }
}

.miniBasketDetailContent .order-total {
    font-family: Lato;
    font-weight: 700;
}

.miniBasketDetailContent .button {
    font-size: 14px;
    height: auto;
    background-color: #007EC6;
    border-color: #01517f;
    margin-top: 15px;
}

    .miniBasketDetailContent .button:hover {
        background-color: #01517f;
    }

.account {
    position: relative;
}

.accountIcon.loggedInImage {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    width: 45px;
    height: 45px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    margin-right: 10px;
}

@media (max-width: 1215px) {
    .accountIcon.loggedInImage {
        width: 45px;
        height: 45px;
        top: 17px;
        left: 10px;
        z-index: 1040;
    }
}

.accountIcon.loggedInImage a {
    display: block;
}

.accountIcon.loggedInIcon:before {
    content: '\e074';
}

.accountName {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 22.5px;
    line-height: 22.5px;
    position: relative;
    top: 6.5px;

}

@media (max-width: 1215px) {
    .accountName {
        height: auto;
        line-height: normal;
    }
}

.account .userMenu {
    min-width: 240px;
    display: none;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: -15px;
}

    .account .userMenu:after {
        position: absolute;
        top: -7.5px;
        right: auto;
        bottom: auto;
        left: 15px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 3px;
        -moz-background-clip: padding;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        z-index: 1001;
    }

@media (max-width: 768px) {
    .account .userMenu:after {
        left: 11.11111111px;
    }
}

.account .userMenu:after,
.logoutMenu .account .userMenu:after {
    left: 37px !important;
}

.myConnects .account .extraMenuLeft::after {
    left: 45px !important;
}

.account .userMenuContent {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
}

@media (max-width: 768px) {
    .account .userMenuContent {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .account .userMenuContent {
        max-height: 240px;
        overflow-y: auto;
    }
}

@media (max-width: 768px) {
    .account .userMenuContent {
        max-height: 200px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .account .userMenuContent {
        max-height: 100px;
        overflow-y: auto;
    }

        .account .userMenuContent ul li:first-child {
            display: none;
        }
}

.account .userMenuContent ul li {
    display: block;
    padding: 0;
    text-align: left;
}

    .account .userMenuContent ul li a {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        height: 55px;
        line-height: 55px;
        color: #000;
        display: block;
        padding: 3px 15px;
        border-bottom: 1px solid #bfbfbf;
    }

        .account .userMenuContent ul li a:hover {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background-color: rgba(237, 237, 237, 0.5);
            text-decoration: none;
        }

@media (min-width: 768px) {
    .account .userMenuContent ul li:last-child a {
        border-bottom: none;
    }
}

.account .userMenuContent ul li:first-child {
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.account .userMenuContent ul li a.userName {
    font-family: Lato;
    font-weight: 700;
    padding: 0 0 0 2.5px;
    display: inline;
    border: none;
}

    .account .userMenuContent ul li a.userName:hover {
        background-color: transparent;
    }

.account.active .userMenu {
    display: block;
}

    .account.active .userMenu ul {
        display: block;
    }

.abcEstateIcon {
    padding-right: 0;
}

    .abcEstateIcon:before {
        content: '\e901';
    }

    .abcEstateIcon:before {
        position: relative;
        top: 5px;
        font-size: 24px;
    }

@media (max-width: 1215px) {
    .abcEstateIcon:before {
        top: 2px;
        font-size: 19px;
        left: -3px;
    }
}

@media (max-width: 1215px) {
    .logOutIcon:before {
        content: '\e086';
    }

    .logOutIcon:before {
        position: relative;
        top: 1px;
        left: 11px;
        font-size: 16px;
    }
}

@media (max-width: 1215px) {
    #mini-cart {
        display: none;
    }
}

/*  CREATE DATALIST */
.createDatalistButtonDisabled {
    background-color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    filter: alpha(opacity=65) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.createDatalistMenu {
    display: none;
}

.createDatalist .createDatalistMenu {
    width: 84%;
    display: none;
    position: absolute;
    top: 175px;
    right: auto;
    bottom: auto;
    /*left: -15px;*/
}

    .createDatalist .createDatalistMenu:after {
        position: absolute;
        top: -7.5px;
        right: auto;
        bottom: auto;
        left: 15px;
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-topleft: 3px;
        -moz-background-clip: padding;
        border-top-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        content: '';
        display: block;
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        z-index: 1001;
    }

@media (max-width: 768px) {
    .createDatalist .createDatalistMenu:after {
        left: 11.11111111px;
    }
}

.createDatalist .createDatalistMenu:after {
    left: 30px !important;
}

.createDatalist .createDatalistMenuContent {
    font-family: Lato;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #000;
    z-index: 1000;
}

@media (max-width: 768px) {
    .createDatalist .createDatalistMenuContent {
        max-height: 450px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .createDatalist .createDatalistMenuContent {
        max-height: 240px;
        overflow-y: auto;
    }
}

@media (max-width: 768px) {
    .createDatalist .createDatalistMenuContent {
        max-height: 200px;
        overflow-y: auto;
    }
}

@media (max-height: 480px) {
    .createDatalist .createDatalistMenuContent {
        max-height: 100px;
        overflow-y: auto;
    }

        .createDatalist .createDatalistMenuContent ul li:first-child {
            display: none;
        }
}

.createDatalist .createDatalistMenuContent ul li {
    display: block;
    padding: 0;
    text-align: left;
}

    .createDatalist .createDatalistMenuContent ul li a {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        height: 55px;
        line-height: 55px;
        color: #000;
        display: block;
        padding: 3px 15px;
        border-bottom: 1px solid #bfbfbf;
    }

        .createDatalist .createDatalistMenuContent ul li a:hover {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background-color: rgba(237, 237, 237, 0.5);
            text-decoration: none;
        }

@media (min-width: 768px) {
    .createDatalist .createDatalistMenuContent ul li:last-child a {
        border-bottom: none;
    }
}

.createDatalist .createDatalistMenuContent ul li:first-child {
    padding: 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.createDatalist .createDatalistMenuContent ul li a.userName {
    font-family: Lato;
    font-weight: 700;
    padding: 0 0 0 2.5px;
    display: inline;
    border: none;
}

    .createDatalist .createDatalistMenuContent ul li a.userName:hover {
        background-color: transparent;
    }

.createDatalist.active .createDatalistMenu {
    display: block;
}

    .createDatalist.active .createDatalistMenu ul {
        display: block;
    }

/*	name: blocks/breadcrumbs/global.less*/
.breadcrumbContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 45px;
}

@media (min-width: 768px) {
    .breadcrumbContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .breadcrumbContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .breadcrumbContainer {
        width: 1185px;
    }
}

.breadcrumbContainer > .navbar-header,
.breadcrumbContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .breadcrumbContainer > .navbar-header,
    .breadcrumbContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.breadcrumbList {
    padding: 0 0;
    margin-bottom: 21px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    margin-left: -15px;
    margin-right: -15px;
}

    .breadcrumbList > li {
        display: inline-block;
    }

        .breadcrumbList > li + li:before {
            content: "›\00a0";
            padding: 0 5px;
            color: #ccc;
        }

    .breadcrumbList > .active {
        color: #616161;
    }

@media (max-width: 768px) {
    .breadcrumbList {
        margin-left: 0;
        margin-right: 0;
    }
}

.breadcrumbItem a {
    font-family: Lato;
    font-weight: 300;
    color: #616161;
    font-size: 15.96px;
}

    .breadcrumbItem a:hover {
        text-decoration: none;
        color: #007EC6;
    }

/*	name: blocks/breqadcrumbs/item.less*/
.breadcrumbItem.Landing,
.breadcrumbItem.Store {
    display: none !important;
}

.breadcrumbName {
    text-transform: capitalize;
}

/*	name: blocks/slider/global.less*/
.carouselContainer {
    overflow: hidden;
}

.carousel-inner {
    background-color: #303030;
}

.carousel-item div {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

    .carousel-item div .column {
        position: static;
    }

        .carousel-item div .column > div {
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: left;
            -ms-flex-align: left;
            align-items: left;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 auto;
            color: #fff;
            text-align: left;
        }

            .carousel-item div .column > div .button {
                display: inline-table;
            }

@media (max-width: 768px) {
    .carousel-item div .column > div .button {
        max-width: 300px;
        line-height: 30px;
        margin: auto;
    }
}

.carousel-item div .column img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    min-height: 1px;
}

@media (max-width: 992px) {
    .carousel-item div .column img {
        zoom: 1;
        filter: alpha(opacity=NaN);
        -webkit-opacity: 50%;
        -moz-opacity: 50%;
        opacity: 50%;
    }
}

@media (max-width: 992px) {
    .carousel-item div .column .contentText {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 90px;
        background-color: rgba(0, 0, 0, 0.6);
    }
}

@media (max-width: 768px) {
    .carousel-item div .column .contentText {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .carousel-item div h1 {
        font-size: 24px;
    }

    .carousel-item div h2 {
        font-size: 15.96px;
    }
}

.video-fit-height .video-wrapper {
    padding-bottom: 0 !important;
}

    .video-fit-height .video-wrapper iframe {
        top: 0 !important;
    }

.carousel-item .video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0;
    height: 0;
}

    .carousel-item .video-wrapper iframe {
        position: absolute;
        top: -15%;
        left: 0;
        width: 100%;
        height: 100%;
    }

.carousel-item .video-overlay {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 10%;
    width: 1px;
}

    .carousel-item .video-overlay > * {
        white-space: nowrap;
    }

.carousel-control {
    width: 10%;
    background-image: none !important;
    top: 60px;
    bottom: 60px;
    cursor: pointer;
}

    .carousel-control.left {
        left: 15px;
    }

        .carousel-control.left span {
            margin-left: -75px;
        }

    .carousel-control.right {
        right: 15px;
    }

        .carousel-control.right span {
            margin-right: -75px;
        }

    .carousel-control span {
        cursor: pointer;
    }

/*	name: blocks/carousel/global.less*/
.slick-list {
    z-index: 500;
}

.slick-arrow:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before {
    content: '\e314';
}

.slick-next:before {
    content: '\e315';
}

.brandGridContent {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .brandGridContent {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .brandGridContent {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .brandGridContent {
        width: 1185px;
    }
}

.brandGridContent > .navbar-header,
.brandGridContent > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .brandGridContent > .navbar-header,
    .brandGridContent > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.brandGridContent h3 {
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .brandGridContent h3 {
        text-align: center;
    }
}

.brandGridContent .slick-arrow {
    width: 40px !important;
    height: 40px !important;
}

    .brandGridContent .slick-arrow:before {
        font-size: 40px !important;
        color: #bfbfbf !important;
    }

@media (max-width: 768px) {
    .brandGridContent .slick-arrow {
        display: none !important;
    }
}

.brandGridContent .brandCarouselItem {
    height: 45px;
    position: relative;
}

    .brandGridContent .brandCarouselItem > div {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

/*	name: blocks/carousel/item.less*/
.slick-slide {
    height: auto;
}

.slick-current .thumbnail {
    -webkit-box-shadow: inset 0 0 7.5px rgba(94, 20, 98, 0.5);
    box-shadow: inset 0 0 7.5px rgba(94, 20, 98, 0.5);
    border-color: rgba(94, 20, 98, 0.5);
}

/*	name: blocks/tabs/structure.less*/
.tabsContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0 0 30px 0;
}

@media (min-width: 768px) {
    .tabsContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .tabsContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .tabsContainer {
        width: 1185px;
    }
}

.tabsContainer > .navbar-header,
.tabsContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .tabsContainer > .navbar-header,
    .tabsContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.tabs-4 li {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabs-5 li {
    position: relative;
    float: left;
    width: 20%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabs-6 li {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabs-7 li {
    position: relative;
    float: left;
    width: calc(100% / 7);
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.tabsContent .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .tabsContent .nav-tabs {
        margin: 0;
    }
}

/*	name: blocks/tabs/global.less*/
.tab-content {
    border: 1px solid #ededed;
    border-top: none;
    background-color: #fff;
    padding: 30px;
}

@media (min-width: 992px) {
    #profile {
        padding: 30px 75px;
    }
}

.tabsContent .nav-tabs li {
    padding: 0;
    margin-bottom: -2px;
}

    .tabsContent .nav-tabs li a {
        font-family: Lato;
        font-weight: 400;
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0;
        -moz-background-clip: padding;
        border-radius: 0;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        text-align: center;
        color: #bfbfbf;
        background-color: #ededed;
        border: 1px solid #ededed;
        margin: 0;
    }

@media (max-width: 992px) {
    .tabsContent .nav-tabs li a {
        font-size: 12px;
    }
}

.tabsContent .nav-tabs li:first-child {
    padding-left: 15px;
}

@media (max-width: 768px) {
    .tabsContent .nav-tabs li:first-child {
        padding-left: 0;
    }
}

.tabsContent .nav-tabs li:last-child {
    padding-right: 15px;
}

@media (max-width: 768px) {
    .tabsContent .nav-tabs li:last-child {
        padding-right: 0;
    }
}

.tabsContent .nav-tabs li.active a {
    font-family: Lato;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom-color: transparent;
    color: #007EC6;
}

@media (max-width: 768px) {
    .tabsContent .nav-tabs li {
        float: none;
        width: 100%;
    }
}

/*	name: blocks/testimonials/global.less*/
.testimonialsGridContent {
    margin-top: 120px;
}

    .testimonialsGridContent .reviewsContainer {
        background-color: #f5f5f5;
    }

@media (max-width: 992px) {
    .testimonialsGridContent .reviewsContainer {
        padding-top: 30px;
    }
}

.testimonialsGridContent .reviewsContainer .contentContainer {
    position: relative;
}

    .testimonialsGridContent .reviewsContainer .contentContainer:before {
        content: '\e244';
    }

    .testimonialsGridContent .reviewsContainer .contentContainer:before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: -20px;
        right: auto;
        bottom: auto;
        left: -90px;
        font-size: 90px;
        color: #bfbfbf;
    }

.testimonialsGridContent .column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Lato;
    font-weight: 300;
    font-size: 15.96px;
}

    .testimonialsGridContent .column .imageContainer {
        overflow: hidden;
        text-align: center;
        margin-top: -160px;
    }

@media (max-width: 992px) {
    .testimonialsGridContent .column .imageContainer {
        margin: auto;
        margin-top: 0;
        max-width: 240px;
    }

    .bottom-image {
        margin: -6px auto;
    }
}

.testimonialsGridContent .column h1 {
    margin-bottom: 15px;
}

.reviewsCta {
    padding-top: 15px;
}

    .reviewsCta a {
        font-family: Lato;
        font-weight: 400;
        color: #ff5722;
    }

.bottom-image {
    margin: 0 auto;
}

/*	name: blocks/testimonials/item.less*/
.reviewItem {
    padding-bottom: 15px;
}

.reviewName {
    font-family: Lato;
    font-weight: 700;
}

.reviewDate {
    font-family: Lato;
    font-weight: 300;
    font-style: italic;
}

/*	name: blocks/imageGrid/global.less*/
.brandGridContent .column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    width: auto !important;
}

    .brandGridContent .column div {
        text-align: center;
    }

    .brandGridContent .column img {
        width: auto;
        max-width: 70%;
    }

@media (max-width: 992px) {
    .brandGridContent {
        margin: 6px auto;
    }
}

/*	name: blocks/productListing/global.less*/
.promotedProductsGrid {
    background-color: #f5f5f5;
    padding: 45px 0 15px;
}

/*	name: blocks/productListing/item.less*/
.productContainer {
    margin-bottom: 30px;
}

.productContent {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

.productImage {
    margin-bottom: 15px;
}

    .productImage img {
        width: 100%;
        display: block;
        max-width: 100%;
        height: auto;
    }

.productName {
    font-family: Lato;
    font-weight: 300;
    font-size: 32px;
    padding: 0 15px;
}

@media (max-width: 992px) {
    .productName {
        font-size: 16px;
    }
}

.productName a:hover {
    text-decoration: none;
    color: #007EC6;
}

.productDescription {
    padding: 10px 15px 60px 15px;
}

.productContent .productPrice {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 24px;
    padding: 15px;
}

@media (max-width: 992px) {
    .productContent .productPrice {
        font-size: 16px;
    }
}

.productContent .productPrice img {
    width: 10%;
    height: auto;
    display: block;
    margin: auto;
}

.custom-grid .container .clearfix,
.custom-grid .container .dl-horizontal dd,
.custom-grid .container .container,
.custom-grid .container .container-fluid,
.custom-grid .container .row,
.custom-grid .container .form-horizontal .form-group,
.custom-grid .container .btn-toolbar,
.custom-grid .container .btn-group-vertical > .btn-group,
.custom-grid .container .nav,
.custom-grid .container .navbar,
.custom-grid .container .navbar-header,
.custom-grid .container .navbar-collapse,
.custom-grid .container .pager,
.custom-grid .container .panel-body,
.custom-grid .container .modal-header,
.custom-grid .container .modal-footer,
.custom-grid .container .orderNotAvailableRow,
.custom-grid .container .orderNotAvailableContent,
.custom-grid .container .contentBox,
.custom-grid .container .contentBoxRow,
.custom-grid .container .pageContainerBlank,
.custom-grid .container .staticPageContainer,
.custom-grid .container .staticPageContainerRow,
.custom-grid .container .productGridContainer,
.custom-grid .container .productGridRow,
.custom-grid .container .headerContainer,
.custom-grid .container .headerRow,
.custom-grid .container .footerContent,
.custom-grid .container .alertRow,
.custom-grid .container .alertContent,
.custom-grid .container .breadcrumbContainer,
.custom-grid .container .breadcrumbList,
.custom-grid .container .brandGridContent,
.custom-grid .container .tabsContainer,
.custom-grid .container .tabsContent .nav-tabs,
.custom-grid .container .formRow,
.custom-grid .container .formLoginExtras,
.custom-grid .container .categoryContainer,
.custom-grid .container .categoryRow,
.custom-grid .container .categoryContainerListingHeader,
.custom-grid .container .productSpecificationsRow,
.custom-grid .container .productPageContainer,
.custom-grid .container .productPageContainerRow,
.custom-grid .container .orderDefinitionItem,
.custom-grid .container .relatedProductsContainer,
.custom-grid .container .tabbedWithSidebarContainer,
.custom-grid .container .addressFieldStructurePerson,
.custom-grid .container .addressFieldStructureAddress,
.custom-grid .container .addressRow,
.custom-grid .container .addressBoxEdit .fieldPerson,
.custom-grid .container .addressBoxEdit .fieldAddress,
.custom-grid .container .addressAddContainer address .fieldPerson,
.custom-grid .container .addressAddContainer address .fieldAddress,
.custom-grid .container .addressAddRow,
.custom-grid .container .financeWrapper,
.custom-grid .container .rowFinance,
.custom-grid .container .rowFinanceCreditLimit .financeContent .formElementRow,
.custom-grid .container .orderListItemLevel,
.custom-grid .container .approvalListItemLevel,
.custom-grid .container .orderReportListItemLevel,
.custom-grid .container .invoiceListItemLevel,
.custom-grid .container .datalistListItemLevel,
.custom-grid .container .orderListContent .sortBar,
.custom-grid .container .invoiceListContent .sortBar,
.custom-grid .container .datalistListContent .sortBar,
.custom-grid .container .approvalListContent .sortBar,
.custom-grid .container .orderReportListContent .sortBar,
.custom-grid .container .savedDocumentsContent .sortBar,
.custom-grid .container .basketContainer,
.custom-grid .container .basketRow,
.custom-grid .container .basketTotalsElement,
.custom-grid .container .actionButtonCollection,
.custom-grid .container .orderItem,
.custom-grid .container .orderDetailsRow,
.custom-grid .container .thankYouAddressesRow {
    margin-bottom: 30px;
}

    .custom-grid .container .clearfix:last-child,
    .custom-grid .container .dl-horizontal dd:last-child,
    .custom-grid .container .container:last-child,
    .custom-grid .container .container-fluid:last-child,
    .custom-grid .container .row:last-child,
    .custom-grid .container .form-horizontal .form-group:last-child,
    .custom-grid .container .btn-toolbar:last-child,
    .custom-grid .container .btn-group-vertical > .btn-group:last-child,
    .custom-grid .container .nav:last-child,
    .custom-grid .container .navbar:last-child,
    .custom-grid .container .navbar-header:last-child,
    .custom-grid .container .navbar-collapse:last-child,
    .custom-grid .container .pager:last-child,
    .custom-grid .container .panel-body:last-child,
    .custom-grid .container .modal-header:last-child,
    .custom-grid .container .modal-footer:last-child,
    .custom-grid .container .orderNotAvailableRow:last-child,
    .custom-grid .container .orderNotAvailableContent:last-child,
    .custom-grid .container .contentBox:last-child,
    .custom-grid .container .contentBoxRow:last-child,
    .custom-grid .container .pageContainerBlank:last-child,
    .custom-grid .container .staticPageContainer:last-child,
    .custom-grid .container .staticPageContainerRow:last-child,
    .custom-grid .container .productGridContainer:last-child,
    .custom-grid .container .productGridRow:last-child,
    .custom-grid .container .headerContainer:last-child,
    .custom-grid .container .headerRow:last-child,
    .custom-grid .container .footerContent:last-child,
    .custom-grid .container .alertRow:last-child,
    .custom-grid .container .alertContent:last-child,
    .custom-grid .container .breadcrumbContainer:last-child,
    .custom-grid .container .breadcrumbList:last-child,
    .custom-grid .container .brandGridContent:last-child,
    .custom-grid .container .tabsContainer:last-child,
    .custom-grid .container .tabsContent .nav-tabs:last-child,
    .custom-grid .container .formRow:last-child,
    .custom-grid .container .formLoginExtras:last-child,
    .custom-grid .container .categoryContainer:last-child,
    .custom-grid .container .categoryRow:last-child,
    .custom-grid .container .categoryContainerListingHeader:last-child,
    .custom-grid .container .productSpecificationsRow:last-child,
    .custom-grid .container .productPageContainer:last-child,
    .custom-grid .container .productPageContainerRow:last-child,
    .custom-grid .container .orderDefinitionItem:last-child,
    .custom-grid .container .relatedProductsContainer:last-child,
    .custom-grid .container .tabbedWithSidebarContainer:last-child,
    .custom-grid .container .addressFieldStructurePerson:last-child,
    .custom-grid .container .addressFieldStructureAddress:last-child,
    .custom-grid .container .addressRow:last-child,
    .custom-grid .container .addressBoxEdit .fieldPerson:last-child,
    .custom-grid .container .addressBoxEdit .fieldAddress:last-child,
    .custom-grid .container .addressAddContainer address .fieldPerson:last-child,
    .custom-grid .container .addressAddContainer address .fieldAddress:last-child,
    .custom-grid .container .addressAddRow:last-child,
    .custom-grid .container .financeWrapper:last-child,
    .custom-grid .container .rowFinance:last-child,
    .custom-grid .container .rowFinanceCreditLimit .financeContent .formElementRow:last-child,
    .custom-grid .container .orderListItemLevel:last-child,
    .custom-grid .container .approvalListItemLevel:last-child,
    .custom-grid .container .orderReportListItemLevel:last-child,
    .custom-grid .container .invoiceListItemLevel:last-child,
    .custom-grid .container .datalistListItemLevel:last-child,
    .custom-grid .container .orderListContent .sortBar:last-child,
    .custom-grid .container .approvalListContent .sortBar:last-child,
    .custom-grid .container .orderReportListContent .sortBar:last-child,
    .custom-grid .container .savedDocumentsContent .sortBar:last-child,
    .custom-grid .container .basketContainer:last-child,
    .custom-grid .container .basketRow:last-child,
    .custom-grid .container .basketTotalsElement:last-child,
    .custom-grid .container .actionButtonCollection:last-child,
    .custom-grid .container .orderItem:last-child,
    .custom-grid .container .orderDetailsRow:last-child,
    .custom-grid .container .thankYouAddressesRow:last-child {
        margin-bottom: 0;
    }

.custom-grid .columnContent {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

    .custom-grid .columnContent .productPrice {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: Lato;
        font-weight: 400;
        font-size: 24px;
        padding: 15px;
    }

@media (max-width: 992px) {
    .custom-grid .columnContent .productPrice {
        font-size: 16px;
    }
}

.custom-grid .columnContent .productPrice img {
    width: 10%;
    height: auto;
    display: block;
    margin: auto;
}

.rowType-headline h1,
.rowType-headline a {
    font-family: Lato;
    font-weight: 300;
    font-size: 32px;
    padding: 0 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 992px) {
    .rowType-headline h1,
    .rowType-headline a {
        font-size: 16px;
    }
}

.rowType-headline h1 a:hover,
.rowType-headline a a:hover {
    text-decoration: none;
    color: #007EC6;
}

.rowType-image {
    margin-bottom: 15px;
    position: relative;
}

    .rowType-image img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .rowType-image .extraOptions {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .rowType-image .extraOptions .option .icon {
            color: #fff;
            padding: 5px;
            text-align: center;
            font-size: 32px;
            cursor: pointer;
            display: block;
        }

            .rowType-image .extraOptions .option .icon:hover {
                background-color: #007EC6;
            }

        .rowType-image .extraOptions .option .fieldName {
            display: none !important;
        }

        .rowType-image .extraOptions .optionEdit {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            margin-top: -37.5px;
            margin-left: -37.5px;
        }

            .rowType-image .extraOptions .optionEdit .icon {
                -webkit-border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 50%;
                -moz-background-clip: padding;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                width: 75px;
                height: 75px;
                line-height: 64px;
                background-color: #00b4ff;
                display: none;
            }

                .rowType-image .extraOptions .optionEdit .icon:before {
                    content: '\f040';
                }

        .rowType-image .extraOptions .optionDelete {
            position: absolute;
            top: auto;
            right: auto;
            bottom: 10px;
            left: 10px;
            color: #fff;
        }

            .rowType-image .extraOptions .optionDelete .icon {
                -webkit-border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 50%;
                -moz-background-clip: padding;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                width: 25px;
                height: 25px;
                line-height: 16px;
                font-size: 16px;
                background-color: #f22d51;
            }

                .rowType-image .extraOptions .optionDelete .icon:before {
                    content: '\f014';
                }

        .rowType-image .extraOptions .optionCheckbox {
            position: relative;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
            position: absolute;
            top: auto;
            right: 10px;
            bottom: 10px;
            left: auto;
            margin: 0;
            width: 22px;
            height: 36px;
        }

            .rowType-image .extraOptions .optionCheckbox label {
                min-height: 21px;
                padding-left: 20px;
                margin-bottom: 0;
                font-weight: normal;
                cursor: pointer;
            }

            .rowType-image .extraOptions .optionCheckbox.disabled label,
            fieldset[disabled] .rowType-image .extraOptions .optionCheckbox label {
                cursor: not-allowed;
            }

            .rowType-image .extraOptions .optionCheckbox label {
                position: relative;
                padding: 15px 0;
            }

                .rowType-image .extraOptions .optionCheckbox label .fieldInput {
                    position: absolute;
                    top: 15px;
                    right: auto;
                    bottom: auto;
                    left: 0;
                }

                    .rowType-image .extraOptions .optionCheckbox label .fieldInput input[type=checkbox] {
                        visibility: hidden;
                    }

                    .rowType-image .extraOptions .optionCheckbox label .fieldInput .fieldGraphic {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        cursor: default;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-border-radius: 3px;
                        -webkit-background-clip: padding-box;
                        -moz-border-radius: 3px;
                        -moz-background-clip: padding;
                        border-radius: 3px;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box;
                        position: absolute;
                        top: 0;
                        right: auto;
                        bottom: auto;
                        left: 0;
                        display: block;
                        width: 23.07692308px;
                        height: 23.07692308px;
                        background-color: #fff;
                        border: 1px solid #bfbfbf;
                    }

                    .rowType-image .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                        color: #fff;
                        background-color: #3FAA35;
                    }

                        .rowType-image .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                            content: '\e116';
                        }

                        .rowType-image .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                            display: block;
                            width: 23.07692308px;
                            height: 23.07692308px;
                            line-height: 23.07692308px;
                            text-align: center;
                        }

                .rowType-image .extraOptions .optionCheckbox label .fieldName {
                    padding-left: 38.07692308px;
                    font-size: 12px;
                    line-height: 2em;
                    display: block;
                }

            .rowType-image .extraOptions .optionCheckbox .selectItem {
                padding: 0;
            }

        .rowType-image .extraOptions .option:hover {
            text-decoration: none;
        }

        .rowType-image .extraOptions:hover .optionEdit .icon {
            display: block;
        }

.rowType-description {
    padding: 10px 15px 60px 15px;
}

.rowType-note {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 20px;
    padding: 15px;
    padding-bottom: 15px;
    color: #000;
}

@media (max-width: 992px) {
    .rowType-note {
        font-size: 16px;
    }
}

.rowType-note img {
    width: 10%;
    height: auto;
    display: block;
    margin: auto;
}

.rowType-note:hover {
    text-decoration: none;
}

.promotedProductsGrid > .custom-grid > .container > .row > .column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .promotedProductsGrid > .custom-grid > .container > .row > .column {
        float: left;
        width: 33.33333333%;
    }
}

/*	name: modals/global.less*/
.modal-dialog {
    z-index: 1050;
}

.formModal button {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    font-size: 14px;
    height: auto;
    display: block;
    width: 100%;
}

    .formModal button:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .formModal button:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .formModal button {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.formElement {
    position: relative;
}

    .formElement input,
    .formElement select {
        font-size: 14px;
    }

.formSelect {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .formSelect:before {
        content: '\e313';
    }

    .formSelect:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .formSelect:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .formSelect select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .formSelect select::-ms-expand {
            display: none;
        }

    .formSelect option {
        font-size: 14px;
    }

        .formSelect option[disabled] {
            color: #bfbfbf;
        }

.formLabel {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .formLabel {
        float: left;
        width: 33.33333333%;
    }
}

.formRow {
    margin-left: -15px;
    margin-right: -15px;
}

.formCheckbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .formCheckbox label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .formCheckbox.disabled label,
    fieldset[disabled] .formCheckbox label {
        cursor: not-allowed;
    }

    .formCheckbox label {
        position: relative;
        padding: 15px 0;
    }

        .formCheckbox label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .formCheckbox label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .formCheckbox label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .formCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .formCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .formCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .formCheckbox label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

    .formCheckbox label {
        margin-bottom: 0;
        padding-bottom: 0;
    }

.formRadio {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

    .formRadio label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .formRadio.disabled label,
    fieldset[disabled] .formRadio label {
        cursor: not-allowed;
    }

    .formRadio label {
        position: relative;
        padding: 15px 0;
    }

        .formRadio label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .formRadio label .fieldInput .filter {
                visibility: hidden;
            }

            .formRadio label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .formRadio label .fieldInput input[type=radio]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .formRadio label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .formRadio label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .formRadio label .fieldName {
            padding-left: 33.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

@media (min-width: 768px) {
    .formRadio {
        float: left;
        width: 66.66666667%;
    }
}

.formRadio label {
    padding-right: 15px;
}

    .formRadio label:last-child {
        padding-right: 0;
    }

.formGroup.formRadio,
.formGroup.formCheckbox {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .formGroup.formRadio,
    .formGroup.formCheckbox {
        float: left;
        width: 66.66666667%;
    }
}

/*	name: modals/structure.less*/
@media (min-width: 480px) {
    .formModal {
        padding: 45px;
    }
}

.formModal button {
    margin-top: 20px;
}

.formColumn {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .formColumn {
        float: left;
        width: 50%;
    }
}

.formExtras {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .formExtras {
        float: left;
        width: 100%;
    }
}

.formElement {
    padding-bottom: 30px;
}

.formSelect {
    margin-bottom: 30px !important;
}

/*	name: modals/login/structure.less*/
.formLoginExtras {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;
}

.formLoginColumn {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/*	name: modals/login/global.less*/
.formLoginExtras a {
    font-size: 12px;
    color: #bfbfbf;
    cursor: pointer;
}

.formLoginColumn:last-child {
    text-align: right;
}

/*	name: modals/register/global.less*/
.formAgree .fieldName {
    padding-right: 30px;
}

.formAgree .field-validation-error:before {
    top: -51px;
}

/*	name: pages/category/global.less*/
.categoryContainerFacets .labelContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .categoryContainerFacets .labelContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .categoryContainerFacets .labelContainer.disabled label,
    fieldset[disabled] .categoryContainerFacets .labelContainer label {
        cursor: not-allowed;
    }

    .categoryContainerFacets .labelContainer label {
        position: relative;
        padding: 15px 0;
    }

        .categoryContainerFacets .labelContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .categoryContainerFacets .labelContainer label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .categoryContainerFacets .labelContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .categoryContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .categoryContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .categoryContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .categoryContainerFacets .labelContainer label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.categoryContainerFacets .facetsMobileIcon {
    display: none;
}

@media (max-width: 767px) {
    .categoryContainerFacets .facetsMobileIcon {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
    }

        .categoryContainerFacets .facetsMobileIcon:before {
            content: '\e120';
        }

        .categoryContainerFacets .facetsMobileIcon .fieldName {
            font-family: Lato;
            font-weight: 400;
            display: inline-block;
            padding-left: 5px;
        }

    .categoryContainerFacets .facetsContainer {
        position: absolute;
        top: 30px;
        right: 0;
        bottom: auto;
        left: 0;
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        z-index: 1049;
        background-color: #fff;
        padding: 30px;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        display: none;
    }

        .categoryContainerFacets .facetsContainer:after {
            position: absolute;
            top: -7.5px;
            right: auto;
            bottom: auto;
            left: 15px;
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-border-top-left-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius-topleft: 3px;
            -moz-background-clip: padding;
            border-top-left-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            content: '';
            display: block;
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-top: 1px solid #bfbfbf;
            border-left: 1px solid #bfbfbf;
            z-index: 1001;
        }

        .categoryContainerFacets .facetsContainer .well {
            margin-bottom: 10px;
        }

            .categoryContainerFacets .facetsContainer .well legend {
                padding: 7.5px;
            }

        .categoryContainerFacets .facetsContainer.active {
            display: block;
        }
}

@media (max-width: 767px) and (max-width: 768px) {
    .categoryContainerFacets .facetsContainer:after {
        left: 11.11111111px;
    }
}

.categoryPage {
    background-color: #f5f5f5;
    padding: 30px 0;
}

.categoryContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 768px) {
    .categoryContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .categoryContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .categoryContainer {
        width: 1185px;
    }
}

.categoryContainer > .navbar-header,
.categoryContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .categoryContainer > .navbar-header,
    .categoryContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.categoryContainerFacets {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .categoryContainerFacets {
        float: left;
        width: 25%;
    }
}

.categoryContainerFacets .well .labelContainer .fieldName {
    font-size: 14px;
}

.categoryContainerFacets .well .labelContainer .fieldInput {
    top: 18px;
}

.categoryContainerListing {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .categoryContainerListing {
        float: left;
        width: 75%;
    }
}

.categoryContainerListing .productContent {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .categoryContainerListing .productContent:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    }

.categoryContainerListing .productName {
    font-size: 16px;
}

.categoryContainerListing .productPrice {
    height: 60px;
}

.categoryRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 767px) {
    .categoryRow {
        margin-left: 0;
        margin-right: 0;
    }
}

.categoryContainerListingHeader {
    margin-left: -15px;
    margin-right: -15px;
    margin-left: 0;
}

@media (max-width: 767px) {
    .categoryContainerListingHeader {
        margin-right: 0;
    }
}

.categoryContainerListingHeaderColumnLeft {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0 !important;
}

@media (min-width: 768px) {
    .categoryContainerListingHeaderColumnLeft {
        float: left;
        width: 66.66666667%;
    }
}

.categoryContainerListingHeaderColumnLeft ul {
    text-align: left !important;
}

    .categoryContainerListingHeaderColumnLeft ul li:first-child a {
        margin-left: 0 !important;
    }

@media (max-width: 767px) {
    .categoryContainerListingHeaderColumnLeft {
        padding-bottom: 15px !important;
    }

        .categoryContainerListingHeaderColumnLeft ul {
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            position: absolute;
            top: -15px;
            right: 0;
            bottom: auto;
            left: auto;
            z-index: 999;
            margin-top: 30px;
            border: 1px solid transparent;
        }

        .categoryContainerListingHeaderColumnLeft li {
            display: none !important;
        }

            .categoryContainerListingHeaderColumnLeft li a {
                font-family: Lato;
                font-weight: 400;
                margin: 0 !important;
            }

            .categoryContainerListingHeaderColumnLeft li.active {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                top: -30px;
                right: 0;
                bottom: auto;
                left: auto;
                display: block !important;
                padding-right: 30px;
            }

                .categoryContainerListingHeaderColumnLeft li.active:before {
                    content: '\e313';
                }

                .categoryContainerListingHeaderColumnLeft li.active:before {
                    position: absolute;
                    top: -3px;
                    right: 0;
                    bottom: auto;
                    left: auto;
                    font-size: 24px;
                }

                .categoryContainerListingHeaderColumnLeft li.active a {
                    padding-bottom: 0;
                    border-bottom: none !important;
                    color: #000 !important;
                    white-space: nowrap;
                }

                .categoryContainerListingHeaderColumnLeft li.active.clicked ~ li {
                    display: block !important;
                }

        .categoryContainerListingHeaderColumnLeft.clicked ul {
            background-color: #fff;
            border-color: #bfbfbf;
            padding: 10px 15px 0;
        }

            .categoryContainerListingHeaderColumnLeft.clicked ul:after {
                position: absolute;
                top: -8.57142857px;
                right: auto;
                bottom: auto;
                left: 15px;
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-border-top-left-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius-topleft: 3px;
                -moz-background-clip: padding;
                border-top-left-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                content: '';
                display: block;
                background-color: #fff;
                width: 15px;
                height: 15px;
                border-top: 1px solid #bfbfbf;
                border-left: 1px solid #bfbfbf;
                z-index: 1001;
            }
}

@media (max-width: 767px) and (max-width: 768px) {
    .categoryContainerListingHeaderColumnLeft.clicked ul:after {
        left: 11.11111111px;
    }
}

.categoryContainerListingHeaderColumnRight {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .categoryContainerListingHeaderColumnRight {
        float: left;
        width: 33.33333333%;
    }
}

.categoryContainerListingHeaderColumnRight .sortSelect {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .categoryContainerListingHeaderColumnRight .sortSelect:before {
        content: '\e313';
    }

    .categoryContainerListingHeaderColumnRight .sortSelect:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .categoryContainerListingHeaderColumnRight .sortSelect:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .categoryContainerListingHeaderColumnRight .sortSelect select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .categoryContainerListingHeaderColumnRight .sortSelect select::-ms-expand {
            display: none;
        }

    .categoryContainerListingHeaderColumnRight .sortSelect option {
        font-size: 14px;
    }

        .categoryContainerListingHeaderColumnRight .sortSelect option[disabled] {
            color: #bfbfbf;
        }

@media (max-width: 767px) {
    .categoryContainerListingHeaderColumnRight {
        padding: 15px 0;
    }
}

.product-image {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}

.promoGrid .container {
    width: 100% !important;
}

/*	name: pages/product/structure.less*/
.productGallery {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productGallery {
        float: left;
        width: 66.66666667%;
    }
}

.productDetails {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productDetails {
        float: left;
        width: 33.33333333%;
    }
}

.productSpecifications {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productSpecifications {
        float: left;
        width: 100%;
    }
}

.productSpecificationsRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .productSpecificationsRow {
        margin: 0;
    }
}

.productSpecificationsItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productSpecificationsItem {
        float: right;
        width: 21.42857143%;
    }
}

.productSpecificationsSubmit {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productSpecificationsSubmit {
        float: right;
        width: 32.71428571%;
    }
}

.productPageContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 768px) {
    .productPageContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .productPageContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .productPageContainer {
        width: 1185px;
    }
}

.productPageContainer > .navbar-header,
.productPageContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .productPageContainer > .navbar-header,
    .productPageContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.productPageContainerRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .productPageContainerRow {
        margin: 0;
    }
}

/*	name: pages/product/global.less*/
/*Product steps*/
.product-steps {
}

    .product-steps img {
        max-width: 24px;
    }

.productPage {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

.productPageContent {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ededed;
    padding: 15px;
}

    .productPageContent.Right {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: 15px;
    }

@media (max-width: 768px) {
    .productPageContent.Right {
        position: static;
        margin-top: 15px;
    }
}

.productPage .productPrice {
    font-family: Lato;
    font-weight: 700;
    font-size: 15.96px;
    padding: 0 0 30px 0;
}

.productName h2 {
    font-family: Lato;
    font-weight: 300;
}

.productDetailsContent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    padding: 30px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .productDetailsContent {
        position: static;
        padding: 0;
    }
}

.productDetails p {
    padding: 15px 0;
}

.productSpecificationsRow {
    margin-bottom: 15px;
}

.productSpecificationsSubmit {
    position: static;
}

    .productSpecificationsSubmit .item-added {
        position: absolute;
        top: 100%;
        right: 15px;
        bottom: auto;
        left: 15px;
        z-index: 1000;
    }

.productColumn {
    min-height: 210px;
}

.productOptionsContent {
    position: absolute;
    top: 42.0%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px;
}

@media (max-width: 768px) {
    .productOptionsContent {
        position: static;
    }
}

.productDescriptionNull {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Lato;
    font-weight: 300;
    font-size: 18px;
}

    .productDescriptionNull .icon {
        font-size: 40px;
        margin-bottom: 5px;
        color: #616161;
    }

        .productDescriptionNull .icon:before {
            content: '\e006';
        }

.productConfigurationArea {
    margin: 30px 0;
    background-color: #fff;
}


.productTitleContainer {
    padding: 30px 15px;
}

    .productTitleContainer.relatedProductsTitleContainer {
        padding-left: 0;
    }

@media (max-width: 768px) {
    .productTitleContainer.relatedProductsTitleContainer {
        padding-left: 30px;
    }
}

.orderDefinitionItem {
    margin-left: -15px;
    margin-right: -15px;
}

    .orderDefinitionItem > div {
        padding-bottom: 7.5px;
    }

.orderDefinitionItemName {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Lato;
    font-weight: 300;
}

@media (min-width: 768px) {
    .orderDefinitionItemName {
        float: left;
        width: 58.33333333%;
    }
}

.orderDefinitionItemValue {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Lato;
    font-weight: 700;
    text-align: right;
}

@media (min-width: 768px) {
    .orderDefinitionItemValue {
        float: left;
        width: 41.66666667%;
    }
}

.orderDefinitionItem:first-child {
    padding-top: 30px;
}

.dataListSelector {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .dataListSelector:before {
        content: '\e313';
    }

    .dataListSelector:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .dataListSelector:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .dataListSelector select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .dataListSelector select::-ms-expand {
            display: none;
        }

    .dataListSelector option {
        font-size: 14px;
    }

        .dataListSelector option[disabled] {
            color: #bfbfbf;
        }

.dataListButton a {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    width: 100% !important;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 30px;
}

    .dataListButton a:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
        border: 1px solid #01517f;
        background-color: #01517f;
    }

    .dataListButton a:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .dataListButton a {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

#dataListSection {
    position: absolute;
    top: -60px;
}

/*	name: pages/product/specification.less*/
.productSpecificationsItem {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .productSpecificationsItem:before {
        content: '\e313';
    }

    .productSpecificationsItem:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .productSpecificationsItem:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .productSpecificationsItem select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .productSpecificationsItem select::-ms-expand {
            display: none;
        }

    .productSpecificationsItem option {
        font-size: 14px;
    }

        .productSpecificationsItem option[disabled] {
            color: #bfbfbf;
        }

    .productSpecificationsItem select {
        height: 45px;
    }

    .productSpecificationsItem label {
        display: none;
    }

.productSpecificationsSubmit a,
.productSpecificationsSubmit input {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    width: 100% !important;
    margin-top: 0;
    text-align: center;
    height: 45px;
    line-height: 30px;
}

    .productSpecificationsSubmit a:hover,
    .productSpecificationsSubmit input:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .productSpecificationsSubmit a:active,
    .productSpecificationsSubmit input:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .productSpecificationsSubmit a,
    .productSpecificationsSubmit input {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.productSpecificationsSubmit a.dataListDisabled,
.productSpecificationsSubmit input.dataListDisabled,
.productSpecificationsSubmit a.printDisabled,
.productSpecificationsSubmit input.printDisabled,
.productSpecificationsSubmit a.disabled,
.productSpecificationsSubmit input.disabled {
    background-color: #ededed;
    border-color: #ededed;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .productSpecificationsSubmit a.dataListDisabled:hover,
    .productSpecificationsSubmit input.dataListDisabled:hover,
    .productSpecificationsSubmit a.printDisabled:hover,
    .productSpecificationsSubmit input.printDisabled:hover,
    .productSpecificationsSubmit a.disabled:hover,
    .productSpecificationsSubmit input.disabled:hover {
        background-color: #bfbfbf;
    }

    .productSpecificationsSubmit a.dataListDisabled:hover,
    .productSpecificationsSubmit input.dataListDisabled:hover,
    .productSpecificationsSubmit a.printDisabled:hover,
    .productSpecificationsSubmit input.printDisabled:hover,
    .productSpecificationsSubmit a.disabled:hover,
    .productSpecificationsSubmit input.disabled:hover,
    .productSpecificationsSubmit a.dataListDisabled:focus,
    .productSpecificationsSubmit input.dataListDisabled:focus,
    .productSpecificationsSubmit a.printDisabled:focus,
    .productSpecificationsSubmit input.printDisabled:focus,
    .productSpecificationsSubmit a.disabled:focus,
    .productSpecificationsSubmit input.disabled:focus,
    .productSpecificationsSubmit a.dataListDisabled:active,
    .productSpecificationsSubmit input.dataListDisabled:active,
    .productSpecificationsSubmit a.printDisabled:active,
    .productSpecificationsSubmit input.printDisabled:active,
    .productSpecificationsSubmit a.disabled:active,
    .productSpecificationsSubmit input.disabled:active {
        background-color: #ededed;
        border-color: #ededed;
        text-decoration: none;
        zoom: 1;
    }

.productSpecificationsSubmit asuccess,
.productSpecificationsSubmit inputsuccess {
    background-color: #00b4ff;
    border-color: #0fa6f3;
}

    .productSpecificationsSubmit asuccess:hover,
    .productSpecificationsSubmit inputsuccess:hover {
        background-color: #00b4ff;
    }

@media (max-width: 768px) {
    .productSpecificationsRow {
        border: 1px solid #ededed;
        margin-top: 30px;
        padding-bottom: 30px;
    }

        .productSpecificationsRow .formContainer {
            padding-right: 15px;
        }
}

/*	name: pages/product/deliveryInfo.less*/
.productDeliveryContainer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    padding: 60px 15px;
}

@media (min-width: 768px) {
    .productDeliveryContainer {
        float: left;
        width: 100%;
    }
}

.productDeliveryContainer:before {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: auto;
    left: 15px;
    content: '';
    border-top: 1px solid #ededed;
    display: block;
}

.productDeliveryContent {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    border: 2px solid #2fc77c;
    padding: 10px 10px 10px 60px;
}

    .productDeliveryContent:before {
        content: '\e042';
    }

    .productDeliveryContent * {
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

    .productDeliveryContent:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 15px;
        margin-top: -12px;
        color: #2fc77c;
        font-size: 24px;
    }

/*	name: pages/product/relatedProducts.less*/
.relatedProductsContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .relatedProductsContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .relatedProductsContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .relatedProductsContainer {
        width: 1185px;
    }
}

.relatedProductsContainer > .navbar-header,
.relatedProductsContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .relatedProductsContainer > .navbar-header,
    .relatedProductsContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.relatedProductsList {
    padding: 0 15px;
}

    .relatedProductsList .slick-arrow {
        background-color: transparent;
        border: none;
        width: auto;
        height: auto;
    }

        .relatedProductsList .slick-arrow:after,
        .relatedProductsList .slick-arrow:before {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            color: #616161;
            font-size: 80px;
        }

            .relatedProductsList .slick-arrow:after:hover,
            .relatedProductsList .slick-arrow:before:hover {
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
                color: #bfbfbf;
            }

@media (max-width: 768px) {
    .relatedProductsList .slick-arrow {
        display: none !important;
    }
}

.relatedProductsList .slick-prev {
    left: -30px;
}

    .relatedProductsList .slick-prev:before {
        content: '\f104';
    }

.relatedProductsList .slick-next {
    right: -30px;
}

    .relatedProductsList .slick-next:before {
        content: '\f105';
    }

.relatedProductsItem {
    padding: 15px;
}

.relatedProductsItemContainer {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 1px solid #bfbfbf;
    background-color: #fff;
}

    .relatedProductsItemContainer:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    }

.relatedProductsItem .productName {
    font-size: 18px;
    padding-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .relatedProductsItem .productName a {
        color: #616161;
    }

/*	name: pages/product/gallery.less*/
.galleryItem {
    width: 100%;
}

.galleryList .galleryItem,
galleryListConnects .galleryItem {
    padding: 5px;
}

    .galleryList .galleryItem .thumbnail,
    .galleryListConnects .galleryItem .thumbnail {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        max-height: 111px;
        overflow: hidden;
        cursor: pointer;
    }

        .galleryList .galleryItem .thumbnail:hover,
        .galleryList .galleryItem .thumbnail:active {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
            border-color: #ededed;
        }

.galleryList .slick-slide {
    max-height: 150px;
}

.galleryList .slick-arrow {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #fff;
    background-color: #ff5722;
    width: auto;
    height: auto;
    margin-top: -20px;
    z-index: 0;
}

    .galleryList .slick-arrow:before {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 40px;
    }

    .galleryList .slick-arrow:focus,
    .galleryList .slick-arrow:hover,
    .galleryList .slick-arrow:active {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        background-color: #007EC6;
    }

.galleryList .slick-prev {
    left: -30px;
}

    .galleryList .slick-prev:hover {
        left: -27.27272727px;
    }

    .galleryList .slick-prev:before {
        margin-left: -5px;
    }

.galleryList .slick-next {
    right: -30px;
}

    .galleryList .slick-next:hover {
        right: -27.27272727px;
    }

    .galleryList .slick-next:before {
        margin-right: -5px;
    }

.galleryList .slick-disabled {
    background-color: #bfbfbf;
}

    .galleryList .slick-disabled:focus,
    .galleryList .slick-disabled:hover,
    .galleryList .slick-disabled:active {
        background-color: #bfbfbf;
    }

        .galleryList .slick-disabled:focus:before,
        .galleryList .slick-disabled:hover:before,
        .galleryList .slick-disabled:active:before {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            zoom: 1;
            filter: alpha(opacity=100);
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

@media (max-width: 768px) {
    .galleryList {
        display: none;
    }
}

.mainList .thumbnail {
    padding: 0;
    margin: 0;
    border: none;
}

.largeThumbnail {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #ededed;
    position: relative;
    display: block;
    margin-bottom: 30px;
    /* max-height: 600px;*/
    overflow: hidden;
    cursor: pointer;
}

    .largeThumbnail:before {
        content: '\e8b6';
    }

    .largeThumbnail:before {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 15px;
        left: auto;
        color: rgba(0, 0, 0, 0.1);
        font-size: 80px;
        z-index: 1000;
        display: block;
    }

    .largeThumbnail:hover,
    .largeThumbnail:active {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        text-decoration: none;
    }

        .largeThumbnail:hover:before,
        .largeThumbnail:active:before {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            color: rgba(0, 0, 0, 0.3);
            text-decoration: none;
        }

@media (max-width: 768px) {
    .largeThumbnail img {
        width: 100%;
        display: block;
        height: auto;
    }
}

/*	name: pages/product/print.less*/
.printOptions .qtyContainer {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .printOptions .qtyContainer:before {
        content: '\e313';
    }

    .printOptions .qtyContainer:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .printOptions .qtyContainer:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .printOptions .qtyContainer select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .printOptions .qtyContainer select::-ms-expand {
            display: none;
        }

    .printOptions .qtyContainer option {
        font-size: 14px;
    }

        .printOptions .qtyContainer option[disabled] {
            color: #bfbfbf;
        }

/*	name: pages/product/directMail.less*/
#sliderValInput {
    display: block !important;
    margin-top: 30px;
}

/*	name: pages/review/global.less*/
.productReview .productColumn {
    max-height: none;
    height: auto !important;
}

    .productReview .productColumn .productPageContent {
        position: static;
    }

        .productReview .productColumn .productPageContent .documentQty {
            font-family: Lato;
            font-weight: 400;
            font-size: 15.96px;
            padding-bottom: 7.5px;
            margin: 30px 0;
        }

            .productReview .productColumn .productPageContent .documentQty label {
                min-width: 150px;
            }

.productReview .documentInfo h2 {
    font-family: Lato;
    font-weight: 400;
    font-size: 24px;
}

.productReview .documentInfo h3 {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Arial, sans-serif;
    font-size: 14px;
    border: 1px solid #ededed;
    padding: 10px;
    margin: 15px 0 45px;
}

.productReview .documentDescription {
    padding-bottom: 30px;
    color: #bfbfbf;
}

.productReview .documentAttributes ul {
    margin: 0;
    padding: 0;
}

    .productReview .documentAttributes ul li {
        list-style: none;
        padding-bottom: 7.5px;
        color: #bfbfbf;
    }

.productReview .actionButtonCollection {
    position: relative;
}

@media (max-width: 768px) {
    .productReview .actionButtonCollection {
        margin-left: 0;
    }
}

.productReview .actionButtonCollection .actionButtonConfirmation {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

    .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: right !important;
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer {
        float: left;
        width: 33.33333333%;
    }
}

.productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer.disabled label,
fieldset[disabled] .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label {
    cursor: not-allowed;
}

.productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label {
    position: relative;
    padding: 15px 0;
}

    .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput {
        position: absolute;
        top: 15px;
        right: auto;
        bottom: auto;
        left: 0;
    }

        .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput input[type=checkbox] {
            visibility: hidden;
        }

        .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput .fieldGraphic {
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            display: block;
            width: 23.07692308px;
            height: 23.07692308px;
            background-color: #fff;
            border: 1px solid #bfbfbf;
        }

        .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
            color: #fff;
            background-color: #3FAA35;
        }

            .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                content: '\e116';
            }

            .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                line-height: 23.07692308px;
                text-align: center;
            }

    .productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer label .fieldName {
        padding-left: 38.07692308px;
        font-size: 12px;
        line-height: 2em;
        display: block;
    }

.productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer .fieldName {
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
}

.productReview .actionButtonCollection .actionButtonConfirmation .checkboxContainer .fieldGraphic {
    left: 5px !important;
}

.productReview .actionButtonCollection .actionButtonColumn {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productReview .actionButtonCollection .actionButtonColumn {
        float: left;
        width: 33.33333333%;
    }
}

.productReview .actionButtonCollection .actionButtonColumn.first {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .productReview .actionButtonCollection .actionButtonColumn.first {
        float: left;
        width: 66.66666667%;
    }
}

.productReview .actionButtonCollection .actionButtonColumn .button {
    margin-top: 0;
}

.productReview .actionButtonCollection .actionButtonColumn .buttonEdit {
    background-color: #fff;
    color: #00b4ff;
    margin-right: 10px;
}

.productReview .actionButtonCollection .actionButtonColumn .buttonConfirm {
    width: 100%;
    display: block;
    text-align: center;
}

.pricing {
    font-family: Lato;
    font-weight: 400;
    font-size: 15.96px;
    padding-bottom: 7.5px;
}

    .pricing .name {
        min-width: 150px;
        display: inline-block;
    }

    .pricing .value {
        font-family: Lato;
        font-weight: 300;
    }

    .pricing .note {
        font-size: 12px;
    }

.item-added {
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    margin-top: -40px;
}

.buttonConfirm.disabled {
    background-color: #ededed;
    border-color: #ededed;
    color: #bfbfbf;
}

/*	name: pages/user/structure.less*/
.tabbedWithSidebarContainer {
    margin-left: -15px;
    margin-right: -15px;
}

.tabbedWithSidebarFilterBar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .tabbedWithSidebarFilterBar {
        float: left;
        width: 25%;
    }
}

@media (max-width: 768px) {
    .tabbedWithSidebarFilterBar {
        padding-bottom: 30px;
    }
}

.tabbedWithSidebarContent {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .tabbedWithSidebarContent {
        float: left;
        width: 75%;
    }
}

/*	name: pages/user/global.less*/
.userPage {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

.formFieldExpl {
    display: block;
    font-size: 12px;
    padding: 0 15px;
}

.orderListContainerFacets .labelContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .orderListContainerFacets .labelContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .orderListContainerFacets .labelContainer.disabled label,
    fieldset[disabled] .orderListContainerFacets .labelContainer label {
        cursor: not-allowed;
    }

    .orderListContainerFacets .labelContainer label {
        position: relative;
        padding: 15px 0;
    }

        .orderListContainerFacets .labelContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .orderListContainerFacets .labelContainer label .fieldInput .filter {
                visibility: hidden;
            }

            .orderListContainerFacets .labelContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .orderListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .orderListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .orderListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }


            .orderListContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .orderListContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .orderListContainerFacets .labelContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .orderListContainerFacets .labelContainer label .fieldName {
            padding-left: 33.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.approvalListContainerFacets .labelContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .approvalListContainerFacets .labelContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .approvalListContainerFacets .labelContainer.disabled label,
    fieldset[disabled] .approvalListContainerFacets .labelContainer label {
        cursor: not-allowed;
    }

    .approvalListContainerFacets .labelContainer label {
        position: relative;
        padding: 15px 0;
    }

        .approvalListContainerFacets .labelContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .approvalListContainerFacets .labelContainer label .fieldInput .filter {
                visibility: hidden;
            }

            .approvalListContainerFacets .labelContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .approvalListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .approvalListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .approvalListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .approvalListContainerFacets .labelContainer label .fieldName {
            padding-left: 33.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.datalistListContainerFacets .labelContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .datalistListContainerFacets .labelContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .datalistListContainerFacets .labelContainer.disabled label,
    fieldset[disabled] .datalistListContainerFacets .labelContainer label {
        cursor: not-allowed;
    }

    .datalistListContainerFacets .labelContainer label {
        position: relative;
        padding: 15px 0;
    }

        .datalistListContainerFacets .labelContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .datalistListContainerFacets .labelContainer label .fieldInput .filter {
                visibility: hidden;
            }

            .datalistListContainerFacets .labelContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .datalistListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .datalistListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .datalistListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .datalistListContainerFacets .labelContainer label .fieldName {
            padding-left: 33.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.orderReportListContainerFacets .labelContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .orderReportListContainerFacets .labelContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .orderReportListContainerFacets .labelContainer.disabled label,
    fieldset[disabled] .orderReportListContainerFacets .labelContainer label {
        cursor: not-allowed;
    }

    .orderReportListContainerFacets .labelContainer label {
        position: relative;
        padding: 15px 0;
    }

        .orderReportListContainerFacets .labelContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .orderReportListContainerFacets .labelContainer label .fieldInput .filter {
                visibility: hidden;
            }

            .orderReportListContainerFacets .labelContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .orderReportListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .orderReportListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .orderReportListContainerFacets .labelContainer label .fieldInput input[type=radio]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .orderReportListContainerFacets .labelContainer label .fieldName {
            padding-left: 33.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.selectAllContainer {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    white-space: nowrap;
    margin-top: 15px;
}

    .selectAllContainer label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .selectAllContainer.disabled label,
    fieldset[disabled] .selectAllContainer label {
        cursor: not-allowed;
    }

    .selectAllContainer label {
        position: relative;
        padding: 15px 0;
    }

        .selectAllContainer label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .selectAllContainer label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .selectAllContainer label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .selectAllContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .selectAllContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .selectAllContainer label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .selectAllContainer label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

    .selectAllContainer .fieldInput {
        top: 0 !important;
    }

    .selectAllContainer label {
        font-family: Lato;
        font-weight: 700;
        padding: 0;
    }

.filterSelect {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .filterSelect:before {
        content: '\e313';
    }

    .filterSelect:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .filterSelect:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .filterSelect select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .filterSelect select::-ms-expand {
            display: none;
        }

    .filterSelect option {
        font-size: 14px;
    }

        .filterSelect option[disabled] {
            color: #bfbfbf;
        }

    .filterSelect select {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        font-family: Lato;
        font-weight: 700;
        font-size: 15.96px;
        color: #000;
        position: relative;
        cursor: pointer;
        padding: 13.63636364px;
        /* background-color: #fff; */
        border: 1px solid #ededed;
        height: auto;
        display: block;
    }

        .filterSelect select:before {
            content: '\e313';
        }

/*	name: pages/user/address/global.less*/
.addressFieldStructure {
    padding-bottom: 30px;
    position: relative;
}

.addressFieldStructurePerson {
    margin-left: -15px;
    margin-right: -15px;
}

.addressFieldStructureAddress {
    margin-left: -15px;
    margin-right: -15px;
}

.addressFieldStructureItemTitle {
    float: left;
    width: 28.57142857%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
    margin-bottom: 0;
}

    .addressFieldStructureItemTitle:before {
        content: '\e313';
    }

    .addressFieldStructureItemTitle:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .addressFieldStructureItemTitle:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .addressFieldStructureItemTitle select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .addressFieldStructureItemTitle select::-ms-expand {
            display: none;
        }

    .addressFieldStructureItemTitle option {
        font-size: 14px;
    }

        .addressFieldStructureItemTitle option[disabled] {
            color: #bfbfbf;
        }

.addressFieldStructureItemFirstName {
    position: relative;
    float: left;
    width: 38.0952381%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.addressFieldStructureItemLastName {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
}

.addressFieldStructureItemAddress {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    position: relative;
}

    .addressFieldStructureItemAddress .error {
        left: 15px;
        right: 15px;
    }

    .addressFieldStructureItemAddress .field-validation-valid,
    .addressFieldStructureItemAddress .field-validation-error {
        padding-left: 15px;
    }

        .addressFieldStructureItemAddress .field-validation-valid:before,
        .addressFieldStructureItemAddress .field-validation-error:before {
            right: 20px;
        }

.fieldItemFirstName .field-validation-error:before {
    right: 20px;
}

.fieldItemLastName .field-validation-error:before {
    right: 20px;
}

#firstName-error {
    margin-left: 16px;
}

.addressFieldStructureItemAddressExtra {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}

/*	name: pages/user/address/structure.less*/
.addressRow {
    margin-left: -15px;
    margin-right: -15px;
}

.addressItem {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .addressItem {
        float: left;
        width: 33.33333333%;
    }
}

.addressItem .addressBoxView footer a {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.addressItem .addressBoxEdit footer a {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.addressAdd h3,
.addressAdd footer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.addressAdd address {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .addressAdd address {
        float: left;
        width: 33.33333333%;
    }
}

.addressEditColumn {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

    .addressEditColumn a {
        width: 100% !important;
        text-align: center;
    }

/*	name: pages/user/address/item.less*/
.addressItem address {
    padding-top: 30px;
}

    .addressItem address > div {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.addressItem footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

    .addressItem footer a {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        display: block;
        background-color: #f5f5f5;
        padding: 10px;
        font-size: 12px;
        color: #000;
    }

        .addressItem footer a .icon {
            padding-right: 5px;
        }

        .addressItem footer a:hover {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background-color: #ededed;
            text-decoration: none;
        }

        .addressItem footer a.buttonDelete {
            text-align: left;
        }

            .addressItem footer a.buttonDelete .icon {
                color: #f22d51;
            }

                .addressItem footer a.buttonDelete .icon:before {
                    content: '\f014';
                }

            .addressItem footer a.buttonDelete:hover {
                color: #f22d51;
            }

        .addressItem footer a.buttonEdit {
            text-align: right;
        }

            .addressItem footer a.buttonEdit .icon {
                color: #00b4ff;
            }

                .addressItem footer a.buttonEdit .icon:before {
                    content: '\f040';
                }

            .addressItem footer a.buttonEdit:hover {
                color: #00b4ff;
            }

        .addressItem footer a.buttonCancel .icon {
            color: #f22d51;
        }

            .addressItem footer a.buttonCancel .icon:before {
                content: '\e117';
            }

            .addressItem footer a.buttonCancel .icon:hover {
                color: #f22d51;
            }

        .addressItem footer a.buttonSave {
            text-align: center;
        }

            .addressItem footer a.buttonSave .icon {
                color: #00b4ff;
            }

                .addressItem footer a.buttonSave .icon:before {
                    content: '\f0c7';
                }

                .addressItem footer a.buttonSave .icon:hover {
                    color: #00b4ff;
                }

        .addressItem footer a.buttonUse {
            text-align: right;
        }

            .addressItem footer a.buttonUse .icon {
                color: #2fc77c;
            }

                .addressItem footer a.buttonUse .icon:before {
                    content: '\e116';
                }

                .addressItem footer a.buttonUse .icon:hover {
                    color: #2fc77c;
                }

.addressItemContainer {
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
}

    .addressItemContainer .addressBox {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 15px 15px 45px;
        border: 1px solid #ededed;
        position: relative;
        min-height: 250px;
    }

        .addressItemContainer .addressBox:hover {
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
        }

    .addressItemContainer.modeEdit:before {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    .addressItemContainer.modeEdit .addressBoxView {
        display: none !important;
    }

    .addressItemContainer.modeEdit .addressBoxEdit {
        display: block !important;
    }

    .addressItemContainer.modeView .addressBoxView {
        display: block !important;
    }

    .addressItemContainer.modeView .addressBoxEdit {
        display: none !important;
    }

    .addressItemContainer.modeUse .addressBoxView {
        background-color: rgba(47, 199, 124, 0.1);
    }

    .addressItemContainer.modeSave .addressBoxView {
        background-color: rgba(255, 87, 34, 0.1);
    }

.addressSelect {
    -webkit-border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 30px;
    -moz-background-clip: padding;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 15px;
}

    .addressSelect:before {
        content: '\e313';
    }

    .addressSelect:before {
        position: absolute;
        top: 50%;
        right: 5px;
        bottom: auto;
        left: auto;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 24px;
        color: #bfbfbf;
        margin-top: -12px;
        z-index: 500;
    }

    .addressSelect:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background-color: #fff;
        z-index: 0;
    }

    .addressSelect select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: transparent;
        position: relative;
        z-index: 500;
        padding-right: 35px;
    }

        .addressSelect select::-ms-expand {
            display: none;
        }

    .addressSelect option {
        font-size: 14px;
    }

        .addressSelect option[disabled] {
            color: #bfbfbf;
        }

    .addressSelect:after {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        left: 0;
    }

.addressBoxEdit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    background-color: #fff;
    z-index: 1050;
    display: none;
}

    .addressBoxEdit .field {
        padding-bottom: 30px;
        position: relative;
    }

    .addressBoxEdit .fieldPerson {
        margin-left: -15px;
        margin-right: -15px;
    }

    .addressBoxEdit .fieldAddress {
        margin-left: -15px;
        margin-right: -15px;
    }

    .addressBoxEdit .fieldItemTitle {
        float: left;
        width: 28.57142857%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-border-radius: 30px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 30px;
        -moz-background-clip: padding;
        border-radius: 30px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 15px;
        margin-bottom: 0;
    }

        .addressBoxEdit .fieldItemTitle:before {
            content: '\e313';
        }

        .addressBoxEdit .fieldItemTitle:before {
            position: absolute;
            top: 50%;
            right: 5px;
            bottom: auto;
            left: auto;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 24px;
            line-height: 24px;
            color: #bfbfbf;
            margin-top: -12px;
            z-index: 500;
        }

        .addressBoxEdit .fieldItemTitle:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            background-color: #fff;
            z-index: 0;
        }

        .addressBoxEdit .fieldItemTitle select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: transparent;
            position: relative;
            z-index: 500;
            padding-right: 35px;
        }

            .addressBoxEdit .fieldItemTitle select::-ms-expand {
                display: none;
            }

        .addressBoxEdit .fieldItemTitle option {
            font-size: 14px;
        }

            .addressBoxEdit .fieldItemTitle option[disabled] {
                color: #bfbfbf;
            }

    .addressBoxEdit .fieldItemFirstName {
        position: relative;
        float: left;
        width: 38.0952381%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .addressBoxEdit .fieldItemLastName {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 0;
    }

    .addressBoxEdit .fieldItemAddress {
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
        position: relative;
    }

        .addressBoxEdit .fieldItemAddress .error {
            left: 15px;
            right: 15px;
        }

        .addressBoxEdit .fieldItemAddress .field-validation-valid,
        .addressBoxEdit .fieldItemAddress .field-validation-error {
            padding-left: 15px;
        }

            .addressBoxEdit .fieldItemAddress .field-validation-valid:before,
            .addressBoxEdit .fieldItemAddress .field-validation-error:before {
                right: 20px;
            }

    .addressBoxEdit .fieldItemAddressExtra {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }

.addressInvoice .buttonEdit {
    width: 100% !important;
}

.addressInvoice .buttonCancel,
.addressInvoice .buttonSave {
    width: 50% !important;
}

.addressInvoice .buttonSave {
    text-align: right !important;
}

.addressDelivery .buttonCancel,
.addressDelivery .buttonSave {
    width: 50% !important;
}

.addressDelivery .buttonSave {
    text-align: right !important;
}

/*	name: pages/user/address/global.less*/
.addressAdd {
    display: none;
}

    .addressAdd.open {
        display: block;
    }

.addressAddContainer address {
    margin-top: 60px;
}

    .addressAddContainer address .field {
        padding-bottom: 30px;
        position: relative;
    }

    .addressAddContainer address .fieldPerson {
        margin-left: -15px;
        margin-right: -15px;
    }

    .addressAddContainer address .fieldAddress {
        margin-left: -15px;
        margin-right: -15px;
    }

    .addressAddContainer address .fieldItemTitle {
        float: left;
        width: 28.57142857%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-border-radius: 30px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 30px;
        -moz-background-clip: padding;
        border-radius: 30px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 15px;
        margin-bottom: 0;
    }

        .addressAddContainer address .fieldItemTitle:before {
            content: '\e313';
        }

        .addressAddContainer address .fieldItemTitle:before {
            position: absolute;
            top: 50%;
            right: 5px;
            bottom: auto;
            left: auto;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 24px;
            line-height: 24px;
            color: #bfbfbf;
            margin-top: -12px;
            z-index: 500;
        }

        .addressAddContainer address .fieldItemTitle:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            background-color: #fff;
            z-index: 0;
        }

        .addressAddContainer address .fieldItemTitle select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: transparent;
            position: relative;
            z-index: 500;
            padding-right: 35px;
        }

            .addressAddContainer address .fieldItemTitle select::-ms-expand {
                display: none;
            }

        .addressAddContainer address .fieldItemTitle option {
            font-size: 14px;
        }

            .addressAddContainer address .fieldItemTitle option[disabled] {
                color: #bfbfbf;
            }

    .addressAddContainer address .fieldItemFirstName {
        position: relative;
        float: left;
        width: 38.0952381%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .addressAddContainer address .fieldItemLastName {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 0;
    }

    .addressAddContainer address .fieldItemAddress {
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
        position: relative;
    }

        .addressAddContainer address .fieldItemAddress .error {
            left: 15px;
            right: 15px;
        }

        .addressAddContainer address .fieldItemAddress .field-validation-valid,
        .addressAddContainer address .fieldItemAddress .field-validation-error {
            padding-left: 15px;
        }

            .addressAddContainer address .fieldItemAddress .field-validation-valid:before,
            .addressAddContainer address .fieldItemAddress .field-validation-error:before {
                right: 20px;
            }

    .addressAddContainer address .fieldItemAddressExtra {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }

.addressAddRow {
    margin-left: -15px;
    margin-right: -15px;
}

.addressAddColumn {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .addressAddColumn {
        float: left;
        width: 50%;
    }
}

.addressAddColumn a {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
}

    .addressAddColumn a:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .addressAddColumn a:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .addressAddColumn a {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.addressAddColumn a.buttonCancel {
    background-color: #f22d51;
    border-color: #dc143c;
}

    .addressAddColumn a.buttonCancel:hover {
        background-color: #f22d51;
    }

.addressAddColumn.columnRight {
    text-align: right;
}

.addressAddButton {
    text-align: right;
    border-top: 1px solid #ededed;
    margin: 15px;
    padding-top: 30px;
}

    .addressAddButton .button {
        margin-top: 0;
        cursor: pointer;
    }

    .addressAddButton.open {
        display: none;
    }

/*	name: pages/user/finance/structure.less*/
.financeWrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.financeColumnOne {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .financeColumnOne {
        float: left;
        width: 66.66666667%;
    }
}

.financeColumnTwo {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .financeColumnTwo {
        float: left;
        width: 33.33333333%;
    }
}

.rowFinance {
    margin-left: -15px;
    margin-right: -15px;
}

    .rowFinance .financeName {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    .rowFinance .financeName {
        float: left;
        width: 50%;
    }
}

.rowFinance .financeContent {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .rowFinance .financeContent {
        float: left;
        width: 50%;
    }
}

.rowFinance .financeContent .addressItem {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

    .rowFinance .financeContent .addressItem .addressBoxView footer a {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

.rowFinanceCreditLimit .financeContent .formElement {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .rowFinanceCreditLimit .financeContent .formElement {
        float: left;
        width: 58.33333333%;
    }
}

.rowFinanceCreditLimit .financeContent .formElement.changeLimit {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .rowFinanceCreditLimit .financeContent .formElement.changeLimit {
        float: left;
        width: 41.66666667%;
    }
}

.rowFinanceCreditLimit .financeContent .formElement.changeLimit button {
    display: block;
    width: 100%;
    height: 40px;
}

.rowFinanceCreditLimit .financeContent .formElementRow {
    margin-left: -15px;
    margin-right: -15px;
}

/*	name: pages/user/finance/global.less*/
.financeColumnTwo {
    text-align: right;
}

    .financeColumnTwo .formElement label {
        font-family: Lato;
        font-weight: 300;
    }

    .financeColumnTwo .formElement .formInfo.accountStatus .icon {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        cursor: default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .financeColumnTwo .formElement .formInfo.accountStatus.Active {
        color: #2fc77c;
    }

        .financeColumnTwo .formElement .formInfo.accountStatus.Active .icon:before {
            content: '\e042';
        }

    .financeColumnTwo .formElement .formInfo.accountStatus.Inactive {
        color: #f22d51;
    }

        .financeColumnTwo .formElement .formInfo.accountStatus.Inactive .icon:before {
            content: '\e000';
        }

    .financeColumnTwo .formElement .formInfo.accountStatus.Suspended {
        color: #ff5722;
    }

        .financeColumnTwo .formElement .formInfo.accountStatus.Suspended .icon:before {
            content: '\e000';
        }

    .financeColumnTwo .formElement .formInfo.accountStatus.Hold {
        color: #00b4ff;
    }

        .financeColumnTwo .formElement .formInfo.accountStatus.Hold .icon:before {
            content: '\e035';
        }

.rowFinance .financeName {
    font-family: Lato;
    font-weight: 300;
    font-size: 18px;
}

/*	name: pages/user/orderList/structure.less*/
.orderListItemLevel,
.invoiceListItemLevel,
.datalistListItemLevel,
.approvallistListItemLevel,
.orderReportlistListItemLevel {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0;
}

.orderListItemLevelTwo > div {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.orderListItemCheck,
.approvalListItemCheck,
.orderReportListItemCheck {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.orderListItemInfo,
.invoiceListItemInfo,
.datalistListItemInfo,
.approvalListItemInfo,
.orderReportListItemInfo {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 768px) {
    .orderListItemInfo,
    .invoiceListItemInfo,
    .datalistListItemInfo,
    .approvalListItemInfo,
    .orderReportListItemInfo {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 480px) {
    .orderListItemInfo,
    .invoiceListItemInfo,
    .datalistListItemInfo,
    .approvalListItemInfo,
    .orderReportListItemInfo {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.orderListItemTime,
.approvalListItemTime,
.orderReportListItemTime {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 768px) {
    .orderListItemTime,
    .approvalListItemTime,
    .orderReportListItemTime {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 480px) {
    .orderListItemTime,
    .approvalListItemTime,
    .orderReportListItemTime {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.orderListItemCustomer,
.invoiceListItemCustomer,
.datalistListItemCustomer,
.approvalListItemCustomer,
.orderReportListItemCustomer {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 480px) {
    .orderListItemCustomer,
    .invoiceListItemCustomer,
    .datalistListItemCustomer,
    .approvalListItemCustomer,
    .orderReportListItemCustomer {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.orderListItemCta,
.invoiceListItemCta,
.datalistListItemCta,
.approvalListItemCta,
.orderReportListItemCta {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 480px) {
    .orderListItemCta,
    .invoiceListItemCta,
    .datalistListItemCta,
    .approvalListItemCta,
    .orderReportListItemCta {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .orderListItemDelivery {
        position: relative !important;
        float: left !important;
        width: 50% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 480px) {
    .orderListItemDelivery {
        position: relative !important;
        float: left !important;
        width: 100% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 768px) {
    .orderListItemInvoice {
        position: relative !important;
        float: left !important;
        width: 50% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 480px) {
    .orderListItemInvoice {
        position: relative !important;
        float: left !important;
        width: 100% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 30px;
    }
}

@media (max-width: 768px) {
    .orderListItemCustomerRef {
        position: relative !important;
        float: left !important;
        width: 100% !important;
        min-height: 1px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.orderListContent .sortBar,
.invoiceListContent .sortBar,
.datalistListContent .sortBar,
.approvalListContent .sortBar,
.orderReportListContent .sortBar {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0 -15px 15px 0;
}

    .orderListContent .sortBar .selectAllContainer,
    .invoiceListContent .sortBar .selectAllContainer,
    .datalistListContent .sortBar .selectAllContainer,
    .approvalListContent .sortBar .selectAllContainer,
    .orderReportListContent .sortBar .selectAllContainer {
        position: relative;
        float: left;
        width: 8.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 26px;
    }

    .orderListContent .sortBar .filterContainer,
    .invoiceListContent .sortBar .filterContainer,
    .datalistListContent .sortBar .filterContainer,
    .approvalListContent .sortBar .filterContainer,
    .orderReportListContent .sortBar .filterContainer {
        position: relative;
        float: left;
        width: 33.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: right;
    }

@media (max-width: 768px) {
    .orderListContent .sortBar .filterContainer,
    .invoiceListContent .sortBar .filterContainer,
    .datalistListContent .sortBar .filterContainer,
    .approvalListContent .sortBar .filterContainer,
    .orderReportListContent .sortBar .filterContainer {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 0;
    }
}

/*	name: pages/user/orderList/item.less*/
.orderListItem,
.invoiceListItem,
.datalistListItem,
.approvalListItem,
.orderReportListItem {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    border: 1px solid #ededed;
    margin-bottom: 15px;
}

    .orderListItem:before,
    .invoiceListItem:before,
    .datalistListItem:before,
    .approvalListItem:before,
    .orderReportListItem:before {
        border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius-bottomleft: 3px;
        -moz-background-clip: padding;
        border-bottom-left-radius: 3px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        width: 6px;
        background-color: #f5f5f5;
    }

.datalistListItemConnells:before {
    background-color: #f00;
}

.datalistListItemCACI:before {
    background-color: #ff9800;
}

.datalistListItemMultiPostcode:before {
    background-color: #00b4ff;
}

.datalistListItemCSV:before {
    background-color: #2fc77c;
}

.approvalListItemPending:before {
    background-color: #f00;
}

.approvalListItemSuccess:before {
    background-color: #ff9800;
}

.orderReportListItemPending:before {
    background-color: #f00;
}

.orderReportListItemSuccess:before {
    background-color: #ff9800;
}

.orderListItemPending:before {
    background-color: #00b4ff;
}

.orderListItemCanceled:before {
    background-color: #f22d51;
}

.orderListItemSuccess:before {
    background-color: #2fc77c;
}

.orderListItemCompleted:before {
    background-color: #2fc77c;
}

.orderListItemLevel h4,
.invoiceListItemLevel h4,
.datalistListItemLevel h4,
.approvalListItemLevel h4,
.orderReportListItemLevel h4 {
    font-family: Lato;
    font-weight: 300;
    font-size: 15.96px;
    padding-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.orderListItemLevel > div,
.invoiceListItemLevel > div,
.datalistListItemLevel > div,
.approvalListItemLevel > div,
.orderReportListItemLevel > div {
    font-family: Lato;
    font-weight: 300;
    color: #616161;
    font-size: 14px;
}

    .orderListItemLevel > div address > div,
    .invoiceListItemLevel > div address > div,
    .datalistListItemLevel > div address > div,
    .approvalListItemLevel > div address > div,
    .orderReportListItemLevel > div address > div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.orderListItemLevel .buttonCollection a,
.invoiceListItemLevel .buttonCollection a,
.datalistListItemLevel .buttonCollection a,
.approvalListItemLevel .buttonCollection a,
.orderReportListItemLevel .buttonCollection a {
    font-family: Lato;
    font-weight: 400;
    display: block;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    color: #00b4ff;
    border: 2px solid #00b4ff;
    margin-bottom: 6px;
}

    .orderListItemLevel .buttonCollection a:hover,
    .orderListItemLevel .buttonCollection a:active,
    .invoiceListItemLevel .buttonCollection a:hover,
    .invoiceListItemLevel .buttonCollection a:active,
    .datalistListItemLevel .buttonCollection a:hover,
    .datalistListItemLevel .buttonCollection a:active,
    .approvalListItemLevel .buttonCollection a:hover,
    .approvalListItemLevel .buttonCollection a:active,
    .orderReportListItemLevel .buttonCollection a:hover,
    .orderReportListItemLevel .buttonCollection a:active {
        text-decoration: none;
        background-color: #00b4ff;
        color: #fff;
    }

.orderListItemLevelOne,
.invoiceListItemLevelOne,
.datalistListItemLevelOne,
.approvalListItemLevelOne,
.orderReportListItemLevelOne {
    -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 10px;
}

.orderListItemLevelTwo,
.orderListItemLevelThree {
    padding-top: 30px;
    display: none;
}

.orderListItemCheck {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .orderListItemCheck label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .orderListItemCheck.disabled label,
    fieldset[disabled] .orderListItemCheck label {
        cursor: not-allowed;
    }

    .orderListItemCheck label {
        position: relative;
        padding: 15px 0;
    }

        .orderListItemCheck label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .orderListItemCheck label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .orderListItemCheck label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .orderListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .orderListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .orderListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .orderListItemCheck label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.orderListItemCta {
    text-align: center;
}

    .orderListItemCta a {
        display: inline-block;
        color: #00b4ff;
        padding-bottom: 10px;
    }

    .orderListItemCta .openLevel2 .icon {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #007EC6;
        color: #fff;
        font-size: 18px;
    }

        .orderListItemCta .openLevel2 .icon:before {
            content: '\e313';
        }

.orderListItem.active {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    overflow: hidden;
    padding-bottom: 15px;
}

    .orderListItem.active .orderListItemLevelOne,
    .invoiceListItem.active .invoiceListItemLevelOne,
    .datalistListItem.active .datalistListItemLevelOne {
        background-color: #f5f5f5;
    }

        .orderListItem.active .orderListItemLevelOne .openLevel2 .icon:before {
            content: '\e316';
        }

    .orderListItem.active .orderListItemLevelTwo {
        display: block;
    }

.approvalListItemLevelTwo {
    padding-top: 30px;
    display: none;
}

.approvalListItemCheck {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .approvalListItemCheck label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .approvalListItemCheck.disabled label,
    fieldset[disabled] .approvalListItemCheck label {
        cursor: not-allowed;
    }

    .approvalListItemCheck label {
        position: relative;
        padding: 15px 0;
    }

        .approvalListItemCheck label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .approvalListItemCheck label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .approvalListItemCheck label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .approvalListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .approvalListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .approvalListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .approvalListItemCheck label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.approvalListItemCta {
    text-align: center;
}

    .approvalListItemCta a {
        display: inline-block;
        color: #00b4ff;
        padding-bottom: 10px;
    }

    .approvalListItemCta .openLevel2 .icon {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #007EC6;
        color: #fff;
        font-size: 18px;
    }

        .approvalListItemCta .openLevel2 .icon:before {
            content: '\e313';
        }

.approvalListItem.active {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    overflow: hidden;
    padding-bottom: 15px;
}

    .approvalListItem.active .approvalListItemLevelOne .openLevel2 .icon:before {
        content: '\e316';
    }

    .approvalListItem.active .approvalListItemLevelTwo {
        display: block;
    }

.orderReportListItemLevelTwo {
    padding-top: 30px;
    display: none;
}

.orderReportListItemCheck {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .orderReportListItemCheck label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .orderReportListItemCheck.disabled label,
    fieldset[disabled] .orderReportListItemCheck label {
        cursor: not-allowed;
    }

    .orderReportListItemCheck label {
        position: relative;
        padding: 15px 0;
    }

        .orderReportListItemCheck label .fieldInput {
            position: absolute;
            top: 15px;
            right: auto;
            bottom: auto;
            left: 0;
        }

            .orderReportListItemCheck label .fieldInput input[type=checkbox] {
                visibility: hidden;
            }

            .orderReportListItemCheck label .fieldInput .fieldGraphic {
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                cursor: default;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-border-radius: 3px;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 3px;
                -moz-background-clip: padding;
                border-radius: 3px;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                display: block;
                width: 23.07692308px;
                height: 23.07692308px;
                background-color: #fff;
                border: 1px solid #bfbfbf;
            }

            .orderReportListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                color: #fff;
                background-color: #3FAA35;
            }

                .orderReportListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    content: '\e116';
                }

                .orderReportListItemCheck label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                    display: block;
                    width: 23.07692308px;
                    height: 23.07692308px;
                    line-height: 23.07692308px;
                    text-align: center;
                }

        .orderReportListItemCheck label .fieldName {
            padding-left: 38.07692308px;
            font-size: 12px;
            line-height: 2em;
            display: block;
        }

.orderReportListItemCta {
    text-align: center;
}

    .orderReportListItemCta a {
        display: inline-block;
        color: #00b4ff;
        padding-bottom: 10px;
    }

    .orderReportListItemCta .openLevel2 .icon {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #007EC6;
        color: #fff;
        font-size: 18px;
    }

        .orderReportListItemCta .openLevel2 .icon:before {
            content: '\e313';
        }

.orderReportListItem.active {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    overflow: hidden;
    padding-bottom: 15px;
}

    .orderReportListItem.active .orderReportListItemLevelOne .openLevel2 .icon:before {
        content: '\e316';
    }

    .orderReportListItem.active .orderReportListItemLevelTwo {
        display: block;
    }

/*	name: pages/user/savedDocuments/structure.less*/
.savedDocumentsContent .sortBar,
.sharedDocumentsContent .sortBar {
    margin-left: -15px;
    margin-right: -15px;
    margin: 0 0 15px 0;
}

.savedDocumentsContent .checkboxesContainer,
.sharedDocumentsContent .checkboxesContainer {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 992px) {
    .savedDocumentsContent .checkboxesContainer,
    .sharedDocumentsContent .checkboxesContainer {
        position: relative;
        float: left;
        width: 41.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0;
    }
}

.savedDocumentsContent .ctaContainer,
.sharedDocumentsContent .ctaContainer {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

@media (max-width: 992px) {
    .savedDocumentsContent .ctaContainer,
    .sharedDocumentsContent .ctaContainer {
        position: relative;
        float: left;
        width: 58.33333333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0;
    }

        .savedDocumentsContent .ctaContainer button,
        .sharedDocumentsContent .ctaContainer button {
            padding-left: 6px;
            padding-right: 6px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
        }
}

/*	name: pages/user/savedDocuments/global.less*/
@media (max-width: 768px) {
    .savedDocumentsContent, .sharedDocumentsContent {
        padding-left: 0;
        padding-right: 0;
    }
}

.savedDocumentsContent .deleteSelected, .sharedDocumentsContent .deleteSharedSelected, .clearOrderFilters {
    font-size: 15.96px;
    color: #000;
    position: relative;
    cursor: pointer;
    padding: 13.63636364px;
    background-color: #fff;
    border: 1px solid #ededed;
    height: auto;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    background-color: #007EC6;
    border-color: #01517f;
    margin: 0;
    height: 53px;
}

    .savedDocumentsContent .deleteSelected:before, .sharedDocumentsContent .deleteSharedSelected:before {
        content: '\e313';
    }

    .savedDocumentsContent .deleteSelected:hover, .sharedDocumentsContent .deleteSharedSelected:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .savedDocumentsContent .deleteSelected:active, .sharedDocumentsContent .deleteSharedSelected:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .savedDocumentsContent .deleteSelected, .sharedDocumentsContent .deleteSharedSelected {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.savedDocumentsContent .deleteSelected:hover, .sharedDocumentsContent .deleteSharedSelected:hover {
    background-color: #01517f;
}

.savedDocumentsContent .deleteSelected:before, .sharedDocumentsContent .deleteSharedSelected:before {
    display: none;
}

.savedDocumentsContent .deleteSelected:hover,
.savedDocumentsContent .deleteSelected:active,
.savedDocumentsContent .deleteSelected:focus {
    zoom: 1;
}

@media (max-width: 768px) {
    .savedDocumentsFilterBar, .sharedDocumentsFilterBar {
        padding-left: 0;
        padding-right: 0;
    }
}

.documentsList {
    padding-top: 30px;
}

@media (max-width: 768px) {
    .documentsList .productContainer {
        padding-left: 0;
        padding-right: 0;
    }
}

/*	name: pages/user/savedDocuments/item.less*/
.savedDocumentsContent .productContent .productName {
    font-size: 24px;
    padding-top: 10px;
}

.savedDocDetails {
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    color: #616161;
    padding-bottom: 15px;
    min-height: 133px;
}

    .savedDocDetails label:after {
        content: ':';
    }

.productImage {
    position: relative;
}

    .productImage .extraOptions {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .productImage .extraOptions .option .icon {
            color: #fff;
            padding: 5px;
            text-align: center;
            font-size: 32px;
            cursor: pointer;
            display: block;
        }

            .productImage .extraOptions .option .icon:hover {
                background-color: #007EC6;
            }

        .productImage .extraOptions .option .fieldName {
            display: none !important;
        }

        .productImage .extraOptions .optionEdit {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            margin-top: -37.5px;
            margin-left: -37.5px;
        }

            .productImage .extraOptions .optionEdit .icon {
                -webkit-border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 50%;
                -moz-background-clip: padding;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                width: 75px;
                height: 75px;
                line-height: 64px;
                background-color: #00b4ff;
                display: none;
            }

                .productImage .extraOptions .optionEdit .icon:before {
                    content: '\f040';
                }

        .productImage .extraOptions .optionDelete {
            position: absolute;
            top: auto;
            right: auto;
            bottom: 10px;
            left: 10px;
            color: #fff;
        }

            .productImage .extraOptions .optionDelete .icon {
                -webkit-border-radius: 50%;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 50%;
                -moz-background-clip: padding;
                border-radius: 50%;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                width: 25px;
                height: 25px;
                line-height: 16px;
                font-size: 16px;
                background-color: #f22d51;
            }

                .productImage .extraOptions .optionDelete .icon:before {
                    content: '\f014';
                }

        .productImage .extraOptions .optionCheckbox {
            position: relative;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
            position: absolute;
            top: auto;
            right: 10px;
            bottom: 10px;
            left: auto;
            margin: 0;
            width: 22px;
            height: 36px;
        }

            .productImage .extraOptions .optionCheckbox label {
                min-height: 21px;
                padding-left: 20px;
                margin-bottom: 0;
                font-weight: normal;
                cursor: pointer;
            }

            .productImage .extraOptions .optionCheckbox.disabled label,
            fieldset[disabled] .productImage .extraOptions .optionCheckbox label {
                cursor: not-allowed;
            }

            .productImage .extraOptions .optionCheckbox label {
                position: relative;
                padding: 15px 0;
            }

                .productImage .extraOptions .optionCheckbox label .fieldInput {
                    position: absolute;
                    top: 15px;
                    right: auto;
                    bottom: auto;
                    left: 0;
                }

                    .productImage .extraOptions .optionCheckbox label .fieldInput input[type=checkbox] {
                        visibility: hidden;
                    }

                    .productImage .extraOptions .optionCheckbox label .fieldInput .fieldGraphic {
                        font-family: 'icomoon' !important;
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        cursor: default;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-border-radius: 3px;
                        -webkit-background-clip: padding-box;
                        -moz-border-radius: 3px;
                        -moz-background-clip: padding;
                        border-radius: 3px;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box;
                        position: absolute;
                        top: 0;
                        right: auto;
                        bottom: auto;
                        left: 0;
                        display: block;
                        width: 23.07692308px;
                        height: 23.07692308px;
                        background-color: #fff;
                        border: 1px solid #bfbfbf;
                    }

                    .productImage .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic {
                        color: #fff;
                        background-color: #3FAA35;
                    }

                        .productImage .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                            content: '\e116';
                        }

                        .productImage .extraOptions .optionCheckbox label .fieldInput input[type=checkbox]:checked + .fieldGraphic:before {
                            display: block;
                            width: 23.07692308px;
                            height: 23.07692308px;
                            line-height: 23.07692308px;
                            text-align: center;
                        }

                .productImage .extraOptions .optionCheckbox label .fieldName {
                    padding-left: 38.07692308px;
                    font-size: 12px;
                    line-height: 2em;
                    display: block;
                }

            .productImage .extraOptions .optionCheckbox .selectItem {
                padding: 0;
            }

        .productImage .extraOptions .option:hover {
            text-decoration: none;
        }

        .productImage .extraOptions:hover .optionEdit .icon {
            display: block;
        }

.sharedDocumentsContent .productContent .productName {
    font-size: 24px;
    padding-top: 10px;
}

.sharedDocDetails {
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    color: #616161;
    padding-bottom: 15px;
    min-height: 133px;
}

    .sharedDocDetails label:after {
        content: ':';
    }


/*	name: pages/basket/structure.less*/
.basketContainer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .basketContainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .basketContainer {
        width: 970px;
    }
}

@media (min-width: 1215px) {
    .basketContainer {
        width: 1185px;
    }
}

.basketContainer > .navbar-header,
.basketContainer > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .basketContainer > .navbar-header,
    .basketContainer > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

/*	name: pages/basket/global.less*/
.basketPage {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .basketPage h2 {
        margin-bottom: 30px;
    }

        .basketPage h2 .count {
            font-family: Lato;
            font-weight: 400;
        }

.basketRow {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .basketRow {
        margin: 0;
    }
}

.voucherContainer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    padding: 0;
}

@media (min-width: 992px) {
    .voucherContainer {
        float: left;
        width: 41.66666667%;
    }
}

.voucherContainer .voucherForm {
    position: relative;
}

    .voucherContainer .voucherForm .formInput {
        padding-right: 120px;
    }

@media (max-width: 768px) {
    .voucherContainer .voucherForm .formInput {
        padding-right: 0;
    }
}

.voucherContainer .voucherForm button {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    background-color: #00b4ff;
    border-color: #0fa6f3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 0;
}

    .voucherContainer .voucherForm button:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .voucherContainer .voucherForm button:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .voucherContainer .voucherForm button {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.voucherContainer .voucherForm button:hover {
    background-color: #00b4ff;
}

@media (max-width: 768px) {
    .voucherContainer .voucherForm button {
        position: static;
        margin-top: 15px;
    }
}

.basketTotals,
.basketHeading {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

.basketHeading {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.basketTotalsElement {
    margin-left: -15px;
    margin-right: -15px;
    font-family: Lato;
    font-weight: 400;
    font-size: 15.96px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
}

@media (max-width: 768px) {
    .basketTotalsElement {
        font-size: 14px;
    }
}

.basketPricing .headingColumn,
.basketPricing .fieldColumn {
    font-family: Lato;
    font-weight: 400;
    color: #bfbfbf;
    font-size: 18px;
}

@media (max-width: 768px) {
    .basketPricing .headingColumn,
    .basketPricing .fieldColumn {
        font-size: 14px;
    }
}

.basketPricing .headingName,
.basketPricing .fieldName {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
}

@media (max-width: 768px) {
    .basketPricing .headingName,
    .basketPricing .fieldName {
        position: relative;
        float: left;
        width: 41.66666667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.basketPricing .headingPriceNoTax,
.basketPricing .fieldPriceNoTax {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

@media (max-width: 768px) {
    .basketPricing .headingPriceNoTax,
    .basketPricing .fieldPriceNoTax {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.basketPricing .headingPriceFinal,
.basketPricing .fieldPriceFinal {
    font-family: Lato;
    font-weight: 700;
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

@media (max-width: 768px) {
    .basketPricing .headingPriceFinal,
    .basketPricing .fieldPriceFinal {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.basketPricing .headingPriceFinal .icon,
.basketPricing .fieldPriceFinal .icon {
    position: absolute;
    top: 8px;
    right: 0;
    bottom: auto;
    left: auto;
    color: #2fc77c;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
}

    .basketPricing .headingPriceFinal .icon:before,
    .basketPricing .fieldPriceFinal .icon:before {
        content: '\e88e';
    }

    .basketPricing .headingPriceFinal .icon:hover,
    .basketPricing .fieldPriceFinal .icon:hover {
        text-decoration: none;
    }

.priceOrderTotalAfterDiscount {
    font-size: 24px;
    border-top: 1px solid #ededed;
}

@media (max-width: 768px) {
    .priceOrderTotalAfterDiscount {
        font-size: 14px;
    }
}

.priceOrderTotalAfterDiscount .fieldName {
    font-family: Lato;
    font-weight: 700;
}

.priceDiscount .remove-voucher {
    position: absolute;
    top: 8px;
    right: 0;
    bottom: auto;
    left: auto;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    color: #f22d51;
}

    .priceDiscount .remove-voucher:before {
        content: '\e5c9';
    }

    .priceDiscount .remove-voucher:hover {
        text-decoration: none;
    }

.actionButtonCollection {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 60px;
}

@media (max-width: 768px) {
    .actionButtonCollection {
        margin: 0;
        clear: both;
    }
}

.actionButtonColumn {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
}

@media (min-width: 768px) {
    .actionButtonColumn {
        float: left;
        width: 33.33333333%;
    }
}

.actionButtonColumn:last-child {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
}

@media (min-width: 768px) {
    .actionButtonColumn:last-child {
        float: left;
        width: 66.66666667%;
    }
}

@media (max-width: 768px) {
    .actionButtonColumn:last-child {
        padding: 0;
    }
}

.actionButtonColumn .buttonBack {
    color: #00b4ff;
    background-color: #fff;
}

.actionButtonColumn div span {
    font-family: Lato;
    font-weight: 400;
}

.actionButtonColumn div .buttonPre {
    padding-right: 7.5px;
}

.actionButtonColumn div .creditInfo {
    display: block;
    font-size: 12px;
}

    .actionButtonColumn div .creditInfo .value {
        color: #f22d51;
    }

/*	name: pages/basket/item.less*/
.orderItem {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 10px -1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 15px 0;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #ededed;
}

.orderColumn .checkoutName {
    font-family: Lato;
    font-weight: 700;
}

.orderColumn .checkoutValue {
    font-family: Lato;
    font-weight: 400;
    font-size: 18px;
}

.orderImage {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .orderImage {
        float: left;
        width: 33.33333333%;
    }
}

.orderImage img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #ededed;
}

.orderDetails {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    padding-bottom: 30px;
    min-height: 210px;
}

@media (min-width: 768px) {
    .orderDetails {
        float: left;
        width: 66.66666667%;
    }
}

.orderDetailsRow {
    margin-left: -15px;
    margin-right: -15px;
}

.orderProductInfo {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .orderProductInfo {
        float: left;
        width: 75%;
    }
}

@media (min-width: 992px) {
    .orderProductInfo {
        float: left;
        width: 50%;
    }
}

@media (max-width: 768px) {
    .orderProductInfo {
        height: auto !important;
        padding-top: 30px;
        padding-bottom: 135px;
    }
}

.orderProductQty {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .orderProductQty {
        float: left;
        width: 16.66666667%;
    }
}

@media (max-width: 992px) {
    .orderProductQty {
        height: auto !important;
    }
}

.orderProductQty label {
    position: relative;
}

.orderProductQty input {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #bfbfbf;
}

.orderProductQty button {
    position: absolute;
    top: auto;
    right: -30px;
    bottom: 5px;
    left: auto;
    z-index: inherit;
    background-color: transparent;
    padding: 0;
}

    .orderProductQty button .icon {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        font-size: 14px;
        display: block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        background-color: #00b4ff;
        color: #fff;
    }

        .orderProductQty button .icon:before {
            content: '\e05a';
        }

@media (max-width: 768px) {
    .orderProductQty {
        bottom: 105px;
    }
}

.orderProductCost {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .orderProductCost {
        float: left;
        width: 33.33333333%;
    }
}

.orderProductCta {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

@media (min-width: 768px) {
    .orderProductCta {
        float: left;
        width: 33.33333333%;
    }
}

@media (max-width: 992px) {
    .orderProductCta {
        position: absolute;
        bottom: 0;
    }
}

.orderProductCta .button {
    margin: 0;
    font-size: 9.33333333px;
    line-height: 26px;
    height: 26px;
    padding: 0 10px;
    overflow: hidden;
    display: block;
    width: auto;
    float: left;
    margin-right: 5.2px;
}

.orderProductCta .buttonReview {
    background-color: #fff;
    color: #00b4ff;
}

.orderProductCta .buttonRemove {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f22d51;
    color: #fff;
    border: 1px solid #c60c2e;
    width: 26px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: relative;
}

    .orderProductCta .buttonRemove .icon {
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        left: -1px;
        font-size: 14px;
        display: block;
        width: 26px;
        height: 26px;
        line-height: 26px;
    }

        .orderProductCta .buttonRemove .icon:before {
            content: '\f014';
        }

.orderProductCta .button .name {
    display: none;
}

.orderProductCta .button:last-child {
    margin: 0;
}

.orderProductCtaContainer {
    display: inline-block;
    overflow: hidden;
    min-width: 140px;
}

.orderProductName {
    font-family: Lato;
    font-weight: 700;
    font-size: 15.96px;
    color: #000;
}

.orderProductTemplateDefinition {
    font-size: 12px;
}

.orderProductDescription {
    margin-top: 15px;
    font-size: 12px;
}

.orderProductMoney {
    font-family: Lato;
    font-weight: 300;
    display: block;
}

.orderProductPrice {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
}

    .orderProductPrice .fieldName {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    .orderProductPrice .fieldName {
        float: left;
        width: 50%;
    }
}

.orderProductPrice .fieldValue {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .orderProductPrice .fieldValue {
        float: left;
        width: 50%;
    }
}

@media (max-width: 992px) {
    .orderProductPrice {
        right: 0;
        left: auto;
    }

        .orderProductPrice .fieldName,
        .orderProductPrice .fieldValue {
            width: auto;
        }
}

.orderProductCheckoutMessage {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
}

.buttonUpdateAll {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #00b4ff;
    border: 1px solid #0fa6f3;
    height: 40px;
    display: inline-block;
    margin-top: 30px;
    padding: 6px 25px;
    background-color: #007EC6;
    border-color: #01517f;
    margin: 0;
}

    .buttonUpdateAll:hover {
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        color: #fff;
        text-decoration: none;
    }

    .buttonUpdateAll:active {
        color: #fff;
        text-decoration: none;
        zoom: .95;
    }

@media (max-width: 768px) {
    .buttonUpdateAll {
        width: 100%;
        display: block;
        text-align: center !important;
        font-size: 12px;
        line-height: 30px;
    }
}

.buttonUpdateAll:hover {
    background-color: #01517f;
}

.buttonUpdateAll .icon {
    margin-right: 7.5px;
}

    .buttonUpdateAll .icon:before {
        content: '\e05a';
    }

.updateAllContainer {
    text-align: right;
}

@media (max-width: 768px) {
    .updateAllContainer {
        margin: 0;
    }
}

/*	name: pages/checkout/structure.less*/
.checkoutAddresses {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
    padding-top: 15px;
    background-color: #fff;
}

    .checkoutAddresses .addressItemContainer {
        margin-bottom: 15px;
    }

    .checkoutAddresses .addressItemFooter .buttonEdit {
        text-align: left;
    }

    .checkoutAddresses .addressItemFooter .buttonSameAsDelivery {
        text-align: right;
    }

        .checkoutAddresses .addressItemFooter .buttonSameAsDelivery .icon:before {
            content: '\e8d4';
        }

.checkoutExtraOption {
    margin-bottom: 20px;
    float: none;
}

.checkoutExtraOptionContainer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 0;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .checkoutExtraOptionContainer {
        float: left;
        width: 33.33333333%;
    }
}

/*	name: pages/checkout/global.less*/
@media (max-width: 768px) {
    .checkoutItemList {
        overflow: hidden;
    }

        .checkoutItemList .orderColumn {
            height: auto !important;
        }

        .checkoutItemList .orderColumn {
            bottom: 20px;
        }

        .checkoutItemList .orderProductInfo {
            padding-bottom: 90px;
        }

        .checkoutItemList .orderProductCheckoutMessage {
            padding: 30px 15px 0;
        }
}

/*	name: pages/thankYou/structure.less*/
.thankYouPage .actionButtonColumn {
    padding-left: 15px !important;
}

@media (max-width: 768px) {
    .thankYouPage .actionButtonColumn {
        padding-left: 0 !important;
    }
}

.thankYouAddressesRow {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 60px;
}

.thankYouAddress {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .thankYouAddress {
        float: left;
        width: 33.33333333%;
    }
}

.thankYouProduct {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.thankYouProductImage {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .thankYouProductImage {
        float: left;
        width: 16.66666667%;
    }
}

.thankYouProductDetails {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .thankYouProductDetails {
        float: left;
        width: 83.33333333%;
    }
}

/*	name: pages/thankYou/global.less*/
.thankYouAddressContainer {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ededed;
    padding: 15px;
}

    .thankYouAddressContainer h3 {
        text-transform: uppercase;
        padding-bottom: 30px;
    }

        .thankYouAddressContainer h3 .note {
            font-size: 14px;
            text-transform: none;
        }

.thankYouProduct {
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .thankYouProduct {
        padding: 15px;
    }
}

.thankYouProductImage {
    padding: 15px;
    padding-left: 0;
}

@media (max-width: 768px) {
    .thankYouProductImage {
        padding: 0;
    }
}

.thankYouProductImage img {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ededed;
}

.thankYouProductDetails {
    padding-top: 30px;
}

    .thankYouProductDetails .detailsContainer {
        font-size: 12px;
        color: #616161;
    }

    .thankYouProductDetails .productTitle {
        font-family: Lato;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 10px;
    }

/*	name: pages/faq/global.less*/
.faqSidebar ul {
    margin: 0;
    padding: 0;
}

    .faqSidebar ul li {
        list-style: none;
        margin-bottom: 15px;
    }

        .faqSidebar ul li a {
            font-family: Lato;
            font-weight: 300;
            font-size: 18px;
            color: #000;
        }

.faqSearch input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .faqSearch input:focus {
        border-color: #007EC6;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(94, 20, 98, 0.6);
    }

    .faqSearch input::-moz-placeholder {
        color: #bfbfbf;
        opacity: 1;
    }

    .faqSearch input:-ms-input-placeholder {
        color: #bfbfbf;
    }

    .faqSearch input::-webkit-input-placeholder {
        color: #bfbfbf;
    }

    .faqSearch input::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .faqSearch input[disabled],
    .faqSearch input[readonly],
    fieldset[disabled] .faqSearch input {
        background-color: #bfbfbf;
        opacity: 1;
    }

    .faqSearch input[disabled],
    fieldset[disabled] .faqSearch input {
        cursor: not-allowed;
    }

textarea.faqSearch input {
    height: auto;
}

.faqSearch button {
    position: absolute;
    top: 7.5px;
    right: 15px;
    bottom: auto;
    left: auto;
    background-color: transparent;
    border: none;
}

    .faqSearch button .icon {
        font-size: 24px;
    }

        .faqSearch button .icon:before {
            content: '\e8b6';
        }

.faqAccordion h3 {
    margin: 30px 0;
}

.faqAccordion .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.faqAccordion .panel-heading {
    padding: 0;
    margin-bottom: 15px;
}

.faqAccordion .panel-title a {
    font-family: Lato;
    font-weight: 400;
    font-size: 18px;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px;
    border: 1px solid #ededed;
}

.faqAccordion .panel-body {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ededed !important;
    background-color: #fff;
    margin-bottom: 30px;
}

/*	name: pages/search/global.less*/
.searchPage .staticPageName {
    margin-bottom: 60px;
}

.searchPage .productContainer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .searchPage .productContainer {
        float: left;
        width: 25%;
    }
}

.searchPage .productName {
    font-size: 18px;
}

.searchPage .productDescription {
    padding-bottom: 60px;
}

.searchPage .productPrice {
    color: #bfbfbf;
}

.productTypeSwitcher {
    padding: 30px 0 60px;
}

    .productTypeSwitcher ul {
        text-align: center;
    }

        .productTypeSwitcher ul li {
            display: inline-block;
            list-style: none;
        }

            .productTypeSwitcher ul li a {
                display: block;
                color: #000;
                margin: 10px;
                padding-bottom: 10px;
            }

                .productTypeSwitcher ul li a:hover {
                    text-decoration: none;
                }

            .productTypeSwitcher ul li.active a {
                color: #007EC6;
                border-bottom: 3px solid #007EC6;
            }

@media (max-width: 767px) {
    .productTypeSwitcher ul {
        text-align: center;
    }
}

/*	name: pages/contact/structure.less*/
.contactPageColumn {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .contactPageColumn {
        float: left;
        width: 41.66666667%;
    }
}

/*	name: pages/contact/global.less*/
.contactPageColumn address {
    font-family: Lato;
    font-weight: 400;
    margin: 30px 0;
}

.contactPageForm {
    display: inline-block;
}

    .contactPageForm .button {
        width: 100%;
    }

/*name: pages/404/global.less*/

.textPage {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .textPage .grid-section .container {
        padding: 0 !important;
    }

@media (max-width: 768px) {
    .textPage .grid-section .row {
        margin: 0;
    }
}

.page-404 {
    text-align: center;
    padding: 60px 0;
}

.full-width-height {
    height: 100%;
    width: 100%;
}