a.standout {
    text-decoration: underline;
}

a.item-link {
    color: #000000;
}
#ideaexchange-gotoforum{
    white-space: normal;
}
@media (min-width: 768px) {
    h1 {
        font-weight: bold;
        font-size: 40px!important;
        line-height: 44px!important;
        letter-spacing: 1.8px!important;
    }

    h2 {
        font-weight: bold!important;
        font-size: 28px!important;
        line-height: 32px!important;
        letter-spacing: 1.8px!important;
    }

    h3 {
        font-weight: bold!important;
        font-size: 20px!important;
        line-height: 24px!important;
        letter-spacing: 1.2px!important;
    }

    h4 {
        font-weight: bold!important;
        font-size: 16px!important;
        line-height: 18px!important;
        letter-spacing: 1.2px!important;
    }
}

@media (max-width: 768px) {
    h1 {
        font-weight: bold!important;
        font-size: 32px!important;
        line-height: 32px!important;
        letter-spacing: 1.2px!important;
    }

    h2 {
        font-weight: bold!important;
        font-size: 24px!important;
        line-height: 24px!important;
        letter-spacing: 1.2px!important;
    }

    h3 {
        font-weight: bold!important;
        font-size: 16px!important;
        line-height: 16px!important;
        letter-spacing: 1.2px!important;
    }

    h4 {
        font-weight: bold!important;
        font-size: 16px!important;
        line-height: 16px!important;
        letter-spacing: 1.2px!important;
    }
}

.documentation-modal .modal-dialog {
    width:1000px;
 }

.documentation-modal {
     overflow:auto!important;
}

p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .2px;
}

.img-responsive-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

.form-control option {
    /*background-color: #95a0ad;*/
}


select#currencyTypeId, select#StartDate, select#EndDate {
    border: 1px solid #999999;
    background: #EBEBEB;
    color: #222222;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

.updatepassword-form {
    margin-top:15px;
}

.btn-toolbar:before,
.btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table;
}

.btn-group-vertical>.btn-group:after {
    clear: both;
}

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

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.content-highlight-link {
    margin-top:20px;
}

.content-highlight {
    border-style: solid!important;
    border-color: red!important;
}

.content-pagesection {
    color: red;
}

.content-modal-form .modal-dialog {
    width:1000px;
}

.content-modal-form .modal-content {
    height:810px;
}

.content-modal-form .content-modal {
    height:450px;
}

.content-modal-form .program-modal {
    height:325px;
}

.content-modal-form .featured-category-modal {
    height:675px;
}

.content-modal-form form {
    max-width:1000px!important;
    border:none!important;
}

.error-message {
    color: red!important;
}

.no-access {
    min-height:200px;
}

.button-enlarge {
    width:180%!important;
}

.button-french {
    font-size:12px!important;
}

.hr-profile {
    border-top: 1px solid #222222;
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
    color: #fff;
}

.caption {
    text-align: center;
}

.btn-white,
.btn-white:visited {
    color: #000;
    background: #fff;
}

.btn-white:hover {
    color: #000;
}

.panel-default .panel-body {
    color: #333;
}

.panel-transparent {
    background: transparent;
    border: 0;
}

.panel-transparent .panel-header,
.panel-transparent .panel-body,
.panel-transparent .panel-footer {
    background: transparent;
    border: 0;
}

.news-content {
    color:#fff!important;
}

.panel-news,
.panel-survey {
    text-align: center;
}

.panel-news .panel-heading {
    padding: 0;
}

.panel-news .panel-body {
    padding-top: 0;
}

.panel-news .panel-content,
.panel-survey .panel-content {
    width: 100%;
}

.panel-news .panel-footer {
    padding-bottom: 20px;
}

.panel-news h2 {
    font-weight: bold;
    color: #fff;
}

.panel-survey {
    margin: 1rem;
}

.inner-panel {
    background-color: #393939;
}


.profile-sec-head {
    font-weight: 700;
}

