﻿.custom-select {
    position: relative;
    font-family: Arial;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: white;
}
.padding-top-20 {
    padding-top:20px;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.txtMaxWidth {
    max-width:300px;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 901;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 17px 29px -7px rgba(0, 0, 0, .29);
    max-height: 500px;
    overflow: scroll;
}
.w-dropdown{/*z-index:100;*/}
    .w-dropdown.nozindex {z-index:inherit;
    }
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.text-red {
    color: red;
}

.activityTable table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
    .activityTable table td, .blueTable table th {
        border-bottom: 1px solid #333;
        padding: 15px 4px;
    }
    .activityTable table tbody td {
        /* font-size: 15px; */
    }
    .activityTable table thead {
        background: #eee;
        border-bottom: 4px solid #333;
    }
        .activityTable table thead th {
            font-size: 15px;
            font-weight: bold;
            line-height: 16px;
            color: #333333;
            border-left: 2px solid #fff;
            padding: 20px 15px;
        }
.tableContainer {
    overflow: auto;
}
    .tableContainer table {
        border: solid 1px #eee;
    }
    .tableContainer table a{
        font-family:inherit;
        font-size:inherit;
    }
.gridTable {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
    .gridTable td, .gridTable th {
        border-bottom: 1px solid #333;
        padding: 15px 4px;
    }
    .gridTable th {
        background: #eee;
        border-bottom: 4px solid #333;
        font-size: 15px;
        font-weight: bold;
        line-height: 16px;
        color: #333333;
        border-left: 2px solid #fff;
        padding: 20px 15px;
    }    

.card-reload-dropdown-field-style-example {
    width: 100%;
    margin-bottom: 15px;
    border: 1px none #ccc;    
    display: block;
    width: 100%;
    height: 78px;
    height:inherit;
    margin: 0px auto 31px;
    padding-top: 24px;
    padding-bottom: 15px;
    padding-bottom: 14px;
    padding-left: 0px;
    border-style: solid;
    border-width: 0px 0px 4px;
    border-color: #000 #000 #232323;
    background-color: transparent;
    font-family: 'Gilroy webfont', sans-serif;
    color: #232323;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
}
    .card-reload-dropdown-field-style-example .select-items {
        border-radius: 5px;
        background-color: #fff;        
        background: white;
        min-width: 100%;
    }
    .card-reload-dropdown-field-style-example .select-selected{
        border:0;
    }
        .card-reload-dropdown-field-style-example .select-items div {
            padding-top: 18px;
            padding-bottom: 18px;
            font-family: 'Gilroy webfont', sans-serif;
        }
.arrow-link.line-above{
    border-radius:0;
}
.productimage {
    min-height: 1px;
    min-width: 1px;
}
.news-post-title-brizo {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  font-family: 'HTF Didot';
  font-size: 19px;
  line-height: 21px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}
.news-post-title-delta {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  color:#fff;
  font-family: 'Trade Gothic LT Bold Two';
  font-size: 19px;
  line-height: 21px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
}

.news-posttitle-featured-delta {
  display: inline-block;
  width: 100%;
  font-family: 'Trade Gothic LT Bold Two';
  color: #fff;
  font-size: 28px;
  line-height: 130%;
  font-weight: 500;
  text-decoration: none;
}
.news-posttitle-featured-delta:hover {
  color: #e6c469;
}
.news-posttitle-featured-delta.starter:hover {
  color: #df955a;
}
.news-posttitle-featured {
  display: inline-block;
  width: 100%;
  font-family: 'Gilroy webfont';
  color: #fff;
  font-size: 28px;
  line-height: 26px;
  font-weight: 500;
  text-decoration: none;
}
.news-posttitle-featured:hover {
  color: #e6c469;
}
.news-posttitle-featured.starter:hover {
  color: #df955a;
}

.news-post-list-title-delta {
  width: 100%;
  font-family: 'Trade Gothic LT Bold Two';
  font-size: 37px;
  font-style: normal;
  font-weight: 800;
  text-decoration: none;
  line-height:130%;
  text-transform: uppercase;
}
.news-post-list-title-delta:hover {
  color: #e6c469;
}
.news-post-list-title-delta.starter:hover {
  color: #df955a;
}
.news-post-list-title-delta.white {
  color: #fff;
}
.news-post-list-title-delta.white:hover {
  color: #e6c469;
}

.news-post-list-title-brizo {
  width: 100%;
  font-family: 'HTF Didot';
  color: #000;
  font-size: 37px;
  font-style: normal;
  font-weight: 800;
  text-decoration: none;
  font-style:italic;
  text-transform: uppercase;
}
.news-post-list-title-brizo:hover {
  color: #e6c469;
}
.news-post-list-title-brizo.starter:hover {
  color: #df955a;
}
.news-post-list-title-brizo.white {
  color: #fff;
}
.news-post-list-title-brizo.white:hover {
  color: #e6c469;
}
.dropdown-toggle {
    padding-bottom: 12px;
}
.GVFixedHeader {
    background-color: white;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
}

.table-fixed thead {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background: #eee;
    /*border-bottom: 4px solid #333;*/
}

/*This will work on every browser*/
    .table-fixed thead th {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 999;
        background: #eee;
        border-bottom: 4px solid #333;
        border-left:0;
    }
.activityTable .table-fixed thead th {
    border-left:0;
}
.card-reload-dropdown-field-style-example {
    border-radius: 0;
}
.w-input {
    border-radius: 0;
}
.no_paddingbtm{
    padding-bottom:0;
}
._3-col.impressionistas { 
  -webkit-box-flex: 0;
  -webkit-flex: 0 24.9%;
  -ms-flex: 0 24.9%;
  flex: 0 24.9%;
}
._5_11-col {
    width: 45.45454%;
    display: block;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    text-align: left;
}
._5_11-col.feat-news {
    position: relative;
    padding-left: 0px;
}
._1_11-col {
    width: 9.0909%;
    display: block;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    text-align: left;
}
.slider-post-title-brizo.notlink:hover {
    color: inherit;
}
.slider-post-title-delta.notlink:hover {
    color: inherit;
}
.slider-post-title-neutral.notlink:hover {
    color:inherit;
}
.w-dropdown-link.w--current {
    color: #e6c469;
}
.impressionista-list-name {
    text-transform: uppercase;
}
.imp_name {
    text-transform: uppercase;
}
.acct-name.divName {
    text-transform: uppercase;
}
.float-right {
    float:right;
}
.float-left{
    float:left;
}
.right-align{
    text-align:right;
}
.left-align{
    text-align:left;
}
.no-margin{
    margin:0;
}
.no-topmargin {
    margin-top: 0 !important;
}
.w-tab-link.w--current {
    color: #000000;
}
    .w-tab-link.w--current, .w-tab-link.w--current:active {
        color: #fff;
    }
.login-submit {
font-family:inherit;
}
.w-quarter {
    display: block;
    width: 25%;
    margin-right: 0px;
    float: left;
}
.w-third {
    display: block;
    width: 33.33333%;
    margin-right: 0px;
    float: left;
}
.button.first {
    margin-right:15px;
}
.bg-gray {
    background-color: #f5f5f5;
}

.claimSearch {
        padding-top: 0px;
    padding-right: 25px;
    padding-left: 25px;
    background-color: #f5f5f5;
}

    .claimSearch .summary-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 26px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        border-style: none none solid none;
        border-width: 1px;
        border-color: #c3c3c3 #c3c3c3 #c3c3c3 #b5b3b3;
    }
.summary-box.last {
    border-color: none;
    border-style: none none none none;
}

.date-a-3 {
  display: block;
  width: 25%;
  margin-right: 0px;
  float: left;
}

.date-a-4 {
    display: block;
    width: 20%;
    margin-right: 0px;
    float: left;
}
.date-a-0 {
    display: block;
    width: 100%;
    margin-right: 0px;
    float: left;
}

._3-col.card-form-left {
  margin-bottom: 30px;
  padding-right: 15px;
}

._3-col.card-form-right {
  margin-bottom: 30px;
  padding-left: 15px;
}

.display-claim-alert {
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 850px) {
    ._6-col.left-upperfooter {
    width: 100%;
    padding-right: 0px;
    border-right-style: none;
  }
  ._6-col.right-upper-footer {
    width: 100%;
    margin-top: 28px;
    padding-left: 0px;
  }
  ._6-col.right-upper-footer.leftfooter {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
    .claimSearch ._8-col.th-form {
        width: 80%;
    }

    .claimSearch ._4-col.th-form {
        width: 20%;
    }

    .date-a-4 {
        width: 50%;
    }

}
@media (max-width: 479px) {
    .claimSearch ._8-col.th-form {
        width: 100%;
    }
    .claimSearch ._4-col.th-form {
        width: 100%;
    }
    .date-a-3 {
        width: 100%;
    }
    .date-a-4 {
        width: 100%;
    }
    .SelectedDateRange::before {
    content:'\A';}
}

@media screen and (min-width: 992px) and (max-width:1159px) {

    .card-reload-dropdown-field-style-example .select-selected {
        font-size:18px;
    }
}
/* --------------------------------------------------------
    ----------Style related to tier level color ----------
   --------------------------------------------------------*/
.dropdown-toggle.starter{border-color:#DF955A;}
.dropdown-toggle.starter .text-block-6,.dropdown-toggle.starter .text-block-7{color:#DF955A;}
.dropdown-toggle.silver{border-color:#D8D4CB;}
.dropdown-toggle.silver .text-block-6,.dropdown-toggle.silver .text-block-7{color:#D8D4CB;}
.dropdown-toggle.platinum{border-color:#DBDFE2;}
.dropdown-toggle.platinum .text-block-6,.dropdown-toggle.platinum .text-block-7{color:#DBDFE2;}

._6-col.newlist.starter{border-left: 4px solid #DF955A;}
._6-col.newlist.silver{border-left: 4px solid #D8D4CB;}
._6-col.newlist.platinum{border-left: 4px solid #DBDFE2;}

._6-col.promotlists.starter{border-right: 4px solid #DF955A;}
._6-col.promotlists.silver{border-right: 4px solid #D8D4CB;}
._6-col.promotlists.platinum{border-right: 4px solid #DBDFE2;}

.upper-foooter-wrapper.starter {border-top: 4px solid #DF955A;}
.upper-foooter-wrapper.silver {border-top: 4px solid #D8D4CB;}
.upper-foooter-wrapper.platinum {border-top: 4px solid #DBDFE2;}

.button.starter:hover {background-image: radial-gradient(circle farthest-corner at 32% 46%, #f8cea6, #f8b778 27%, #d27e3c 83%, #b47643 98%);color: #232323;}
.button.silver:hover{background-image: radial-gradient(circle farthest-corner at 32% 46%, #f8f6f1, #f8f5ec 26%, #d2cec2 75%, #b4b1a9 98%);color:#232323;}
.button.platinum:hover{background-image: radial-gradient(circle farthest-corner at 32% 46%, #f7f8f8, #f2f5f8 23%, #c9cfd2 74%, #aeb2b4 98%);color:#232323;}

.arrowbutton-gray.starter:hover {background-image: radial-gradient(circle farthest-corner at 32% 46%, #f8cea6, #f8b778 27%, #d27e3c 83%, #b47643 98%);color: #232323;}
.arrowbutton-gray.silver:hover{background-image: radial-gradient(circle farthest-corner at 32% 46%, #f8f6f1, #f8f5ec 26%, #d2cec2 75%, #b4b1a9 98%);color:#232323;}
.arrowbutton-gray.platinum:hover{background-image: radial-gradient(circle farthest-corner at 32% 46%, #f7f8f8, #f2f5f8 23%, #c9cfd2 74%, #aeb2b4 98%);color:#232323;}

.textlink.starter:hover {color: #DF955A;}
.textlink.silver:hover {color: #D8D4CB;}
.textlink.platinum:hover {color: #DBDFE2;}

.footer-headline.starter:hover {color: #DF955A;}
.footer-headline.silver:hover {color: #D8D4CB;}
.footer-headline.platinum:hover {color: #DBDFE2;}

.ps-no.pt-sum-no.starter {color: #DF955A;}
.ps-no.pt-sum-no.silver {color: #D8D4CB;}
.ps-no.pt-sum-no.platinum {color: #DBDFE2;}

.arrow-link.line-above.starter {border-top: 4px solid #DF955A;}
.arrow-link.line-above.silver {border-top: 4px solid #D8D4CB;}
.arrow-link.line-above.platinum {border-top: 4px solid #DBDFE2;}

.arrow-link.line-above.starter:hover {color: #DF955A;}
.arrow-link.line-above.silver:hover {color: #D8D4CB;}
.arrow-link.line-above.platinum:hover {color: #DBDFE2;}

a.starter:hover,.arrow-link.starter:hover {color: #DF955A;}
a.silver:hover,.arrow-link.silver:hover {color: #D8D4CB;}
a.platinum:hover,.arrow-link.platinum:hover {color: #DBDFE2;}

._6-col.news-article-content-preview.starter {border-right: 4px solid #DF955A;border-left: 4px none #DF955A;}
._6-col.news-article-content-preview.silver {border-right: 4px solid #D8D4CB;border-left: 4px none #D8D4CB;}
._6-col.news-article-content-preview.platinum {border-right: 4px solid #DBDFE2;border-left: 4px none #DBDFE2;}

.news-post-list-title.starter:hover {color: #DF955A;}
.news-post-list-title.silver:hover {color: #D8D4CB;}
.news-post-list-title.platinum:hover {color: #DBDFE2;}

.news-post-list-title.white.starter:hover {color: #DF955A;}
.news-post-list-title.white.silver:hover {color: #D8D4CB;}
.news-post-list-title.white.platinum:hover {color: #DBDFE2;}

.current-points.starter{color: #DF955A;}
.current-points.silver{color: #D8D4CB;}
.current-points.platinum{color: #DBDFE2;}

.sort-letters.sl-btn.selected.starter {border-color: #DF955A;background-color: #DF955A;color:#232323;}
.sort-letters.sl-btn.selected.silver {border-color: #D8D4CB;background-color: #D8D4CB;color:#232323;}
.sort-letters.sl-btn.selected.platinum {border-color: #DBDFE2;background-color: #DBDFE2;color:#232323;}

.tab.w--current.starter {background-color: #DF955A;color:black;}
.tab.w--current.silver {background-color: #D8D4CB;color:black;}
.tab.w--current.gold {color:black;}
.tab.w--current.platinum {background-color: #DBDFE2;color:black;}

.max-width-1600.newsarea.starter {border-top: 4px solid #DF955A;}
.max-width-1600.newsarea.silver {border-top: 4px solid #D8D4CB;}
.max-width-1600.newsarea.platinum {border-top: 4px solid #DBDFE2;}