.news-panel {
    background-image: url("/assets/images/header-news.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4em 0;
    min-height: 300px;
}

.news-font-nz {
    color:#222222;
}

.news-carousel-nz li {
    border: 1px solid #222222!important;
}

.news-carousel-nz .active {
    background-color: #222222!important;
}

.news-font-au {
    color:#222222;
}

.news-carousel-au li {
    border: 1px solid #222222!important;
}

.news-carousel-au .active {
    background-color: #222222!important;
}

.add-cart-button{
    background:url('/assets/images/shopping-cart.svg');
    background-repeat:no-repeat;
    width:25px;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.surveys-panel {
    background-image: url("/assets/images/header-surveys.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4em 0;
    min-height: 300px
}

.profile-panel,
.redemption-panel {
    background-image: url("/assets/images/header-activate.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 4em 0;
    min-height: 300px;
    margin-top: -135px;
}

@media (max-width: 991px) {
    .profile-panel,
    .redemption-panel {
        background-image: url("/assets/images/header-activate.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding: 4em 0;
        min-height: 300px;
        margin-top: -56px;
    }
}

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

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

.account-panel {
    margin-top: 190px;
}

.bg-survey,
body.bg-news,
.bg-my-profile {
    background-color: #fff;
}

@media (max-width: 768px) {
    .news-panel.welcome-panel>h1,
    .home-panel.welcome-panel>h1,
    .surveys-panel.welcome-panel>h1,
    .profile-panel.welcome-panel>h1,
    .redemption-panel.welcome-panel>h1 {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: 1.2px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin-top: 6%;
    }
}

@media (min-width: 768px) {
    .news-panel.welcome-panel>h1,
    .home-panel.welcome-panel>h1,
    .surveys-panel.welcome-panel>h1,
    .profile-panel.welcome-panel>h1,
    .redemption-panel.welcome-panel>h1 {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 1.8px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin-top: 6%;
    }
}

@media (max-width: 768px) {
    .news-panel.welcome-panel>h2,
    .home-panel.welcome-panel>h2,
    .surveys-panel.welcome-panel>h2,
    .profile-panel.welcome-panel>h2,
    .redemption-panel.welcome-panel>h2 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 1.2px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin-top: 6%;
    }
}

@media (min-width: 768px) {
    .news-panel.welcome-panel>h2,
    .home-panel.welcome-panel>h2,
    .surveys-panel.welcome-panel>h2,
    .profile-panel.welcome-panel>h2,
    .redemption-panel.welcome-panel>h2 {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 1.8px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        margin-top: 6%;
    }
}

.news-panel-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.survey-panel-container,
div.form-container.redemption-container.bg_dark {
    margin: 1rem;
    background-color: #ffffff;
    border: solid #999999;
}

.activate-pts-head {
    text-transform: capitalize;
    font-weight: 700;
}

.Idea-Exchange-color{
    color: #222222;
}
.panel-content>p,
.panel-content>h3,
.panel-content>h2,
.panel-content>h4
 {
    color: #222222 !important;
}

a.btn.btn-white {
    background-color: #1d1d1d;
    color: #fff;
    border: 3px solid #fff;
}

.redeem-submit {
    background-color: #666;
    border: none;
}

.btn-earn-more {
    border: 2px solid #fff;
}

.btn-cookie-policy {
    padding-left:16px;
}

/* Sticky footer styles -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    font-size: 10px;
}

.footer{background-color:#222222;}

@media (min-width: 991px) {
    .footer {
        width: 100%;
        /*
        position: absolute;
        bottom: 0;
        height: 50px;
        */
    }

    .footer .navbar-nav {
        text-align: center;
        width: 100%;
    }

    .footer .navbar-nav>li {
        float: none;
        display: inline-block;
    }
}

.nav {
    font-family: "Avenir Next W1G", "jaf-bernino-sans-condensed"sans-serif;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a.navbar-logo-spacer>img {
    width: 128px;
    height: 1px;
}

.logo {
    display: none;
}

.navbar-brand-logo {
    padding-top: 0;
}

.navbar-primary .navbar-nav {
    padding-left: 160px;
}

@media (min-width: 768px) {
    .logo {
        display: block;
        position: absolute;
        top: 0;
        z-index: 1001;
        left: 45px;
    }
}

@media (max-width: 991px) {
    .navbar-brand>img {
        height: 70px;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-nav {
        margin-top: 25px;
        width:100%;
    }
    .feature {
        margin-top:20px;
    }

    .feature-oribe {
        margin-top:20px;
    }

    .feature-photo-gallery {
        margin-top:20px;
    }
}

@media (min-width: 992px) {
    .navbar-primary {
        margin-bottom: 114px;
    }
}

.survey {
    text-align: center;
    color: #000;
}

.survey .survey-content {
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    padding: 20px 20px 60px;
}

.survey .survey-content h2 {
    font-weight: bold;
}

.survey .btn-survey,
.survey .btn-survey-completed {
    position: absolute;
    bottom: 20px;
    transform: translate(-50%, 0);
    text-transform: uppercase;
    background: #fff;
    color: #000;
    font-size: 16px;
}

.survey-completed {
    /*opacity: 0.3;*/
}

.home-sections {
    background-color: black;
    overflow: hidden;
    padding: 0;
}

.home-sections-modal {
    background-color: black;
    overflow: hidden;
    padding: 0;
    width:95%;
}

.home-sections .tile {
    overflow: hidden;
    height: 500px;
    padding: 0;
    position: relative;
    border: solid #EBEBEB;
}

.home-sections .mask {
    display: block;
    transition: all .5s;
    opacity: .7;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 369px;
    margin: 0;
    padding: 0;
}

.home-sections .mask:hover {
    transform: scale(1.1);
    opacity: 1;
}

.home-sections-modal .tile {
    overflow: hidden;
    height: 500px;
    padding: 0;
    position: relative;
    border: solid #EBEBEB;
}

.home-sections-modal .mask {
    display: block;
    transition: all .5s;
    opacity: .7;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 369px;
    margin: 0;
    padding: 0;
}

.home-sections-modal .mask:hover {
    transform: scale(1.1);
    opacity: 1;
}

.box a, .bodybold a{
    color: #222222;
}
.accountstatement > tbody > tr > td a {
    color: #222222;
}

.privacy-policy {
    color:#000000!important;
    border-color:#000000!important;
}

.home-sections .tile .box {
    /*background-color: #000;*/
    height: 130px;
    text-align: center;
    color: #000;
    opacity: 1;
    padding: .25em 0;
}

.home-sections .rewards .mask {
    background-image: url(/assets/member/images/rewardsgallery-button.jpg);
}

.home-sections .sarl .mask {
    background-image: url(/assets/member/images/resourcelibrary-button.jpg);
}

.home-sections .loyalty .mask {
    background-image: url(/assets/member/images/UPDATED-Loyalty_Program.JPG);
}

.home-sections .edu-gw .mask {
    background-image: url(/assets/member/images/goldwelledu-button.jpg);
}

.home-sections .edu-kms .mask {
    background-image: url(/assets/member/images/kmsedu-button.jpg);
}

.home-sections-modal .tile .box {
    /*background-color: #000;*/
    height: 130px;
    text-align: center;
    color: #000;
    opacity: 1;
    padding: .25em 0;
}

.home-forum {
    background-color: #e8e3d9;
    background-image: url("/assets/images/bg-home-forum.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 100%;
    padding: 20px 0;
    color: #565656;
}

.home-new {
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #919296;
    min-height: 500px;
    background-size: cover;
}

.home-new .carousel .item {
    margin-bottom: 60px;
}

.home-footer {
    background: #fff;
    padding: 40px;
}

.home-footer .footer-link {
    max-width: 226px;
}

@media (max-width: 991px) {
    .home-forum {
        background-image: none;
    }

    .home-new {
        background-image: none;
    }

    .home-footer .footer-link {
        max-width: 100%;
    }
}

#pgraph {
    position: relative;
    top: 40px;
    padding: 20px 0 20px 0;
}

.pbar {
    height: 6px;
    width: 100%;
    border-radius: 8px;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    background-color: rgb(8 0 0 / 20%);
}

.pbar.red {
    /*background-color: white;*/
    background-color: rgb(8 0 0 / 70%);
    width: 0;
    position: absolute;
    top: 60px;
}
a#catalogitem-removefavorites {
    font-size: 10px;
}
a#catalogitem-continueshopping {
    font-size: 10px;
}
a#catalogitem-addfavorites {
    font-size: 10px;
}
input#catalogitem-addbag {
    font-size: 10px;
}
.form-control {
    color: unset;
    background-color: unset;
    border: 1px solid;
}
.form-control:focus {
    border: 1px solid;
}
.tick {
    position: absolute;
    top: 2px;
    z-index: 10;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    background-color: #a1a7ad;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 3.55);
    -webkit-transform: scale(0.9);
    -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 3.55);
    -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.tick-last {
    width: 60px;
    height: 60px;
    margin-left: -20px;
    margin-top: -10px;
}

.sa-points-status {
    position: relative;
    min-height: 200px;
    margin-right: 60px;
    width: 90%;
}

.icon-lock {
    opacity: 0.6;
    margin-top: 14px;
}

@media (max-width: 1199px) {
    .img-points-col {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {
    .img-points-col {
        padding-top: 0;
    }
}

.points-img {
    min-width: 550px;
}

#pgraph .tick.echo,
#pgraph .tick.echo1 {
    background-color: rgba(255, 255, 255, 0);
}

#pgraph .indicator {
    position: absolute;
    padding-bottom: 30px;
    top: -30px;
    z-index: 10;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}


#t1,
#te1,
#tee1 {
    left: 25%;
}

#t2,
#te2,
#tee2 {
    left: 50%;
}

#t3,
#te3,
#tee3 {
    left: 75%;
}

#t4,
#te4,
#tee4 {
    left: 100%;
}

@media (max-width: 767px) {
    .tick-last {
        width: 60px;
        height: 60px;
        margin-left: -8px;
        margin-top: -10px;
    }

    #t1,
    #te1,
    #tee1 {
        left: 23%;
    }

    #t2,
    #te2,
    #tee2 {
        left: 47%;
    }

    #t3,
    #te3,
    #tee3 {
        left: 72%;
    }

    #t4,
    #te4,
    #tee4 {
        left: 100%;
    }

    .info {
        text-align: center;
        margin-top: 60px;
        margin-left:-20px;
    }
}

.indicator#i1 {
    left: 0;
    margin-left: 0;
}

.indicator img {
    display: block;
}

span.dollars {
    display: block;
    margin-top: -10px;
    margin-left: 5px;
}

.indicator span.dollars {
    font-size: 19px;
    font-weight: 600;
}

.tick.ping {
    transition: scale(1);
    -webkit-transform: scale(1);
    background-color: #222222 !important;
}

.tick.echo.ping {
    transition: scale(1.3);
    -webkit-transform: scale(1.3);
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.tick.echo1.ping {
    transition: scale(1.6);
    -webkit-transform: scale(1.6);
    /*background-color: rgba(255, 255, 255, 0.3) !important;*/
    background-color: rgb(80 80 80 / 74%) !important;
}

.info {
    text-align: center;
    margin-top: 60px;
}

.tick-last .info {
    margin-top: 70px;
}

.info h4 {
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    color: rgba(255, 255, 255, 0.2) !important;
}

.ping h4 {
    transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    font-weight: 600;
    color: white !important;
}

.badge img {
    float: left;
}

#bsilver {
    left: 25%;
}

#bgold {
    left: 50%;
}

#bplatinum {
    left: 75%;
}

#btitanium {
    left: 100%;
}

.rewards-heading {
    color: #fff;
    font-weight: 300;
}

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

.reward-item {
    color: #000;
    background: #fff;
    padding: 20px;
    width: 100%;
    text-align: center;
    position: relative;
    height: 360px;
}

.reward-item h3 {
    margin-top: 0;
}

.reward-item .item-footer {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

.sidebar {
    background: rgba(255, 255, 255, 0.15);
}

.sidebar a,
.sidebar a:hover,
.sidebar a:active,
.sidebar a:focus {
    color: #555;
}

.sidebar .nav>li.active.selected>a {
    color: #000;
}

.product-filter {
    margin: 0 0 20px;
}

.product-sort {
    margin: 0 0 20px;
    text-align: right;
}

@media (min-width: 768px) {

    .mobile-collapse-container.collapse {
        display: block;
        height: auto !important;
    }
}


@media (max-width: 991px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        width:375%;
      }

    .container-fluid {
        padding-left:0px!important;
    }

    .navbar-primary {
        padding-top: 13px;
    }

    .product-top-filter {
        margin-bottom: 20px;
    }

    .product-mobile-nav {
        top: 0;
        left: 0;
        background: #17987A;
        z-index: 1099;
        width: 100%;
        height: 100%;
    }

    .mobile-collapse-container {
        display: none;
    }

    .mobile-collapse-container.collapsing {
        display: block;
    }

    .mobile-collapse-container,
    .product-sort-container {
        top: 46px;
        left: 0;
        z-index: 1100;
        background: #fff;
        width: 100%;
        color: #222222;
    }

    .new-bg-rewards .mobile-collapse-container  .form-control {
        color: #000;
    }

    .new-bg-rewards .mobile-collapse-container .btn-default,
    .new-bg-rewards .product-mobile-nav .btn-default {
        color: #fff;
    }

    .new-bg-rewards .mobile-collapse-container .product-sort-container .collapse .in .product-sort {
        padding: 10px 0 0;
        background: transparent;
    }

    .new-bg-rewards .mobile-collapse-container .product-sort-container .product-sort {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .product-filter {
        background: transparent;
        margin-bottom: 0px;
    }
}

ul.plan{
    padding:0;
}

.plan {
    color: #fff;
    list-style: none;
    padding-top: 15px;
    margin: 0 0 15px;
    background: #000;
    text-align: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 300ms;
    transition: 300ms;
    min-height:500px;
}

.plan:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.plan li {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    text-align: center;
    padding: 4px 15px;
    -webkit-transition: 300ms;
    transition: 300ms;
    padding-top:5px;
}

.plan li.plan-price {
    border-top: 0;
}

.product-name {
    /*border-top: 4px solid #222222;*/
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 600;
    white-space: normal !important;
    overflow: hidden;
    min-height: 80px;
    max-height: 80px;
}

.photo-name {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 600;
    white-space: normal !important;
    overflow: hidden;
    min-height: 80px;
    max-height: 80px;
}

.limit-reached {
    color: #D0112B!important;
    font-weight: 600;
}

.product-name span {
    display: table-cell;
    height: 60px;
    width: 1000px;
    text-align: center;
    vertical-align: middle;
}

.photo-name span {
    display: table-cell;
    height: 60px;
    width: 1000px;
    text-align: center;
    vertical-align: middle;
}

.plan li.product-image {
    background-color: #ebebeb;
    border-top: 1px solid #eeeeee;
    padding-top: 40px;
    height: 150px;
}

.plan li.product-group-carousel {
    background-color: #ebebeb;
    border-top: 1px solid #eeeeee;
    padding-top: 40px;
    height: 240px;
}


.add-to-cart:hover,
.add-to-cart:active,
.add-to-cart:focus {
    text-decoration: none;
}

#catalog_container h2 {
    margin: 0px;
    padding: 0px;
}

/**SEARCH**/
#search_container {
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #999;
    border-color: #e7e7e7;
    min-height: 50px;
    margin-bottom: 5px;
    margin-top: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#search_dep_container {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
}

#search_dep_container p {
    margin: 0px;
    padding: 2px;
}

#search_dep_container select {
    min-width: 130px;
    margin-top: 0px;
}

#search_key_container {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
}

#search_key_container input {
    width: 150px;
}

#search_key_container p {
    margin: 0px;
    padding: 2px;
}

#search_point_container {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
    text-align: center;
}

#search_point_container input {
    width: 50px;
    float: none;
    display: inline;
}

#search_point_container p {
    margin: 0px;
    padding: 2px;
}

#search_submit_container {
    float: left;
    padding-top: 35px;
    padding-left: 20px;
}

/**CATEGORY FILTER PAGE**/
#cat_sort_container {
    width: 680px;
    clear: both;
    float: none;
    margin: 10px auto;
    position: relative;
    font-size: 8pt;
}

#cat_sort_container p {
    font-size: 9pt;
}

#cat_sort_container a {
    font-size: 9pt;
}

#cat_sort_container input {
    font-size: 9pt;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

#cat_sort_by {
    float: left;
    width: 230px;
    padding-left: 5px;
}

#cat_page_of {
    float: left;
    width: 250px;
    text-align: center;
}

#cat_page_of input {
    width: 20px;
    float: none;
    display: inline;
    font-size: 9pt;
}

#cat_page_count {
    float: right;
    padding-right: 5px;
}

.filter_page {
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
    width: 10px;
    overflow: hidden;
}

.filter_sort {
    width: 150px;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}

.container.product_container {
    margin-bottom: 1rem;
}

#cat_prod_list_container .thumbnail {
    border: none;
}

.prod_list_row {
    width: 100%;
    margin-top: 5px;
    padding-bottom: 10px;
    float: none;
}

.prod_list_item {
    height: 260px;
    text-align: center;
}

.prod_list_item .product-item-image {
    height: 136px;
    margin-bottom: 5px;
}

.prod_list_item .product-item-image img {
    display: block;
    margin: 0 auto;
    border: 0;
    max-height: 100%;
}

.prod_list_item p.prod_trimmed_name {
    color: black;
    font-size: 16px;
    display: block;
    margin: 0;
    white-space: normal;
}

.prod_list_item:hover p.prod_trimmed_name {
    display: none;
}

p.prod_point_value {
    color: #666;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

p.product-manufacture,
p.product-name,
p.product-amount {
    font-size: 1.8rem;
    min-height: unset;
    max-height: unset;
}

a.prod_more_detail,
a.prod_add_to_cart {
    margin: 0 auto;
    border: 1px solid #ccc;
    background-image: url(/Images/button_more_detail.png);
    background-repeat: no-repeat;
    height: 38px;
    background-position: center;
    background-size: contain;
    text-indent: -500px;
    overflow: hidden;
    border-radius: 5px;
}

a.prod_add_to_cart {
    background-image: url(/Images/button_add_to_cart.png);
    margin-top: 5px;
}

a.prod_more_detail:hover,
a.prod_add_to_cart:hover {
    background-color: #eee;
}

.prod_list_item a.prod_more_detail,
.prod_list_item a.prod_add_to_cart {
    display: none;
}

.prod_list_item:hover a.prod_more_detail,
.prod_list_item:hover a.prod_add_to_cart {
    display: block;
}

#product_item_container {
    width: 100%;
    float: none;
    clear: both;
}

#product_item_image {
    float: left;
    width: 300px;
    padding-right: 15px;
}

#product_item_image img {
    max-width: 300px;
    width: 300px;
}

#product_item_content {
    float: left;
    width: 400px;
}

.product-inventory,
.product-available-date {
    font-weight: bold;
}

.product-amount {
    margin-bottom: 1rem;
}

#cart-table div.product-name {
    border-top: 0px solid #D0112B;
    min-height: unset;
    max-height: unset;
}

/**SHOPPING CART**/
.cart_title_container {
    width: 100%;
    float: none;
    clear: both;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: HelveticaNeueLTW1G-Lt, Arial, sans-serif;
    font-size: 1.3em;
    color: #3c3c3c;
}

.cart_title_prod {
    float: left;
    margin-left: 100px;
    width: 100px;
}

.cart_title_desc {
    float: left;
    width: 205px;
}

.cart_title_points {
    float: left;
    width: 80px;
}

.cart_title_quan {
    float: left;
    width: 85px;
}

.cart_title_total {
    float: left;
}

.cart_row_container {
    width: 100%;
    float: none;
    clear: both;
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 10px;
    font-family: HelveticaNeueLTW1G-Lt, Arial, sans-serif;
    font-size: 12px;
    color: #3c3c3c;
}

.cart_row_img {
    float: left;
    width: 90px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.cart_row_prod {
    float: left;
    width: 90px;
    padding-right: 10px;
    font-weight: bold;
}

.cart_row_desc {
    float: left;
    width: 200px;
    padding-right: 10px;
}

.cart_row_points {
    float: left;
    width: 65px;
}

.cart_row_x {
    float: left;
    width: 10px;
    padding-right: 10px;
}

.cart_row_quan {
    float: left;
    padding-right: 10px;
    width: 50px;
    text-align: center;
}

.cart_row_quan input {
    width: 30px;
    margin-left: 7px;
    font-weight: bold;
}

.cart_row_eq {
    float: left;
    padding-right: 10px;
    width: 15px;
}

.cart_row_total {
    float: left;
    padding-right: 10px;
    width: 40px;
}

.cart_total_row {
    margin-bottom: 10px;
}

.cart_continue {
    float: left;
    width: 200px;
}

.cart_update {
    float: left;
}

.cart_total_row_total {
    float: right;
    font-weight: bold;
}

.cart_checkout {
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
    clear: both;
    float: none;
}

.cart_noitems {
    font-weight: bold;
}

.cart_total_over_balance {
    font-weight: bold;
    text-align: right;
    color: red;
    width: 60%;
    clear: both;
    float: right;
    font-family: Avenir Next W1G, Calibri, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.cart_checkout_shipping_billing {
    width: 100%;
    float: none;
    clear: both;
}

.cart_checkout_shipping {
    float: left;
    width: 340px;
    height: 100%;
}

.cart_checkout_billing {
    float: left;
    width: 340px;
    height: 360px;
}

.cart_checkout_shipping h4 {
    padding: 0px 0px 4px 0px;
    margin: 0px;
}

.cart_checkout_billing h4 {
    padding: 0px 0px 4px 0px;
    margin: 0px;
}

.cart_checkout_place_order {
    margin-top: 40px;
}

.form-horizontal .cart_checkout_termsbox {
    border: 1px solid #000;
    margin: 10px 0px 20px 0px;
    padding: 6px 10px 6px 10px;
    background-color: #f9bb7b;
}

.cart_checkout_header {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.cart_checkout_header h3 {
    padding: 0px;
    margin: 0px;
}

.cart_checkout_header hr {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.cart_confirm_heading {
    margin-bottom: 40px;
}

.cart_confirm_heading h2 {
    margin: 0px;
}

.cart_confirm_heading h2 .ordernumber {
    color: #2b39b3;
}

div#catalog-directory {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

div#catalog-browser {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

div#catalog-directory h1 {
    font-size: 14px;
    font-weight: normal;
    font-family: HelveticaNeueLTW1G-Lt, Arial, Sans-Serif;
    margin: 16px 0 8px 0;
    padding-left: 8px;
}

div#catalog-directory a {
    display: block;
    padding: 8px;
    font-family: HelveticaNeueLTW1G-Lt, Arial, Sans-Serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 1px;
}

div#catalog-directory a:hover {
    background-color: #ccc;
    background-image: url(/images/alpha-right-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

div#catalog-directory a.active {
    background-color: #2b39b3;
    color: white;
    background-image: url(/images/alpha-right-arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

div#please-wait {
    background-image: url("/images/please-wait.gif");
    background-repeat: no-repeat;
    background-position: center top;
    width: 175px;
    padding-top: 164px;
    text-align: center;
    font-size: 18px;
    margin-left: 150px;
    margin-top: 50px;
}

div#catalog-layout {
    white-space: nowrap;
}

.arrow-right {
    float:right;
}

/* * Sidebar */
.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-nav ul ul {
    text-indent: 1em;
}

.sidebar-nav ul ul {
    text-indent: 1em;
}

.sidebar-nav ul ul ul {
    text-indent: 1.5em;
}

.sidebar .nav>li.active.selected>a {
    background-color: #dfdfdf;
}

.sidebar .nav>li>a:hover {
    text-decoration: none;
    background-color: #ccc;
}
/*
#category-list>li>ul>li>a {
    padding: 10px 30px;
}

.sidebar ul li {
    border-bottom: 1px solid #aaa;
}
*/
.sidebar .nav>li>a {
    transition: all .5s;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0 !important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

.forum-message {
    background: rgba(255, 255, 255, 0.8);
    color: #000;
    font-size: 16px;
}

.forum-message .media-body {
    padding: 20px;
    position: relative;
}

.forum-message .media-body .actions {
    text-align: right;
}

.forum-message .media-body .actions a,
.forum-message .media-body .actions a:hover,
.forum-message .media-body .actions a:active,
.forum-message .media-body .actions a:focus {
    text-decoration: none;
}

.forum-message .media-object {
    position: relative;
    z-index: 1;
}

.forum-message .user-info {
    position: relative;
}

.forum-message .user-info .user-meta {
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#E6000000', GradientType=0);
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 2;
    padding: 20px;
}

@media (max-width: 768px) {
    .forum-message .user-info .user-meta p {
        margin: 100px;
    }
}

.table-forum {
    font-size: 16px;
}

.table-forum>tbody>tr>td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.idea-exchange .form-control::placeholder {
    color: #999;
}

.bg-idea-exchange .section-1 {
    background-image: url("/assets/images/IdeaExchangeImage-Sep2020.png");
    background-size: cover;
    background-position: center center;
    padding: 150px 0 20px;
}

.bg-idea-exchange .section-1 h2 {
    margin: 0;
}

.bg-idea-exchange .section-1 .contents {
    text-align: center;
    margin: 0 0 40px;
}

.bg-idea-exchange .section-1 .topic {
    text-transform: uppercase;
    color:#fff;
}

.bg-idea-exchange .section-1 .topic.trans {
    opacity: 0.5;
    color:#fff;
}

.bg-idea-exchange .section-1 .topic.trans-lite {
    opacity: 0.75;
    color:#fff;
}

.bg-idea-exchange .section-2 {
    background: #fff;
    color: #000;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-idea-exchange .section-3 {
    padding: 50px 0;
}

.bg-idea-exchange .btn-explore,
.bg-idea-exchange .btn-explore:visited,
.bg-idea-exchange .btn-explore:active,
.bg-idea-exchange .btn-explore:focus {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.forum-preview {
    padding: 1px;
    background: #EBEBEB;
}

#IdeaExchangeForum{
    padding-right: 50px;
}

.large-input {
    height:40px;
}

.forum-preview .thread {
    padding-left: 105px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 0 16px;
}

.forum-preview .thread .title {
    position: relative;
}

.forum-preview .thread .title .heart-container {
    position: absolute;
    left: -105px;
    text-align: right;
    width: 100px;
}

.bg-home .forum-preview {
    background: none;
}

.bg-home h1 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1.8px;
    line-height: 44px;
    text-align: center;
}

.bg-home .forum-preview a,
.bg-home .forum-preview a:visited,
.bg-home .forum-preview a:focus,
.bg-home .forum-preview a:hover {
    color: #565656;
}

.bg-home .forum-preview .thread {
    border: 0;
}

@media (max-width: 991px) {
    .media-object {
        width: 64px;
        max-width: 21px;
    }
}

@media (max-width: 991px) {
    .bg-idea-exchange .page-content {
        top: -20px;
        z-index: 1;
    }

    .bg-idea-exchange .navbar-primary {
        position: relative;
        z-index: 2;
    }
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0.2em 0 #d1d1d1;
    font-family: Avenir Next W1G, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-container small {
    font-size: 0.8em;
    line-height: 1.3em;
    display: block;
    margin-top: 0.5em;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet {
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

/* close icon */
.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}

/* applied only if the application icon is shown */
.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,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);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,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);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
    color: #000;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
    margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }

    .ath-android.ath-phone {
        margin-left: -12em;
    }

    .ath-ios.ath-phone {
        margin-left: -12em;
    }

    .ath-ios6:after {
        left: 39%;
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }

    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }
}


.icon-video:before {
    content: "\e903";
}

.icon-heart:before {
    content: "\e901";
}

.icon-points:before {
    content: url("/assets/images/icon-home-forum-like.png");
}

.icon-heart-o:before {
    content: "\e902";
}

.heart {
    font-size: 18px;
    cursor: pointer;
}

.heart .icon-heart:before {
    content: "\e902";
}

.heart .icon-points {
    color: transparent;
    display: none;
}

.heart.liked .icon-heart:before {
    content: "\e901";
}

.heart.liked .icon-points {
    color: inherit;
    display: inline;
}

.form-section {
    padding: 20px;
    margin: 0 0 20px;
}

.account-settings-form h2,
.profile-form h2 {
    padding-bottom: 6px;
    border-bottom: 1px solid #fff;
}

.login-form a,
.login-form a:visited {
    color: #fff;
}

.points-chart .month {
    border-right: 1px solid #fff;
}

.form-container {
    max-width: 560px;
    margin: 0 auto;
}

.modal-dialog {
    color: #000;
}

/* Travel Voucher Wizard Modal Styles
#travelVoucherModal .modal-dialog {
    margin: 50px auto;
}

#travelVoucherModal .modal-content {
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

#travelVoucherModal .modal-body {
    padding: 30px 40px;
}

#travelVoucherModal .modal-footer {
    padding: 20px 40px;
    border-top: 1px solid #e5e5e5;
} */

/* .voucher-wizard-step {
    padding: 10px 0;
}

.voucher-wizard-step p:first-child {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #333;
}

.voucher-wizard-step .form-group {
    margin-bottom: 0;
}

.voucher-wizard-step .control-label {
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}

#travelVoucherModal .form-control {
    padding: 10px 15px;
    font-size: 16px;
    height: auto;
}

#travelVoucherModal .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

#travelVoucherModal .btn {
    min-width: 80px;
}

#travelVoucherModal .btn + .btn {
    margin-left: 10px;
} */

.youtube-embed {
    max-width: none !important;
    background: none !important;
}

body:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.bg-home:after {
    background-image: none;
}

.bg-news {
    background-color: #d5cdc1;
    color: #000;
}

.bg-login {
    background-color: #9ca9b8;
}

.bg-forum {
    background-color: #6e7583;
}

.bg-news:after {
    background-image: none;
}

.link-black  {color:#000000}

.link-red  {color:red!important;}

.link-red:hover {
    color:red;
}

.bg-idea-exchange .mobile-menu a {
    color:#fff!important;
}


.container.idea-exchange {
    margin-bottom: 1rem;
}

.container.password-reset {
    margin-bottom: 1rem;
    margin-top:190px;
}

@media (min-width: 768px) {
    body:after {
        background-repeat: repeat-x;
        background-image: none;
        background-image: none;
        background-image: none;
    }

    .bg-home {
        background-image: none;
        background-image: none;
        background-image: none;
        background-repeat: no-repeat;
        filter: none;
    }

    .bg-home:after {
        background-image: none;
    }

    .bg-my-profile {
        background-image: none;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .bg-survey {
        background-image: none;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .bg-survey:after {
        background-color: none;
    }

    .bg-news {
        background-image: none;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .bg-news:after {
        background-image: none;
    }

    .bg-forum {
        background-image: none;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .bg-forum:after {
        background-image: none;
    }

    .bg-idea-exchange {
        background-image: none;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .row-eq-height>[class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .row-flex-panel,
    .row-flex-panel>div[class*='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex: 1 0 auto;
    }

    .row-flex-panel .panel,
    .row-flex-panel>div[class*='col-'] .panel {
        display: flex;
        flex-direction: column;
        align-content: stretch;
        width: 100%;
    }

    .row-flex-panel .panel-body,
    .row-flex-panel>div[class*='col-'] .panel-body {
        display: flex;
        flex-grow: 1;
    }

    .row-flex-panel .panel-body .panel-content,
    .row-flex-panel>div[class*='col-'] .panel-body .panel-content {
        display: block;
    }
}

body {
    font-family: HelveticaNeueLTW1G-Lt, Arial, sans-serif;
    background-color: #ffffff;
}

body::after {
    background: none;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: HelveticaNeueLTW1G-Lt, Helvetica, Arial, sans-serif;
}

h1
{
    font-family: HelveticaNeueLTW1G-Lt, Helvetica, Arial, sans-serif;
}

h4 {
    margin: 1.5rem 0;
}

.new-bg.new-login {
    background-color: #fff;
}

.new-bg.new-login .login-bg {
    background-position: 50% 29%;
    background-repeat: no-repeat;
    background-size: cover;

}

.new-bg.new-login.login-random .login-bg {
    background-position: 50% 7%;
}

@media (min-width: 992px) {
    .new-bg.new-login.login-random .login-bg {
        min-height:650px;
    }
}

.new-bg.new-login form {
    border: 1px solid #fff;
    margin-top: -25px;
}

.new-bg.new-login.login-random form {
    border: 1px solid #000000;
    max-height:290px;
    background-color:#ffffff;
}

.new-bg.new-login.login-terms form {
    max-height:290px;
    background-color:#ffffff;
}

@media (min-width: 768px) {
    .new-bg.new-login.login-random form {
        max-height:280px;
    }
}

.margin-bottom-40{
    margin-bottom:40px;
}

.new-bg h1 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1.8px;
    line-height: 44px;
    text-align: center;
}

.new-bg .more-buttons {
    margin: 2em auto 3em;
}

@media (min-width: 992px) {
    .new-bg .login-right-column {
        padding-top:100px;
    }
}

.new-bg .logo-new {
    max-height:150px;
}


.new-bg .logo-new img {
    padding-left:20px;
}

@media (max-width: 768px) {
    .new-bg .logo-new {
        min-height:100px;
    }
}


.btn-forgot {
    color:#000000;
    border-color:#000000;
    padding: 5px 20px;
    background-color:#fff;
}


.new-bg.new-login.login-random .btn-default {
    color:#fff;
    padding: 5px 20px;
    background-color:#000;
    height:40px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
}

.new-bg.new-login.login-random .btn-default:hover {
    color: #fff;
    background-color:#555;
    text-shadow: 0 1px 0 #333;
}


.link-green {
    color:#17987A!important;
}

.link-green:hover {
    color:#117F66;
}

.link-purple {
    color:#5C67B2!important;
}

.btn-green-secondary {
    color:#000;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    background-color:transparent;
    background-image:none;
}

.btn-green-secondary:hover {
    color:#555;
    text-decoration:none;
}

.link-green-button {
    color:#000;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}

.link-green-button:hover {
    color:#555;
    text-decoration:none;
}

.button-text-hover {
    color:#555!important;
}

.button-text-hover-alt {
    color:#fff!important;
    background-color:#555!important;
}

.button-default-click {
    color: #fff!important;
    background-color:#555!important;
    text-shadow: 0 1px 0 #333!important;
}

.btn-default-alt {
    color:#000;
    padding: 12px 20px;
    background-color:transparent;
    /*height:40px;*/
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    border: 1px solid #000;
}

@media (max-width: 768px) {
    .btn-default-alt {
        margin-top:5px;
        margin-bottom:5px;
        margin-left: 20%;
        /*width:100%;*/
    }
    #catalogitem-continueshopping, #catalogitem-addfavorites, #catalogitem-addbag{
        white-space: unset;
    }

}

.btn-default-alt:hover {
    color: #555;
    background-color:transparent;
    border: 1px solid #555;
}

.btn-default-alt-white {
    color:#fff;
    padding: 5px 20px;
    background-color:transparent;
    height:40px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    border: 1px solid #fff;
}

.btn-default-alt-white:hover {
    color: #fff;
    background-color:transparent;
    border: 1px solid #fff;
}

.btn-default-alt-black {
    color:#222222;
    padding: 5px 20px;
    background-color:transparent;
    height:40px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    border: 1px solid #222222;
}

.btn-default-alt-black:hover {
    color: #000000;
    background-color:transparent;
    border: 1px solid #000000;
}

.btn-default-alt-black:focus {
    color: #000000;
    background-color:transparent;
    border: 1px solid #000000;
}

.new-bg form {
    margin: 0 auto;
    max-width: 560px;
}

.container.login {
    max-width: 930px;
    padding-bottom: 5rem;
 }

 @media (min-width: 1550px) {
    .container.login {
        margin-left:50%;
     }
 }

.container.cart {
    padding-bottom: 5rem;
}

.topbar {
    background-color: #FFFFFF;
    font-weight: bold;
    /*height: 3rem;*/
    line-height: 1.2rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.topbar .overhang {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 101;
}

@media (max-width: 991px) {
    .navbar-toggle {float:left};
}

.topbar .flag {
    text-align: right;
    height: 4.5rem;
}

.topbar .flag img {
    max-height: 100%;
}


.topbar .text-left,
.topbar .text-right {
    padding-top: .5em;
}

.navbar-toggle {
    z-index: 102;
    /*background-color: #222222;*/
    padding-left:0px;
}

.navbar-collapse {
    text-align: center;
    border: none;
    margin-bottom:-28px;

}

@media (max-width: 991px) {
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
      }

    .navbar-collapse {
        background-color:#fff;
    }
    .navbar-primary {
        /*background-color: #222222;*/
    }
    .navbar-nav {
        font-size:20px!important;
        font-weight:500!important;
    }
    .nav > li {
        border-bottom: 1px solid #aaa;
    }
    .caret {
        transform: rotate(270deg);
    }
    li.hidden-mobile {
        display:none;
    }
    li.mobile-menu {
        list-style-type:none;
        padding-bottom:11px;
        padding-top:14px;
    }
    li.mobile-menu a {
        padding-right:15px;
    }
    .topbar {
        height:4rem;
    }
    .alert {
        margin-top:-13px;
    }
    .fa {
        color:#999999!important;
    }

    .heart-white {
        /*color:#fff!important;*/
    }
    #favorite-count, #cart-count{
        color:#222222!important;
    }
    .hidden-mobile {
        display:none;
    }
    .new-index {
        /*background-color:#000;*/
    }
}


@media (min-width: 992px) {
    .hidden-desktop {
        display:none;
    }

}
#shopping-cart-icon{
    width:13px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    /*background-color: #222;*/
  }

.navbar-primary {
    margin-bottom: 0;
}

.navbar-primary .navbar-nav {
    padding-left: 0;
}


/*
      www.OnlineWebFonts.Com
      You must credit the author Copy this link on your web
      <div>Font made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Avenir Next W1G";
    src: url("/assets/fonts/158fa6012dff0f88241ad898c46c0118.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/158fa6012dff0f88241ad898c46c0118.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/assets/fonts/158fa6012dff0f88241ad898c46c0118.woff2") format("woff2"), /* chrome firefox */
    url("/assets/fonts/158fa6012dff0f88241ad898c46c0118.woff") format("woff"), /* chrome firefox */
    url("/assets/fonts/158fa6012dff0f88241ad898c46c0118.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/158fa6012dff0f88241ad898c46c0118.svg#Avenir Next W1G") format("svg"); /* iOS 4.1- */

}


@font-face {
    font-family: "HelveticaNeueLTW1G-Bd";
    src: url("../fonts/HelveticaNeueLTW1G-Bd.woff2") format("woff2"), url("../fonts/HelveticaNeueLTW1G-Bd.woff") format("woff"), url("../fonts/HelveticaNeueLTW1G-Bd.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "HelveticaNeueLTW1G-Lt";
    src: url("../fonts/HelveticaNeueLTW1G-Lt.woff") format("woff2"), url("../fonts/HelveticaNeueLTW1G-Lt.woff") format("woff"), url("../fonts/HelveticaNeueLTW1G-Lt.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
.navbar-nav {
    float: none;
    font-weight: bold;
    margin: 2em auto 1em;
    display: inline-block;
    text-align: left;
    /*font-family:"Avenir Next W1G", "arial";*/
    font-family: 'HelveticaNeueLTW1G-Bd', sans-serif ;
    font-size:17px!important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-image: -webkit-linear-gradient(top,#999999 0,#999999 100%);
    background-image: -o-linear-gradient(top,#999999 0,#999999 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#999999),to(#999999));
    background-image: linear-gradient(to bottom,#999999 0,#999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    background-color: #999999;
}


@media (max-width: 991px){
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-image: -webkit-linear-gradient(top,#999999 0,#999999 100%);
        background-image: -o-linear-gradient(top,#999999 0,#999999 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#999999),to(#999999));
        background-image: linear-gradient(to bottom,#999999 0,#999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
        background-repeat: repeat-x;
    }
}


.navbar-default .navbar-nav > li > a {
    color: #555;
}

.footer .navbar-nav {
    display: block;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    #account-statement-img {
        height: 300px;
        object-fit: cover;
        object-position: bottom;
    }
}
#welcome-panel {
    background-image: url("/assets/member/images/welcome_header.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #95a0ad;
    padding: 4em 0;
}

#welcome-panel h1 {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 1.8px;
    text-align: center;
}

#home-welcome-panel {
    background-image: url("/assets/member/images/LOREN-HomePage.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #95a0ad;
    padding: 4em 0;
    margin-bottom: -140px;
}

#home-welcome-panel h1 {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 1.8px;
    text-align: left;
    margin-left:25px;
}


.home-points {
    /*background-color: #000000;*/
    color: #222222;
    margin: 2rem auto;
    text-align: center;
}

.home-nopoints {
    background-color: #000000;
    color: #fefefe;
    margin: 1rem auto;
    text-align: center;
}

.sa-points-status {
    position: relative;
    min-height: 200px;
    margin-left: -30px;
    margin-right: 60px;
    text-align: center;
}

.sa-points-status .info h4 {
    color: #222222 !important;
    font-size: 15px;
}

h3.point-balance {
    font-weight: normal;
}

h3.point-balance-header {
    font-weight: normal;
    margin-top:50px;
    margin-bottom:0px;
}


@media (max-width: 1168px) {
    .dashboard-desktop {
        display:none;
    }
}

@media (min-width: 1169px) {
    .dashboard-mobile {
        display:none;
    }
}

.dashboard-mobile {
    margin-bottom:40px;
}

.tablish {
    background-color: #fefefe;
    color: #000000;
    margin: 2em auto;
    max-width: 80%;
}

.tablish .cell {
    padding: 0;
}

.tablish p {
    margin-bottom: 0;
    padding: 1em 0;
}

.tablish p.label {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

.tablish p.value {
    background-color: #000000;
    border: 1px dotted #fefefe;
    color: #fefefe;
}

.tablish-oribe-total {
    /*background-color: #EBEBEB;*/
    color: #000000;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:30px;
    max-width: 100%;
    margin-top:-14px;
    padding-right:10px;
}

.tablish-oribe-total .cell {
    padding: 0;
}

.tablish-oribe-total p {
    margin-bottom: 0;
    padding: 1em 0;
}

.tablish-oribe-total p.label {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.tablish-oribe-total p.value {
    background-color: #ffffff;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #222222;
    min-height:70px;
}

.tablish-oribe-total p.totalpurchase {
    padding-left:10px;
}

.tablish-oribe {
    background-color: #ffffff;
    color: #222222;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:-11px;
    max-width: 100%;
    padding-right:10px;
}

.tablish-oribe h2 {
    background-color: #000000;
    color: #ffffff;
    margin: 2em auto;
    max-width: 100%;
}

.tablish-oribe .cell {
    padding: 0;
    border-top: 1px solid #ffffff;
}

.tablish-oribe .cell-mobile {
    padding: 0;
}

.tablish-oribe .dashboard-header {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    padding-top:5px;
    padding-bottom:5px;
}

.tablish-oribe .dashboard-header-mobile {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top:0px;
    padding-bottom:0px;
}

.tablish-oribe .dashboard-column {
    padding-left:0px;
    padding-right:0px;

}

.tablish-oribe-total .dashboard-column {
    padding-left:0px;
    padding-right:0px;
}

.tablish-oribe p {
    margin-bottom: 0;
    padding: 1em 0;
}

.tablish-oribe p.label {
    font-size: 1.5rem;
    color: #222222;
    font-weight: bold;
    text-transform: uppercase;
}

.tablish-oribe p.label.mobile {
    font-size: 1.5rem;
    /*color: #ffffff;*/
    font-weight: bold;
    text-transform: uppercase;
    min-height: 50px;
    display: inline-block;
}

.tablish-oribe p.value {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #222222;
    min-height:70px;
}

.tablish-oribe p.value.mobile {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #222222;
    min-height:50px;
}

.tablish-oribe p.value-three {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    color: #222222;
    min-height:210px;
    padding-top:90px;
}

.tablish-oribe p.value-two {
    background-color: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #222222;
    min-height:139px;
    padding-top:60px;
}

.points-fine-print {
    font-size: .9em;
    margin: 2em auto;
}

.points-fine-print-left {
    font-size: .9em;
    margin: 2em auto;
    text-align:left;
    margin-left:10px;
}

.point-history-filter {
    padding-bottom:20px;
    padding-top:15px;
}

.home-sections {
    background-color: transparent;
    margin-bottom: 2em;
}

.home-sections-modal {
    background-color: transparent;
    margin-bottom: 2em;
    margin-left:23px;
}

.home-new {
    max-height:600px;
    overflow:scroll;
}

.home-new h1 {
    font-size: 40px;
    line-height: 44px;
    font-weight: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

body.new-bg-rewards {
    color: #000000;
}

.new-bg-rewards h1,
.new-bg-rewards h2,
.new-bg-rewards h3,
.new-bg-rewards h4 {
    color: #000000;
}

.font-gray {
    color:#222222!important;
}

.font-black {
    color:#000!important;
}

.new-bg-rewards h1+h2 {
    margin-top: -10px;
    margin-bottom: 1em;
}

.new-bg-rewards .sidebar {
    /*background-color: #FFFFFF;*/
    font-size: 1.2rem;
}

.points-banner h2 {
    margin-top:-10px!important;
    margin-bottom:1em!important;
}

.points-banner-mobile{
    margin-top:-10px!important;
    font-weight:bold!important;
}

@media (max-width: 768px) {
    .new-bg-rewards .sidebar {
        background-color: #FFFFFF;
        color:#222222;
        font-size: 17px;
        border-bottom: 1px solid #222222;
    }
    .sidebar a, .sidebar a:hover, .sidebar a:active, .sidebar a:focus {
        color: #555;
      }
}

.new-bg-rewards .form-group label {
    display: block;
    text-align: left;
}

.new-bg-rewards .form-control {
    border-color: #000000;
    color: #000000;
}

.new-bg-rewards .form-inline .form-control {
    display: block;
}


.new-bg-rewards .btn-ironmark {
    border-color: #777;
    color: #777;
    height:160px;
    width:160px;
    background-color:#ffffff;
    font-size:25px;
    font-weight:bold;
}

.feature {
    background-color: #000000;
    color: #ffffff;
    margin-bottom:30px;
    margin-right:0px;
    margin-left:35px;
}

.feature .product-name {
    font-size: .9em;
    text-transform: uppercase;
}

.feature-oribe {
    background-color: #ffffff;
    border: 2px solid #222222;
    color: #222222;
    margin-bottom:30px;
    margin-right:0px;
    margin-left:0px;
}

.feature-oribe a{
    color: #222222;
}

.feature-oribe .product-name {
    font-size: .9em;
    text-transform: uppercase;
}

.feature-oribe .photo-name {
    font-size: .9em;
    text-transform: uppercase;
}

.feature-photo-gallery {
    /*background-color: #000000;*/
    color: #222222;
    margin-bottom:15px;
    margin-right:0px;
    margin-left:-15px;

}

.product-image{
    transition: transform .1s;
}

.feature-photo-gallery:hover{
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.feature-photo-gallery{
    border: 1px solid #EBEBEB;
}
.photo-name a {
    color: #222222;
}
.feature-photo-gallery .product-name {
    font-size: .9em;
    text-transform: uppercase;
}

.feature-photo-gallery .photo-name {
    font-size: .9em;
    text-transform: uppercase;
}

.plan {
    background-color: #ffffff;
    color: #222222;
}

.plan .product-name {
    font-size: .9em;
    text-transform: uppercase;
}

.plan .add-to-cart a {
    display: inline-block;
    margin-right: .5em;
    padding: .25em .5em;
}

.plan .request-notification {
    color: #17987A !important;
    font-weight: bold;
}

.plan .add-to-cart a:hover {
    color: #ffffff;
    text-decoration:underline;
  }

.plan .favorite-display a:hover {
    color: #ffffff;
}

.product-border{
    border: 1px solid #555;
    margin-bottom: 10px;
    padding-top:10px;
}

.industry-partner-logo {
    max-height: 500px;
}

.footer-logo {
    max-height: 50px;
}

footer .navbar-default {
    background-color: #EBEBEB;
    color: #fefefe;
    font-weight: bold;
    padding-bottom: 2rem;
}

footer .navbar-default .navbar-nav>li>a {
    color: #555;
    font-size: 1em;
}

.navbar-toggle{
    padding: unset;
    margin: unset;
}

#logo-desktop{
    width:10%;
}

#logo-Mobile{
    width: min(50vW,100px);
}

a.catalogItem {
    color: #337ab7;
}

.new-bg.new-login.login-random h1 {
    color:#000000;
}

.new-bg.new-login.login-random h2 {
    color:#000000;
    font-size:20px;
}

.new-bg.new-login.login-random label {
    color:#000000;
}

.new-bg.new-login.login-random form a {
    color: #555;
}

.new-bg.new-login.login-random form a:hover {
    color: #000;
}

.new-bg.new-login.login-random p {
    color:#000000;
    font-size:16px;
    padding-top:10px;
}

.login-reset {
    margin-left:-50px;
}

@media (max-width: 768px) {
    .new-bg.new-login.login-random p {
        margin-left:-12px;
    }
}

@media (max-width: 768px) {
    .register-large {
        display:none;
    }
}

@media (min-width: 769px) {
    .register-small {
        display:none;
    }
}

.new-bg.new-login.login-random .form-control::placeholder {
    color:#000000;
    background-color:    #e1e7e8    ;
}

.new-bg.new-login.login-random .form-control {
    color:#000000;
    background-color:    #e1e7e8    ;
}

#home-welcome-panel h1 {
    font-size: 3rem;
    color:#777;
}

@media (min-width: 992px) {
    .new-bg.new-login h1 {
        background-size: auto;
    }

    .new-bg.new-login h1 {
        /* font-size: 4.2em; */
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 1.8px;
    }

    #welcome-panel h1 {
        font-size: 40px;
    }

    #home-welcome-panel h1 {
        font-size: 40px;
        color:#777;
    }

    .tablish {
        width: 60%
    }

    .tablish-oribe {
        width: 100%
    }
    /*
    .home-sections .tile {
        padding-right: 2rem;
    }
    */
    .home-sections .tile:last-child {
        padding-right: 0;
    }

    footer .navbar-default .navbar-nav>li {
        border-right: 1px solid #fefefe;
    }

    footer .navbar-default .navbar-nav>li:last-child {
        border-right: none;
    }

    footer .navbar-default .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.fa-xs {
    font-size: .65em;
}

.fa-sm {
    font-size: .75em;
}

.container.bg_dark {
    /*background-color: #1d1d1d;*/
    color:#222222;
}

.container.bg_light {
    background-color: #EBEBEB;
    color:#222222;
}

.container.bg_light .form-control {
    color:#222222;
    border: 1px solid #222222;
}

.container.bg_light a {
    color:#222222;
}

.container.bg_light input[type=password] {
    border: 1px solid #222222;
  }

.container.bg_light input[type=text] {
    border: 1px solid #222222;
  }


.container.bg_white {
    background-color: #FFFFFF;
    color:#222222;
}

.container.bg_white .form-control {
    color:#222222;
    border: 1px solid #222222;
}

.container.bg_white a {
    color: #555;
    text-decoration: none;
    text-transform: uppercase;
}

.container.bg_white a:hover {
    color:#000000;
}

.container.bg_white .input-group-addon {
    color:#117F66;
    background-color:#ffffff
}

.container.bg_white input[type=password] {
    border: 1px solid #222222;
  }

.container.bg_white input[type=text] {
    border: 1px solid #222222;
  }

 .mytooltip .mytext {
    visibility: hidden;
    background-color: #117F66;
    color: #fff;
    z-index: 1;
    text-align: center;
    border-radius: 6px;
    padding: 10px 15px 10px 15px;
    position: fixed;
    left: 10px;
 }

 .mytooltip {
    position: relative!important;
    display: inline-block;
 }

 .mytooltip:hover .mytext {
     visibility: visible;
 }

label sup.fa-asterisk {
    top: -1em;
}

@media (min-width: 768px) {
    .container.bg_dark {
        padding-bottom: 15px;
    }
}

@media (min-width: 769px) {
    .messaging {
        margin-top: 251px;
        margin-bottom: -1.125rem;
        width:100%;
        padding-right:20px;
        padding-left:20px;
    }

    .messaging-tall {
        margin-top: 340px;
    }
}

@media (min-width: 1442px) {
    .messaging {
        margin-top: 196px!important;
    }
}


@media (max-width: 768px) {
    .messaging {
        margin-top: 50px;
    }

    .messaging-tall {
        margin-top: 180px;
    }

    .mobile-top {
        margin-top: 90px;
    }

    .mobile-top-stylist {
        margin-top: 120px;
    }

    .mobile-top-catalog {
        margin-top: 160px;
    }

    .mobile-top-login {
        margin-top: 120px;
    }

    .mobile-top-salonshop {
        margin-top: 120px;
    }
}

@media (min-width: 769px) {
    .mobile-top {
        margin-top: 195px;
    }
    .mobile-top-statement {
        margin-top: 34px;
    }

    .mobile-top-stylist {
        margin-top: 210px;
    }

    .mobile-top-catalog {
        margin-top: 200px;
    }

    .mobile-top-login {
        margin-top: 210px;
    }

    .mobile-top-login {
        margin-top: 210px;
    }
    .mobile-top-salonshop {
        margin-top: 237px;
    }
}

.messaging-login {
    margin-top: 170px;
    margin-bottom: -1.125rem;
    width:100%;
    padding-right:20px;
    padding-left:20px;
}

.container.bg_dark form.form-horizontal .input-group .input-group-addon {
    border: none;
    background-color: transparent;
}

.has-error .control-label,
.has-error .input-group-addon,
.has-success .control-label,
.has-success .input-group-addon {
    color: unset;
}

.container.bg_dark legend {
    border-bottom: 1px solid #fefefe;
    color: #fefefe;
}

.container.bg_dark .btn-default:hover {
    color: #000;
    text-shadow: 0 1px 0 #333;
}


.carousel-control.left {
    display: none;
    left: -30px;
}

.carousel-control.right {
    display: none;
    left: auto;
    right: -30px;
}


.cart_checkout_termsbox label {
    padding-left: 0px;
}

.form-group.point-balance-total {
    border-top: 1px solid #1d1d1d;
}

.cart_checkout_place_order.checkbox input[type=checkbox] {
    position: unset;
    margin-left: unset;
}


body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.tbl-overflow {
    overflow-x: auto;
}

.limit-exceeded {
    display:none;
}

.point-strikethrough {
    text-decoration:line-through;
}

.missing-profile {
    border-color:#a94442;
}

.welcome-banner {
    margin: 19rem auto;
}

.special-news {
    color:#000;
}

.special-news-news {
    color:#000;
    padding-top:10px;
}

/*
.reward-tile {
    margin-right:-45px;
}
*/
.column {
    float: left;
    width: 33.33%;
    padding: 10px;
  }

  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      width: 100%;
    }
    #catalogitem-addbag{
        width: 35%;
        margin-left: 85px;
    }
  }

welcome-panel account-pane
.oribe-container h1 {
    color:#222222;
    font-weight:bold;
}


.oribe-container h3 {
    color:#222222;
}


.oribe-container .btn-filter {
    margin:.5em 0;
    padding:1em 3em;
    text-transform:uppercase;
    border-color: #000;
    color: #000;
}

.clone-black {
    color:#000;
    font-size:16px;
    text-align:center;
}

.heart-filled {
    color:#999999!important;
    font-size:22px;
    padding-top:8px;

}

.heart-filled-item {
    color:#999999;
    font-size:20px;
}

.heart-grey {
    color:#777;
    font-size:22px;
}

.heart-black {
    color:black;
    font-size:17px;
}

.heart-black-item {
    color:black;
    font-size:20px;
}

.heart-black:hover{
    color:grey;
}

.heart-black-item:hover{
    color:grey;
}

.heart-filled:hover{
    color:grey;
}

.heart-filled-item:hover{
    color:grey;
}

.heart-outline {
    font-size:22px;
    padding-top:8px;
    color: #999999!important;
}

.cart-green {
    color:#17987A;
    font-size:20px;
}

.product-heart {
    color:#999999;
}

.product-favorites {
    text-align:right!important;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height:170px;
    background-position:center;
}

.product-icon {
    text-align:right!important;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    background-position:center;
    background-color: #FFFFFF;
    padding-top:10px;
    margin-top: 15px;
}

.quantity-input {
    padding-top:27px;
}

.quantity-input input[type=text] {
    width:60px;
    height:40px;
    border: 1px solid #222222;
    color: #222222;
    background-color:#ffffff;
    margin-right:10px;
    text-align:center;
}

.request-notification {
    color:#17987A!important;
    font-weight:bold;
}

.date-label {
    width:10%;
}

@media (max-width: 767px) {
    .date-label {
        width:50%;
    }
}

.plan .points-display {
    height:43px;
}

.plan .no-favorites {
    height:44px;
}

.plan .favorite-display {
    height:44px;
}

.plan .add-to-cart {
    height:106px;
}

.plan .add-to-favorite a {
    display: inline-block;
    margin-right: .5em;
    padding: .25em .5em;
}


table.sortable.show-arrow th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE"
}

.upper{  text-transform: uppercase; }


.darkgrey-background {background-color:#FFFFFF;}
.darkgrey-background a {color:#222222;}
.darkgrey-background a:hover {color:#fff}

 /* Extra small devices (phones, 600px and down) */
 @media (max-width: 600px) {
    .resource-box {
        width: 190px;
        height: 25px;
        border-style: solid;
        margin-right:50px;
        border-color: #999999;
        border-width: 2px;
    }
    .resource-image {
        margin-top:8px;
    }
    .resource-image-kms {
        margin-top:4px;
    }

    .resource-image-oribe {
        margin-top:4px;
    }
}

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media (min-width: 600px) {
    .resource-box {
        width: 190px;
        height: 86px;
        border-style: solid;
        margin-right:50px;
        border-color: #999999;
        border-width: 2px;
    }
    .resource-image {
        margin-top:32px;
    }
    .resource-image-kms {
        margin-top:20px;
    }

    .resource-image-oribe {
        margin-top:21px;
    }
}

 /* Medium devices (landscape tablets, 768px and up) */
 @media (min-width: 768px) {
    .resource-box {
        width: 190px;
        height: 91px;
        border-style: solid;
        margin-right:50px;
        border-color: #999999;
        border-width: 2px;
    }
    .resource-image {
        margin-top:32px;
    }
    .resource-image-kms {
        margin-top:20px;
    }

    .resource-image-oribe {
        margin-top:21px;
    }
}

 /* Large devices (laptops/desktops, 992px and up) */
 @media (min-width: 992px) {
    .resource-box {
        width: 190px;
        height: 175px;
        border-style: solid;
        margin-right:50px;
        border-color: #999999;
        border-width: 2px;
    }
    .resource-image {
        margin-top:68px;
    }
    .resource-image-kms {
        margin-top:50px;
    }

    .resource-image-oribe {
        margin-top:50px;
    }
}

 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media (min-width: 1200px) {
    .resource-box {
        width: 190px;
        height: 175px;
        border-style: solid;
        margin-right:50px;
        border-color: #999999;
        border-width: 2px;
    }
    .resource-image {
        margin-top:68px;
    }

    .resource-image-kms {
        margin-top:50px;
    }

    .resource-image-oribe {
        margin-top:50px;
    }
}

.top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.skipNav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipNav {display: block} /*Switch on for IE6 and below*/
*+html .skipNav {display: block} /*Switch on for IE7*/
:root .skipNav {display: block} /*Switch on for Moz, FF and Safari*/
.skipNav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipNav a {width: 26em; display:block; color: rgb(187, 162, 162)!important; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipNav a:visited {color: #fff!important}
.skipNav a:focus, .skipNav a:active {z-index: 99; top: -3em; left: 0; border: solid #777 2px; color: #fff!important; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/

.skipNav a:hover {cursor: default}


.skipTarget {width: 1px; height: 1px; overflow: hidden; float: right}

@media (max-width: 768px) { .cart_number { top: 10px !important; } }
@media (min-width: 768px) { .cart_number { color: white; font-weight: bold; position: absolute; top: 10px; right: -3px; font-size: 11px !important; height: 18px; width: 18px; text-align: center; background: #777; border-radius: 50%; display: block; display: inline-flex; justify-content: center; align-items: center; } }
@media (max-width: 768px) { .cart_number { color: white !important; font-weight: bold; position: absolute; text-align: center; top: 10px; right: 254px; height: 18px; width: 18px; padding: 0px; background: #777; border-radius: 50%; font-size: 11px !important; z-index: 99999; } }